﻿/* JS disabled styles */
.no-js nav li:hover ul {
	border: thin inset #FF0000;
	display: block;
}

/* base nav styles */
nav {
	display: block;
	margin: 0 auto 20px;
	border: 1px solid #C0C0C0;
	position: relative;
	background-color: #6a6a6a;
	font: 12px Tahoma, Sans-serif;
	color: #FF0000;
}
nav ul {
	padding: 0;
	margin: 0;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
nav li {
	position: relative;
	float: left;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
}
nav ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
nav li a {
	display: block;
	padding: 7px;
	border-left: 1px solid #999;
	border-right: 1px solid #222;
	color: #FFFFFF;
	text-decoration: none;
	font-size: x-small;
	font-family: Arial, Helvetica, sans-serif;
}
nav li a:focus {
	outline: none;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
	font-size: small;
}
nav li:first-child a {
	border-left: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
	font-size: x-small;
}
nav li.last a { border-right:none; }
nav a span { display:block; float:right; margin-left:5px; }
nav ul ul {
	display: none;
	width: 100%;
	position: absolute;
	left: 0;
	background: #6a6a6a;
	color: #FF0000;
}
nav ul ul li {
	float: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #C0C0C0;
}
nav ul ul a {
	padding: 5px 10px;
	border-left: none;
	border-right: none;
	font-size: x-small;
}
nav ul ul a:hover {
	border-style: solid;
	border-color: #FF0000;
	background-color: #555;
	border-top-width: thin;
	border-bottom-width: thin;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FF0000;
	font-weight: lighter;
}

/* CSS3 */
.borderradius nav { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
.cssgradients nav { background-image:-moz-linear-gradient(0% 22px 90deg, #222, #999); background-image:-webkit-gradient(linear, 0% 0%, 0% 70%, from(#999), to(#222)); }
.boxshadow.rgba nav { -moz-box-shadow:2px 2px 2px rgba(0,0,0,.75); -webkit-box-shadow:2px 2px 2px rgba(0,0,0,.75); box-shadow:2px 2px 2px rgba(0,0,0,.75); }
.cssgradients nav li:hover {
	border: thin solid #FF0000;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#222), to(#555));
}
.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:rgba(0,0,0,0.8); -moz-box-shadow:2px 2px 2px rgba(0,0,0,.8); -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; }
.csstransforms ul a span { -moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg); }

/* fallbacks */
.no-cssgradients nav, .no-js nav { border-style: none;
	border-color: inherit;
	border-width: medium;
	padding-bottom:4px; background:url(../fallback/navBG.gif) repeat-x 0 0;
	z-index: 7;
}
.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;
	z-index: 7;
}
.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;
	z-index: 7;
}
.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%;
	z-index: 7;
}
.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; }
nav ul {
	padding: 0;
	margin: 0;
	color: #FF0000;
}
