#nav{
background:url(../images/menubg-r.gif) top right no-repeat;
padding-right:34px;
}
#nav .bgleft{
background:url(../images/menubg-l.gif) top left no-repeat;
padding-left:34px;}
#nav .bgmiddle{
background:url(../images/menubg.gif) top left repeat-x;
height:43px;}

#nav ul {
	padding: 0;
	padding-top:6px;
	margin: 0 0 0 10px;
	list-style: none;
}
#nav ul ul{margin:0; padding:0;}

/*style for the mainlevel links*/
#nav a{
display:block;
text-decoration:none;
color:#151515;
font-weight:bold;
font-size:14px;
padding:3px 12px;
width:auto;

-webkit-border-radius:1.2em;
-moz-border-radius:1.2em;
text-shadow:0 1px 0 rgba(255,255,255, .8);
}
#nav a:hover{text-decoration:none;}
#nav li:hover > a, #nav .active a{
background:#fff url(../images/activebg.jpg) bottom left repeat-x;
color:#444;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
box-shadow: 0 1px 1px rgba(0,0,0, .2);
text-shadow:0 1px 0 rgba(255,255,255, 1);
}
#nav li li:hover a, #nav li:hover li a {
	background: none;
	border: none;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

/* mainlevel's li */
#nav li{
float:left;
padding:0 0 8px;
margin:0 5px;
background:none;
width:auto;
}


/*sublevel's ul */
#nav li ul{
position:absolute;
left:-999em;
width:164px;
margin-top:5px;/*question*/
padding:0;
background:#e0e0e0 url(../images/submenubg.jpg) top left repeat-x;
border:solid 1px #b4b4b4;

-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;

-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
box-shadow: 0 1px 3px rgba(0,0,0, .3);
}
#nav li ul a:hover{
-webkit-border-radius:0;
-moz-border-radius:0;
}
/*sub sub level's ul */
#nav li ul ul{
position:absolute;
left:-999em;
margin:0;
margin-top:-30px;
margin-left:160px;/* equals to sublevel's menu link's width */
}
/*sublevel's li*/
#nav li li{
float:none;
padding:0;
margin:0;
line-height:14px;
}

/*sublevel's menu links */
#nav li li a{
text-transform:none;
font-weight:normal;
margin:0;
padding:6px 12px;
}
#nav li:hover ul, #nav li.sfhover ul{
display:block;
}
#nav li li:first-child > a{
	-webkit-border-top-left-radius:9px;
	-moz-border-radius-topleft:9px;
	-webkit-border-top-right-radius:9px;
	-moz-border-radius-topright:9px;
}
#nav li li:last-child > a{
	-webkit-border-bottom-left-radius:9px;
	-moz-border-radius-bottomleft:9px;
	-webkit-border-bottom-right-radius:9px;
	-moz-border-radius-bottomright:9px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;}
#nav li:hover ul, #nav li.sfhover ul, #nav li li:hover ul, #nav li li.sfhover ul {left: auto;}
#nav li:hover, #nav li.sfhover {position:static;}