@charset "UTF-8";
/* CSS Document */

*{
	font-family: helvetica, arial, sans-serif;
	margin: 0;
	padding: 0;
}	

p	{
	font-size: .8em;
	padding-bottom: 1em;
	padding-top: .5em;
	color:#333333;
}

a{
	color: #0795CF;
	text-decoration: none;
	text-align: right;
}

p a{
	padding-left: .3em;
}
			
a:hover{
	color: #ffd611;
	text-align: right;
}

h1{
	color: #FFFFFF;
	font-size: 1em;
	height: 1.875em;
	background-color: #0795CF;
	background: url(graphics/h1BG.jpg);
	background-repeat: repeat-x;
	padding: .5em;
}

h2{
	color: #FFFFFF;
	font-size: .8em;
	height: 1.25em;
	background-color: #0795CF;
	background: url(graphics/h2BG.jpg);
	background-repeat: repeat-x;
	padding: .4em;
	margin-top: 1.2em;

}

h3{
	color: #006633;
	font-size: 1em;
	border-bottom: #FFD611 dotted 2px;
	padding-bottom: .2em;

}


h4{
	color: #006633;
	font-style: oblique;
	font-weight: 600;
	font-size: .8em;
	padding: 1em 0 0 0;
}

.emphasis{
	color: #006633;
	font-style: oblique;
	font-weight: 600;
}

#docContent{
	position: relative;
	background-image:url(graphics/dropShadowRight.jpg);
	background-repeat: repeat-y;
	background-position: right;
	height: 100%;
	width: 100%;
}

#wrapper{
	position:relative;
	margin: auto;
	height: 100%;
	width: 69.4em;
	background-color: #FFFFFF;
	border-left: #FFD611 solid thin;
	border-right: #FFD611 solid thin;
}

body{
	background-image: url(graphics/dropShadowLeft.jpg);
	background-repeat: repeat-y;
	background-color: #9999FF;
	position: relative;
	left: 0;
	height: 100%;
}

#header{
	position:relative;
	width: 69.4em;	
	height: auto;
}
	
#brandingHeader{	
	position: relative;
	top: 0em;
}
	
	#visionUpper{
		position: absolute;
		top: 4.14em;
		left: 23em;
		color:#FFD611;
		font-size: 1.75em;
		font-style: italic;
	}
	
	#visionLower{
		position: relative;
		padding-top: 1em;
		height: 0;
		
	}
	
	#visionLower p{
		color:#0795CF;
		font-size: .8em;
	}
	
	#chrisP{
		position: absolute;
		top: .2em;
		left: 42.5em;
	}
	
	
#headerBar{
	position: relative;
	background: url(graphics/barBG.gif);
	background-repeat: repeat-x;
	height: 3em;
}

#navBar{
		position: absolute;
		font-size: .9em;
		top: 15.2em;
		left: 6em;
		/*background-image:url(graphics/topRowBG.jpg);
		background-repeat: repeat-x;*/
		height: 18em;
		}
		
			#navBar ul{
				border-bottom: #ffd611 dotted 1px;
				border-right: #ffd611 dotted 1px;
				padding-bottom: 1em;
			}
		
			#navBar li {
			position: relative;
			list-style-type: none;
			text-align: right;
			padding: .5em .5em 0 .5em;
			font-weight:500;
			}
			
			#navBar a{
			color: #0795CF;
			text-decoration: none;
			text-align: right;
			}
			
			#navBar a:hover{
			color: #ffd611;
			text-align: right;
			}
			
			#navBar h2 {
				text-align: right;
				margin-top: 0em;
				padding-top: .5em;
			}
			
#vidPlaceHolder{
	position:relative;
	float: right;
	background-color:#FFFFFF;
	height: 100%;
	width: 20em;
}

	#vidPlaceHolder p{
		padding-left: 1em;
		background-color:#FFFFFF;
	}
	
	.homeQuote{
		border-top: #FFD611 dotted 2px;
		border-bottom: #FFD611 dotted 2px;
		margin-top: 2.5em;
		padding-top: 1.5em;
		padding-bottom: 1em;

	}
	
	.homeQuote p{
		width: 19em;
		color: #0795CF;
		font-size: 1em;
	}
	
.quote{
	position:absolute;
	top: 24.6em;
	right: 0em;
	padding-top: 1.5em;
	border-top: #FFD611 dotted 2px;
}

.quote2{
	position:absolute;
	top: 22.9em;
	right: 0em;
	padding-top: 1.5em;
	border-top: #FFD611 dotted 2px;
}

	.innerQuote{
		padding-bottom: 1em;
		border-bottom: #FFD611 dotted 2px;
		width: 19em;
	}

	.quote p{
		padding-left: .8em;
		padding-right: .8em;
		font-size: 1em;
		color: #0795CF;
	}
	
	.quote2 p{
		padding-left: .8em;
		padding-right: .8em;
		font-size: 1em;
		color: #0795CF;
	}
	
	
.referrals{
	position:relative;
	clear:both;
	margin-top:1em;
	margin-bottom: 3em;
	font-size: 1em;
}	

	.referrals li{
		list-style-type: none;
	}

	.referrals p{
		color: #006633;
		font-size: 1em;
	}

	.referrals a{
		color: #0795CF;
		text-decoration: none;
	}
			
	.referrals a:hover{
		color: #ffd611;
		text-align: right;
	}

.clearFloat{
	clear:both;
}
			
#mainContent{
	position:relative;
	width: 45em;
	left: 6em;
	padding-bottom: 3em;
	text-align: justify;
	margin-bottom: 2em;
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
}
	#mainContent ul{
		color: #006633;
		padding-left: 1em;
		padding-bottom: 1em;
		font-size: .8em;
	}
	
	#mainContent li{
		padding-top: 1em;
	}
	
	#mainContent li p{
		color: #006633;
		font-size: 1em;
		padding-bottom: 0;
		padding-top:0;
	}
	
	#mainContent img{
		margin-left: .8em;
		margin-bottom: .8em;
		margin-top: .5em;
		border: #FFD611 1.75px solid;
	}
	
	#mainImage p img{
		margin: 0;
		padding: 0;
	}
	
	.upperRow{
		position: relative;
	    border: #FFD611 1.75px solid;
		margin-bottom: 1em;
		background-image:url(graphics/topRowBG.jpg);
		background-repeat:repeat-x;
	}
	
	#keywords{
		position: relative;
		top: 12.7em;
		left: 25.8em;
		height: 0;
		border-top: #FFD611 dotted 2px;
		width: 18em;
	}
	
		#keywords p{
			text-align: right;
			padding-top: .2em;
			padding-bottom: .2em;
			font-size: .9em;
			color: #006633;
			
		}
		
	#keywordsBoard{
		position: relative;
		top: 2.9em;
		left: 30.2em;
		height: 0;
		border-top: #FFD611 dotted 2px;
		width: 14em;
	}
	
		#keywordsBoard p{
			text-align: left;
			padding-top: 1em;
			padding-bottom: 1em;
			font-size: .9em;
			color: #006633;
			
		}
		
	.keyYellow{
		color:	#666666;
		font-size: .8em;
	}
	
	#boardTitle{
		position: relative;
		top: 1.5em;
		left: 30.2em;
		text-align: left;
		height: 0;
		color: #0795CF;
		width: 20em;
	}
	
	#boardTitle p{
		padding-bottom: 1em;
	}
		
	.missionStatement{
		position:relative;
		width: 18em;
		line-height: 1em;
		padding-top: 1.8em;
	}
		
		.missionStatement p{
			color: #000000;
			font-size: .8em;
		}
		
	.rightCol{
		position: relative;
	}
	
	#blocks {
		position: relative;
		width: 22em;
		
	}
	
	#blocks img{
		padding: .9em;
		margin: 0;
		border: none;
		background: #FFFFFF;
	}

	#tcp1{
		float: right;
		margin:0;
		padding:0;
		
	}
	
	#tcp2{
		float: left;
		margin:0;
		padding:0;
		
	}
	
	#halfBlock1{
		position: relative;
		margin-right: 2em;
		float: left;
		width: 21em;
	}
	
	#halfBlock2{
		position: relative;
		margin-right: 0em;
		float:left;
		width: 22em;
	}
	
	.centered{
		clear: both;
		text-align: center;
		padding-top:1.5em;
	}
	
	#staff{
		padding-left: 1em;
		width:22em;
		padding-bottom: 1em;
	}
	
		#staff p{
			padding-top: 0em;
			padding-bottom: 0em;
		}
		
		#staff h2{
			margin-top:2em;
		}
	
	.width h3{
		font-size: .8em;
		padding-top: 1em;
	}
	
	.width{
	    width: 23em;
	}
	
	.width img{
		margin: 0 1em 0 1em;
	}
	
	.bottomPad{
		padding-bottom: 2em;
		border-bottom: #ffd611 dotted 1px;
	}
	
	#jobsSpacer{
		position: relative;
		padding-bottom: 10em;
	}
	
	#board{
		width: 23em;
	}
	
		#board p{
			padding-top: 0;
			padding-bottom: 0;
		}
		
		#board h3{
		font-size: .8em;
		padding-top: 1em;
		}
	
		#board a{
		padding-left: 0;
		}
	
		#board div{
		padding-bottom: 1em;
		padding-top: .3em;
		}
	
#events a{
	font-size: .8em;	
}
		
#footer{
	position: relative;
	clear: both;
	margin:auto;
	bottom: 0em;
	background: url(graphics/footerBar.gif);
	background-repeat: repeat-x;
	color:#FFFFFF;
	font-size: 1em;
	height: 4em;
	width: 100%;
	display: block;
}

#footer p{
	color: #FFFFFF;
	padding-left: .5em;
	padding-top: 1em;
	padding-bottom: .4em;
	border-bottom: #FFFFFF solid thin;
}

#footer ul{
	width: 100%;
	padding-top: .5em;
	width: 70em;
}

#footer li{
	list-style-type: none;
	color: #FFFFFF;
	
}	

#footer a{
	text-decoration: none;
	color: #FFFFFF;
	float: left;
	font-size: .8em;
	padding-left: .5em;
	padding-right: .5em;
	border-left: #FFFFFF solid thin;
	border-right: #FFFFFF solid thin;
	margin-left: .5em;
	margin-right: .5em;
}

#footer a:hover{
	text-decoration: underline;
	color: #006633;
}

/* ---------- Gallery Styles -------------------*/
#gallery {
	width:720px;
	height:100%;
	display:block;
	padding:0;
	color:#666;
    font-size: .9em;
}

#gallery h2 {
    color: #006633;
    font-size: 1em;
    background: none;
    clear:both;
    padding-left: 0;
    margin-top:5px;
}

#gallery p {
	color:#666;
}

.padBottom {
	display:inline-block;
	height:50px;
	width:100%;
}

#gallery ul {
	padding: 0;
	margin: 0;
}

#gallery ul li {
	float: left;
	width: 108px;
	height: 108px;
	overflow:hidden;
	padding: 10px 0 0 10px;
	list-style:none;
	display:inline-block;
}

#gallery ul li img {
	width: 108px;
	border: none;
	padding: 0;
	margin: 0;
	display:block;
}