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

/**
*	COLOR VALUES
*
*	Dark Blue	#003893
*	Med Blue	#008ED6
*	Red			#D81E05
**/

/**
* Default and layout rules
*/

body{

	background-image:	url(images/contentBackground.gif);
	background-repeat:	repeat;
	background-color: 	#FFF;
	font-size:			12pt;
	font-family:		Helvetica, Arial, sans-serif;
}

img{
	border:				none;
}

#page{
	background-image:	url(images/bodyBackground.jpg);
	background-repeat:	repeat-x;
	width: 				100%;
	min-height:			768px;
	margin-right:		auto;
	margin-left:		auto;

}

#header{
	background-image:	url(images/headerBackground.jpg);
	background-repeat:	repeat-x;
	width: 				100%;
	color:				#FFF;
	height: 			98px;
}

#navigation{
	padding-top:			70px;
	float:					right;
}

#navigation .red{
	color: #D81E05;
}

#contentWrapper{
	width: 					950px;
	margin-right:			auto;
	margin-left:			auto;
	min-height:				543px;
	background-color:		#FFF;
}

	#logo{
		width:					217px;
		height:					200px;
		z-index:				99;
		position: 				absolute;
		top:					1em;
		left:					1em;
	}
	
	#contentTopLtBlue{
		background-image:		url(images/topContentLtBlue.gif);
		background-repeat:		no-repeat;
		width:					542px;
		height:					52px;
		float:					right;
		text-align:				center;
		padding-top:			5px;
		font-weight: 			bold;
		color:					#FFF;
		font-size:				1.5em;
	}
	
	#content{
		min-height:				528px;
		width:					100%;
		background-color:		#FFF;
		padding-top:			25px;
		clear:					both;
	}
	
		#leftBox{
			width: 				350px;
			float:				left;
			margin-right:		25px;
			margin-left:		100px;
			margin-top:			15px;
		}
		
		#leftBox img{
			width: 250px;
		}
		
		#rightBox{
			width: 				350px;
			float:				left;
			margin-top:			15px;
			margin-right:		100px;
			margin-left:		25px;
		}
	

	.galleryRow{
		width:			840px;
		margin-right:	auto;
		margin-left:	auto;
		border:			solid 5px #AAA;
		padding:		20px;;
	}
	
	.galleryImageContainer{
		text-align:			center;
		width:				180px;
		padding:			10px;
		height:				100px;
		float:				left;
		border:				solid 2.5px #CCC;
		background-color:	#EEE;
		margin-right:		5px;
		margin-left:		5px;
	}
	
	#socialNetwork{
		clear:					both;
		background-color:		#FFF;
		width:					100%;
		height: 				40px;
		color: 					#FFF;
		text-align:				center;
		font-size:				small;
		padding-top:			12px;
		margin-top:				0px;
	}
		
	#footer{
		background-image:		url(images/footer.jpg);
		background-repeat:		no-repeat;
		background-position:	top center;
		background-color:		#FFF;
		width:					100%;
		height: 				20px;
		color: 					#FFF;
		text-align:				center;
		font-size:				small;
		padding-top:			12px;
	}
	
	#footer a:link, #footer a:visited, #footer a:active{
		color:					#FFF;
	}
	
	#footer a:hover{
		color:					#00F;
	}
		
/**
*	Content Classes
*/

.message{
	color:			#F00;
	font-variant:	small-caps;
	font-weight:	bold;
	margin:			2em;
}

.floatLeft{
	float: left;
}

.floatRight{
	float: right;
}

.halfWidth{
	width:	50%;
}

.boxed{
	border:			thin solid #000;
	margin:			5px;
	padding:		5px;
}

.indexCustomContent{
	clear:			both;
	margin-left:	auto;
	margin-right:	auto;
	width:			500px;
	padding-top:	30px;
}

.indexCustomContent .title{
	color:			#008ED6;
	font-style:		italic;
	font-weight:	bold;
	font-size:		110%;
}

.indexCustomContent .entry{
	font-style:		italic;
	font-size:		small;
}

.post{
	padding:					30px 10px 0px 10px;
	margin:						10px;
	clear:						both;
}

.post .title{
	color:						#008ED6;
	font-weight:				bolder;
	font-size:					2em;
	border-bottom:				thin solid #000;
	font-variant:				small-caps;
	margin-bottom:				.5em;
}

.post .entry{
	color:						#008ED6;
	font-size:					small;
}

.post .meta{
	color:						#008ED6;
	font-weight:				bolder;
	font-style:					italic;
	font-size:					100%;
	text-align:					right;
	font-variant:				small-caps;
	clear:						both;

}
.post .emphasis{
	font-size:			1.5em;
	font-weight:		bold;
	font-style:			italic;
}

	.subPost{
		padding:					10px;
		margin:						10px;
		clear:						both;
	}
	
	.subTitle{
		color:						#008ED6;
		font-weight:				bolder;
		font-size:					1.5em;
		border-bottom:				thin solid #000;
		font-variant:				small-caps;
		margin-bottom:				.5em;
	}
	
	.subEntry{
		color:						#008ED6;
		font-size:					small;
	}
	
	.subMeta{
		color:						#008ED6;
		font-weight:				bolder;
		font-style:					italic;
		font-size:					.5em;
		text-align:					right;
		font-variant:				small-caps;
	}
	
.imageGallery ul li{
	display: block;
	float: 				left;
	list-style-type: 	none;
	padding:			0px 10px 20px 10px;
	text-align:			center;
}