/*
/////////////////////////////////////////////////////////////////
// SITE SPECIFIC STYLES
// these styles are specific to this site
/////////////////////////////////////////////////////////////////
*/
body {
	text-align:center;
	background:url(/images/bckgrnd.gif) repeat-x top left #edf0f0;
}

/*page contains everything*/
#page {
	width:720px;
	margin:0 auto;
	text-align:left; /*make everything inside of here align left for ie*/
}
#homebttn {
	float:left;
}
#switcher {
	float:right;
	/*display:none;*/
}
#switcher img {
	vertical-align:middle;
}
#roundedtop {
	margin-top:7px;
}
#container { /*container contains the padding for the main content area*/
	background:#ffffff;
	padding:0 10px;
}
#header {
	border:1px solid #e2e2e2;
	background:#fff;
	min-height:214px;
	padding:15px;
	width:430px;
	position:relative;
	top:-27px;
	margin-bottom:-17px; /*this should be the same as the top positioning +10 for some bottom spacing */
	text-align:center;
	float:left;
}
	#header #rnd_border {
		float:left;
		position:relative;
		top:-16px;
		left:-16px;
		margin-right:-33px;
		margin-bottom:-35px;
	}
	#header #logo {
		position:relative;
		top:-72px;
		margin-bottom:-70px;
	}
	#header #welcome {
		position:relative;
		left:-25px;
		margin-right:-25px;
		/*background:url(/images/welcometocchs.gif) top left no-repeat transparent;*/
		width:456px;
		height:135px;
		
	}
	#header #welcome .text {
		text-align:left;
		line-height:11px;
		position:relative;
		bottom:30px;
		margin-bottom:-40px;
		float:right;
		width:275px;
		font-size:12.5px;
		font-weight:bold;
	}
	#header #welcome .text a {
		font-size:12.5px;
		font-weight:bold;
		
	}

#header_right {
	float:right;
	width:229px;
	position:relative;
	top:-27px;
	margin-bottom:-27px;
}
	#header_right #search {
		background:url(/images/search_bckgrnd.gif) top left no-repeat transparent;
		width:230px;
		height:45px;
		padding:0px;
	}
	#header_right #search input#query_string {
		margin:4px;
		padding:3px;
		border:1px solid #d3025e;
		width:170px;
		height:11px;
		font-size:11px;
		line-height:11px;
		
	}
	
#nav {
	position:relative;
	top:-9px;
	height:263px;
	background:url(/images/nav_bckgrnd.gif) 0px 0px no-repeat transparent;
	border-bottom:1px solid #6da1c2;
}
	#nav .page_link {
		margin-bottom:1px;
		font-size:22px;
		line-height:28px;
		color:#f5fafd;
		padding:4px 10px;
		_padding:5px 10px; /*only ie will use this padding...*/
		border-bottom:1px solid #fff;
		font-family: arial, helvetica, sans-serif;
	}
	#nav .page_link:hover {
		color:#2685a9;
	}
	#nav a {
		font-size:16px;
		line-height:18px;
		vertical-align:middle;
		text-decoration:none;
		color:#2685a9;
		font-family: arial, helvetica, sans-serif;
	}
	#nav a:hover {
		color:#d3025e;
	}
	#nav:hover .page_link:hover a {
		color:#d3025e;
	}

	#subnav {
		position:relative;
		top:-9px;
		height:209px;
		background:url(/images/nav_bckgrnd.gif) 0px 0px no-repeat transparent;
		border-bottom:1px solid #6da1c2;
	}
		#subnav .page_link {
			margin-bottom:1px;
			font-size:18px;
			line-height:26px;
			color:#f5fafd;
			padding:1px 10px;
			_padding:2px 10px; /*only ie will use this padding...*/
			border-bottom:1px solid #fff;
			font-family: arial, helvetica, sans-serif;
		}
		#subnav .page_link:hover {
			color:#2685a9;
		}
		#subnav a {
			font-size:14px;
			line-height:22px;
			vertical-align:middle;
			text-decoration:none;
			color:#2685a9;
			font-family: arial, helvetica, sans-serif;
		}
		#subnav a:hover {
			color:#d3025e;
		}
		#subnav:hover .page_link:hover a {
			color:#d3025e;
		}
		
#title {
	overflow:hidden;
	padding:12px 0 0;
	margin:14px 0 0;
	border-top:1px solid #e2e2e2;
	font-size:40px;
	line-height:44px;
	font-weight:bold;
	letter-spacing:-1px;
	color:#009943;
	_padding-top:18px;
	_padding-bottom:6px;
}
	
div#content {
	width:668px;
	border:1px solid #e2e2e2;
	border-bottom:none;
	min-height:200px;
	padding:15px;
	padding-top:10px;
	clear:both;
	background:url(/images/content_blue.gif) top left no-repeat #fff;
}
	#content #leftcol {
		float:left;
		width:435px;
	}
	#leftcol img {
		border:1px solid #e2e2e2;
		background:#fff;
		padding:5px;
		margin-right: 5px;
		/*float:right;
		margin-left:5px;
		margin-bottom:5px;*/
	}
	#leftcol .entry-content img{
		margin: 0 auto;
		padding: 0px;
		border: none;
		
		
	}
	#leftcol #news p {
		display:inline;
		
	}


	/*	Using 'class="alignright"' on an image will (who would've
		thought?!) align the image to the right. And using 'class="centered',
		will of course center the image. This is much better than using
		align="center", being much more futureproof (and valid) */

	img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}

	img.alignright {
		padding: 4px;
		margin: 0 0 2px 7px;
		display: inline;
		}

	img.alignleft {
		padding: 4px;
		margin: 0 7px 2px 0;
		display: inline;
		}

	.alignright {
		float: right;
		}

	.alignleft {
		float: left
		}
	/* End Images */

	#content h2 {
		font-size:21px;
		font-weight:bold;
		margin:15px 0;
	}
	
	#content #rightcol {
		width:210px;
		float:right;
		padding-top:5px;
	}
		#rightcol p {
			margin:0;
			padding:0;
		}
		#rightcol h2 {
			color:#d3025e;
			font-size:21px;
			line-height:26px;
			font-weight:bold;
			margin:15px 0 5px 0;
		}
		#rightcol a {
			line-height:24px;
		}
#footer {
	padding:10px 20px 20px;
	color:#2685a9;
	font-size:11px;
}
	#footer p {
		font-size:11px;
		padding:0 0 .25em;
	}
	#footer a {
		font-size:11px;
	}
	#footer div {
		font-weight:bold;
		font-size:11px;
		text-align:right;
	}
#testimonials {
	margin-top:75px;
	border:1px solid #e2e2e2;
	background:url(/images/quote.gif) 10px 10px no-repeat #f7f7f7;
	padding:20px;
/*	clear:both;*/
	
}

a.newsheadline {
	color:#89b230 !important;
	text-decoration:none !important;
	font-weight:bold;
	font-size:24px;
	line-height:30px;
}
#email img{
	right: 10px;
	border-style: none;
}
#email img a{
	text-decoration: none;
	border: none;
}
#tribute img{
	right: 10px;
	border-style: none;
}
#tribute img a{
	text-decoration: none;
	border: none;
}
#twitter img{
	border-style: none;
}
#twitter img a{
	text-decoration: none;
	border: none;
}
#facebook img{
	/*right: 10px;*/
	border-style: none;
}
#facebook img a{
	text-decoration: none;
	border: none;
}
#myspace img{
	/*right: 10px;*/
	border-style: none;
}
#myspace img a{
	text-decoration: none;
	border: none;
}
#youtube img{
	right: 10px;
	border-style: none;
}
#youtube img a{
	text-decoration: none;
	border: none;
}

/*
/////////////////////////////////////////////////////////////////
// STYLES THAT TYPICALLY CHANGE FROM SITE TO SITE
// these styles change from site to site typically (color etc...)
/////////////////////////////////////////////////////////////////
*/
td *, body *, div * {
	font-size: 13px;
	line-height: 20px;
	font-family: arial, helvetica, sans-serif;
}

.copy {
	font-size:13px;
	line-height:20px;
}

.small {
	font-size:10px;
	line-height:14px;
}

.title {
	font-size:17px;
	line-height:20px;
}

.smalltitle {
	font-size:14px;
	line-height:18px;
}

/*
/////////////////////////////////////////////////////////////////
// ANCHOR STYLES
// avoid defining fonts here: if you need to define a font/size, create a new class, this way if there's a link inside a element with a different font size the link font size will match that.
/////////////////////////////////////////////////////////////////
*/

a, a:link, a:visited, a:active {
	color: #007fa9;
	text-decoration: underline;
	font-weight:bold;
}

a:hover {
	color: #d3025e;
	text-decoration: none;
	background:none;
}

a.nav, a.nav:link, a.nav:visited, a.nav:active {
	color: #007fa9;
	text-decoration: none;
}

a.nav:hover {
	color: #d3025e;
	text-decoration: underline;
}

a.navhere, a.navhere:link, a.navhere:visited, a.navhere:active {
	color: #000000;
	text-decoration:none;
}

a.navhere:hover {
	color: #000000;
}

/*
/////////////////////////////////////////////////////////////////
// STANDARD STYLES
// (form elements, etc...)
/////////////////////////////////////////////////////////////////
*/
.whtcopy {
	color: #ffffff;
}

.news {
	font-size: 11px;
	line-height: 13px;
}

.posted {
	line-height:16px;
	font-size: 11px;
	color: #6a90ad;
	font-weight:bold;
}

.small {
	font: 10px;
	line-height: 13px;
}
.rollon {
	background-color: #1a5ca7;
}

.rolloff {
	background: none;
}
/*
/////////////////////////////////////////////////////////////////
// FORM ELEMENTS
// these styles typically don't change (form elements, etc...)
/////////////////////////////////////////////////////////////////
*/

form {
	margin:0px;
}

select.styled {
	background-color: #FFFFFF;
	width: 100%;
	border: 1px inset #CCCCCC;
	color: #000000;
}
input.styled {
	background: #FFFFFF;
	border: 1px inset #CCCCCC;
	color: #000000;
	width: 100%;
}

input.bttn {
	border: 2px solid #ffffff;
	outline: 1px solid #cccccc;
	background: #004a9d;							/* <<-- */
	color: #ffffff;									/* <<-- */
	font-weight: bold;
	padding: 3px 5px 3px 5px;
}

textarea.styled {
	background: #FFFFFF;
	border: 1px inset #CCCCCC;
	color: #000000;
	width: 100%;
}

/*
/////////////////////////////////////////////////////////////////
// LEGACY
// just in case.
/////////////////////////////////////////////////////////////////
*/

.em { 
	font-size:14px;
	line-height:16px;
	font-weight: bold;
}

.sm {
	font: 10px;
	line-height: 13px;
}


#content h2.entry-title {
	font-size:32px;
	line-height:32px;
	margin:1em 0 0;
}
#content h2.entry-title a {
	font-size:26px;
	line-height:32px;
	margin:0;
}
div.entry-meta,
.comment-meta {
	font-size:10px;
	border-top:1px solid #ccc;
	display:block;
}
div.entry-meta span,
div.entry-meta a,
div.entry-meta abbr,
.comment-meta span,
.comment-meta a,
.comment-meta abbr {
	font-size:10px;
	text-decoration:none;
	border:none;
}
ol.commentlist {
	margin:1em 0;
	padding:0;
}	
ol.commentlist li {
	list-style:none;
	padding:10px;
	margin:0;
}
ol.commentlist li.odd {
	background:#f7f7f7;
}
ol.commentlist li p {
	margin:0;
}
textarea#comment {
	width:100%;
	border:1px solid #ccc;
	padding:5px;
	font-size:1em;
}
#rightcol #email{
	position: relative;
	right: 5px;
	border-style: none;
}
#rightcol #tribute{
	position: relative;
	right: 4px;
	border-style: none;
}
#rightcol ul {
	list-style:none;
	margin:0 0 1em;
	padding:0;
}
#rightcol ul li {
	padding:3px 0;
	margin:0;
}
div.formcontainer {
	padding:0 0 1em;
}
div.nav-next {
	float:right;
}

div.nav-previous {
	float:left;
}
/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}