/* 
PB Project Viz CSS template style sheet
   
Use the table of contents below to quickly jump to main sections of the style sheet. For example, to jump to the TABLES section, do a find on TABLES

RESET
BODY
NAVIGATION
	Primary Navigation
	Secondary Navigation
HEADER
CONTENT
FOOTER
LINKS
LISTS
TABLES
TYPOGRAPHY
	Colors
	Headings
	Floats
	Misc.
	Padding
	Paragraphs
	Special Text
SECTION-SPECIFIC
	FAQs Page
	Home Page
*/

/* RESET ----------------------------------------------------*/

/* BODY ----------------------------------------------------*/

body {
	font: normal small/1.25em Arial, sans-serif;
	color: #000000;
	margin: 0;
	padding: 0;
	background-color: #000000;
}

#pageWrapper {
	background-color: #FFFFFF;
	font: normal 90%/1.25em Arial, sans-serif;
	position: absolute;
	left: 50%;
	margin: 0px 0px 0px -475px;
	padding: 0px;
	width: 950px;
}

/* CONTENT----------------------------------------------------*/

#contentChild{
	padding: 110px 0px 0px 0px;
	margin: 0px;
}

#rightColumnChild{
	float: left;
	width: 185px;
	padding: 10px 20px 30px 30px;
	margin: 0px 0px 0px 0px;
	border-left: 1px solid #d9d9d9;
}

#rightColumnChild ul {
	list-style-type:none;
	padding:0px 0px 0px 0px;
	margin: 0px;
}

#rightColumnChild li {
	padding:0px 0px 0px 10px;
	margin: 0px;
	background-image: url(/images/bullet_square1.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px ;
}

#leftColumnChild{
	float: left;
	width: 62%;
	padding:0px 40px 50px 50px;
	margin: 0px;
}

#leftColumnChildFull{
	float: left;
	width: 90%;
	padding:0px 40px 50px 50px;
	margin: 0px;
}



#contentHome{
	background-color: #FFFFFF;
	background-image: url(/images/bg_home_content.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 30px 60px 40px 60px;
	margin: 45px 0px 0px 0px;
}


/*FOOTER----------------------------------------------------*/

#footer{
	width:100%;
	float:left;
	font: normal 95%/1.5em Arial, sans-serif;
	color: #c9c9c9; /*lt gray*/
	text-align:center;
	background-color: #FFFFFF;
	background-image: url(/images/bg_home_footer.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding: 30px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
}

#footer a{
	color: #666666; /*dk gray*/
	text-decoration: underline;
}

#footer a:hover{
	color: #999999; /*med gray*/
	text-decoration: none;
}

/* TEMP footer - before full launch */

#footerTemp{
	width:100%;
	float:left;
	font: normal 95%/1.5em Arial, sans-serif;
	color: #c9c9c9; /*lt gray*/
	text-align:center;
	background-color: #FFFFFF;
	padding: 30px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
}


/*LISTS----------------------------------------------------*/

.genericList {
	list-style-type:none;
	line-height: 1.5em;
	padding:0px 40px 10px 30px;
	margin: 0px;
}

.genericList li {
	padding:0px 40px 0px 15px;
	margin: 0px;
	background-image: url(/images/bullet_square1.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px ;
}

/*LINKS----------------------------------------------------*/

a {
	color: #2d78d4; /*blue*/
	text-decoration: underline;
}

a:hover {
	color: #3785e4; /*lighter blue*/
	text-decoration: none;
}

.formButton a  {
	font: bold 95%/1.5em Arial, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(/images/bg_button_up.gif);
	background-position: left;
	background-repeat: repeat-x;
	padding: 3px 7px 3px 7px;
	border: 2px solid #f4f4f4;
}

.formButton a:hover  {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(/images/bg_button_ov.gif);
	background-position: left;
	background-repeat: repeat-x;
	border: 2px solid #f1f1f1;
}

a.formButton
{
	font: bold 95%/1.5em Arial, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(/images/bg_button_up.gif);
	background-position: left;
	background-repeat: repeat-x;
	padding: 3px 7px 3px 7px;
	border: 2px solid #f4f4f4;
}

a:link.formButton
{
	color: #FFFFFF;
}

a:visited.formButton
{
	color: #FFFFFF;
}

a:hover.formButton
{
	color: #FFFFFF;
	background-image: url(/images/bg_button_ov.gif);
	border: 2px solid #f1f1f1;
}

.featureButton a  {
	float:right;
	font: bold 95%/1.5em Arial, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(/images/bg_button_up.gif);
	background-position: left;
	background-repeat: repeat-x;
	padding: 4px 7px 4px 7px;
	border: 4px solid #f4f4f4;
}

.featureButton a:hover  {
	font: bold 95%/1.5em Arial, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(/images/bg_button_ov.gif);
	background-position: left;
	background-repeat: repeat-x;
	padding: 4px 7px 4px 7px;
	border: 4px solid #f1f1f1;
}

a.selectedLink, a:hover.selectedLink
{
	font-weight: bold; 
	color: #000000 !important;
	text-decoration: none;
}

a.unselectedLink
{
	color: #2d78d4 !important;
	text-decoration: underline;
}

	

/* NAVIGATION ----------------------------------------------------*/

/* Primary Navigation */ 

#primNavPos {
					position: absolute;
					left: 50%;
					margin: 8px 0px 0px -475px;
					top: 100px;
					padding-top: 15px;
					background-color: #000000;
					width: 950px;
					height: 29px;
					z-index: 2;
					background-image:url(/images/bg_nav_primary.gif);
					background-repeat: repeat-x;
					background-position: bottom;
}

#primNav {
					margin: 0;
					padding: 0;
}


#primNav li {
					list-style: none;
					display: inline;
					margin: 0;
					padding: 0;
}

#primNav li#A a {
					background: url("/images/nav_primary_tabs.gif") no-repeat;
					background-position: 0px -31px;
					width: 68px;
					height: 29px;
					float: left;
					padding-right: 0px;
}

#primNav li#A a:hover {
					background-position: 0 -60px;
}

body.navA #primNav li#A a, body.navA #primNav li#A a:hover	{ 
					background: url("/images/nav_primary_tabs.gif") no-repeat;
					background-position: 0px -1px;
					width: 68px;
					height: 29px;
					float: left;
					padding-right: 0px;
} 

#primNav li#B a {
					background: url("/images/nav_primary_tabs.gif") no-repeat;
					background-position: -68px -31px;
					width: 87px;
					height: 29px;
					float: left;
					padding-right: 0px;
}

#primNav li#B a:hover {
					background-position:  -68px -60px;
}

body.navB #primNav li#B a, body.navB #primNav li#B a:hover {
					background: url("/images/nav_primary_tabs.gif") no-repeat;
					background-position: -68px -1px;
					width: 87px;
					height: 29px;
					float: left;
					padding-right: 0px;
}

#primNav li#C a {
					background: url("/images/nav_primary_tabs.gif") no-repeat;
					background-position: -155px -31px;
					width: 146px;
					height: 29px;
					float: left;
					padding-right: 0px;
}

#primNav li#C a:hover {
					background-position:  -155px -60px;
}

body.navC #primNav li#C a, body.navC #primNav li#C a:hover{
					background: url("/images/nav_primary_tabs.gif") no-repeat;
					background-position: -155px -1px;
					width: 146px;
					height: 29px;
					float: left;
					padding-right: 0px;
}

#primNav li#D a {
					background: url("/images/nav_primary_tabs.gif") no-repeat;
					background-position: -301px -31px;
					width: 101px;
					height: 29px;
					float: left;
					padding-right: 0px;
}

#primNav li#D a:hover {
					background-position:  -301px -60px;
}

body.navD #primNav li#D a, body.navD #primNav li#D a:hover {
					background: url("/images/nav_primary_tabs.gif") no-repeat;
					background-position: -301px -1px;
					width: 101px;
					height: 29px;
					float: left;
					padding-right: 0px;
}

#primNav li#E a {
					background: url("/images/nav_primary_tabs.gif") no-repeat;
					background-position: -402px -31px;
					width: 78px;
					height: 29px;
					float: left;
					padding-right: 0px;
}

#primNav li#E a:hover {
					background-position:  -402px -60px;
}

body.navE #primNav li#E a, body.navE #primNav li#E a:hover {
					background: url("/images/nav_primary_tabs.gif") no-repeat;
					background-position: -402px -1px;
					width: 78px;
					height: 29px;
					float: left;
					padding-right: 0px;
}
#primNav li#F a {
					background: url("/images/nav_primary_tabs.gif") no-repeat;
					background-position: -481px -31px;
					width: 122px;
					height: 29px;
					float: left;
					padding-right: 0px;
}

#primNav li#F a:hover {
					background-position:  -481px -60px;
}

body.navF #primNav li#F a, body.navF #primNav li#F a:hover {
					background: url("/images/nav_primary_tabs.gif") no-repeat;
					background-position: -481px -1px;
					width: 122px;
					height: 29px;
					float: left;
					padding-right: 0px;
}

#primNav li#G a {
					background: url("/images/nav_primary_tabs.gif") no-repeat;
					background-position: -603px -31px;
					width: 89px;
					height: 29px;
					float: left;
					padding-right: 0px;
}

#primNav li#G a:hover {
					background-position:  -603px -60px;
}

body.navG #primNav li#G a, body.navG #primNav li#G a:hover {
					background: url("/images/nav_primary_tabs.gif") no-repeat;
					background-position: -603px -1px;
					width: 89px;
					height: 29px;
					float: left;
					padding-right: 0px;
}



/* Secondary Navigation */ 

#secNavPos {
					position: absolute;
					left: 50%;
					margin: 0px -475px;
					top: 150px;
					width: 950px;
					height: 45px;
					background-image:url(/images/bg_nav_secondary.gif);
					background-repeat: repeat-x;
					background-position: bottom;
}

#secNav {
	font: normal 95%/1.25em Arial, sans-serif;
	margin: 18px 0px 0px 10px;
	padding:0px 0px 0px 0px; 
}


#secNav li#navS1{ 
	border-left: none; /* get rid of left border on first nav item*/
}

#secNav li { 
	list-style: none;
	color: #333333; 
	float:left;
	border-left: 1px solid #c9c9c9; /*lt gray*/
	width: auto;
	text-decoration: none;
	margin: 0px; 
	padding: 0px; 	

}

#secNav a { 
	color: #2d78d4; /*blue*/ 
	float:left;
	width: auto;
	text-decoration: underline;
	margin: 0px 7px 0px 7px; 
	padding: 0px; 
}

#secNav a:hover, #secNav a:active { 
	color: #3785e4; /*bright blue*/
	text-decoration: none; 

}

span.none
{
        display: none;
}


/* TYPOGRAPHY ----------------------------------------------------*/

/* Colors */


/* Headings */


h1 {
	font: normal 210%/1.25em Arial, sans-serif;
	color: #53962e; /*green*/
}

h2 {
	font: bold 120%/1.25em  Arial, sans-serif;
	color: #000000; 
}


h3 {
	font: bold 100%/1.25em Arial, sans-serif;
	/*color: #4d4392; (purple)*/
	color: #000000;
	letter-spacing: .2em;
	text-transform: uppercase;
	margin: 0px 0px 10px 0px;
	padding: 15px 0px 5px 0px;
	background-image: url(../images/bg_dash_nav_gray.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

h4 {
	font: bold 100%/1.25em Arial, sans-serif;
	margin: 0px;
	padding-top: 10px;
	color: #000000;
	/*padding-top: 13px;
	background-image: url(../images/bg_dash_nav_gray.gif);
	background-repeat:repeat-x;
	background-position:top;*/
}

.smallText {
	font: normal 85%/1.25em Arial, sans-serif;
}

.imageH { /* no extra padding or margin for images used as h1, h2, h3, etc */
	padding: 0px;
	margin: 0px;
}	

/* Floats */



.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

/* Misc. */

.textSpacing {
	letter-spacing: .2em;
}

.lineheight1 {
	line-height: 1.5em;
}


.caps {
	text-transform:uppercase;	
}

.indent1 {
	padding-left: 15px;
}

.border1 {
	border-bottom: 1px solid #d9d9d9;
}

fieldset
{
	position: relative;
	padding: 4px;
	border: 1px solid #c9c9c9;
	background: #ffffff;
}

legend
{
	font: bold 120%/1.25em Arial, sans-serif;
	color: #000000;
	line-height: 1.5em;
	position: relative;
	top: -0.75em;
}

/* Padding */


.padding1 {
	padding-right: 13px;
	padding-bottom: 2px;
}

.padding2 {
	padding-top: 13px;
}

.padding3 {
	padding-bottom: 15px;
}


/* Special text */


.sidebarTitle  {
	font: bold 120%/1.25em  Arial, sans-serif;
	color: #000000; 
	margin-left: -10px;
}


.charterTitle {
	margin: 0px 0px 0px 20px;
	padding: 12px 0px 2px 0px;
	display:block;
	border-bottom: 1px solid #e5e5e5;
	font-weight: bold;
	color: #333333;
	text-transform:uppercase;
}

.charterTitleNum {
	float:left;
	padding-top: 12px;
	font-weight:bold;
	color: #53962e; /*green*/
}

.required {
	color: #AF304B;
}

.italic1 {
	font-style:italic;
	color:#999999;
}


/* SECTION-SPECIFIC ----------------------------------------------------*/


/* Home Page */

#featureLeft{
	float:left;
	background-color: #FFFFFF;
	width: 303px;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
}

#featureCenter{
	float:left;
	background-color: #FFFFFF;
	width: 304px;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}

#featureRight{
	float:right;
	background-color: #FFFFFF;
	width: 303px;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
}

.featureTitle{
	background-image: url(/images/feature_top_bg.gif);
	background-repeat:repeat-x;
	background-position:top;
	font: bold 135%/1.25em Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 13px 0px 0px 10px;
	color: #000000;
}

.featureTitleTall{
	background-image: url(/images/feature_topTall_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	font: bold 135%/1.25em Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 13px 0px 0px 10px;
	color: #000000;
}

.featureContent{
	vertical-align: top;
	height: 130px;
	margin: 0px;
	padding: 10px 20px 0px 20px;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
}

.featureContentBtm{
	vertical-align: bottom;
	margin: 0px;
	padding: 0px 20px 10px 20px;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	border-bottom: 2px solid #000000;
}

/* Projects */

#dataTable {
	width:100%;
	margin:15px 0px 0px 0px;
	padding:0px;
	border: 1px solid #d9d9d9;
}

#dataTable td.topRow{
	color: #FFFFFF;
	background-image:url(/images/bg_table_header2.gif);
	margin:0px;
	padding:7px 15px 7px 5px;
}

#dataTable td.topRow a{
	color: #c7c7c7;
	text-decoration: underline;
}

#dataTable td.topRow a:hover{
	color: #FFFFFF;
	text-decoration: none;
}

#dataTable td{
	margin:0px;
	padding:5px 5px 5px 5px;
}

#dataTable td.altRow{
	background-color:#f5f5f5;
	margin:0px;
	padding:5px 5px 5px 5px;
}

/* Data Form */

.formText {
	font: normal 100%/1.25em Arial, sans-serif;	
	color: #2d78d4;
}