/*
PCNI Main Style Sheet

By Nathanael Woodbridge (Soli Deo Gloria)
*/

/* General */
body {
	background: #fff url("../images/bg.jpg") repeat;

	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
	font-size: 14px;
}

#accessibility {
	position: absolute;
	top: -10000px;
}

#page {
	width: 960px;
	margin: auto;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

a {
	color: #0D5468;
	text-decoration: underline;
}

a img {
	border: none;
}

ol, ul {
	list-style-position: inside;
}

ol {
	list-style-type: decimal;
}

ul {
	list-style-type: none;
}

li {
	padding: 2px;
}

blockquote {
	background: transparent url("../images/quote.png") no-repeat;
	padding: 30px 0 10px 30px;
}

/* Header */
#header {
	height: 141px;

	background: #E4E4E4 url("../images/header_bg.png") repeat-x;

	border: 1px solid #ccc;
}

#header img {
	padding: 15px 0 0 20px;
	float: left;
}

#header .text {
	display: block;
	float: right;
	margin-right: 15px;
	margin-top: 25px;
	height: 100px;
	
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: right;
	
	width: 760px;
	overflow: hidden;
}

#header .text h1 a {
	text-decoration: none;
	color: #183D00;
	font-size: 2.86em;
	font-weight: normal;
}

#header .text .slogan {
	text-decoration: none;
	color: #317900;
	font-size: 1.71em;
	padding-top: 10px;
}

/* Navigation */
#nav {
	height: 39px;
	background: #E4E4E4 url("../images/nav_bg.png") repeat-x;
	border: 1px solid #ccc;
	border-top: none;
}

		#nav ul {
			width: 100%;
			margin: 0 0 0 15px;
			list-style: none;
		}

		#nav ul li {
			float: left;
			list-style: none;
			height: 30px;
			margin: 0 5px 0 0;
			padding: 10px 10px 0 10px;
			position: relative;
		}

		#nav ul li a {
			/*float: right;*/
			text-decoration: none;
			font-size: 1.43em;
			color: #3F632C;
		}

		#nav ul li.active a {
			color: #192812;
		}
		
		#nav ul li a:hover {
			color: #79B55C;
		}

		/* Donate */
		#nav ul li.donate {
			float: right;
			margin-right: 25px;
		}

		#nav li.donate a {
			color: #B72A22;
			font-weight: bold;
		}

		#nav li.donate a:hover {
			color: #7A1C17;
		}
		
		/* second level navigation */
		#nav li ul {
			display: none;
			position: absolute;
			width: 145px;
			left: -18px;
			top: 39px;
			
			margin: 0;

			background: #E3E3E3 url("../images/dropdown_bg.png") repeat-x;

			border: 1px solid #CBCBCB;
			
			z-index: 1000;
			
			padding-bottom: 2px;
			padding-top: 2px;
		}

		#nav li:hover ul {
			display: block;
		}

		#nav li ul li {
			list-style: none;
			padding: 6px 6px 2px 12px;
		}

		#nav li ul li a {
			float: left;
			list-style: none;
			font-size: 1.29em;
			height: 25px;
			padding: 2px 0 0 6px;
		}
		
		#nav li ul li img {
			float: left;
		}

/* Content */
#content {
	clear: both;
	margin: 25px 0;
}

/* normal page content */
#content #main {
	float: left;
	width: 620px;
	margin-bottom: 25px;
	margin-left: 5px;
	line-height: 1.3;
}

	#main h2, #main h3, #main h4, #main h5, #main h6 {
		margin-top: 2px;
		font-weight: bold;
	}
	
	#main h2 {
		font-size: 2.2em;
		margin-top: 0;
		color: #B72A20;
		margin-bottom: 15px;
	}

	#main h3 {
		font-size: 1.6em;
		color: #BE3F38;
		margin-bottom: 15px;
	}

	#main h4 {
		font-size: 1.4em;
		color: #C5544E;
		margin-bottom: 10px;
	}

	#main h5 {
		font-size: 1.2em;
		color: #CC6964;
		margin-bottom: 5px;
	}

	#main h6 {
		font-size: 1.1em;
		color: #D37F7A;
		margin-bottom: 2px;
	}

	#main p {
		margin-bottom: 15px;
	}

	/* apply to both home-page and  content pages */
	#content ol, #content ul {
		margin-bottom: 15px;
	}

	#content ul li {
		background-image: url("../images/bullet_green.png");
		background-repeat: no-repeat;
		background-position: 0 50%;
		padding-left: 20px;
	}
	
	#main dl {
		margin: 5px 5px 15px 0;
	}
	
	#main dt {
		margin-bottom: 2px;

		font-weight: bold;
		font-variant: small-caps;
		
		color: #79B55C;
		
		font-size: 1.25em;
	}
	
	#main dd {
		margin-left: 20px;
	}

#content #sidebar {
	float: right;
	width:	240px;
	margin-bottom: 25px;
	
	border: 1px solid #79B55C;
	background-color: #E4F0DE;

	padding: 12px;
}

	#content #sidebar p {
		margin-bottom: 15px;
	}

	#content #sidebar h3 {
		position: relative;
		background: url("../images/banner_green.png") no-repeat;
		height: 51px;
		width: 259px;
		top: 10px;
		left: -34px;

		font-weight: bold;
		font-size: 1.2em;
		color: #fff;

		padding: 10px 0 0 36px;
	}

	#content #sidebar h3.green {
		background: url("../images/banner_green.png") no-repeat;
	}

	#content #sidebar h3.yellow {
		background: url("../images/banner_yellow.png") no-repeat;
	}

	#content #sidebar h3.blue {
		background: url("../images/banner_blue.png") no-repeat;
	}

	#content #sidebar h3.red {
		background: url("../images/banner_red.png") no-repeat;
	}
	
	#content ul li, #content ul li {
		background: url("../images/bullet_green.png") no-repeat 0 50%;
		padding-left: 20px;
	}

/* Homepage Content */
#content #slider {
	float: left;
	border: 1px solid #D37F7A;
	width: 620px;
	height: 300px;
	margin-left: 10px;
	position: relative;
	background: #F0D4D2 url("../images/loading.gif") no-repeat 50% 50%;
}

#slider img {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}

#slider a {
	border: 0;
}
/* See more in slider.css file */

#content .about-us {
	float: right;
	width: 275px;
	height: 300px;
	background-color: #F0D4D2;
	border: 1px solid #D37F7A;
	margin-right: 10px;
}

	#content .about-us h3 {
		position: relative;
		background: url("../images/banner_red.png") no-repeat;
		height: 51px;
		width: 259px;
		top: 10px;
		left: -22px;
	
		font-weight: bold;
		font-size: 1.2em;
		color: #fff;
	
		padding: 10px 0 0 36px;
	}
	
	#content .about-us p {
		padding: 0 12px 10px 12px;
		line-height: 1.15;
	}

#content .locations {
	clear: both;
	margin-left: 10px;
}

	#content .locations span{
		float: left;
	}


	#content .locations img.flag {
		float: right;
		margin-right: 45px;
		position: relative;
		top: -4px;
		vertical-align: top;
	}

	#content .locations .location {
		float: left;
		width: 275px;
		margin: 25px 20px 25px 16px;
		
		background-color: #F0D4D2;
		border: 1px solid #D37F7A;
	}

	#content .locations .location h3 {
		position: relative;
		height: 51px;
		width: 259px;
		top: 10px;
		left: -22px;

		font-weight: bold;
		font-size: 1.2em;
		color: #fff;

		padding: 10px 0 0 36px;
	}

	#content .locations .location h3 a {
		text-decoration: none;
		color: #fff;
	}

	#content .locations .location h4 {
		position: relative;
		height: 40px;
		width: 259px;
		right: -65px;
		padding: 7px 0 0 40px;
		
		font-weight: bold;
		font-size: 1em;
		color: #fff;
	}
	
	#content .locations .location h4 a {
		text-decoration: none;
		color: #fff;
	}

	#content .locations p {
		padding: 0 12px 10px 12px;
		line-height: 1.05;
	}

	#content .locations ol, #content .locations ul {
		padding: 0 12px 15px 12px;
	}

	/* individual settings */
	#content .locations .benidorm {
		background-color: #E4F0DE;
		border: 1px solid #AED29D;
	}

	#content .locations .benidorm h3 {
		background: url("../images/banner_green.png") no-repeat;
	}
	
	#content .locations .benidorm h4 {
		background: url("../images/banner_green_small.png") no-repeat;
	}
	
	#content .locations .benidorm li {
		background-image: url("../images/bullet_green.png");
	}

	#content .locations .zimbabwe {
		background-color: #FCF3D3;
		border: 1px solid #F6DB7B;
	}

	#content .locations .zimbabwe h3 {
		background: url("../images/banner_yellow.png") no-repeat;
	}

	#content .locations .zimbabwe h4 {
		background: url("../images/banner_yellow_small.png") no-repeat;
	}

	#content .locations .zimbabwe li {
		background-image: url("../images/bullet_yellow.png");
	}

	#content .locations .nagaland {
		background-color: #D9EEF7;
		border: 1px solid #8DCEE8;
	}

	#content .locations .nagaland h3 {
		background: url("../images/banner_blue.png") no-repeat;
	}

	#content .locations .nagaland h4 {
		background: url("../images/banner_blue_small.png") no-repeat;
	}
	
	#content .locations .nagaland  li {
		background-image: url("../images/bullet_blue.png");
	}

	#content .our-work-locations a {
		display: block;
		width: 200px;
		margin: 5px;
		padding: 5px;
		
		background-color: #79B55C;
		
		color: #fff;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		font-size: 1.5em;
	}
	
	#content .date {
		position: relative;
		float: right;
		margin: 5px;
		padding: 8px;
		top: -5px;
		
		background-color: #79B55C;
		color: #fff;
	}

	#content .attachment  {
		margin: 40px 0;
		clear: both;
	}

	#content .attachment h5.attachment-title {
		padding: 0;
		margin: 0 10px -5px 0;
		text-align: right;
		color: #79B55C;
	}

	#content .attachment #attachment-content {
		border: 1px solid #79B55C;
		padding: 5px;
	}
	
	#content .attachment #attachment-content.scribd {
		padding: 0;
	}

/* Footer */
#footer {
	clear: both;
	
	height: 165px;
	width: 100%;
	margin-top: 30px;

	background: #020E12 url("../images/footer_bg_gr.png") repeat-x;
	color: #fff;

	font-size: 0.9em;
	
	line-height: 1.25;
}

#footer .content {
	background: url("../images/footer_bg.jpg") no-repeat;
	width: 960px;
	height: 155px;
	margin: 0 auto;
	overflow: hidden;
}

#footer .details {
	float: left;
	width: 45%;
	padding: 5px;
	padding-top: 20px;

	font-size: 1.14em;
}

#footer .details .copyright {
	font-size: 0.8em;
	
	margin-top: 15px;
}

#footer .links {
	float: right;
	width: 35%;

	padding-top: 20px;

	font-size: 1.14em;
}

#footer h3 {
	font-size: 1.14em;
	font-weight: bold;
}

#footer .links-column {
	float: left;
	width: 30%;
	padding-top: 5px;
	padding-left: 5px;
}

#footer .links-column li {
	list-style-type: none;
	padding-bottom: 2px;
}

#footer a {
	color: #fff;
}

#footer p {
	padding-bottom: 5px;
}

#footer li {
	list-style-position: none;
	background-image: none;
}

/* Forms */
#content fieldset {
	padding: 15px;
	background-color: #FCF3D3;
	border: 1px solid #F6DB7B;
}

#content label {
	display: block;
	padding-bottom: 2px;
}

#content label.required {
	color: #B72A20;
	font-weight: bold;
}
/* Other */