/*code based on Stu Nicholls "ultimate dropdown menu"
http://www.cssplay.co.uk*/
/*common styling*/
.menu {float:center;font-family: arial,verdana,sans-serif;width:720px;position:relative;font-size:14px;font-weight:bold;
background:url(/images/bgoff.gif) repeat-x;border-bottom:3px solid #c00000;/*bottom border color*/}
.menu ul {padding:0;margin:0;list-style-type:none;float:left;position:relative;}
.menu ul li {float:left;position:relative;display:inline;background:url(/images/bgdivider.gif) no-repeat bottom right;}

/*style of main items normal state*/
.menu ul li a, .menu ul li a:visited {float:left;display:block;text-decoration:none;color:#000;width:auto;height:26px;padding:0px 14px 0px 14px;line-height:26px;}
* html .menu ul li a, .menu ul li a:visited {width:auto;w\idth:auto;}

/*hide sub nav items*/
.menu ul li ul {display:none;}

/*clear the main nav bg*/
.menu ul li ul li{background:none;}

/*style for table of sub nav items*/
table {margin:-1px;border-collapse:collapse;font-size:14px;}

/*specific to non IE browsers*/
/*main nav over state*/
.menu ul li:hover a {color:#fff;background-color:#0070AB;}

/*show drop-down list*/
.menu ul li:hover ul {display:block;position:absolute;top:25px;margin-top:1px;left:0;width:100%;}

/*drop-down on state*/
.menu ul li:hover ul li a {display:block;background:#0070AB;color:#fff;height:auto;line-height:20px;padding:2px 12px 2px 12px;width:170px;border-bottom:1px solid #fff;}

/*sub drop-down over state*/
.menu ul li:hover ul li a:hover {background:#015D8D;color:#fff;}



/*----------------------------------------------------*/
/*menuleft¿ªÊ¼*/
#menuleft {list-style-type:none; margin:20px 0px; padding:0; width:250px;}
#menuleft li {padding:0; margin:0; position:relative; width:210px; height:1.7em; z-index:100;}
#menuleft li dl {position:absolute; top:0; left:0; padding-bottom:0;}
#menuleft li a, #menuleft li a:visited {text-decoration:none;}
#menuleft li dd {display:none;}
#menuleft table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}
#menuleft dl {width: 210px; margin: 0; padding: 0; background: transparent;}
#menuleft dt {margin:0; padding: 0;}

#menuleft dd {margin:0; padding:0; color: #fff; font-size: 1em; text-align:left; width:210px; float:right; clear:right;}

#menuleft dt a, #menuleft dt a:visited {display:block; font-size: 0.9em; color: #c00; text-align:center; border:1px solid #c00; border-width:0 1px 1px 1px; background:#d4d4d4; padding:0.25em 0 0.75em 0;}

#menuleft li a:hover {border:0;}
#menuleft li:hover dd, #menuleft li a:hover dd {display:block;}
#menuleft li:hover dl, #menuleft li a:hover dl {width:421px;}

#menuleft li:hover dt a, #menuleft a:hover dt a {padding-left: 212px;color:#000; background:#ddd; border:1px solid #c00; border-width:0 1px 1px 1px;}

#menuleft dd a, #menuleft dd a:visited {background:#c00; color:#fff; padding:0.5em 0; text-decoration:none; display:block; text-align:center; border-left:1px solid #c00; border-right:1px solid #c00; width:208px;}

#menuleft dd a:hover {background: #ddd; color:#000; border-left:1px solid #c00; border-right:1px solid #c00;}

#menuleft b {display:block; overflow:hidden; height:1px;}

b.p1 {background:#c00; margin:0 5px;}
b.p2 {background:#d4d4d4; border:2px solid #c00; border-width:0 2px; margin:0 3px;}
b.p3 {background:#d4d4d4; margin:0 2px; border:1px solid #c00; border-width:0 1px;}
b.p4 {height:2px; background:#d4d4d4; margin:0 1px; border:1px solid #c00; border-width:0 1px;}
b.p5 {background:#c00; margin:0 5px;}
b.p6 {background:#c00; margin:0 3px;}
b.p7 {background:#c00; margin:0 2px;}
b.p8 {height:2px; background:#c00; margin:0 1px;}

#menuleft li:hover b.p2, #menuleft a:hover b.p2 {background:#fff;}
#menuleft li:hover b.p3, #menuleft a:hover b.p3 {background:#f0f0f0;}
#menuleft li:hover b.p4, #menuleft a:hover b.p4 {background:#e8e8e8;}