/*--   Main Site Navigation  --*/

#nav_main_wrap {
	background:#000 url(../images/mainnavback_new.jpg) repeat-x;
	position:absolute;
	top:15px; /* Adjust height of background bar for center top menu About HAO */
	left:0px;
	width:100%;
	height:47px; /*was 43px; on 8/1/2012*/
	z-index:2;
	_margin:-5px 0px;
	_overflow:hidden;
}

#nav_main {
	/* width:860px; */
	width: 970px; /* Adjust this width to center top menu "About HAO, etc." */
	margin:5px auto;
	height:40px;
	padding:0px;
	z-index:3;
}

#nav_main_wrap2 {
	position:absolute;
	top:61px; /* was 15px Adjust height of background bar for center top menu About HAO */
	margin-left:auto;
	margin-right:auto;
	width:978px;
	height:auto;
}

#nav_main2 {
	width:780px; /* Adjust this width to center top menu "About HAO, etc." */
	_width:800px; /* For IE6 */
	margin:5px auto;
	height:40px;
	padding:0px;
	z-index:3;
}

/*--   drop lists  --*/

#menubar_main {
	width:998px;
	z-index:1; /*was 4*/
}

#menubar_main, #menubar_main ul {
	padding:8px 0px; /*menu list across top:vertical alignment*/
	_padding:10px 0px;
	margin:0;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:.03em;
	z-index:1;
}

#menubar_main a {
	display:block;
	text-decoration:none;
	padding:0px 0px 0px 0px; /*size of menu box*/
	/* font-size:8pt; */
	font-size: 10pt;
	color:#ccc;
	height:25px;  /*height of blue drop down boxes*/
}

#menubar_main a.triggeron {
	padding:5px 16px 0px 10px;
	color:#ddd;
	font-weight:bold;
	/* background-image:url(/images/menu_downarrow_gray.png);
	background-repeat:no-repeat; */
	/* color:#f09c4e; */
	
}

#menubar_main a.trigger {
	padding:5px 16px 0px 10px;
	/* background-image:url(../images/menu_downarrow_gray.png);
	_background-image:none; */
	background-repeat:no-repeat;
	background-position:right center;
}

#menubar_main li {
	float:left;
	width:9em;
}


#menubar_main li ul li {
	/* font-size:7pt; */
	font-size: 10pt;
	line-height:12pt;
	float:none;
	text-align:left;
}

#menubar_main li {position:relative;}

/* hide from IE mac \*/
#menubar_main li {position:static; width:auto;}
/* end hiding from IE5 mac */

#menubar_main li ul, #menubar_main ul li  {
	width:250px;
	padding:0px;
	margin:0px;
}

#menubar_main ul li a  {
	text-decoration:none;
	/* color:#565656; */
	color: #fff;
	padding-left: 10px;
	/* border-bottom:1px solid #eee; */
	margin: 6px 0px 6px 0px;;
	height:auto;
	z-index:30;
	width:auto;
}

#menubar_main li ul {
	position:absolute;
	display:none;
	/* background-color:#666ea0; */
	background-color: #223F85; /*menu box background color*/	
	/* background-image:url(../images/MK4transparentBckgrnd.png); */ /*menu box background image*/
	/* background-repeat:no-repeat;
	border-right:2px solid #666ea0;
	border-bottom:2px solid #666ea0;
	border-left:2px solid #666ea0;   */
	padding:2px 0px 2px 0px; /*each menu entry*/
	/*background-repeat:repeat-x;*/
	z-index:1000;

}

#menubar_main li:hover a, #menubar_main a:focus,
#menubar_main a:active {
	color:#fff;
	/* background-color:#eee; */
	background-color: #F6921E;
	text-decoration:none;
}


#menubar_main li:hover ul {
	display:block;
}

/*  use this class (.dropleft) and adjust the margin-left so that drop downs on far right buttons don't scroll outside of the viewable area  */

#menubar_main li:hover ul.dropleft {  
	display:block;
	margin-left:-184px;
}

#menubar_main li:hover ul.dropleft ul {  
	display:block;
	margin-top:0px;
	margin-left:-12px;
}

#menubar_main li:hover ul a {
	color:#fff;
	background-color:transparent;
}

#menubar_main ul a:hover {
	/* background-color:#eee!important;
	color:#336!important; */
	background-color: #F6921E!important;}

/*### Leftnav ###*/
#leftnav {
	float:left;
	width:180px;
	height:auto;
	margin:0px 10px 0px 0px;
	padding:0px;
	text-align:left;
}

#leftnav ul {
margin:0;
padding:0;
list-style-type:none;
font:normal normal normal 9pt/11pt Verdana, Arial, sans-serif;
}

#leftnav li {
	margin:0 0 10px 0;  /* was bottom 3px */
}

#leftnav a {
display:block;
padding:3px 2px 3px 24px;
border:1px solid #7c7878;
width:160px;
background-color:#999;
background-image:url(../images/leftnav_buttonOFF.png);
}

#leftnav a:link, #navleft a:visited {
color:#322f2f;
text-decoration:none;
}

#leftnav a:hover {
	border:1px solid #7c7878;
	background-color:#CCC;
	background-image:url(../images/leftnav_buttonON.png);
	color:#322f2f;
}

#leftnav a.current {
	border:1px solid #7c7878;
	background-color:#CCC;
	background-image:url(../images/leftnav_buttonON.png);
	color:#322f2f;
}

/*### Leftnav2 ###*/

#leftnav2 {
    clear:left;
	float:left;
	width:160px;
	height:auto;
	margin:0px 10px 0px 20px;
	padding:0px;
	text-align:left;
	}

#leftnav2 ul {
margin:0;
padding:0;
list-style-type:none;
font:normal normal normal 9pt/11pt Verdana, Arial, sans-serif;
}

#leftnav2 li { 
	margin:0 0 3px 0; 
	}

#leftnav2 a {
	display:block;
	padding:3px 2px 3px 24px;
	border:1px solid #7c7878;
	width:160px;
	background-color:#999;
	background-image:url(../images/leftnav_buttonOFF.png);
}

#leftnav2 a:link, #navleft a:visited {
	color:#322f2f;
	text-decoration:none;
}

#leftnav2 a:hover {
	border:1px solid #7c7878;
	background-color:#F60;
	background-image:url(../images/leftnav_buttonON.png);
	color:#322f2f;
}

#leftnav2 a.current {
	border:1px solid #7c7878;
	background-color:#FF6600;
	background-image:url(../images/leftnav_buttonON.png);
	color:#322f2f;
}

/*pop up text box*/
#popuptextbox {
	position:relative;
	padding:9px;
	border:1px dotted #999;
	background:#fff;
	margin-bottom:20px;
}
#popuptextbox a {
	display:inline;
	padding:2px 9px 2px 9px;
	text-decoration:none;
	color:maroon;
	background:#ececec;
}
#popuptextbox a:hover {
	background:white;
	text-decoration:none;
}

#popuptextbox a span {
	display:none;
}
#popuptextbox a:hover span {
	display:inline;
	position:absolute;
	top:0;
	left:90px;
	padding:5px 15px 5px 0px;
}

