@charset "utf-8";
/* CSS Document */

ul.topnav {
	
     
   /* padding: 0 20px;  
    margin: 0;  
    float: left;  
    width: 920px;  
    background: #222;  
    font-size: 1.2em;  
    background: url(../images/bg-nav.png) no-repeat;*/
	
	position: relative;
	list-style: none; 
	clear: both;
	line-height: 27px;
	font-weight: bold;
	background: url(../images/bg-nav.png) no-repeat;
	_background: url(../images/bg-nav.jpg) no-repeat;
	height: 33px;
	margin: 0 0 0 10px;
	z-index: 1000;
}  
ul.topnav li {  
   /* float: left;  
    margin: 0;  
    padding: 0 15px 0 0;  
    position: relative;*/ /*--Declare X and Y axis base for sub navigation--*/  
	
	float: left;
	position: relative;
	margin: 0 6px;
	padding: 0 8px;
	height: 33px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #dfdfdf;
	text-decoration: none;
	cursor: pointer;
}  
ul.topnav li:hover {
	background: url(../images/bg-nav_link-hover.png) repeat-x;
	_background: url(../images/bg-nav_link-hover.jpg) repeat-x;
}
ul.topnav li a{
    color: #dfdfdf;  
    display: block;  
    text-decoration: none;  
    float: left;  
}  
ul.topnav li a:hover{
      
}  
ul.topnav li span { /*--Drop down trigger styles--*/
    width: 17px;  
    height: 27px;  
    float: left;  
    background: url(../images/nav/subnav_btn2.gif) no-repeat center top;  
}  
ul.topnav li span.subhover {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: 33px;   
    margin: 0; padding: 0;  
    display: none;  
    float: left;  
    width: 200px;
}  
ul.topnav li ul.subnav li{  
    margin: 0; padding: 0;  
    clear: both;  
    
	background: url(../images/nav/bg_subnav.png);
	_background: url(../images/nav/bg_subnav.jpg);
	border-bottom: solid 1px #FFF;
	height: 27px;
	line-height: 27px;
	
}  
html ul.topnav li ul.subnav li a {  
    float: left;
	width: 180px;
    padding-left: 20px;  
}  
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/ 
	background: url(../images/nav/right_arrow.png) no-repeat 7px 6px;
	_background: none;
	height: 100%;
}

.show_green-subnav {background: url(../images/bg-nav-sub-green-hover.png) repeat-x !important;}
.show_red-subnav {background: url(../images/bg-nav-sub-red-hover.png) repeat-x !important;}
.show_blue-subnav {background: url(../images/bg-nav-sub-blue-hover.png) repeat-x !important;}
.show_orange-subnav {background: url(../images/bg-nav-sub-orange-hover.png) repeat-x !important;}
.show_purple-subnav {background: url(../images/bg-nav-sub-purple-hover.png) repeat-x !important;}