/* ---------------------------------------*/
/* ---------->>> NAVIGATION <<<-----------*/
/* ---------------------------------------*/
/*begin main nav*/
ul.menu {
  padding:12px 0px 0px 15px;
  margin:0;
  font-size: 11px;
}
	ul.menu li a{
		text-transform: lowercase;
		text-decoration: none;
		color: #666666;
	}
		ul.menu li a:visited {
			text-decoration: none;
			color: #666666;
		}
		ul.menu li a:hover{
			background-color: #000;
			color: #ffffff;
			text-decoration: none;
		}
		ul.menu li a:active{
			text-decoration: none;
		}
.wwaLeft{
	float: left;
	position: absolute;
top: 0px;
	width: 175px;
	padding: 0px 0px 0px 0px;
}
.wwaRight{
	float: left;
	position: absolute;
	top: 0px;
	width: 175px;
	margin-left: 176px;
	padding: 0px 0px 24px 0px;
}
.wwdLeft{
	float: left;
	position: absolute;
top: 0px;
	width: 175px;
	padding: 0px 0px 24px 0px;
}
.wwdRight{
	float: left;
	position: absolute;
top: 0px;
	width: 175px;
	margin-left: 176px;
	padding: 0px 0px 24px 0px;
}
.otLeft{
	float: left;
	position: absolute;
top: 0px;
	width: 175px;
	padding: 0px 0px 24px 0px;
}
.otRight{
	float: left;
	padding: 0px 0px 24px 0px;
	position: absolute;
top: 0px;
	width: 175px;
	margin-left: 176px;
}
/*---BEGIN NAVIGATION TABS---*/


#wwaStories {
	width: 98px;
	float: left;
	display: block;
	background-color: #000;
	height: 14px;
	opacity: .7;
	filter:alpha(opacity=70);
}
#wwdStories {
	width: 118px;
	float: left;
	display: block;
	background-color: #000;
	height: 14px;
	opacity: .7;
	filter:alpha(opacity=70);
}
#otStories {
	width: 103px;
	float: left;
	display: block;
	background-color: #000;
	height: 14px;
	opacity: .7;
	filter:alpha(opacity=70);
}
#leftInfoStories {
	width: 300px;
	float: left;
	display: block;
	background-color: #000;
	opacity: .7;
	filter:alpha(opacity=70);
	height: 14px;
	margin-left: 2px;
}
#rightInfoStories {
	width: 137px;
	float: left;
	display: block;
	background-color: #000;
	opacity: .7;
	filter:alpha(opacity=70);
	height: 14px;
	margin-left: 2px;
}
/*
#leftInfo {
	width: 300px;
	float: left;
	display: block;
	background-color: #000;
	opacity: .7;
	filter:alpha(opacity=70);
	height: 14px;
	margin-left: 2px;
}
#rightInfo {
	width: 137px;
	float: left;
	display: block;
	background-color: #000;
	opacity: .7;
	filter:alpha(opacity=70);
	height: 14px;
	margin-left: 2px;
}
*/
#leftInfo {
	width: 228px;
	float: left;
	display: block;
	background-color: #000;
	opacity: .7;
	filter:alpha(opacity=70);
	height: 14px;
	margin-left: 2px;
}
#rightInfo {
	width: 211px;
	float: left;
	display: block;
	background-color: #000;
	opacity: .99;
	filter:alpha(opacity=99);
	height: 14px;
	margin-left: 0px;
	cursor:default;
}
/*---END NAVIGATION TABS---*/
/*---BEGIN NAVIGATION TABS W/TEXT---*/

#wwaT a {
	width: 110px;
	float: left;
}
#wwdT a {
	width: 89px;
	float: left;
}
#otT a {
	width: 161px;
	float: left;
text-align: center;
}

div#navcontainer {
	position: absolute;
	top: 60px;
	height: 22px;
	width: 360px;
}

div#navcontainersub, div#navcontainer2sub {
	position: absolute;
	top: 454px;
	height: 22px;
	width: 319px;
}

div#navcontainerS, div#navcontainerS2 {
	position: absolute;
	top: 479px;
	height: 22px;
	width: 760px;
	padding-left: 0px;
}
	div#navcontainer2 ul, div#navcontainersub ul, div#navcontainerS ul {
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: white;
		text-align: center;
		margin: 0;
	}
	div#navcontainer2 ul, div#navcontainer2sub ul, div#navcontainerS2 ul {
		font-family: Arial, Helvetica, sans-serif;
		text-transform: lowercase;
		color: #000000;
		
		margin: 0;
	}
		div#navcontainer2 ul li, div#navcontainersub ul li, div#navcontainerS  ul li {
			display: inline;
			padding: 0px 0px 0px 0px;
			color: #000000;
			text-decoration: none;
		}
		
		div#navcontainer2 ul li, div#navcontainer2sub ul li, div#navcontainerS2 ul li {
			display: inline;

			padding:0;
		}
			div#navcontainer2 ul li a, div#navcontainer2sub ul li a, div#navcontainerS2 ul li a {
				padding: 0px 0px 0px 0px;
				color: #000000;
				text-decoration: none;
			}
			div#navcontainer2 ul li a:hover, div#navcontainer2sub ul li a:hover, div#navcontainerS2 ul li a:hover {
				background-color: red;
				color: #000000;
			}
/*\*/
 html>body*div#navcontainer2 ul li a {padding: 0px 0px 0px 0px; }
/**/

/*end main nav*/
/*begin sec nav*/
ul.gutterMenu {
  padding:13px 0px 0px 0px;
  margin:0;
  font-size: 11px;
}
ul.gutterMenu li a{	
		text-transform: lowercase;
		text-decoration: none;
		color: #666666;
	}
ul.gutterMenu li {	padding: 0 0 5px 0
	}
ul.gutterMenu li ul {
  padding:2px 0px 0px 0px;
  margin:0;
}
ul.gutterMenu li ul li {
padding: 0 0 5px 19px;
}
	ul.gutterMenu li a{	
		text-transform: lowercase;
		text-decoration: none;
		color: #666666;
	}
		ul.gutterMenu li a:visited {
			text-decoration: none;
			color: #51514f;
		}
		ul.gutterMenu li a:hover{
			background-color: #000000;
			color: #ffffff;
			text-decoration: none;
		}
		ul.gutterMenu li a:active{
			text-decoration: none;
		}
ul.menu2 {
  padding:5px 10px 0px 10px;
  margin:0;
}
	ul.menu2 li a{	
		text-transform: lowercase;
		text-decoration: none;
		color: #666666;
	}
		ul.menu2 li a:visited {
			text-decoration: none;
			color: #666666;
		}
		ul.menu2 li a:hover{
			background-color: #000000;
			color: #ffffff;
			text-decoration: none;
		}
		ul.menu2 li a:active{
			text-decoration: none;
		}		
.subNavigationLeft{
	float: left;
	padding: 0px 10px 24px 0px;
}
	.subNavigationLeft ul.menu2 li a{
			text-decoration: none;
				color: #666666;
		}
		.subNavigationLeft ul.menu2 a:visited {
			text-decoration: none;
			color: #666666;
		}
		.subNavigationLeft ul.menu2 a:hover{
			background-color: #000000;
			color: #ffffff;
			text-decoration: none;
		}
		.subNavigationLeft ul.menu2 a:active{
			text-decoration: none;
			color: #666666;
		}
.subNavigationRight{
	float: left;
	width: 170px;
	padding: 0px 0px 24px 0px;
}
#subNavigationHeader {
	float: left;
	background-color: #aec92f;
	cursor: pointer;
	padding: 3px 6px 3px 6px;
  	margin: 10px 0px 0px 0px;
  	color: #fff;
  	font: bold 11px/12px Arial, Helvetica, sans-serif;
  	text-decoration: none;
  	height: auto !important;
  	height: 1%; /*For IE*/
	z-index: 100;
	width: 88px;
}
#subNavigation {
	background-color: #fff;
	margin-left: -3px;
	border: 1px solid #cecece;
	margin-top: 0px;
	padding: 0px 0px 0px 0px;
	visibility: hidden;
    position:absolute; 

}
	#subnavigation ul {
		font-family: Arial, Helvetica, sans-serif;
		text-transform: lowercase;
		text-align: center;
		margin: 0;
	}
		#subNavigation ul li {
			display: block;
			padding:0;
		}
/*end sec nav*/
/*global*/
.back {
	float: left;
	display: block;
	background-color: #aec92f;
	cursor: pointer;
	padding: 3px 6px 3px 6px;
  	margin: 10px 2px 0px 0px;
  	color: #ffffff;
  	font: bold 11px/12px Arial, Helvetica, sans-serif;
  	text-decoration: none;
  	height: auto !important;
  	height: 1%; /*For IE*/
	z-index: 100;
	width: 40px;
	m: expression(this.onmouseover =  new Function("this.className = 'back-hover';"));
}
	.back a {
		color: #ffffff;
		font: bold 11px/12px Arial, Helvetica, sans-serif;
		text-decoration: none;	
	}
	.back a:visited {
		color: #ffffff;
		font: bold 11px/12px Arial, Helvetica, sans-serif;
		text-decoration: none;
		
	}
	.back:hover,
	.back-hover {
		float: left;
		background-color: #000000;
		cursor: pointer;
		padding: 3px 6px 3px 6px;
		margin: 10px 2px 0px 0px;
		color: #ffffff;
		font: bold 11px/12px Arial, Helvetica, sans-serif;
		text-decoration: none;
		height: auto !important;
		height: 1%; /*For IE*/
		z-index: 100;
		width: 40px;
		m: expression(this.onmouseout = new Function("this.className = 'back';"));
	}
	.back a:active{
		color: #fff;
		font: bold 11px/12px Arial, Helvetica, sans-serif;
		text-decoration: none;
	}
.head{
  font-color: #454545;
  text-transform: uppercase;
  font-weight: bold;
  }
.on {
	color: #333;
font-weight: bold;
	text-transform:lowercase
}
body#gray #bottomBorder{
border-bottom: 8px solid #828282;
padding: 2px 0 0 0;
}
body#green #bottomBorder{
border-bottom: 8px solid #aec92f;
padding: 2px 0 0 0;
}
body#black #bottomBorder{
border-bottom: 8px solid #111111;
padding: 2px 0 0 0;
}
body#pink #bottomBorder{
border-bottom: 8px solid #eb7194;
padding: 2px 0 0 0;
}
body#teal #bottomBorder{
border-bottom: 8px solid #828282;
padding: 2px 0 0 0;
}
body#dkgreen #bottomBorder{
border-bottom: 8px solid #eb7194;
padding: 2px 0 0 0;
}
body#green #navlistGray, body#green #menuGray, body#green #navlistBlack, body#green #menuBlack {
display: none;
}
body#pink #navlistGray, body#pink #menuGray, body#pink #navlistGrn, body#pink #menuGrn {
display: none;
}
body#teal #navlistBlack, body#teal #menuBlack, body#teal #navlistGrn, body#teal #menuGrn {
display: none;
}
body#bluegray #navlistBlack, body#bluegray #menuBlack, body#bluegray #navlistGrn, body#bluegray #menuGrn {
display: none;
}
body#dkgreen #navlistBlack, body#dkgreen #menuBlack, body#dkgreen #navlistGrn, body#dkgreen #menuGrn {
display: none;
}
body#green #navlistGrn, body#green #menuGrn{
display: block;
}
body#gray #navlistGray, body#gray #menuGray{
display: block;
}
body#dkgreen #navlistGray, body#dkgreen #menuGray{
display: block;
}
body#teal #navlistGray, body#teal #menuGray{
display: block;
}
body#bluegray #navlistGray, body#bluegray #menuGray{
display: block;
}
body#black #navlistBlack, body#black #menuBlack, body#pink #navlistBlack, body#pink #menuBlack {
display: block;
}
body#gray #navlistGrn, body#gray #menuGrn, body#gray #navlistBlack, body#gray #menuBlack{
display: none;
}
body#black #navlistGrn, body#black #menuGrn, body#black #navlistGray, body#black #menuGray{
display: none;
}