body {
	background-color: #CCCCCC;
	
}

.wrapper {
  width: 800px; /* IE5.x/win sees this.. */
  voice-family: "\"}\"";
  voice-family: inherit;
  }
  
.bodycopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	line-height: 17px;
	color: #000000;
}


a:hover {
	text-decoration: underline;
	
}

.subhead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #336699;
}
.small_bodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	line-height: 13px;
	color: #000000;
}
.indented_sm_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .6em;
	line-height: 13px;
	color: #000000;
	margin: 5px;
	padding: 5px;
}



#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
	_width:1%; /* for IE6 (and some Opera browsers) - they like having a width specified, or they assume 100%, i.e. most of the screen.  IE6 and Opera will grow the root links to fit contents.  The underscore targets IE6 only. */
white-space:nowrap;
height:30px;
line-height:1.4; /* spacing between lines - no units needed */
padding:6px 12px;
background:#22558E; /* the blue from moiti.org */
color:white;
font-size:.7em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
border-right:2px white solid;
}

#nav li { /* all list items */
	float: left;

}

#nav li ul { /* second-level lists */
	position: absolute;
	background: black;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li ul a { /* This effects all links except the root nav items */
  background:black;
  color:white;
  font-size:.6em;
  width:15em; /* seems like a lot, but keep it, or sub menus line up poorly, and you won't be able to move your mouse to the submenu */
  height:auto;
  border-right-width:0; /* turn off the inherited 2px border from the root links */
  border-bottom:1px white solid;
}
#nav li ul a:hover {background:orange;} /* change color as desired */

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav-home a {border-right-width:0;} /* each root nav link has a 2px white border on the right, this takes it off the last nav item - Home */



.footer {font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	color: #000000;
}
.style2 {font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: bold;
	color: #FFFFFF;
}
.style4 {	font-family: Arial;
	font-size: .7em;
	padding: 9px;
	font-weight: bolder;
}

.home {style="padding:4px;
}

a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}