/* 
PB Project Viz CSS template style sheet
*/

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

img {
	border: 0;
}

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

body {
	font: normal small/1.35em Arial, sans-serif;
	color: #404040;
	margin: 0;
	padding: 0;
	background-image:url(/images/bg_vert.gif);
	background-repeat: repeat-x;


}

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



/* PRIMARY NAVIGATION */

body.navP1 #navP1 a, body.navP1 #navP1 a:hover, 
body.navP2 #navP2 a, body.navP2 #navP2 a:hover, 
body.navP3 #navP3 a, body.navP3 #navP3 a:hover, 
body.navP4 #navP4 a, body.navP4 #navP4 a:hover, 
body.navP6 #navP6 a, body.navP6 #navP6 a:hover, 
body.navP7 #navP7 a , body.navP7 #navP7 a:hover {
	background-image: url(/images/nav_bg_selected.gif);
	background-repeat: repeat-x;
	color:#404040;
}

/* navP5 home tab selected */

body.navP5 #navP5 a{
	background-image: url(/images/logo_nav_selected.gif);
	background-repeat: no-repeat;
	background-position:top left;
	color:#404040;
	padding-right: 20px;
}

body.navP5 #navP5 a:hover{
	background-image: url(/images/logo_nav_selected.gif);
	background-repeat: no-repeat;
	background-position:top left;
	color:#404040;
	padding-right: 20px;
}



#pNav {
	font: bold 90%/1.25em Arial, sans-serif;
	width:917px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(/images/nav_fill.gif);
	background-repeat: repeat-x;
	background-position:bottom;
	float:left;
}

#pNav ul {
	list-style: none;
	margin: 0; 
	padding: 0; 
}
#pNav li {
	list-style: none;
	color: #e0e9db; 
	float:left;
	margin: 0px 0px 0px 3px; 
	padding: 0px; 
	display: inline;
}

#pNav a {
	color: #e0e9db; 
	display: block;
	text-decoration: none;
	background-image: url(/images/nav_bg_up.gif);
	background-repeat: repeat-x;
	background-position:bottom;
	margin: 0; 
	padding: 14px 14px 9px 14px; 
}

#pNav a:hover, #pNav a:active {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(/images/nav_bg_over.gif);
	background-repeat: repeat-x;
}

/* navP5 home tab up and over */

#navP5 a{
	background-image: url(/images/logo_nav_up.gif);
	background-repeat: no-repeat;
	background-position:top left;
	color:#e0e9db;
	padding-right: 20px;
}

#navP5 a:hover{
	background-image: url(/images/logo_nav_over.gif);
	background-repeat: no-repeat;
	background-position:top left;
	color:#FFFFFF;
	padding-right: 20px;
}

/* Secondary Navigation */ 

body.navS1 #navS1,
body.navS2 #navS2,
body.navS3 #navS3,
body.navS4 #navS4,
body.navS5 #navS5,
body.navS6 #navS6,
body.navS7 #navS7,
body.navS8 #navS8,
body.navS9 #navS9,
body.navS10 #navS10{
                background-image: url(/images/snav_bullet.gif);
                background-repeat: no-repeat;
                background-position: left;
                position: -50px; 
			 font-weight: bold;    
}


#secNavList {
			/*font: normal 95%/1.25em Arial, sans-serif;*/
                background-image: url(/images/bg_left_column.gif);
			 background-repeat: repeat-y;
                margin: 0px 18px 0px 15px; 
                padding: 10px 18px 20px 15px;

}

#secNavList li{
                display:block;
                padding: 4px 0px 3px 18px;
                border-bottom: 1px solid #f5f9fc;
                list-style: none;
}

#secNavList a{
                color: #00467f; /* grey */
                text-decoration: none;
                margin-left: 0px;
}

#secNavList a:hover { 
                color: #00467f;
}




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


/* Content Columns Child*/

#contentChild {
	font: normal 90%/1.5em Arial, sans-serif;
	width: 917px;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 0px ;
	float: left;
	background-image:url(/images/bg_child_content.gif);
	background-repeat: repeat-y;

}

#leftColumnChild{
	width: 283px;
	margin: 0px;
	padding: 0px 0px 0px 0px ;
	float: left;

}


.leftColumnChild{
	margin-top: 0px;
	margin-left: 15px;
	margin-bottom: 0px;
	margin-right: 18px;
	padding: 0px 10px 10px 10px ;
	background-color:#d1e0ec;

}

.leftColumnCurveTop{

	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 0px;
	margin-right: 15px;


}

.leftColumnCurveBottom{

	margin-top: 0px;
	margin-left: 15px;
	margin-bottom: 15px;
	margin-right: 15px;


}

#rightColumnChild{
	width: 626px;
	margin: 0px;
	padding: 0px 0px 40px 0px ;
	float:right;
	border-left: 1px solid #e3e3e3;
}

.rightColumnChild{

	padding: 10px 50px 10px 35px ;
}


/* HEADER ----------------------------------------------------*/

#header {
	float: left;
	position: relative;
	width: 100%;
	width: 909px;
	height: 160px;
	padding: 0px;
	margin:0px;
	background-image:url(/images/bg_header_curve.gif);
	background-position: top left;
	background-repeat: no-repeat;
}


.headerGlobal {
	float: right;
	padding: 7px 0px 10px 0px;
	color:#92b5cc;
	font: 85%/1.45em Arial, Verdana, serif; 
}

.headerGlobal a{
	color:#FFFFFF;
	text-decoration: none;
}

.headerGlobal a:hover{
	color:#FFFFFF;
	text-decoration: underline;
}

#headerLogo {
	padding: 47px 0px 0px 0px;
	float:none;
}

#headerPhoto {
	float: left;
	padding: 48px 125px 0px 20px;
}

#headerPhotoHome {
	float: left;
	padding: 48px 10px 0px 20px;
}


#headerLogoHome {
	float: left;
	padding: 50px 10px 0px 0px;
}


#headerFeature{
	width: 215px;
	float: right;
	padding: 40px 20px 0px 200px;
	font: 85%/1.25em Arial, Verdana, serif;
}

#headerFeature p{
	margin-left: 35px;
	margin-top: 5px;
}

.headerFeatureTitle{
	font: bold 160%/1.25em Arial, sans-serif;
	color:#404040;	
}

#headerFeature a{
	color:#404040;	
	text-decoration: none;
}

#headerFeature a:hover{
	color:#9c6727; /* brown */
	text-decoration: none;	
}

#SignUp{
	width: 215px;
	float: left;
	padding: 0px 0px 0px 35px;
	font: 95%/1.25em Arial, Verdana, serif;
}

#SignUp p{
	margin-left: 5px;
	margin-top: 5px;
}


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

#footer {
	float: left;
	margin: 0px;
	padding: 10px 0px 30px 0px;
	font: normal 95%/1.5em Arial, sans-serif;
	text-decoration: none;
	color: #b9cfd7; /* lt blue */
}

#footer a {
	color: #b9cfd7; /* lt blue */
	text-decoration: none;
}

#footer a:hover {
	color: #b9cfd7; /* lt blue */
	text-decoration: underline;
}


/* DOWNLOADS ----------------------------------------------------*/
#downloads {
	float: left;
	margin: 0px;
	padding: 20px 0px 0px 0px;
	font: normal 95%/1.5em Arial, sans-serif;
	text-decoration: none;
	color: #3e535b; /* lt gray */
}
/* LINKS ----------------------------------------------------*/

a.white {
	color:#FFFFFF
	}

a.white:hover {
	color:#FFFFFF;
	text-decoration:underline;
	}


a{
	color: #b27e43; /* tan */
	text-decoration: none;
}

a:hover{
	color: #b27e43; /* tan */
	text-decoration: underline;
}


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

li {
	list-style:square;
}


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




/* Headings */

h1 {
	
	font-weight: bold; 
	font-family: Arial, sans-serif;
	font-size:24px;
	line-height: 2em;
	color: #00467f; /* dk blue */
	
	
}

h2 { 
	font: bold 140%/1.25em Arial, Verdana, serif;
	color: #66874f; /* green */
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}

h3 {
	font: bold 120%/1.55em Arial, sans-serif;
	display:block;
	border-bottom: 1px solid #e3e3e3; /* lt gray */
	color: #404040;;
	letter-spacing: .00em;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

h4 {
	font: bold 140%/1.25em Arial, Verdana, serif;
	margin: 0px;
	padding-top: 10px;
	color: #7d9ba6; /* med blue */
}


/* Special text */

.required {
	color: #AF304B;
}


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

/* Comments Page */

.altRowFill {
	/*background-color: #f2f7f8;*/
	background-color: #ffffff;
}


/* FAQs Page */


#questions ul{
	margin:0px;
	padding:0px 0px 10px 0px;
}

#questions li{
	list-style-type:none;
	margin:0px;
	padding:5px 0px 5px 0px;
}

#questions ul ul li{
	list-style-type: square;
	list-style-position: inside;
	margin-left:20px;
	padding:0px;
}

/* Meeting Materials */

table.meetingMaterials {
	font-size: 100%;
	margin: 0px 0px 0px 0px;
	}
	
.oddRow { background-color:#eff6fb; }

.topPad
{ padding: 10px 0px 10px 0px; }

p.dateLocation { color: #66874f;
padding:0px 0px 0px 0px;
line-height: .25em;
}

table.meetingMaterials td
{ padding: 3px 8px 3px 0px; }


table.meetingMaterials th 
{ font: bold 140%/1.25em Arial, Verdana, serif;
text-align: left;
	color: #66874f;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px; }

/* Home Page */

.paddingIcon { 
	padding-right: 10px;
}

.calloutTitle {
	font: bold 125%/1.25em Arial, Verdana, serif;
	}


#welcomeWrapper {
	height: 200px;
	background-color: #e9e3cd; /* darker tan*/
	background-image: url(/images/bg_img_welcome.jpg);
	background-repeat: no-repeat;
	background-position: left;
	margin: 0;
	padding: 0;
}

#welcomeWrapper .welcomeText {
	background-color: #e9e3cd; /* darker tan*/
	margin: 0px 45px 30px 450px;
	padding: 30px 0px 0px 0px;
}


/* Image Display*/

#imageDisplay
{
	margin-top: 18px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	float:right;
	width: 175px;
	font-size:x-small;
}

#logoDisplay
{
	margin-top: 18px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	float:right;
	font-size:x-small;
}


#callout
{
	margin-top: 25px;
	margin-left: 20px;
	margin-right: 15px;
	margin-bottom: 25px;
	float:right;
	width: 160px;
	font: bold italic 120%/1.25em Georgia, Arial, Verdana, serif;
	color:#af7a41;
	/*text-align:justify;*/
}


#didYouKnow
{
	font: 100%/1.5em Arial, Verdana, serif;
	margin-top: 0px;
	margin-left: 15px;
	margin-right: 18px;
	margin-bottom: 0px;
	padding: 20px 30px 30px 20px;
	color: #404040;
}

.didYouKnowTitle
{
	font: bold italic 135%/1.25em Georgia, Arial, Verdana, serif;
	color:#404040;
}

.boldMedBlue
{
	font:  bold 120%/1.25em Arial, Verdana, serif;
	color:#00467f;
}

#flashContainer
{

	padding: 10px 0px 25px 0px;

}


#featureContainer
{

	padding: 10px 20px 10px 20px;
	border-left: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	margin-top: 70px;
	margin-bottom: 20px;

}

#featureNewsLeft
{

	padding: 20px 0px 0px 0px;
	float:left;
	font-weight: bold; 
	font-family: Arial, sans-serif;
	font-size:24px;
	line-height: 1.2em;
	color: #00467f;

}

#featureNewsRight
{

	padding: 20px 0px 0px 20px;
	float:right;
	line-height: 2.6em;
	font-size:10px;

}



.nextButton{
	
	font-weight: bold; 
	font-family: Arial, sans-serif;
	font-size:10px;
	line-height: 1.2em;
	color: #FFFFFF;
	margin: 20px 10px 5px 10px;
	padding: 5px 10px 5px 10px;
	border-left: 2px solid #e3e3e3;
	border-right: 2px solid #e3e3e3;
	border-top: 2px solid #e3e3e3;
	border-bottom: 2px solid #e3e3e3;
	background-color:#6592af;
	float:right;
}



#leftColumn{
	width: 283px;
	float: left;

}


.leftColumn{
	margin-top: 0px;
	margin-left: 25px;
	margin-bottom: 0px;
	margin-right: 18px;
	padding: 0px 10px 10px 10px ;
	font:   95%/1.4em Arial, Verdana, serif;

}


.articleTitle {
	font: bold 120%/1.55em Arial, sans-serif;
	display:block;
	color: #404040;;
	letter-spacing: .00em;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.boldMed
{
	font:  bold 120%/1.25em Arial, Verdana, serif;
}


span.none
{
        display: none;
}

/* Homepage Scroller */
#scroller {
	position: relative;
	overflow: hidden;
	width: 490px;
	height: 310px;
}
#scroller p {
	margin: 0;
}
.scrollerContainer {
	position: relative;
}
.scrollbarContainer {
	position: relative;
	margin-left: 5px;
}
.scrollbarTrack {
	cursor:pointer;
	width: 4px; height: 305px;	
	position: relative;
	left: 13px;
	background-color: #e9e9e7;
	visibility: hidden;
}
.scrollbarHandle {
	position: relative;
	top: 0px; 
	left: 0px;
	width: 4px;
	height: 60px;
	background-color: #afaca3;	
}