/*--------------------------------------------------*/
/*
	This is for menu css style
*/
/*---------------------------------------------------*/

/* CSS Document - drop down menu */
/* the horizontal menu starts here */
div#listmenu {
	clear:both;
	background:url(../images/default/menu_bac.gif) repeat-x;
	height:25px;
	white-space:nowarp;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#fff;
	text-decoration:none;
	padding-left:133px;
	 _margin:0px; _border:0px;/*only valid for IE6*/
	 margin-top:-3px;
	 top:-3px;
	 position:relative; +position:static;	
	 _float:right;
}
div#listmenu ul {float:right;padding:0px;}
div#listmenu li {
	float:left;	/* causes the list to align horizontally instead of stack */
	list-style-type:none;	/* removes the bullet off each list item */
	padding:7px 7px 3px 7px; /*This adjusts the height of themenu and the spacing between root menu items */
	line-height:normal;
	background:url(../images/default/nav_line.gif) no-repeat right 10px;
}
div#listmenu li ul li:hover {
    display:block;
	background-color:#095F6B; /*Sets the background of the second menu items */
}
/*div#listmenu a {color:white;display:block;font-weight:bold;text-decoration:none;background-color:transparent;} GREEN HEADER*/
div#listmenu a {background-color:transparent;color:#303030;display:block;font-weight:bold;text-decoration:none;}/* WHITE HEADER */
div#listmenu a:hover {
	color:#218A98;  /* tammy sheck edit 062409 #BAFCFB--GREEN HEADER*/
	TEXT-DECORATION:none;
	/*background:#095F6B;*//*When hover the menu background*/
}

/* the horizontal menu ends here */

/* the drop-down starts here */

div#listmenu ul li ul {
	position:absolute;
	width:140px; /* This adjusts the width of the drop down menus */
	left:-1px;	
	margin-top:2px; /* positions drop downs */
	+margin-top:3px; /* positions drop downs */
	margin-left: -7px;
}

div#listmenu ul li ul strong a:hover {color: #DBFB83;}
div#listmenu ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	background:#218A98;
	padding:3px 7px 3px 7px;
}
/*div#listmenu ul li ul li a{font-weight:normal;} GREEN HEADER*/
div#listmenu ul li ul li a {color:#FFFFFF !important;font-weight:normal;}/* WHITE HEADER */

div#listmenu ul li ul li a:hover{background:#095F6B;display:block;}

/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;z-index:10;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {left:auto;display:block; } /* shows the drop-down when the menu is hovered */

/* pop-out starts here */
div#listmenu ul li ul li ul  {
	visibility:hidden; /* same effect as display:none in this situation */
	margin-left:170px;
	+margin-left:173px;
	margin-top:-17px;
	position:absolute;
	width:163px;	
}

div#listmenu ul li ul li ul li {padding-left:10px;}	
div#listmenu ul li ul li ul li ul li {padding-left: 30px;}	
div#listmenu ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* second level popouts start here*/
div#listmenu ul li ul li:hover ul li ul {visibility:hidden;}
div#listmenu ul li ul li ul li:hover ul li{visibility:visible;} /* same effect as display:block in this situation */


/* third level popouts start here*/
div#listmenu ul li ul li ul li:hover ul li ul {visibility:hidden;}
div#listmenu ul li ul li ul li ul li:hover ul {top:auto;display:block} /* same effect as display:block in this situation */


/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu ul {
	float:left; /* makes the ul wrap the li's */
	margin-left:1px; /* IE doubles the given value above - why? */
}

/* add a top line to drops and pops in IE browsers - can't read :first-child */
.menubtm{
    background:url(../images/default/subMenu_bg.gif) no-repeat !important;
	height:5px;
   }
/*Menu current font style*/   
/*div#listmenu ul .activeMenu a{ color:#DBFB83;} GREEN HEADER*/
div#listmenu ul .activeMenu ul li a{ color: #fff;}
div#listmenu ul .activeMenu ul li a:hover{ color: #BAFCFB;}

/* end of hack zone */
/* END OF LIST-BASED MENU */




