@charset "utf-8";

/* main.css */
/* last modified & Validated Jan 8 / 2010  */

/* Resets */

	*  {
		border: 0;
		font-family: inherit; 
		font-size: 100%; 
		font-style: inherit; 
		font-weight: inherit; 
		margin: 0;
		padding: 0;
		vertical-align: baseline;
		}

	body {
		color: #4A4A4A;
		font: normal 13px Arial;
		}

/* Header */

	#header, #homepage_header {
		height: 153px; 
		margin: 0px auto;
		position:relative;  
		width: 980px;
		z-index: 300;
		}

	#homepage_header {
		height: 260px;
		}

	/* Top Navigation */

	#topnav {
		margin: 0px 62px 0px 0px;
		position:relative; 
		text-align: left;
		z-index: 200;  
		}

	#topnav ul {
		display: inline; 
		float: right;
		} 

	#topnav ul li {
		display: inline;
		font: normal 13px Arial;
		list-style: none;
		}

	#topnav ul li a:link, #topnav ul li a:visited, #topnav ul li a:hover {
		background-color: #EAEAEA;
		border-bottom: 1px solid #D4D4D4;
		color: #333333;
		display: inline;
		float: left;
		font: normal 13px Arial;
		margin: 0px 1px 0px 1px;
		padding: 5px 10px 5px 10px;
		text-align: center;
		text-decoration: none;
		width: 91px;
		}

	#topnav ul li a:hover {
		background-color: #DADADA;
		}

	/* Billboard */

	#billboard .cf_element {
		background-color: #FFFFFF; 
		height: 260px;
		margin-top: 0px;
		width: 965px;
		}

	#billboard .cf_element .content {
		height: 260px;
		}

	/* used on value driver pages */
	#billboard .cf_element_value {
		background-color: #FFFFFF; 
		height: 150px; 
		text-align: center;
		}

	#billboard .cf_wrapper {
		margin: 0px auto; 
		position: absolute; 
		top: 0px;  
		z-index: -1; 
		}

/* Nav Menus */

	/* ValueNav */

	#valuenavwrap {
		background: #237B9D url('../images/interface/valuenav_bg_wing.jpg') repeat-x top left;
		text-align: left;
		z-index: 200;
		}

	#valuenavcontainer {
		margin: 0px auto;
		padding: 0px;
		width: 980px;
		}

	#valuenavcontainer ul {
		display: inline;
		margin: 0px;
		padding: 0px;
		}

	#valuenavcontainer ul li, #valuenavcontainer ul li a:link, #valuenavcontainer ul li a:visited, #valuenavcontainer ul li a:hover, #valuenavcontainer ul li.first, #valuenavcontainer ul li.first a:link, #valuenavcontainer ul li.first a:visited, #valuenavcontainer ul li.first a:hover, #valuenavcontainer ul li.currentpage, #valuenavcontainer ul li.currentpage a:link, #valuenavcontainer ul li.currentpage a:visited, #valuenavcontainer ul li.currentpage a:hover{
		background: #065590 url('../images/interface/valuenav_bg.jpg') repeat-x top left;
		border-right: 1px solid #003F6E;
		color: #FFFFFF;
		float: left;
		font: bold 13px Arial;
		list-style: none;
		margin: 0px;
		padding: 0px;
		text-align: center;
		text-decoration: none;
		width: 138px;
		}

	#valuenavcontainer ul li a:hover, #valuenavcontainer ul li.first a:hover, #valuenavcontainer ul li.currentpage, #valuenavcontainer ul li.currentpage a:link, #valuenavcontainer ul li.currentpage a:visited {
		background: #015EAE url('../images/interface/valuenav_bg_hover.jpg') no-repeat top left;
		}

	#valuenavcontainer ul li.first a, #valuenavcontainer ul li.first a:link, #valuenavcontainer ul li.first a:visited, #valuenavcontainer ul li.first a:hover, #valuenavcontainer ul li a, #valuenavcontainer ul li a:link, #valuenavcontainer ul li a:visited, #valuenavcontainer ul li a:hover, #valuenavcontainer ul li.currentpage a:link, #valuenavcontainer ul li.currentpage a:visited {
		padding: 20px 0px 20px 0px;
		width: 137px;
		}

	#valuenavcontainer ul li, #valuenavcontainer ul li.currentpage {
		width: 137px;
		}
	
	#valuenavcontainer ul li.first {
		border-left: 1px solid #003F6E;
		width: 137px;
		}

	/* Navigation Menu */

	#navcontainer {
		background: #EAEAEA url('../images/interface/navigation_bg.png') repeat-x top left;
		border-bottom: 1px solid #A8A8A8;
		padding: 3px 0px 3px 0px;
		}

	.nav {
		margin: 0px auto;
		width: 980px;
		}

	.nav ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
		}

	.nav ul li {
		display: inline;
		list-style: none;
		}

	.nav ul li a, .nav ul li img {
		display: inline;
		float: left; 
		font: normal 13px Arial;
		}

	.nav ul li a:link, .nav ul li a:visited, .nav ul li a:hover, .nav ul li.first a:link, .nav ul li.first a:visited, .nav ul li.first a:hover {
		color: #333333;
		float: left; 
		margin: 0px; 
		padding: 8px 0px 8px 35px;
		text-decoration: none;
		width: 148px;
		}

	.nav ul li a:hover, .nav ul li.first a:hover {
		text-decoration: underline;
		}

	.nav ul li.currentpage a:link, .nav ul li.currentpage a:visited, .nav ul.currentpage li a:hover {
		color: #0867A9;
		}

	.nav ul li img {
		margin: 0px 5px 0px 0px;
		padding-top: 10px;
		vertical-align: middle;
		width: 60px;
		}

	#nav_v1 {
		background: url('../images/interface/Icon_Apps_SUS30.png') no-repeat center left;
		}

	#nav_v2 {
		background: url('../images/interface/Icon_Apps_WIN30.png') no-repeat center left;
		}

	#nav_v3 {
		background: url('../images/interface/Icon_Apps_SAF30.png') no-repeat center left;
		}

	#nav_v4 {
		background: url('../images/interface/Icon_Apps_EDU30.png') no-repeat center left;
		}

	#nav_v5 {
		background: url('../images/interface/Icon_Apps_COL30.png') no-repeat center left;
		}

/* sidebarwrap */

	#contentsidebarwrap {
		margin: 0px auto;
		padding: 30px 0px 10px 0px;
		width: 980px;
		}

	.sidebarcontainer {
		float: right;
		margin: 0px 12px 0px 0px;
		width: 260px;
		}

	.sidebargroup {
		margin: 0px 0px 10px 0px;
		}

	.sidebar_item {
		display: block;
		text-decoration: none;
		}

	.sidebar_item, .sidebar_item_head, .sidebar_item_nohover {
		background-color: #EAEAEA;
		border: 1px solid #D4D4D4;
		border-left: 0px;
		border-right: 0px;
		color: #333333;
		font: normal 13px Arial;
		margin: 0px 0px 2px 0px;
		padding: 5px 10px 5px 10px;	
		text-decoration: none;
		}

	.sidebar_item a:link, .sidebar_item a:visited, .sidebar_item a:hover, .sidebar_item_nohover {
		color: #333333;
		text-decoration: none;
		}

	.sidebar_item_head {
		background-color: #CCCCCC;
		border: 0px;
		border-bottom: 1px solid #AAAAAA;
		font-weight: bold;
		margin: 0px;
		}

	.sidebar_item:hover, .sidebar_item_halfleft:hover, .sidebar_item_halfright:hover {
		background-color: #DADADA;
		cursor: pointer;
		text-decoration: none;
		}

	.sidebar_item_nohover {
		background-color: #EAEAEA;
		border-top: 0px;
		cursor: default;
		text-decoration: none;
		}

	/* Sidebar Search */

	#sidesearchbox, #searchboxcontainer {
		background-color: #EAEAEA;
		border: 1px solid #D4D4D4;
		border-left: 0px;
		border-right: 0px;
		margin: 0px 0px 2px 0px;
		min-height: 23px;
		padding: 10px;
		text-align: left;
		width: 240px;
		}

	#sidesearchbox .button {
		background: none;
		border: 0px;
		color: #999999;
		float: right;
		font-size: 10px;
		height: 23px;
		margin: 0px;
		padding: 0px;
		top: 0px;
		width: 65px;
		}

	#sidesearchbox .hiddenFields {
		height: 1px;
		}

	#sidesearchbox .textbox, #searchbox .textbox, .sidebar_item_nohover .textbox {
		background-color: #FFFFFF;
		border: 1px solid #CCCCCC;
		color: #666666;
		float: left;
		font: normal 13px Arial;
		height: 18px;
		margin: 0px 5px 0px 0px;
		padding: 3px 2px 2px 3px;
		position: relative;
		top: 0px;
		width: 155px;
		}

	#searchboxcontainer {
		background-color: #E4E4E4;
		margin: 10px 0px 10px 0px;
		height: 20px;
		padding: 10px 5px 10px 5px;
		width: 660px;
		}

	#searchbox {
		width: 415px;
		}

	#searchbox .textbox {
		margin: 0px 5px 0px 5px;
		width: 330px;
		}

	#result_report {
		color: #0867A9;
		font-weight: bold;
		margin: 0px;
		text-align: left;
		}

	#results {
		margin: 0px 0px 10px 0px;
		}

	.search_result_title, .search_result_title a:link, .search_result_title a:visited {
		color: #0867A9;
		font: normal 15px Arial, sans-serif;
		}

	.search_result_title a:hover {
		color:#2075B5;
		}

	.search_result_url {
		color: #999999;
		font: inherit;
		}

	/* Sidebar Survey */

	#survey {
		background-color: #EAEAEA;
		border-bottom: 1px solid #D4D4D4;
		color: #333333;
		margin: 0px 0px 10px 0px;
		padding: 5px 10px 5px 10px;
		text-decoration: none;
		}

/* Content container */

	#contentcontainer {
		background-color: #FFFFFF;
		float: left;
		margin: 0px 20px 20px 0px;
		padding: 0px 0px 0px 0px;
		width: 660px;
		}

/* Footer */

	#footercontainer {
		clear: both;
/*		float: right;  use to fix printing issue */
		background-color: #E4E4E4;
		border-top: 3px double #AAAAAA;
		padding: 0px 0px 10px 0px;
		text-align: right;
		}

	#footer {
		bottom: 0px;
		color: #888888;
		font: normal 10px Arial;
		margin: 0px auto;
		padding: 10px 10px 20px 10px;
		width: 960px;
		}

	#footer a:link, #footer a:visited, #footer a:hover {
		color: #888888;
		text-decoration: underline;
		}

/* links */

	a:link, a:visited {
		color: #0867A9;
		text-decoration: underline;
		}

	a:hover {
		color: #004F79;
		cursor: pointer;
		}

	a.top {
		background: url('../images/interface/topbutton.jpg') no-repeat;
		cursor: pointer;
		float: right;
		height: 20px;
		margin: 15px 0px 0px 0px;
		position:relative;
		text-decoration: none;
		width: 90px;
		}

	a.top:hover {
		background: url('../images/interface/topbutton_hover.jpg') no-repeat;
		}

	a.top span {
		visibility: hidden;
		}

	.blue, .blue a:link, .blue a:visited {
		color: #0867A9;
		}

	.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
		clear:both;
		display: block;
		font-size: 1px;
		height: 0px;
		line-height: 0px;
		margin: 10px 0px 0px 0px;
		}

	h3 {
		font: bold 16px Georgia, serif;
		margin: 0px 0px 3px 0px;
		}

	.hr_grey, {
		background: url('../images/interface/hr.gif') repeat-x top left;
		height: 1px;
		margin: 10px 0px 10px 0px;
		background-color: #D4D4D4;
		}