#menu, #menu ul{margin-top:-30px;margin-bottom:-3px;padding:0;list-style:none;margin-left:184px;}
#menu{min-width:70%;max-width:70%;}
#menu:before,
#menu:after{content:"";display:table;}
#menu:after{clear:both;}
#menu{zoom:1;}
#menu li{float:left;position:relative;}
#menu a{float:left;padding:6px 15px;color:#fff;text-transform:uppercase;font:bold 12px Arial, Helvetica;text-decoration:none;text-shadow:0 1px 0 #000;}
#menu li:hover > a{color:#000;background:#fff;padding-top:5px;padding-bottom:7px;}
#menu1{zoom:1;}
#menu1 li{float:left;position:relative;}
#menu1 a{float:left;padding:6px 2px;color:#fff;text-transform:uppercase;font:bold 12px Arial, Helvetica;text-decoration:none;text-shadow:0 1px 0 #000;}
#menu1 a:hover{color:#000;background:#fff;padding-top:5px;padding-bottom:7px;}
#menu2{zoom:1;}
#menu2 li{float:left;border-right:1px solid #7d808e;-moz-box-shadow:1px 0 0 #7d808e;-webkit-box-shadow:1px 0 0 #7d808e;box-shadow:1px 0 0 #7d808e;position:relative;}
#menu2 a{float:left;padding:6px 15px;color:#fff;text-transform:uppercase;font:bold 12px Arial, Helvetica;text-decoration:none;text-shadow:0 1px 0 #000;}
#menu3{zoom:1;}
#menu3 li{float:left;position:relative;}
#menu3 a{float:left;padding:6px 4px;color:#fff;text-transform:uppercase;font:bold 12px Arial, Helvetica;text-decoration:none;text-shadow:0 1px 0 #000;}
#menu3 a:hover{color:#000;background:#fff;padding-top:5px;padding-bottom:7px;}
#menu4{zoom:1;}
#menu4 li{float:left;position:relative;}
#menu4 a{float:left;padding:6px 5px;color:#fff;text-transform:uppercase;font:bold 12px Arial, Helvetica;text-decoration:none;text-shadow:0 1px 0 #000;}
#menu4 a:hover{color:#000;background:none;padding-top:5px;padding-bottom:7px;}
*html #menu li a:hover{color:#000;background:#fff;}
#menu ul{margin:20px 0 0 0;_margin:0;opacity:0;visibility:hidden;position:absolute;top:28px;left:0;z-index:9999;background:#444;background:-moz-linear-gradient(#444, #111);background:-webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));background:-webkit-linear-gradient(#444, #111);background:-o-linear-gradient(#444, #111);background:-ms-linear-gradient(#444, #111);background:linear-gradient(#444, #111);-moz-box-shadow:0 -1px rgba(255,255,255,.3);-webkit-box-shadow:0 -1px 0 rgba(255,255,255,.3);box-shadow:0 -1px 0 rgba(255,255,255,.3);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
#menu li:hover > ul{opacity:1;visibility:visible;margin:0;border:1px solid #F4F4F4;}
#menu ul ul{top:0;left:150px;margin:0 0 0 20px;_margin:0;-moz-box-shadow:-1px 0 0 rgba(255,255,255,.3);-webkit-box-shadow:-1px 0 0 rgba(255,255,255,.3);box-shadow:-1px 0 0 rgba(255,255,255,.3);}
#menu ul li{float:none;display:block;border:0;_line-height:0;-moz-box-shadow:0 1px 0 #111, 0 2px 0 #666;-webkit-box-shadow:0 1px 0 #111, 0 2px 0 #666;box-shadow:0 1px 0 #111, 0 2px 0 #666;background:#fff;}
#menu ul li:last-child{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}
#menu ul a{_height:10px;display:block;white-space:nowrap;float:none;text-transform:none;background-image:url(../images/menu.gif);}
#menu ul a:hover{background-color:#0186ba;background-image:-moz-linear-gradient(#04acec, #0186ba);background-image:-webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));background-image:-webkit-linear-gradient(#04acec, #0186ba);background-image:-o-linear-gradient(#04acec, #0186ba);background-image:-ms-linear-gradient(#04acec, #0186ba);background-image:linear-gradient(#04acec, #0186ba);background:#fff;}
#menu ul li:first-child > a{-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;}
#menu ul li:first-child > a:after{content:'';position:absolute;left:40px;top:-6px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #444;}
#menu ul ul li:first-child a:after{left:-6px;top:50%;margin-top:-6px;border-left:0;border-bottom:6px solid transparent;border-top:6px solid transparent;border-right:6px solid #3b3b3b;}
#menu ul li:first-child a:hover:after{border-bottom-color:#04acec;}
#menu ul ul li:first-child a:hover:after{border-right-color:#0299d3;border-bottom-color:transparent;background:#999;}
#menu ul li:last-child > a{-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;}
