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

body {
	width: 1000px;
	margin: 0 auto;
	background-color: #fff;
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
}

img {
	border: none;
}

.center-text {
	text-align: center;
}
.right-text {
	text-align: right;
}
.bold-text {
	font-weight: bold;
}
.bold-and-center {
	font-weight: bold;
	text-align: center;
}
.clear-both {
	clear: both;
}
.center-and-red {
	text-align:center;
	color: #ff0000;
}
.top {
	text-align: center;
	font-size: 11px;
	padding: 5px 0;
}	


#wrapper {
	width: 1000px;
	background-color: #fff;
	float: left;
}

#header {
	width: 100%;
	float: left;
}

#banner {
	width: 100%;
	float: left;
	height: 55px;
	margin-top: 5px;
}
	.headerleftcol {
		width: 305px;
		float: left;
		padding-top: 10px;
	}
	.headercentercol {
		width: 94px;
		float: left;
		margin-left: 159px;
		margin-right: 159px;
	}
	.headerrightcol {
		width: 282px;
		float: left;
		padding-top: 10px;
	}

#blueinfobar {
	width: 100%;
	float: left;
	height: 34px;
}

#navigation {
	width: 100%;
	float: left;
	background-color: #fbf8f8;
	color: #cccccc;
	height: 21px;
	text-align:left;
	vertical-align:top;
	padding-left: 1px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#banner-image {
	width: 975px;
	margin-left: 12px;
	margin-right: 12px;
}

#whystcharles {
	width: 975px;
	margin-left: 12px;
	margin-right: 12px;
	margin-top: 15px;
}

#content {
	width: 100%;
	float: left;
}
	/* Index 3 columns -- only to be used for the index as the left column is wider than the others */
	#threecol {
		width: 100%;
		float: left;
		margin-top: 15px;
		padding-bottom: 10px;
		border-bottom: 1px solid #99cadf;
	}
	.threecol-left {
		width: 400px;
		float: left;
		margin-right: 9px;
		font-size: 13px;
	}
		.threecol-left-encapsulate-form {
			width: 90%;
			float: left;
		}
		.threecol-left form {
			width: 390px;
			float: left;
		}
		.threecol-left-form-space {
			margin-bottom: 5px;
		}
		.threecol-left label {
			display: block;
			width: 150px;
			float: left;
			margin-right: 3px;
			text-align: right;		
		}
		.input {
			/*border: 1px solid #000;*/
			background: #fff;
		}
		.button {
			border: 1px solid #007cb0;
			background: #bedce9;
			color: #fff;
			font-weight:bold;
		}	
		.button2 {
			border: 1px solid #007cb0;
			background: #bedce9;
			color: #007cb0;
			font-size: 14px;
		}	
		.threecol-left img {
		  display: block;
		  margin-left: auto;
		  margin-right: auto;
		}
	.threecol-center {
		width: 281px;
		float: left;
	}
		.threecol-center img {
		  display: block;
		  margin-left: auto;
		  margin-right: auto;
		}
	.threecol-right {
		width: 281px;
		float: left;
	}
		.threecol-right img {
		  display: block;
		  margin-left: auto;
		  margin-right: auto;
		}
	.threecol-divider {
		width: auto;
		float: left;
		padding-top: 35px;
	}
	/* Index 2 columns -- can be used for outside of the index as the left and right columns should be the same width */
	#twocol {
		width: 100%;
		float: left;
		padding-top: 15px;
		font-size: 14px;
	}
		#twocol a, a:visited {
			color: #000;
			text-decoration:underline;
		}
		#twocol a:hover, a:active {
			color: #666666;
			text-decoration:none;
		}
		.twocol-left {
			width: 49%;
			float: left;
			padding-left: 10px;
			padding-right: 5px;
		}
		.twocol-right {
			width: 47%;
			float: left;
			padding-left: 10px;
		}
			.twocol-social-media {
				width: 100%;
				float: left;
			}
				.twocol-social-media-spacer {
					padding-bottom: 0px;
				}
			.twocol-testimonial {
				width: 97%;
				float: left;
				border-top: 1px solid #99cadf;
				padding-top: 10px;
			}
		.twocol-divider {
			width: auto;
			float: left;
		}
	/* All other pages -- 3 columns */
	#threecol-other {
		width: 100%;
		float: left;
		margin-top: 15px;
		padding-bottom: 10px;
	}
	.threecol-other-left {
		width: 28%;
		float: left;
	}
	.threecol-other-center {
		width: 43%;
		float: left;
		padding: 0 5px;
		border-left: 1px solid #a5d1e3;
		border-right: 1px solid #a5d1e3;
		margin: 0 8px;
	}
		.threecol-other-center-text {
			padding: 5px;
		}
	.threecol-other-right {
		width: 26%;
		float: left;
		font-size: 13px;
	}
		.threecol-other-right-text {
			padding-top: 9px;
			padding-left: 5px;
		}
		.threecol-other-right-encapsulate-form {
			width: 90%;
			float: left;
			padding-top: 5px;
		}
		.threecol-other-right form {
			width: 260px;
			float: left;
		}
		.threecol-other-right-form-space {
			margin-bottom: 5px;
		}
		.threecol-other-right label {
			display: block;
			width: 75px;
			float: left;
			margin-right: 3px;
			text-align: right;		
		}
	/* All other pages -- 2 columns */
	#twocol-other {
		width: 100%;
		float: left;
		margin-top: 15px;
		padding-bottom: 10px;
	}
		#twocol-other a, #twocol-other a:visited {
			color: #000;
			text-decoration:underline;
		}
		#twocol-other a:hover, #twocol-other a:active {
			color:#333333;
			text-decoration:none;
		}
		.twocol-other-left {
			width: 28%;
			float: left;
		}
		/* used only for contact form */
		.twocol-other-left-contact {
			width: 28%;
			float: left;
			margin-right: 16px;
			border-right: 1px solid #a5d1e3;
		}
		.twocol-other-main {
			width: 68%;
			float: left;
			margin-left: 26px;
			padding-left: 10px;
			border-left: 1px solid #a5d1e3;
		}
		/* used only for contact form */
		.twocol-other-main-contact {
			width: 68%;
			float: left;
			margin-left: 10px;
			padding-left: 10px;
		}
		.twocol-other-main h1 {
			font-size: 24px;
			text-align:left;
			margin: 5px;
			padding: 0;
			color: #a5d1e3;
		}
			.twocol-other-main ul {
				margin-top: 5px;
				margin-left: 5px;
			}
			.twocol-other-main li {
				list-style-image:url(images/red-bullet.gif);
			}
				.twocol-other-main-encapsulate-form {
					width: 90%;
					float: left;
					padding-top: 10px;
				}
				.twocol-other-main form {
					width: 650px;
					float: left;
				}
				.twocol-other-main-form-space {
					margin-bottom: 5px;
				}
				.twocol-other-main label {
					display: block;
					width: 300px;
					float: left;
					margin-right: 3px;
					text-align: right;		
				}	
				.twocol-other-main-text {
					padding: 10px 0;
				}
				.twocol-other-main-text-left {
					width: 272px;
					float: left;
					margin-right: 5px;
					margin-left: 29px;
					padding: 10px 0;
				}
	
				.twocol-other-main-text-right {
					width: 272px;
					float: left;
					padding: 10px 0;
				}
				.onecol-pad {
					padding-left: 25px;
				}
			

		
	
#footer {
	width: 100%;
	float: left;
	font-size: 12px;
	text-align:center;
	padding-bottom: 15px;
	padding-top: 10px;
}
	.footer-links {
		background-color: #7dbad4;
		color: #fff;
		font-weight:bold;
		padding: 2px 0;
	}
		.footer-links a, .footer-links a:visited {
			color: #fff;
			text-decoration:none;
		}
		.footer-links a:hover, .footer-links a:active {
			color:#333333;
			text-decoration:underline;
		}
	.footer-info {
		color: #007cb0;
		padding-top: 5px;
	}
		.footer-info a, .footer-info a:visited {
			color: #007cb0;
			text-decoration:underline;
		}
		.footer-info a:hover, .footer-info a:active {
			color: #CCCCCC;
		}
		
		
/* TWITTER STYLES */
/********* twitter stuff ************/
#twitter_badge_container{width: 280px; background: #fff; font-size: 12px; }
#twitter_badge_inner{ }
#twitter_badge_via { }
#twitter_badge_via a, #twitter_badge_via a:hover, #twitter_badge_via a:active, #twitter_badge_via a:visited {color: #666; text-decoration:underline;}
#twitter_badge_container li {border-bottom:1px solid #d8eaf2; list-style:none; list-style-position:outside; padding-bottom: 5px; padding-top: 5px; padding-left: 5px; padding-right: 5px; }
#twitter_badge_container ul {padding: 0; margin: 0; }
/* defaults */
#my_twitter_status{}
#my_twitter_status_time{color: #666; font-size: 10px;}
/********** end twitter *************/