#navigation .tabcontent {display:none;}

#navigation /* wraps nav and subnav */
{
	width:100%;
	/*background-color: #000;
	height:55px;*/
	border-top: 1px solid #aaa89b;
	/*background-image: url(/sites/wctrib/template/gfx/subnavbg.gif);
	background-repeat: repeat-x;
	background-position: bottom;*/
}

#navbar /* main navigation bar */
{
	background-color: #aaa89b;
	font-size: 12px;
	height: 27px;
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #fff;	
}

#navbar ul /* section links */
{
	float: left;
	background-color: #aaa89b;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	/*left: 0;*/
	color: #000;
}

#navbar li /* section links */
{
	float: left;
	list-style-type: none;
	margin: 0;
	border-color: #DDD;
	border-width: 0 1px 0 0;
	border-style: solid;
	line-height: 25px;
	height: 27px;
}

#navbar li.navbar_left /* padding to the left of home link */
{
	background-color: #aaa89b;
	width: 15px;
	height: 27px;
}

#navbar ul li a
{
	padding: 0 6px;
	width: auto;
	height: 25px;
	margin: 1px;
	vertical-align: middle;
	display: block;
	color: #fff;
	font-weight: normal;
	font-variant:small-caps;
	font-family: sans-serif;
}

* html #navbar ul li a { width: 25px; }
* html #navbar ul li a:hover { width: 25px; }

#navbar ul li a:hover
{
	color: #FFF;
	padding: 0 6px;
	width: auto;
	height: 25px;
	margin: 1px;
	vertical-align: middle;
	background-color: #3592b5;
	text-decoration: none; 
}

#navbar ul li a:hover.current {background-color: #00adef; color: #FFF;}
#navbar ul li a.current {background-color: #00adef; color: #FFF;} /* current section */


/* SUBNAV */
.subnav /* subnav bar */
{
	background-color: #d1d1d1;
	background-image: url(/sites/wctrib/template/gfx/subnavbg.gif);
	background-repeat:repeat-x;
	font-size: 12px;
	font-family: sans-serif;
	padding: 0 10px 0 0;
}
.subnavHover /* subnav bar */
{
	background-color: #2080a4;
	font-size: 12px;
	font-family: sans-serif;
	padding: 0 10px 0 0;
}

#masthead #navigation .tabcontent a {color: #fff;} /* makes sure text color is independent from masthead */
#masthead #navigation .tabcontent a:hover {color: #fff;} /* makes sure text color is independent from masthead */

.tabcontent ul
{
	float: left;
	margin: 0;
	padding: 0 0 0 15px;
	white-space: nowrap;
}

.tabcontent li
{
	float: left;
	list-style-type: none;
	margin: 0;
	line-height: 18px;
	height: 20px;
}

.tabcontent ul li a
{
	padding: 0 6px;
	width: auto;
	height: 20px;
	vertical-align: middle;
	display: block;
	color: #FFF;
}

* html .tabcontent ul li a { width: 25px; }
* html .tabcontent ul li a:hover { width: 25px; }

.tabcontent ul li a:hover
{
	padding: 0 6px;
	/*width: auto;
	height: 18px;*/
	vertical-align: middle;
	color:#FFF;
	text-decoration: none;
	background-color: #3592b5;
}