@charset "utf-8";
/* CSS Document - Navigation bar styles*/

/* tabbed menu formatting: (shadetabs is for the main or top row of tabs, and textabs is for the subsidiary or second line of tabs*/
.shadetabs{
	padding-top:0;
	border-bottom:1px solid gray;
	padding-bottom:0.2em;
	height:1.7em;
	z-index:1000;
}
.shadetabs li{
	display:inline;
	margin: 0;
}
.textabs{
	background-color: #FFFFFF;
	border-bottom:1px solid gray;
	padding-top:0.7em;
	height:1.85em;
	z-index:500;/*
	margin-bottom: 0.1em;
	padding-bottom: 1.75em;

	
	required with z-indices below to keep the drop down menu above the navpad and break divs, otherwise it becomes unselectable (in IE)*/
}
ul#pganav { 
	padding: 5px 0;
	font: bold 1.0em Arial, Helvetica, "bitstream vera sans", sans-serif;
	/*bold 12px Verdana;*/
	list-style-type: none;
	text-align: left; 
	display: inline;
	position:relative;
	margin: 0;
}
ul#pganav li {
	display:inline;
}
ul#pganav a{
	text-decoration: none;
	padding: 0.1em 0.4em 0.4em 0.4em;;
	margin-right: 0.4em;
	border: 1px solid #778;
	border-bottom: 0 solid white;
	color: #2d2b2b;
	background: white url(../images/shade.gif) top left repeat-x;
	overflow:visible;
}
 
ul#pganav li a:hover {
	text-decoration: none;
	color: #669933;
}

/*used in conjunction with textabs, pads the nav div's bottom margin to the correct poistion*/
.navpad{
left:0;
height: 1.3em;
/*background-color:none;*/
width:2%;
z-index:-1000;
}
/*used in conjunction with textabs, the tab lime padding extends 1px or so below the active tab in shadetabs nav, so a break is needed to enure the subsequent heading is not inadvertently indented if it "catches" on the active tab*/ 
.break {
position:relative;
left:0;
height:0.5em;
/*background-color:none;*/
width:100%;
z-index:-500;
}
.textabs li{
	display: inline;
	margin: 0;
}

nav {
	margin:0px auto; 
	width:auto;
	border:1px #666666;
}
nav a:link {
	color: #2d2b2b;
}
nav a:visited {
	/* Applies to all visited links */
	text-decoration:  none;
	color: #2d2b2b;
  }

nav ul {    
	padding: 0;
	margin:0;
	padding-left: 0!important;
	list-style: none;
	position: relative;
	display:block;
	text-decoration:none;
	font: bold 1.0em Arial, Helvetica, "bitstream vera sans", sans-serif;
	}
nav ul li {
	float:left;
	display:list-item;
	list-style: none; 
	color: #2d2b2b;
	}
/* This gets used for the main horiz lists*/
nav ul li > a {
	padding: 0.1em 0.4em 0.4em 0.4em;
	height:1.3em;
	margin-right: 0.4em;
	border: 1px solid #778;
	display:block;
	background: white url(../images/shade.gif) top left repeat-x;
	text-decoration:none;
	/*font removed*/
	color: #2d2b2b;
}

li a:hover { 
	text-decoration: none;
	color: #669933;
}

	
/* The Dropdown Styles */
/* =================== */

/* Hide Dropdowns by Default */
nav ul ul {
	display: none;
	position: absolute; 
	width:12em;
	border: 1px #666666;
}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:list-item;
}

/* Fisrt Tier Dropdown */
nav ul ul li {
	width:12em;
	float:none;
	position: relative;
	border: 1px #666666;
	z-index:10500;
}
nav ul ul li a {
	margin-top:-0.1em;
	width:12em;
	float:none;
	position: relative;
	text-decoration:none;
	color: #2d2b2b;
	z-index:10501;
	background: #eefade;
}

/*
 Second, Third and more Tiers*/	
nav ul ul ul li {
	position: relative;
	top:-1.8em; 
	left:12.8em;
	background:#eefade;
	z-index:10502;
}
nav ul ul ul li a{
	margin-top:-0.1em;
	width:12em;
	float:none;
	position: relative;
	background:#eefade;
	text-decoration:none;
	color: #2d2b2b;
	z-index:10503;
}
li > a:before {
    content: url('../images/sort_asc.gif');
}
li > a:only-child:before { content: ''; }     
/*li > a:before {
    content: '»';}
 */

#tab1 li.tab1 > a, 
#tab2 li.tab2 > a, 
#tab3 li.tab3 > a, 
#tab4 li.tab4 > a, 
#tab5 li.tab5 > a,
#tab6 li.tab6 > a,
#tab7 li.tab7 > a,
#tab8 li.tab8 > a,
#tab9 li.tab9 > a,
#tab10 li.tab10 > a
{
	background: white url(../images/shadeactive.gif) top left repeat-x;
	border-bottom-width:2px;
	border-bottom-color: white;
}
#tabb1 li.tabb1 > a, 
#tabb2 li.tabb2 > a, 
#tabb3 li.tabb3 > a, 
#tabb4 li.tabb4 > a, 
#tabb5 li.tabb5 > a,
#tabb6 li.tabb6 > a,
#tabb7 li.tabb7 > a,
#tabb8 li.tabb8 > a
{
	background: white url(../images/shadeactive.gif) top left repeat-x;
	border-bottom-width:2px;
	/*padding-bottom:-5px;*/
	border-bottom-color: white;
}
#tabbb1 li.tabbb1 a, 
#tabbb2 li.tabbb2 a, 
#tabbb3 li.tabbb3 a, 
#tabbb4 li.tabbb4 a, 
#tabbb5 li.tabbb5 a,
#tabbb6 li.tabbb6 a,
#tabbb7 li.tabbb7 a,
#tabbb8 li.tabbb8 a
{
	background: white url(../images/shadeactive.gif) top left repeat-x;
	border-bottom-width:2px;
	/*padding-bottom:-5px;*/
	border-bottom-color: white;
}
#dd1 li.dd1 > a, 
#dd2 li.dd2 > a, 
#dd3 li.dd3 > a, 
#dd4 li.dd4 > a, 
#dd5 li.dd5 > a,
#dd6 li.dd6 > a,
#dd7 li.dd7 > a,
#dd8 li.dd8 > a
{
	background: white url(../images/shadeactive.gif) top left repeat-x;
	border-bottom-width:1px;
/*	padding-bottom:-5px;*/
	border-bottom-color: #999999;
}
#dda1 li.dda1 > a, 
#dda2 li.dda2 > a, 
#dda3 li.dda3 > a, 
#dda4 li.dda4 > a, 
#dda5 li.dda5 > a,
#dda6 li.dda6 > a,
#dda7 li.dda7 > a,
#dda8 li.dda8 > a
{
	background: white url(../images/shadeactive.gif) top left repeat-x;
	border-bottom-width:1px;
/*	padding-bottom:-5px;*/
	border-bottom-color: #999999;
}
#ddb1 li.ddb1 > a, 
#ddb2 li.ddb2 > a, 
#ddb3 li.ddb3 > a, 
#ddb4 li.ddb4 > a, 
#ddb5 li.ddb5 > a,
#ddb6 li.ddb6 > a,
#ddb7 li.ddb7 > a,
#ddb8 li.ddb8 > a
{
	background: white url(../images/shadeactive.gif) top left repeat-x;
	border-bottom-width:1px;
/*	padding-bottom:-5px;*/
	border-bottom-color: #999999;
}
/*button{
cursor: pointer;
background: white url(../images/shade.gif) top left repeat-x;
border: 1px solid #778;
padding: 5px;
min-height:2.0em;
}
button:hover{
cursor: pointer;
background: white url(../images/shadeactive.gif) top left repeat-x;
border: 1px solid #006600;
}
*/