/* CSS Document for nav bars in new CSG templates */

/********** header nav bar classes **********/

div#main-nav-bar {
	background: #003366 url(../images/new-nav-bar.jpg) repeat-x left top;
	position: absolute;
	top: 200px;
	width: 760px;
	margin: 0;
	height: 25px;
}

div#main-nav-bar li.on, div#main-nav-bar li.current {
	background: #003366 url(../images/new-nav-bar.jpg) repeat-x 0px -25px;
}

div#main-nav-bar ul  {
	list-style-type: none;
	padding: 0 0 5px; margin: 0;
}

div#main-nav-bar li {
	float: left; 
	border-style: solid;
	border-color: rgb(255,255,255);
	border-width: 0 0 0 2px;
}

div#main-nav-bar li:first-child {
	border: none;
}

div#main-nav-bar a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#FFFFFF;
	display: block;
	padding: 5px 5px 4px;
	text-decoration: none;
}

div#main-nav-bar a:hover {
/*	color: #0069BB;	/* This color should match the far blue on the gradient bar */
	color: #3399CC; /* This should match  rgb(0,153,204);	*/
}

div#main-nav-bar li.current a:hover,
div#main-nav-bar li.on a:hover {
	color: #003366;
}

div#main-nav-bar li form {
	margin-top: 1px;
/*	border-style: solid;
	border-color: #FFFFFF;
	border-width: 2px 2px 2px 0;	*/
}

/********** content left nav bar *********/

div#content #left-nav-bar {
	float: left;
	margin: 0 0 0 -10px; padding: 0; /* move the padding 10 pixels left for more space in left nav bar */
}

div#content #left-nav-bar ul {
/*	basic settings for all "ul"s in left-nav-bar class */
	list-style-type: none;
	width: 180px;
	text-align: left;
	margin: 0; padding: 0;
}

div#content #left-nav-bar li {
/* basic settings for all "ul li"s in left-nav-bar class */
	border-top: 1px solid #FFFFFF;
	font: 12px Arial, Helvetica, sans-serif;
	display: block;
	margin: 0; padding: 0;
}

div#content #left-nav-bar a {
	/* basic settings for all "ul li a"s in left-nav-bar class */
	text-decoration: none;
	display: block;
	padding: 3px 12px;
	background: #003366 url(../images/new-nav-bar.jpg) repeat-x left top;
	color:#FFFFFF;
	margin: 0;
	vertical-align: top;
	width: 156px;	/* 156 + 12 on left and 12 on right = 180 px */
	height: auto;
	font-weight: bold;
	position: relative;
	background-image: url(../images/new-nav-bar.jpg);
}

div#content #left-nav-bar a img {
	margin: 0; padding: 0;
}

html>body div#content div#left-nav-bar a {
/* 	Fixes IE6 Windows problem where the complete box is not treated like an active link
	Adding a width and then overwriting it with a command IE6 can't figure out takes care of it, I'm told */
	width: auto;	
}

div#content #left-nav-bar a:hover{
/* changes the text hover color of all "a href" to aqua */
	color:#3399CC;
}

/********** PI contact box *********/
div#content #PIbox {
	float: left;
	margin: 20px 0; padding: 0;
}

div#content #PIbox ul {
/*	basic settings for all "ul"s in left-nav-bar class */
	list-style-type: none;
	width: 170px;
	text-align: left;
	margin: 0; padding: 0;
}

div#content #PIbox li {
/* basic settings for all "ul li"s in left-nav-bar class */
	border-top: 1px solid #FFFFFF;
	font: 11px Arial, Helvetica, sans-serif;
	display: block;
	margin: 0; padding: 0;
	text-decoration: none;
	padding: 3px 12px;
	background-color:#003366;
	color:#FFFFFF;
	vertical-align: top;
	width: 146px;	
	height: auto;
	font-weight: normal;	

}

/********** content left nav bar secondary links **********/

div#content #left-nav-bar ul.level2 li a, 
div#content #left-nav-bar ul.current li.current ul li a {
/* changes background color of hidden submenus and current pinned submenu gray */
	background-color: #999999;
	background-image: none;
	text-align: left;
	font-size: 10px;
	padding-left: 18px;
	width: 150px;
}

div#content #left-nav-bar li.submenu a:hover,
div#content #left-nav-bar li.current ul li a:hover,
div#content #left-nav-bar li.current ul.level2 li.current a:hover {
/* makes the hovers in the "current" and "submenu" classes turn blue */
	background-color: #003366;	/* dark blue */
}

div#content #left-nav-bar li.current a,
div#content #left-nav-bar li.current ul.level2 li.current a {
/* if it is "current" class, it's aqua */
	background: #003366 url(../images/new-nav-bar.jpg) repeat-x 0px -25px;
}

div#content #left-nav-bar li.current a:hover {
	color: #003366;
}

div#content #left-nav-bar li.current ul.on li a {
	background-image: none;
}

div#content #left-nav-bar li.current ul.on a:hover {
	color: #3399CC; /* aqua text for subheads of current left hand nav bar */
}

div#content #left-nav-bar li.current ul.on li.current a:hover {
	color: #003366; /* dark blue */
}

div#content div#left-nav-bar ul ul {
/* hide all secondary menus */
	display: none;
	position: relative;
}

div#content div#left-nav-bar ul.level1 li.submenu:hover ul.level2, 
div#content div#left-nav-bar ul.on {
/* display menus that are hovered on or the one that is pinned open */
	display: block;
}

/********** content -> main -> subhed nav bar classes **********/

div#content #main #subhed-nav-bar {
	background: #003366;
	margin-bottom: 10px;
	padding: 5px 0;	
}

div#content #main #subhed-nav-bar ul {
	list-style-type: none;
	margin: 0; padding: 0;	
}

div#content #main #subhed-nav-bar li {
	display:inline;
	margin: 0; 
	padding: 6px 0;	
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 0 2px 0 0;
}
/*	remove black text color if button is blue
div#content #main #subhed-nav-bar li.on a:hover {
	color: rgb(0,0,0);
}
*/
div#content #main #subhed-nav-bar a {
	font: 11px Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #FFFFFF;
	padding: 5px; margin: 0;
}

div#content #main #subhed-nav-bar a:hover {
	color: #3399CC;
}

div#content #main #subhed-nav-bar li.current a:hover,
div#content #main #subhed-nav-bar li.on a:hover {
	color: #003366;
}