/* default styles */
body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #444444; line-height: 14px; background: #FFFFFF url(../images/bg.gif) repeat-x; }
a { color: #115566; text-decoration: none; }
a:hover { text-decoration: underline; }
p {	margin: 0 0 10px 0; }
h1 { clear: both; padding-bottom: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 26px; font-weight: normal; letter-spacing: 1px; }
h2 { clear: both; margin: 5px 0 10px 0; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; }
input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
textarea, select, option {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}


/* layout */
#all_content { margin: 0 auto; width: 970px; }

#header { float: left; width: 970px; background: url(../images/header_bg.jpg) repeat-x; }
	#header_left { float: left; width: 270px; }
	#header_middle { float: left; width: 680px; text-align:right; margin-top:10px; }
	#header_right { float: left; width: 20px; }

#page_shadow { width: 970px; background: url(../images/page_shadow.gif) repeat-y; }
	#page_content { clear: left; width: 950px; background-color: #ffffff; margin-left: 10px; margin-right: 10px; }
	#detail_content { margin: 10px; padding: 0 10px 10px 10px; }

#left {	float: left; width: 680px; }
#left ul { list-style-image: url(../images/bullet.gif); }
#right { float: right; width: 230px; background-color: #000000; border-left: 4px solid #DDDDDD; }

.page_feature { float: left; width: 665px; margin: 10px 0 0 -10px; padding: 20px; background: #000000 url(../images/page_feature_bg.gif) repeat-x; color: #DDDDDD; }

.two_columns { float: left; width: 340px; border-right: 1px dotted #888888; }
.two_columns_right { clear: right; float: left; width: 320px; padding-left: 10px; }
.three_columns { float: left; width: 210px; margin-right:10px; padding-right: 5px; border-right: 1px dotted #888888; }
.three_columns_right { float: left; width: 210px; }
.five_columns { float: left; width: 120px; margin-right:5px; padding-right: 5px; border-right: 1px solid #888888; }
.five_columns_right { float: left; width: 135px; }


/* left-align */
.formFieldLeft {
	margin: 0;
	padding: 0 0 0 86px;
}

.formFieldLeft .formLabel {
	font-size: 12px;
	font-weight: bold;
	float: left;
	margin-left: -78px;
	width: 86px;
}


/* content styles */
.bullet { margin-right: 2px; padding-top: 1px; font-size: 20px; font-weight: bold; color: #AACCCC }
.headertextbig { font-size: 22px; font-weight: bold; letter-spacing: 1px; color: #FFFFFF; line-height: 36px; }
.headertextsmall { font-size: 14px; letter-spacing: 1px; color: #FFFFFF; text-decoration: none; }
a:hover.headertextsmall { color: #FFFFFF; text-decoration: underline; }
.bodyheader { display: block; margin-top: 15px; margin-bottom: 10px; border-bottom: #006666 1px solid; font-size:16px; font-weight: bold; }
.feature { margin: 0; padding: 0; list-style: none; }
.feature a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: none; }
.feature li { padding-bottom: 5px; border-bottom: 1px dotted #888888; }
.feature_header_link { display:block; padding-bottom: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; font-weight: bold; text-decoration: none; }
.general_page_pic_left { float: left; margin: 0 10px 5px 0; }
.general_page_pic_right { float: right; margin: 0 0 5px 10px; }
.hightlights_header { padding-top: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #114477; font-weight: bold; text-transform: uppercase; }
.hightlights_bodyheader { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #114477; font-weight: bold; text-transform: uppercase; }
.hightlights_subheader { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #114477; font-weight: bold; text-transform: uppercase; }
#intro { margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; line-height: 18px; }
#intro ul { list-style-image: url(../images/bullet.gif); }
.required {	font-size: 14px; color: #CC0000; font-weight: bold; }
.subheader { font-family: Arial, Helvetica, sans-serif; font-size: 17px; color: #FFFFFF; }
.testimonial { width: 660px; margin-bottom: 20px; padding: 10px; background: #EDEDED; border: #CCCCCC 1px solid; }
#utilitylinks {	margin: 10px auto; width: 950px; color:#888888; text-align: right; }
#utilitylinks a { margin: 0 5px 0 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #222222; text-decoration: none; }
#utilitylinks a:hover { text-decoration: underline; }


/* box styles */
.box_header { margin: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #FFFFFF; font-weight: bold;  display: block; }
.box_subheader { display: block; padding-bottom: 4px; font-size: 17px; line-height: 20px; }
.box_general { width: 220px; padding: 1px; margin: 15px 0 5px 4px; background: #444444; }
.box_general_content { width: 210px; padding: 5px; background: #EFEFEF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #555555; }
.box_survey { width: 220px; padding: 1px; margin: 15px 0 5px 4px; background: #44AABB; }


/* footer */
.footer { margin: auto; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
#footer_navbar { padding: 10px; }
	.footer_logos { border-bottom: 2px dashed #BBBBBB; color: #555555; }
	.footer_sublink a { font-size: 10px; color: #AAAAAA; text-decoration: none; }
.footer_bg { width: 970px; height: 21px; padding-top: 4px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; background: url(../images/footer_bg.gif) no-repeat; }


/* Clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }

/* Begin hide from IE-Mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-Mac */
