/*.nav-wrapper { height: 33px; background: #2FACE4; border-top: 1px solid #2FACE4; position: relative; z-index: 100; }*/
.nav-wrapper { width: 1050px; height: 33px; background: #3878DB; border-top: 1px solid #3878DB; position: relative; }
#nav { width: 1030px; margin: 2px auto 0; height: 31px; position: relative; }
#nav > ul { margin: 0; padding: 0; }
#nav > ul > li { display: inline; float: left; height: 30px; line-height: 30px; font-family: 'MemoPro Regular', 'Arial'; font-weight: normal; font-size: 12px; margin: 0; position: relative; background: url("/images/misc/nav_bg_sprite.png") 0 0 repeat-x transparent; }
#nav > ul > li.active { background-position: 0 -30px; }
/* #nav > ul > li > a { display: block; padding: 0 17px; text-decoration: none; color: #D3D4D6; text-transform: uppercase; letter-spacing: 1px; background: url("/images/misc/nav_bg_sprite.png") 0 0 repeat-x transparent; } */
#nav > ul > li > a { display: block; padding: 0 17px; text-decoration: none; color: #ffffff; text-transform: uppercase; letter-spacing: 1px; }
#nav > ul > li > a.active { background-position: 0 -30px;}
/*#nav > ul > li > a:hover { background: #ffffff; background-position: 0 -60px; color: #003865;}*/
#nav > ul > li > a:hover { background-position: 0 -60px;}
#nav > ul > li > a span { display: none; background: #C6112E; padding: 1px 3px; }
#nav > ul > li:first-child { margin-right: 0px; }
#nav > ul > li:first-child a { padding: 0 !important; width: 36px; background: url("/images/misc/home_icon_sprite.png") 0 0 no-repeat transparent; }
#nav > ul > li:first-child a.active { background-position: 0 -30px; }
#nav > ul > li:first-child a:hover { background-position: 0 -60px; }
#nav > ul > li li a { display: block; }
#nav > ul > li li a:hover { background: #CCCCCC; }
#nav > ul > li:hover .menu { display: block; }
#nav > ul > li:hover > a { background-position: 0 -60px; }
#nav.live > ul > li > a { padding: 0 14px 0 15px; }
#nav.live > ul > li > a span { display: inline; }
#nav.qual > ul > li > a { padding: 0 10px; }
#nav .menu { display: none; position: absolute; left: 0; top: 29px; width: 150px; z-index: 1000; -moz-box-shadow: 3px 7px 7px -2px #1b1618; -webkit-box-shadow: 3px 7px 7px -2px #1b1618; -o-box-shadow: 3px 7px 7px -2px #1b1618; box-shadow: 3px 7px 7px -2px #1b1618; background: white; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(73%, #eaeaea), color-stop(100%, #d4d4d4)); background: -webkit-linear-gradient(#ffffff, #eaeaea 73%, #d4d4d4); background: -moz-linear-gradient(#ffffff, #eaeaea 73%, #d4d4d4); background: -o-linear-gradient(#ffffff, #eaeaea 73%, #d4d4d4); background: -ms-linear-gradient(#ffffff, #eaeaea 73%, #d4d4d4); background: linear-gradient(#ffffff, #eaeaea 73%, #d4d4d4); }
#nav .menu ul { margin: 2px 5px; }
#nav .menu li { padding: 3px 0; border-top: 1px solid #D8D8D8; border-top: 1px solid rgba(180, 180, 180, 0.3); list-style: none; font-size: 11px; line-height: 15px; }
#nav .menu li:first-child { border-top: none; }
#nav .menu li a { color: #003865; display: block; padding: 8px 10px; text-transform: uppercase; }
/*#nav .menu li a:hover { color: black; background-color: rgba(167, 167, 167, 0.4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66A7A7A7', endColorstr='#66A7A7A7'); }*/
/*#nav .menu li a:hover { color: black; background-color: #BED7F8; }*/
#nav .menu li a:hover { color: black; background-color: #eef5fa; }