@charset "utf-8";
/* CSS Document */


/*Trailhead Networks */

/*www.trailheadnetworks.com*/


body, div, ul, li, dl, dt, dd, td, h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

div, span, img, form, h1, h2, h3, h4, h5, h6, fieldset {
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	border: 0px;
}

body {
	margin:0;
	padding:0;
	background: #ccd9af url(../images/body.gif) repeat-x;
	font: normal 13px Arial, Helvetica, sans-serif;
	line-height:1.5em;
	color: #333333;
}

strong {
	color:#5b702d;
}

a {
	text-decoration:none;
	color:#51691c;
}

a:hover {
	color:#3b3118;
}

/*header styles  ==================================================================*/
#container {
	width: 943px;
	position:relative;
	margin: 12px auto 0px;
	text-align: left;
}

#header {
	position: relative;
	height:87px;
	background: #fbf8f0;
}

#header img{
	position: absolute;
	left: 5px;
	top: 6px;
}

#header h1.hide{
	background:url(../images/pcc-text.gif) no-repeat;
	height: 42px;
	width:  300px;
	position: absolute;
	left: 171px;
	left:140px;
	top: 18px;

}


.hide {
	letter-spacing : -2000em; 
	text-indent: -1em;
	
}

/* Navigation Styles============================================================================*/

ul#navigation, ul#navigation li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	background:#3b3118;
}
	ul#navigation {
		display: block;
		width: 908px;
		height: 70px;
		background: transparent url(../images/menu2.png) 0 50 no-repeat;
		position: relative;
		border-right:1px solid #4d432b;
		border-left:1px solid #4d432b;
		padding: 0 31px 0 1px;
	}
	ul#navigation li{
		display: inline;
	}
	
		ul#navigation li a{
			display: block;
			float: left;
			height: 70px;
			background: transparent url(../images/menu2.png) 0 50 no-repeat;
			outline:none;
		}
ul#navigation li.nav_home a{
				background: transparent url(../images/menu2.png) -30px 0 no-repeat;
				width: 107px;
			}
				body.home ul#navigation li.nav_home a{
					background: transparent url(../images/menu2.png) -30px -70px no-repeat !important;
				}
				ul#navigation li.nav_home a:hover{
					background: transparent url(../images/menu2.png) -30px -140px no-repeat;
				}

ul#navigation li.nav_who a{
				background: transparent url(../images/menu2.png) -137px 0 no-repeat;
				width: 157px;
			}
				body.who ul#navigation li.nav_who a{
					background: transparent url(../images/menu2.png) -137px -70px no-repeat !important;
				}
				ul#navigation li.nav_who a:hover{
					background: transparent url(../images/menu2.png) -137px -140px no-repeat;
				}
			
ul#navigation li.nav_what a{
				background: transparent url(../images/menu2.png) -294px 0 no-repeat;
				width: 160px;
			}
				body.what ul#navigation li.nav_what a{
					background: transparent url(../images/menu2.png) -294px -70px no-repeat !important;
				}
				ul#navigation li.nav_what a:hover{
					background: transparent url(../images/menu2.png) -294px -140px no-repeat;
				}

ul#navigation li.nav_help a{
				background: transparent url(../images/menu2.png) -454px 0 no-repeat;
				width: 165px;
			}
				body.help ul#navigation li.nav_help a{
					background: transparent url(../images/menu2.png) -454px -70px no-repeat !important;
				}
				ul#navigation li.nav_help a:hover{
					background: transparent url(../images/menu2.png) -454px -140px no-repeat;
				}

/*Start Main Content Styles ========================================================================= */

#mainBody{
	background: #fbf8f0 url(../images/bg_content_sidebar.gif) repeat-y center top;
	margin-left:auto;
	margin-right:auto;
	width:937px;
}

#content {
	float:left;
	width:610px;
	padding-top:30px;
	padding-left:30px;
}

#content img {
	border:1px solid #b0b0b0;
	padding:4px;
}

#content a {
	border-bottom:1px dotted #51691c;
}

#content a:hover {
	border-bottom:1px dotted #3b3118;
}

#content h1 {
	
	font-size:1.7em;
	color:#3b3118;
}

#content p {
	
}


#content h2 {
	font-size:medium;
	color:#605a4c;
	padding-top:25px;
	padding-bottom:5px;
	text-transform:uppercase;
}

#content h4 {
	font-size:medium;
	color:#605a4c;
	padding-top:0px;
	padding-bottom:5px;
	text-transform:uppercase;
}

#content h3 {
	font-size:medium;
	color:#605a4c;
	padding-top:25px;
	
	text-transform:uppercase;
}

#content h3 + p {
	margin-top:0px;
}

#content h5 {
	font-size:1.2em;
	color:#605a4c;
}

#content h5 + p {
	margin-top:0px;
}

#content li {
	padding-bottom:10px;
}


.small {
	font-size:x-small;
	line-height:1.2em;
}



#ecfa a {
	border:none;
}

#ecfa img {
	border:none;
}

#ecfa a:hover {
	border:none;
}

#ecfa p {
	font-size:small;
}

.emphasis {
	font-weight:bold;
}

#paypal img{
	border:none;
}

/*image loading on goals_completed ------------------------------------------------*/
.goalsImage {
	/*width:601px;
	height:323px;
	border:1px solid #3b3118;*/
	width:605px;
	height:327px;
	border:1px solid #b0b0b0;
	padding:4px;

}
#hospital {
	background: url(../images/goals_completed/pSudan276.jpg) center no-repeat;
	
}

#eyeclinic {
	background: url(../images/goals_completed/pEyeclinic.jpg) center no-repeat;
}


#operating {
	background:url(../images/goals_completed/pPortableOperatingRoom.jpg) center no-repeat;
	
}

#kitchen {
	background:url(../images/goals_completed/pKitchen.jpg) center no-repeat;
}

#doctors {
	background:url(../images/goals_completed/pDoctorsResidence.jpg) center no-repeat;
}

#volunteerhousing {
	background:url(../images/goals_completed/pVolunteerHousing.jpg) center no-repeat;
}

#generator {
	background:url(../images/goals_completed/pGenerator.jpg) center no-repeat;
}

#storage {
		background:url(../images/goals_completed/pStorageFacility.jpg) center no-repeat;
}

#pond {
	background:url(../images/goals_completed/pRetainingPond.jpg) center no-repeat;
}

#fence {
	background:url(../images/goals_completed/pFarmFence.jpg) center no-repeat;
}



/* images on schools -------------------------------------------*/

#schools {
	background:url(../images/schoolkids.jpg) center no-repeat;

}

#crayons {
	background:url(../images/crayons.jpg) center no-repeat;


}

#primary1 {
	background:url(../images/primaryschool1.jpg) center no-repeat;
}

#primary2 {
	background:url(../images/primaryschool2.jpg) center no-repeat;
}


/* secondary nav styles --------------------------------------*/
#second_nav {
	padding-top:20px;
	float:left;
	font-size:15px;
	width:250px;
}

#second_nav li {
	list-style-type:none;
}

.header {
	color:#3b3118;
	font-size:medium;
	font-weight:bold;
	padding-left:5px;
	padding-bottom:5px;
	border-bottom:3px solid #3b3118;
}

#second_nav h3 {
	color:#3b3118;
	font-size:medium;
	padding-top:20px;
	margin-left:40px;
	padding-bottom:5px;
	font-weight:bold;
	border-bottom:1px solid #cbbe9a;
}

.italics {
	font-style:italic;
}

.dates {
	
	padding-left:5px;
	padding-top:5px;
	color:#3b3118;
	font-size:.8em;
	text-transform:uppercase;
}

.items {
	padding-bottom:5px;
	border-bottom:2px dotted #cbbe9a;
	line-height:.9em;
	padding-top:3px;

}

.itempdf {
	padding-top:3px;
	padding-bottom:5px;
	border-bottom:2px dotted #cbbe9a;
	line-height:.9em;
	background:url(../images/pdficon_small.gif)  no-repeat;
	background-position: 180px -1px;
}

.submenu {
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:2px dotted #cbbe9a;
	line-height:.9em;
}
#second_nav li a {
	
	text-decoration:none;
	color:#51691c;
	padding-left:5px;
}

#second_nav li a:hover {
	color:#3b3118;
	
}
#second_nav img {
	padding-left:40px;
}

.items2 a {
	color:red;
}

#links li {
	font-size:1em;
	padding-left:10px;
	background:url(../images/bullet.gif) 0 .5em no-repeat;
}

#links a {
	outline:none;
}

#sidebar_text {
	font-size:12px;
	width:200px;
	margin-left:40px;
}

#sidebar_text h3 {
	/*color:#FFF;*/
	margin-left:0px;
	width:200px;
}

/* Begin Footer Styles ============================================================= */

#footer {
	background: #ccd9af url(../images/test.gif) no-repeat center top;
	clear:both;
	padding-top:35px;
}

#footer_container {
	margin:0;
	text-align:center;
}


ul#footer_nav li#footer_nav {
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
}

ul#footer_nav li{
	display: inline;
}
	
ul#footer_nav li.last a{
	background: none;
}

#footer_nav a {
	color:#51691c;
	text-decoration:none;
	background: url(../images/pipe.gif) no-repeat right center;
	padding: 0 18px 0 12px;
}

#footer_nav a:hover {
	color:#3b3118;
}

ul#footer_nav li.first a{
	padding-left:0px;
}

#footer_container p {
	/*text-align:center;*/
	color:#3b3118;
	font-weight:bold;
	font-size:12px;
	padding-bottom:20px;
}

#footer_container .italics  {
	font-weight:normal;
	font-style:italic;
	color:#7d704e;
	font-size:14px;
	
}
			
/* http://positioniseverything.net/easyclearing.html-------------------------------------------*/


 .clearfix {
clear:both;
display: inline-block;

}  

    /* Holly Hack Targets IE Win only \*/
    * html .clearfix {height: 1%;}
	.clearfix {display: block;}
    

			
				
