@import url("../p7pm/p7pmv0.css");

/* This stylesheet deals with formatting and typography that are common to all pages - the homepage and the subpages - primarily the font size and masthead.  */

/* General notes about strategy.  This site uses the *box within a box* method of adding margins and padding to various divs.  This is to compensate for internet exporer problems with the css box model.  You can read more about this at http://css-discuss.incutio.com/?page=BoxModelHack  I also avoided using excessive shorthand in the css for this site as it can be more confusing to maintain. */

/* The Body Tag is set to text-align: center; and the div tags to text-align:left because the wrapper that holds the website needs to be centered, and some versions of IE don't respect auto margins for centering.  Setting the text-align on the body works around this, but then it needs to be reset on the divs to the left. */
body{
	font-size: 76%;
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	background: url(../images/body_bg2.jpg) repeat-y;
	color: #333333;
}
img{
	border: none;
	}
#logo {
	border-right: 2px solid #fff;
}
div{
}

/*This block removes any default margins or padding from all of the block level elements so that this properties can be added in deliberately.*/
html, body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, hr, blockquote, form
{
	margin:0;
	padding:0;
}

/* UNIVERSAL POSITIONING, BOXES and BACKGROUND IMAGES */

/* The wrapper holds all of the content for every page, and has a specific width so that it can be centered.  Margin-right and margin-left set to auto provide this centering. */

#wrapper{
	width:760px;
}
#masthead{
height:170px;
background-color:#a0001f;}
#nav {
padding: 5px 0 0 0;
	width: 163px;
/*	background-color: #C98F9B;*/
	background-color: #697F9F;
	border-top: 2px solid #fff;
	float:left;
}
#p7PMnav{
	border-bottom: 2px solid #fff;
}
#p7PMnav #last {
	padding-bottom: 5px;
}
#banner {
	border-right: 2px solid #fff;
}
#contentBox {
	float: right;
	width: 593px;
	border-right:2px solid #fff;
}
#content {
	padding-top: 34px;
}
#homepageHeading {
	font-size: 1.4em;
	color: #775A5B;
	padding-left: 34px;
}
#homepageHeading span {
	padding-left: 80px;
}
#leftCol {
	float: left;
	width: 331px;
}
#rightCol {
	float: right;
	width: 210px;
}
#footer {
	clear: both;
	padding-bottom: 26px;
	padding-left: 26px;
	font-size: 0.9em;
	padding-top: 50px;
}
#w {
	float: left;
	margin-top: 4px;
}
.footerContent {
	float: right;
	width: 533px;
}
#mastheadContent {
	width: 758px;
	border-right: 2px solid #fff;
}
#intro {
	padding-bottom: 2.5em;
	padding-top: 1em;
	padding-left: 34px;
}
#programBox h2 {
	font-size: 1.4em;
	text-transform: uppercase;
	color: #775A5B;
	padding-bottom: 0.3em;
	margin-bottom: 0.5em;
	background: url(../images/programs_border.gif) no-repeat right bottom;
}
#programBox ul {
	list-style: none;
}
#jobBox ul {
	margin-left: 2em;
}
#programBox li {
	background: url(../images/programs_bullet.gif) no-repeat left .3em;
	padding-left: 20px;
	padding-bottom: 4px;
	font-size: 1.1em;
}
#jobBox {
	background: #eff0f4 url(../images/jobBox_bg.gif) no-repeat right bottom;
	padding-left: 34px;
	padding-top: 1em;
	padding-bottom: 1.5em;
}
#programHeight {
	float: right;
	height: 110px;
	width: 1px;
}
#programBox {
	padding-bottom: 40px;
	padding-left: 34px;
}
.clearit{
	clear:both;
	font-size: 1px;
}
.clearRt{
	clear:right;
}
#getInvolvedBox{
	padding-bottom: 22px;
	padding-top: 25px;
}
#getInvolvedBox h2 {
	text-transform: uppercase;
	font-size: 1.4em;
	background: url(../images/get_involved_bg.gif) no-repeat left bottom;
	padding-bottom: 0.3em;
	margin-bottom: 0.5em;
	color: #172C5E;
}
#getInvolvedBox p {
	padding-left: 60px;
	line-height: 1.2;
}
#getInvolvedBox h2 img {
	margin-right: 11px;
}
#aboutBox h2 {
	text-transform: uppercase;
	font-size: 1.4em;
	vertical-align: bottom;
	background: url(../images/about_us_bg.gif) no-repeat left bottom;
	padding-bottom: 0.3em;
	margin-bottom: 0.5em;
	color: #879900;

}
#getInvolvedBox ul, #aboutBox ul {
	padding-left: 64px;
}
#aboutBox h2 img {
	margin-right: 11px;
}
#jobBox h2 {
	font-size: 1.4em;
	text-transform: uppercase;
	color: #775A5B;
	padding-bottom: 0.3em;
	margin-bottom: .5em;
}
#jobBox ul {
	list-style: none;
	margin-left: 0px;
	color: #01000;
}
#jobBox li {
	background: url(../images/job_bullet.gif) no-repeat left .3em;
	padding-left: 20px;
	padding-bottom: 4px;
	font-size: 1.1em;
}
#subpageContent h1 {
	font-size: 1.4em;
	color: #775A5B;
	margin-bottom:1em;
}
#subpageContent h2 {

	font-size: 1.3em;
	color: #172C5E;
	margin-bottom:1.6em;
}
#subpageContent p {
	margin-bottom: 1em;
}
#subpageContent h3 {


	font-size: 1.1em;
	color: #A0001F;
}
#subpageContent h4 {
	font-size: 1em;
	margin-bottom:0.4em;
	border-bottom: 1px solid #333;
}
#subpageContent ul, #subpageContent ol {
	margin-left: 50px;
	margin-bottom: 1em;
}
#sidebar {
	float: right;
	width: 170px;
	font-size:0.9em;
/*	border: 1px solid #A0001F;*/
background-color:#F1EFED;
	margin: 0 0 10px 10px;
	border: 1px solid #697F9F;
}
#subpageContent {
	margin-left: 34px;
}
#sidebar h4 {
	color: #FFFFFF;
	padding-left: 10px;
	font-size: 1.1em;
	margin-bottom: 0.5em;
	background-color: #697F9F;
}

#subpageContent h5 {
	font-size: 1em;
	margin-bottom:0.4em;
}
#subpageContent h6 {
	font-size: .85em;
	margin-bottom:0.4em;
}
#sidebar p {
	padding-left: 10px;
	margin-bottom: 1em;
}

td {
	padding: 3px;
	border: 1px solid #666;
}

th {
	text-align: left;
	padding: 3px;
}
table {
	margin-bottom: 1em;
}
#sidebar ul {
	list-style-type:none;
	margin-bottom: 1em;
}
#sidebar ul li{
background-image: url(../images/sidebar_bullet.gif);
background-position:3px .5em;
background-repeat:no-repeat;
padding-left:12px;
margin-left:1em;}#sidebar h5 {
	font-size: 1.05em;
	padding-left: 10px;
	padding-right: 7px;
}
#footer a {
	color: #333333;
}
#contentBox a {
	color: #697F9F;
}
#groundspring {
	text-align: center;
	padding-top: 15px;
	background-color: #DED9D5;
}
.rightPhoto {
	float: right;
	margin-bottom: 3px;
	margin-left: 10px;
}
.leftPhoto {
	float: left;
	margin-bottom: 3px;
	margin-right: 10px;
}