/*
Author: Tyler Martin
Author URI: http://mindfaucet.com/
Version: 2.7
.
The CSS, XHTML and design is released under GPL v3:
http://www.opensource.org/licenses/gpl-3.0.html
.
*/

/* STANDARD TAGS */

body {
  margin: 0;
  color: #000;
  font-size: 16px;
  font-family: 'Arial', sans-serif;
  background: white;
}

a {
  color: #800;
  text-decoration: none;
  background-color: transparent;
}
a:hover { color: #f00; }
a:focus { outline: none; }
a img { border: none; }

p { margin: 12px 0; }

img { max-width: 100%; padding: 0; }

small { font-size: 11px; }

hr {
 height: 1px;
 color: #000;
 background-color: #000;
 border: 0px;
}

code {
 padding: 10px;
 display: block;
 font-family: 'Courier New', monospace;
 border: 1px dotted #000;
 overflow: scroll;
}

/* HEADINGS */

h1, h1 a, h1 a:hover {
 padding: 10px 0 0 0;
 margin: 0;
 color: #000;
 font-size: 20px;
 font-family: 'Arial black'; /*, sans-serif; */
 font-weight: normal;
 line-height: 40px;
 text-decoration: none;
 letter-spacing: -1px;
 font-variant: small-caps;
}

h2, h2 a, h2 a:hover {
 margin: 0;
 color: #000;
 font-weight: bold;
 letter-spacing: -1px;
 font-size: 18px;
}

h2.pagetitle, h2.pagetitle a {
 padding: 0 0 5px 0;
 margin: 0 0 20px 0;
 font-family: 'Georgia', serif;
 font-size: 18px;
 font-weight: normal;
 letter-spacing: -2px;
}

h3, h3 a, h3 a:hover {
 padding: 0;
 margin: 0;
 font-size: 16px;
 font-weight: bold;
 text-align: left;
 color: #000;
 text-decoration: none;
 clear: both;
 letter-spacing: -1px;
}



/* THE PAGE WRAPPER */
/* Change this width to set the entire site's width - increase/reduce #column width by the same amount */

#page {
 min-width: 700px;
 margin: 10px auto;
 padding: 0px 20px 20px 20px;
 background: transparent;
}

#lnk {
 background: white;
}

#box {
 width: 60%;
 margin: 0px 00px 0px 50px ;
 border: none;
 background-color: #eee;
}


/* THE HEADER */
#header {
 text-align: center;
}

.description {
 padding: 0 0 10px 0;
 font-size: 16px;
 font-style: italic;
 letter-spacing: 2px;
}


/* THE MENU */

#menubar {
 background: #CC0000;
 zoom: 1; /* IE fix, allows for variable height menu  */
}

#menunav {
 float: right;
}

#menunav a  {
 /*width: 25px; */
 height: 20px;
 display: block;
 float: left;
 color: #fff;
 padding: 0px 5px;
 font-size: 16px;
 font-weight: normal;
 text-transform: uppercase;
 line-height: 20px;
 text-align: center;
 border-left: 1px solid #fff;
}

#menunav a:hover {
 background: #800;
}

#menu {
  padding: 0;
  margin: 0;
  list-style: none;
  float: left;
  line-height: 20px;
  font-size: 16px;
  text-transform: uppercase;
}

#menu a {
  padding: 0px 5px;
  display: block;
  color: #fff;
  text-decoration: none;
  border-right: 1px solid #fff;
}

#menu li {
  float: left;
}

#menu li:hover a, #menu li.sfhover a {
  color: #fff; /* Main menu highlighted text color */
}

#menu li:hover, #menu li.sfhover {
  background: #800; /* Main menu highlighted background color */
}

/* For submenu dropdowns - this order must be maintained */

#menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
  position: absolute;
  left: -9999px;
  width: 151px;
  line-height: 1;
  border-top: 1px solid #fff;
}

#menu li li {
  width: 150px;
  margin: 0 0 0 -1px;
  border-width: 0 1px 1px 1px;
  border-color: #fff;
  border-style: solid;
}

#menu li li a {
  width: 139px;
  padding: 4px 5px;
  color: #fff;
  border: none;
}

#menu li ul ul {
  margin: -21px 0 0 151px;
}
#menu li ul li:hover a, #menu li ul li li:hover a, #menu li ul li li li:hover a, #menu li ul li li li:hover a {
  color: #fff; /*Submenu highlighted text color */
}
#menu li:hover li a, #menu li li:hover li a, #menu li li li:hover li a, #menu li li li li:hover li a  {
  color: #fff; /*Submenu text color */
}
#menu li li:hover {
  background: #f00; /*Submenu highlighted background color */
}
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul, #menu li.sfhover ul ul ul ul {
  left: -9999px;
}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul, #menu li li li li.sfhover ul {
  left: auto;
  background: #222; /*Submenu background color */
  text-transform: none;
}


/* THE FOOTER */
#footer {
  padding: 20px 0;
  text-align: center;
}

/* CLEAR FLOATS */
.clear {
  clear: both;
}


/* CLEAR MARGINS */
/* Used with BR for clearing paragraph margins for Safari, Chrome - avoid background gaps */

.clear-margins {
  clear: both;
  height: 0;
  line-height: 0;
  font-size: 0;
}