/* CSS Document */

ul.topnav {
list-style: none;
	margin: 0 auto;
	float: left;
	width: 971px;
	/*background: #222;*/
	font-size: 1.2em;
	background:url(../images/menubar.jpg) repeat-x;
	padding-top:2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	height:55px;
}   
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0px;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #002542;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	text-decoration:none;
	height:53px;
}
ul.topnav li a{
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
	width:auto;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	/*background-image: url(images/menubg.gif);
	background-repeat: repeat-x;
	background-position: left top;*/
}   
ul.topnav li a:hover{
	/*background-color:#222222;   
    background: url(images/topbultarrow2.gif) no-repeat left 35px;   */
	color:#FFCC33;
	text-decoration:none;
}
ul.topnav li a.active {
	text-decoration:none;
	color:#FFCC33;
}   
ul.topnav li span { /*--Drop down trigger styles--*/  
    width: 17px;   
    height: 35px;   
    float: left;   
    background: url(../images/topbultarrow21.gif) no-repeat left 15px;   
}   
ul.topnav li span.subhover {background-position: left bottom; cursor: pointer;} /*--Hover effect for trigger--*/  
ul.topnav li ul.subnav {   
    list-style: none;   
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
    left: 0; top: 52px;   
    background: #333;   
    margin: 0; padding: 0;   
    display: none;   
    float: left;   
    width: 210px;   
	z-index:20;
	
}   
ul.topnav li ul.subnav li{
	margin: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 210px;
	padding:0px;
}   
html ul.topnav li ul.subnav li a {   
    float: left;
	width: 175px;   
    background: #333 url(../images/leftarrow.gif) no-repeat 5px 14px;
	padding-left:20px;
	padding-bottom:9px;
	padding-top:9px;
}   
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/  
	background: #222 url(../images/leftarrowhvr.gif) no-repeat 5px 14px;
}