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

/* base nav styles */
nav { display:block; margin:0 auto 20px; border:1px solid #222; position:relative; background-color:#6a6a6a; font:14px Tahoma, Sans-serif; color:#FFF;}
nav ul { padding:0; margin:0;  color:#FFF;}
nav li { position:relative; float:left; list-style-type:none; color:#FFF; }
nav ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
nav li a { display:block; padding:10px 21px; border-left:1px solid #999; border-right:1px solid #222; color:#FFF; text-decoration:none; font-size:13px; text-align:left;}
nav li a:focus { outline:none; text-decoration:none;  color:#FFF;}
nav li:first-child a { border-left:none; color:#FFF; font-size:13px;}
nav li.last a { border-right:none; color:#FFF; }
nav li.last a:hover {  color:#FFF; }
nav ul ul li.last a:hover {  color:#FFF; }
nav ul ul { display:none; width:100%; position:absolute; left:0; background:#6a6a6a; color:#FFF; }
nav ul ul li { float:none;  color:#FFF; border-bottom: 1px solid #eeeeee;}
nav ul ul a { padding:5px 10px; border-left:none; border-right:none; font-size:14px;  color:#FFF;}
nav ul ul li a { padding:5px 10px; border-left:none; border-right:none; font-size:14px;  color:#FFF;}
nav ul ul a:hover { background-color:#555; }

/* CSS3 */
.borderradius nav { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
.cssgradients nav {background: rgb(91,91,91); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(91,91,91,1) 0%, rgba(137,137,137,1) 50%, rgba(107,107,107,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(91,91,91,1)), color-stop(50%,rgba(137,137,137,1)), color-stop(100%,rgba(107,107,107,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(91,91,91,1) 0%,rgba(137,137,137,1) 50%,rgba(107,107,107,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(91,91,91,1) 0%,rgba(137,137,137,1) 50%,rgba(107,107,107,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(91,91,91,1) 0%,rgba(137,137,137,1) 50%,rgba(107,107,107,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(91,91,91,1) 0%,rgba(137,137,137,1) 50%,rgba(107,107,107,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5b5b', endColorstr='#6b6b6b',GradientType=0 ); /* IE6-9 */


}
.boxshadow.rgba nav ul { -moz-box-shadow:2px 2px 2px rgba(0,0,0,.4); -webkit-box-shadow:2px 2px 2px rgba(0,0,0,.4); box-shadow:2px 2px 2px rgba(0,0,0,.4); }
.cssgradients nav li:hover { background: rgb(150,150,150); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(150,150,150,1) 0%, rgba(71,71,71,1) 49%, rgba(135,135,135,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(150,150,150,1)), color-stop(49%,rgba(71,71,71,1)), color-stop(100%,rgba(135,135,135,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(150,150,150,1) 0%,rgba(71,71,71,1) 49%,rgba(135,135,135,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(150,150,150,1) 0%,rgba(71,71,71,1) 49%,rgba(135,135,135,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(150,150,150,1) 0%,rgba(71,71,71,1) 49%,rgba(135,135,135,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(150,150,150,1) 0%,rgba(71,71,71,1) 49%,rgba(135,135,135,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#969696', endColorstr='#878787',GradientType=0 ); /* IE6-9 */
 }
.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; }
-webkit-box-shadow:2px 2px 2px rgba(0,0,0,.8); box-shadow:2px 2px 2px rgba(0,0,0,.8); }
.rgba nav ul ul li { border-left:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1); }
.rgba nav ul ul a:hover { background-color:rgba(85,85,85,.9); }
.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; }


/* fallbacks */
.no-cssgradients nav, .no-js nav { padding-bottom:4px; border:none; background:url(../fallback/navBG.gif) repeat-x 0 0; }
.no-borderradius nav ul, .no-js nav ul { background:url(../fallback/navRight.gif) no-repeat 100% 0; }
.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%; box-shadow:none;}
.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-borderradius ul ul li.last { margin-bottom:10px; }
.cssgradients.boxshadow nav,  { box-shadow:none; }
.rgba nav ul ul li{background-color:#726E6E;}
nav ul ul a{font-size:10px;}