/*MENU STYLES
 */

/* ----[ LINKS ]----*/
#menu_left {
	background:url(../img/menu_dragon_left.png) no-repeat left;
	float:left;
	margin:0 0 0 -110px;
	padding:0;
	width:105px;
	height:114px;
	z-index:7;
	position:relative;
}
#menu_right {
	background:url(../img/menu_dragon_right.png) no-repeat right;
	float:right;
	margin:0 0 0 -106px;
	padding:0;
	width:105px;
	height:114px;
	z-index:7;
	position:relative;
	left:35px;
}
/* all menu links */
#nav {
	float:left;
	display:block;
	position:relative;
	z-index:6;
	right:25px;
	list-style:none;
	min-width:890px;
	margin:0;
	padding:0;
}

#menu-wrapper {
	display:block;
	width: 890px;
	margin:0 auto;
	padding:0;
	overflow:visible;
	position:relative;
	z-index:6;
	left:40px;
	}

#nav a{ color: #FFFFFF; text-decoration:none; }
#nav a:link{ color: #FFFFFF; text-decoration:none;}
#nav a:visited { color:#FFFFFF;	text-decoration:none; }
#nav a:hover{ color:#ffea00;	text-decoration:none; }



/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a{
	margin:0 auto;
	padding:9px 0 12px 0;
	text-align:center;
	min-width:122px;
	text-decoration:none;
	display:block;
}
#nav li {
	margin:0;
	padding:0;
	background:url(../img/menu_lv1_out.jpg) no-repeat center;
	width:122px; height:40px;
	position:relative;
	z-index:5;
}





#nav li:hover {
	background:url(../img/menu_lv1_over.jpg) no-repeat center;
}

#nav li li {
	background:url(../img/menu_lv2_out.jpg) no-repeat center;
	margin:0;
	padding:0;
	text-align:center;
	width:220px;
	height:34px;
}

#nav li li:hover {
	background:url(../img/menu_lv2_over.jpg) no-repeat center;
}
/* All ULs and OLs */
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol { 
	padding: 0;
	margin: 0;
	list-style: none;
}
/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav li { 
	/*great place to use a background image as a divider*/
	display:block;
	list-style:none;
	position:relative;
	float:left;
}

#subMenusContainer li{
	list-style: none;
}

#nav #first_list { 
position:relative;
	left:30px;
}
#nav #mid_list { 
position:relative;
	left:-50px;
}
#nav #al_list { 
position:relative;
	left:-60px;
}
#nav #last_list { 
position:relative;
	left:-120px;
}

/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav li li{	float:none;  }

#nav li li a{ /* Just submenu links*/	
	position:relative;
	float:none;
	width:220px;
	text-align:center;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 220px;
	margin:0 0 0 -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding:0 0 12px 0; background:url(../img/menu_lv2_bottom.png) no-repeat bottom;
}

/* third-and-above-level lists */
#nav li ul ul { margin: -1em 0 0 -1000em; }
#nav li:hover ul ul {	margin-left: -1000em; }

 /* lists nested under hovered list items */
#nav li:hover ul{	margin: 0; }
#nav li li:hover ul {	margin:0;}