/********************************************************************/
/*                         START DROPDOWN MENU                      */
/********************************************************************/
#header {
 width:970px;
 height:45px;
 position:absolute;
 left:0;
 top:72px;
 z-index:999;
}
#headernav {
 font-family:"Trebuchet MS", helvetica, arial, verdana, tahoma, sans-serif;
 font-size: 9px !important;
 font-style: normal;
 line-height: normal;
 font-weight: bold;
 font-variant: normal;
 color: #FFF;
 text-decoration: none;
 float:left;
 position:relative;
 top:15px;
 left:0px;
 height:45px;
 z-index:998;
 background-image:url("../images/nav_wrapper_bg.jpg");
 background-repeat:repeat-x;
 width:970px;
}
#navleft {
 background-image:url("../images/nav_left_bg.jpg");
 background-repeat:no-repeat;
 height:45px;
 width:12px;
 float:left;
}
#navright {
 background-image:url("../images/nav_right_bg.jpg");
 background-repeat:no-repeat;
 height:45px;
 width:12px;
 float:right;
}
/* common styling */
.divider {
    width:1px;
    height:31px;
    background-image:url("../images/btn_divider.jpg");
    background-repeat:no-repeat;
}
.submenu {
 font-family:"Trebuchet MS", helvetica, arial, verdana, tahoma, sans-serif;
 font-size:10px !important;
 float:left;
 position:relative;
 top:0px;
 left:12px;
 margin:0px;
 z-index:997;
 word-spacing:-1px;
 clear:right;
 color:#FFF;
 text-align:center;
}
.submenu ul li.btn a {
  text-align:center;
  height:31px;
  line-height:31px;
  vertical-align:middle;
  font-size:14px !important;
}
li.btn1 { width:148px; }
li.btn2 { width:124px; }
li.btn3 { width:168px; }
li.btn4 { width:132px; }
li.btn5 { width:126px; }
li.btn6 { width:78px; }
li.btn7 { width:136px; }
.submenu ul li a {
 display:block; 
 text-decoration:none; 
 height:22px; 
 text-align:center; 
 border:1px solid #e09c3b; 
 line-height:22px; 
 vertical-align:middle;
 font-size:11px !important; 
 overflow:hidden;
 color:#FFF;
}
.submenu ul li a ul li a {
 text-decoration:none; 
 padding-bottom:2px;
 z-index:998;
}
.submenu ul li a:visited {
 display:block; 
 text-decoration:none; 
 height:31px; 
 text-align:center; 
 color:#fff; 
 line-height:31px; 
 overflow:hidden;
}
.submenu ul {
 padding:0; 
 margin:0;
 list-style-type: none; 
}
.submenu ul li {
 float:left; 
 position:relative;
}
.submenu ul li ul {
 display: none;
}

/* specific to non IE browsers */
.submenu a.current,
.submenu ul li:hover a {
 color:#000; 
 text-decoration:none;
 background:url("../images/btn_on_bg.jpg") repeat-x 0 0;
 margin-top:1px;
 height:31px;
}
.submenu ul li:hover ul {
 display:block;
 position:absolute; 
 top:31px; 
 left:0px; 
 width:170px;
 text-decoration:none;
}
.submenu ul li:hover ul li a.hide {
	background:#6a3;
	color:#fff;
	margin:0px;
	padding:0px;
	height:0px;
}
.submenu ul li:hover ul li:hover a.hide {
	background:#090; 
	color:#000;
}
.submenu ul li:hover ul li ul {
 display: none;
}
.submenu ul li:hover ul li a {
 display:block; 
 background:#F6F6F6; 
 color:#4a4743;
 text-align:left;
 padding-left:3px;
 width:170px;
 padding-bottom:0;
 vertical-align:middle;
 font-size:11px !important;
 height:22px !important;
 line-height:22px !important;
 margin-top:0;
}
/* this is to align the last drop down to the right of the  
button so as not to push out the right side of the page */
.submenu ul li.right:hover ul {
 display:block;
 position:absolute; 
 top:32px; 
 left:-39px; 
 width:170px;
 text-decoration:none;
}
.submenu ul li:hover ul li a:hover {
 background:#ffa21c; 
 color:#FFF;
}
.submenu ul li:hover ul li:hover ul {
 display:block; 
 position:absolute;
 left:105px; 
 top:0;
}
.submenu ul li:hover ul li:hover ul.left {
 left:-105px;
}
/********************************************************************/
/*                          END DROPDOWN MENU                       */
/********************************************************************/

