/* JS disabled styles */
.no-js nav li:hover ul { display:block; }

/* base nav styles */
nav { display:block; margin:0 auto 20px; position:relative; }
nav ul { padding:0; margin:0; }
nav li { position:relative; float:left; list-style-type:none; }
nav ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
nav li a { display:block; padding:10px 20px; border-right:1px solid #8894a7; 
           color:#031c45; text-decoration:none; height: 25px; width: 72px; text-align: center; }

@media screen and (min-width:800px){ 
nav li a { 
 display:block; 
 padding:10px 19px; 
 border-right:1px solid #8894a7;
 color:#031c45; 
 text-decoration:none; 
 height: 25px; 
 width: 74px !important; 
 text-align: center;
 font-size: 14px; }  
}
  
@media screen and (min-width:1024px){  
nav li a { 
 display:block; 
 padding:10px 19px; 
 border-right:1px solid #8894a7;
 color:#031c45; 
 text-decoration:none; 
 height: 25px; 
 width: 74px !important; 
 text-align: center;
 font-size: 14px; }  
}
@media screen and (min-width:1200px){  
nav li a { 
 display:block; 
 padding:10px 19px; 
 border-right:1px solid #8894a7;
 color:#031c45; 
 text-decoration:none; 
 height: 25px; 
 width: 74px !important; 
 text-align: center; 
 font-size: 14px;}  
} 

@media screen and (min-width:1280px){  
 nav li a { 
 display:block; 
 padding:10px 19px; 
 border-right:1px solid #8894a7;
 color:#031c45; 
 text-decoration:none; 
 height: 25px; 
 width: 74px !important;
 font-size: 14px; 
 text-align: center; }                            
} 

@media screen and (min-width:1360px){  
nav li a { 
 display:block; 
 padding:10px 19px; 
 border-right:1px solid #8894a7;
 color:#031c45; 
 text-decoration:none; 
 height: 25px; 
 width: 74px !important; 
 text-align: center; 
 font-size: 14px;
 }  
}


@media screen and (min-width:1366px){  
nav li a { 
 display:block; 
 padding:10px 19px; 
 border-right:1px solid #8894a7;
 color:#031c45; 
 text-decoration:none; 
 height: 25px; 
 width: 74px !important; 
 text-align: center; 
 font-size: 14px;
}
  
}

            
nav li a:focus { outline:none; text-decoration:underline; }
nav li:first-child a { border-left:none; }
nav li.last a { border-right:none; width: auto; }
nav a span { display:block; float:right; margin-left:5px;  }
nav ul ul { display:none; width:100%; position:absolute; left:0; background:#fff; }
nav ul ul li { float:none; }
nav ul ul a { font-size:14px; width: 84px !important; width: 75px !important; border-bottom-style: solid; 
              border-bottom-width: 1px; border-bottom-color: #b3b4b4; text-align: center; border-right: none !important; }
nav ul ul a:hover { background-color:#fff; border: none !important; }

/* CSS3 */
.borderradius nav { }
.cssgradients nav { }
.boxshadow.rgba nav {z-index: 9999 !important;}
.cssgradients nav li:hover { border-top-width: 1px; border-top-style: solid; border-top-color: #d2d2d2;}
.borderradius nav ul ul { -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; }
.boxshadow.rgba nav ul ul { background-color: #fff; opacity:0.8; }
.rgba nav ul ul li { border-left:1px solid rgba(0,0,0,0.1); }
.rgba nav ul ul a:hover { background-color: #d2d2d2; }
.borderradius.rgba nav ul ul li.last { border-left:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; }
.csstransforms ul a span { -moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg); }

/* fallbacks */
.no-cssgradients nav, .no-js nav { padding-bottom:4px; border:none; background-color: #000; }
.no-borderradius nav ul, .no-js nav ul {  }
.no-borderradius nav ul ul, .no-js nav ul ul { background:none; }
.no-borderradius nav li, .no-js nav li { height:44px; }
.no-cssgradients nav li:hover, .no-js nav li:hover { background:url(../fallback/navOverBG.gif) repeat-x 0 0; }
.no-borderradius nav li li, .no-js nav li li { height:auto; width:98%; left:-2px; }
.no-borderradius nav li:first-child, .no-js nav li:first-child { background:url(../fallback/navLeft.gif) no-repeat 0 0; }
.no-borderradius nav li:first-child:hover, .no-js nav li:first-child:hover { background:url(../fallback/navOverLeft.gif) no-repeat 0 0; }
.no-borderradius nav li li:first-child, .no-js nav li li:first-child { background:none; }
.no-rgba nav ul ul, .no-js nav ul ul { left:1px; padding-left:2px; background:url(../fallback/subnavBG.png) no-repeat 100% 100%; }
.no-rgba nav ul ul a, .no-js nav ul ul a { left:3px; }
.no-rgba nav ul ul a:hover { background:url(../fallback/subOverBG.png) repeat 0 0; }
.no-csstransforms ul a span { height:7px; width:12px; margin-top:8px; text-indent:-5000px; overflow:hidden; background:url(../fallback/indicator.png) no-repeat 0 0; }
.no-borderradius ul ul li.last { margin-bottom:10px; }
.no-cssgradients.boxshadow nav { box-shadow:none; }