/* CSS Document */

/* THIS CSS DOC FOR SITE FORMATS WITH HORIZONTAL NAV BAR */

div#mainNav {
position:relative;
float:right;
width: 490px;
margin-right: 10px;
top: 108px;
z-index: 1;

height: 31px;
margin: 0;
padding: 0;


}

div#mainNav ul {
margin: 0px;
padding: 0px;
}

div#mainNav ul li {
margin: 1px;
margin-top:0;
padding: 0px;
}

div#mainNav ul > li:first-child {
/*display:none;*/
display: block;
}

div#mainNav ul li ul > li:first-child {
display: block;
}

div#mainNav ul li a {
display: block;
padding: 8px 22px 8px 22px;
color: #cccccc;
font-size:13px;
font-weight:bold;
text-decoration:none;
text-shadow: #333333 2px 2px 1px;
}

/* for IE6 
* html div#mainNav ul li a {
padding: 16px 22px 30px 22px;
}*/

/* for IE7 
*:first-child+html div#mainNav ul li a {
display: block;
padding: 16px 22px 30px 22px;
}*/



div#mainNav ul li a:hover {
color: #FBAC00;
}

div#mainNav ul li a.on {
background:url(../images/navtab_BG.gif) no-repeat;
background-position: center top;
color: #666666;
text-shadow: #cccccc 2px 2px 1px;
}


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

#mainNav ul li { /* all list items */
	float: left;
	position: relative;
	/*width: 1em;*/
}


/* USE IF YOU WANT TO HIDE DROPDOWNS */
div#mainNav ul li ul {
display:none;
}