
<STYLE>
<!--

.border
{font: 11px Arial, Helvetica, sans-serif; color: #000000; weight: bold; text-decoration: none; border-top: 1px solid #000000; border-bottom: 1px solid #000000;}


.border A {font: 11px Arial, Helvetica, sans-serif; color: #000000; font-weight: bold; text-decoration: none;}
.border A:link {font: 11px Arial, Helvetica, sans-serif; color: #000000; font-weight: bold; text-decoration: none;}
.border A:visited {font: 11px Arial, Helvetica, sans-serif; color: #000000; font-weight: bold; text-decoration: none;}
.border A:hover {font: 11px Arial, Helvetica, sans-serif; color: #ffffff; font-weight: bold; text-decoration: none; background-color: #979754;}
.border A:active {font: 11px Arial, Helvetica, sans-serif; color: #000000; font-weight: bold; text-decoration: none;}


#navwrapper {
 margin: 0px; 
background-color: #666;
}

#nav {
 width: 898px;
 font-size: 10px;
 text-align: center;
 list-style: none; 
 background: #666;
 font-weight: bold;
 padding: 0;
 margin: 0;

 z-index: 999;
border-bottom:1px solid #000;
border-top:1px solid #000;
}

#nav ul {
 margin: 0;
 padding: 0;
 float: left;
}

#nav li {
 float:left;
 position:relative;
 list-style-type:none;
 background-color:#666;
 border-right:1px solid #000;
}

#nav li.droparrow { /* Handles the small right drop arrow on navigation */
 background: url(images/dropdownarrow.gif) center right no-repeat;
 padding: 0px 5px 0px 0px;
}

#nav li:hover, #nav li.sfhover {
 background: #242424;
}

#nav a {
 display:block;
 padding:5px 12px;
 margin: 0px;
 text-decoration:none;
 color:#fff;
}

#nav a:hover {
	color: #FFF;
}

#nav ul li ul {
 padding: 0;
 font-size: 10px;
 position: absolute;
 width: 141px;
 left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
 font-weight: normal;
}

#nav ul li ul a {
 color:#000;
 padding: 3px 12px;
 margin: 0px;
}

#nav ul li ul li {
 text-align: left;
 width:100%;
 background-color:#EFEFEF;
 border-left:1px solid #000;
 border-bottom:1px solid #000;
 border-right:1px solid #000;
 padding:0 0 1px;
 left:-1px;
}

#nav ul li ul li.subnavspacer { /* Added to create a separating space in Quicklinks */
 text-align: left;
 color: #444;
 font-size: 50%; /* will determine the height of the box - text is invisible = background color */
 width:100%;
 background-color:#444;
 border-left:1px solid #000;
 border-bottom:1px solid #000;
 border-right:1px solid #000;
 padding:0 0 1px;
 left:-1px;
}

#nav ul li ul li:first-child {
 border-top:1px solid #fff;
 }

#nav li:hover ul, #nav li.sfhover ul {
 left: auto;
}

* html  #nav ul li ul { /* IE fix that adds a top line to drop downs in IE - can't read :first-child */
 border-top:1px solid #000;
 border-left:0px; /* stops the drop from inheriting the ul border */
}

-->
</STYLE>	
