﻿/* -------- toptopnav ------ */

#topnav, #topnav ul, #topnav li { /* all lists */
	list-style: none;	
	z-index:100;
}

#topnav li:hover, #topnav li.hover {  
   position: static;
} 

ul#topnav 
{	width:970px; 
 	height: 20px; 
    z-index:99; 
    /*float:right;*/ 
    background-color:#1b507c; 
    overflow:hidden;
}
    
ul#topnav a {
	display: block;
	overflow:hidden;
	z-index:100;
	text-align:center;
	line-height:20px;
	vertical-align:middle;
	padding-left:8px;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
}

ul#topnav li li a 
{
	width:150px;
	vertical-align:middle;
	padding:0px 3px 0px 8px;
	color:#484848;
	font-weight:bold;
	font-size:11px;
	line-height:13px;
	z-index:100;
	text-align:left;
}
	
#topnav li { /* all list items */
	float: left;
	margin:0px;
	padding-left:10px;
	z-index:100;
	line-height:20px;
	vertical-align:middle;	
}

#topnav li ul { /* second-level lists */
	position: absolute;
	width: 160px;
	margin-left:-8px;
	padding-top:0px; 
	left: -999em; 
	z-index:100;
}

#topnav .lastItem li { /* contact us second-level lists */
	width: 100px;
	margin-left:-10px;
}

#topnav .lastItem li a{ /* contact us second-level lists */
	width: 90px;
}

#topnav li li
{
		background-color:#f4f2e8;
		border:solid 1px #adc5e6;
		border-top:none;
		padding-top:4px;
		padding-bottom:4px;
		padding-left:6px;
}

#topnav a:hover 
{
	background-image: url(/images/elements/pointer-blue.jpg);
	background-repeat:no-repeat; 
	background-position:center left;
	overflow:hidden;
	color:#d37200; 
	text-decoration:none;
}

#topnav li li a:hover 
{
	background-image: url(/images/elements/pointer-trans.png);
	background-repeat:no-repeat; 
	background-position:center left;
}

#topnav li a:hover {color:#d37200; text-decoration:none;}
#topnav li a:visited {}

#topnav li ul li:first-child 
{
		border-top:solid 3px #ffa200;
}

/*#topnav li ul.leftmenu { /* contact-us list */
/*	margin: 0 0 0 -35px;
	z-index:100;
}

#topnav li ul.leftmenu li { /* contact-us list */
/*	width:120px;
}*/

#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li.sfhover ul ul, #topnav li.sfhover ul ul ul {
	left: -999em;
	z-index:100;
}

#topnav li:hover ul, #topnav li li:hover ul, #topnav li li li:hover ul, #topnav li.sfhover ul, #topnav li li.sfhover ul, #topnav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	z-index:100;
}