/*** 1ST LEVEL ***/
#mainnav {height:32px;}
#mainnav ul {
width:auto;
height:30px;
margin: 0;
padding:1px 0 1px 10px;
border:none;
display:block;
list-style-type:none;
background:#FFFFFF url(images/background/nav_bg.png) repeat-x;
font-size: 1.2em;
}
#mainnav ul li a {padding:8px 13px 7px;
}
#mainnav ul li {
border:0 none;
display:block;
margin:0 1px;
position:relative;
float:left;
z-index:5;
text-align: left;
height:30px;
padding:0;
border-left:1px solid transparent;
border-right:1px solid transparent;
}
#mainnav ul li.current_page_parent, #mainnav ul li.current_page_item, #mainnav ul li:hover {
background:transparent url(images/background/nav_hover_bg.png) repeat;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
}

#mainnav ul li:hover {
white-space:normal;
/*background:transparent url(images/background/nav_hover_bg.png) repeat;*/
z-index:10000;
}

#mainnav ul li:hover > ul {
/*left:100%;*/
visibility:visible;
top:36px;
left: 0px;
}

#mainnav ul:after, #mainnav ul ul:after {
clear:both;
content:".";
display:block;
height:0;
overflow:hidden;
visibility:hidden;
}

#mainnav ul, #mainnav ul ul {min-height:0;}

#mainnav ul li {border-bottom:0px solid #CCCCCC;}

#mainnav ul > li + li, #mainnav ul ul > li + li {border-top:0 none;}

#mainnav ul li ul li:hover > a {background-image:none;}

/*** 2ND LEVEL **/

#mainnav ul ul {
display:block;
list-style-type:none;
position:absolute;
visibility:hidden;
z-index:10;
margin: -6px 0 0 -1px;
border:1px solid #CCCCCC;
background:none;
background-color: #FFFFFF;
width: 192px;
font-size:1em;
height:auto;
padding:0 0 1px;
}

#mainnav ul ul li:hover {
background:none;
background-color:#e6e6e6;
}
#mainnav ul ul li.current_page_parent , #mainnav ul ul li.current_page_item , #mainnav ul ul li:hover, #mainnav ul ul li {
background:#e6e6e6;
border:none;
}
#mainnav ul ul li a {padding: 5px 10px;}
#mainnav ul ul li {
background-color:#e6e6e6;
color:#424242;
text-align:left;
border:none;
margin-top:1px;
width:190px;
height:auto;
border:none;
}
#mainnav ul ul li:hover, #mainnav ul ul li a:hover {border:none;}



/*** ADDITIONAL **/
#mainnav ul a {
color:#4E579A;
display:block;
text-decoration:none;
font-weight:bold;
width:auto;
}
#mainnav ul a:hover, #mainnav ul li:hover > a {
	color:#ffffff;
	background-color:#4E579A;
}