@charset "UTF-8";
/* CSS Document */
/* Step Ahead Trust - John McGeary 2007*/

body {
	font-size:					12px;
	font-weight:				200;
	line-height:                20px;
	color:						#004287;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	width:                      470px;
	padding:                    0px;
	margin:                     0px;
	background:					#ffffff;
}

/* EDITOR START */

* {
	margin:						0;
	padding:					0;
}
p {
	margin-bottom:              20px;
	color:						#004287;
}
hr {
	border:                     1px solid #e4f2f6;
	margin-top:                 10px;
	margin-bottom:              10px;
}
h1 {
	font-size:					17px;
	color:						#004287;
	margin-bottom:              10px;
}
h2 {
	font-size:					15px;
	color:						#004287;
	margin-top:                 5px;
	margin-bottom:              5px;
}
h3 {
	font-size:					13px;
	color:						#004287;
	margin-top:                 5px;
	margin-bottom:              5px;
}
h4 {
	font-size:					12px;
	color:						#004287;
	margin-top:                 5px;
	margin-bottom:              5px;
}
ul {
	padding-left:               30px;
	margin-top:                 5px;
	margin-bottom:              5px;
}
#textarea ul {
	margin:                     0px;
	padding:                    0px;
}
#textarea li {
	color:                      #006b2d;
	margin-right:               13px;
	background:					transparent url(assets/bulletpoint.gif) no-repeat;
	padding-left:               15px;
	margin-bottom:              10px;
	display:                    block;
	list-style:                 none;
}
a {
	color:						#004287;
	text-decoration:            underline;
}
a:hover {
	color:						#e20a16;
	text-decoration:            underline;
}
/* EDITOR END */
body {
	font-size:					12px;
	font-weight:				200;
	line-height:                20px;
	color:						#004287;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	width:	                    100%;
	padding:                    0px;
	margin:                     0px;
	background:					#6aa3b8 url(assets/bg.gif) repeat-x top left fixed;
}
* {
	margin:						0;
	padding:					0;
}
.blue {
	color:                      #e4f2f6;
}
/* --------- Main Container --------- */

#main_container {
	width:						762px;
	height:                     100%;
	margin:						0 auto;
	margin-top:                 8px;
	padding:                    0px;
}
/* --------- Masthead ---------*/

#masthead {
	width:						762px;
	height:						119px;
	margin:				        0px;
	padding:                    0px;
	background:					transparent url(assets/masthead_bg.gif) no-repeat;
}
#masthead_text {
	width:                      500px;
	padding-top:                20px;
	padding-left:               240px;
	text-align:                 right;
}
#masthead_text h2 {
	color:                      #ffffff;
	font-size:					16px;
	margin-bottom:              5px;
	font-weight:                bold;
}
#masthead_text h3 {
	color:                      #ffffff;
	font-size:					13px;
	margin-bottom:              15px;
	font-weight:                 300;
}
#masthead_text h4 {
	color:                      #ffffff;
	font-size:					13px;
	font-weight:                 300;
}
/* --------- Navigation Left ---------*/


#navigation_left {
	width:						215px;
	padding:					0px;
	margin:                     10px;
	margin-left:                22px;
	background-color:           #e4f2f6;
	min-height:                 237px;
}
* html #navigation_left {
	height:                     237px;
}
#navigation_left ul {
	margin:						0px;
	padding:					0px;
}
#navigation_left li {
	color:						#004287;
	list-style:                  none;
	margin:                      0px;
	border:                      1px solid #e4f2f6;
	border-left:                 0px;
}
#navigation_left a {
	text-decoration:			none;
	color:						#004287;
	margin:                     0px;
	padding-left:               10px;
	display:                    block;
}
#navigation_left a:hover {
	color:						#004287;
	text-decoration:			underline;
	margin:                     0px;
	padding-left:               10px;
	background-color:           #d0e4ea;
}
#navigation_left #active a {
	margin:                     0px;
	font-weight:                bold;
	padding-left:               10px;
	text-decoration:			none;
	background-color:           #b8dbe8;
}
#navigation_left #active a:hover {
	text-decoration:			none;
	margin:                     0px;
	font-weight:                bold;
	padding-left:               10px;
	text-decoration:			none;
	background-color:           #b8dbe8;
}
#mainarea {
	width:						762px;
	height:                     100%;
	margin:                     0px;
	padding-left:               0px;
	background:					#FFFFFF url(assets/mainarea_bg.gif) repeat-x top;
	float:                      left;
}
/* -------- Left Column -------- */

#left_column {
	float:                      left;
	width:                      246px;
}
#testimonial_box {
	width:                       246px;
	margin-top:                  20px;
}
#testimonial_box p {
	padding-left:                20px;
	width:                       185px;
}
/* -------- Right Column -------- */

#right_column {
	width:                       510px;
	height:                      100%;
	float:                       right;
	margin:                      0px;
	padding:                     0px;
	border-left:                 1px solid #e4f2f6;
	padding-top:                 5px;
	padding-left:                4px;
}
#random {
	width:                       263px;
	float:                       right;
}
#right_column img {
	margin:                      0px;
	padding:                     0px;
	/*float:                       left;*/
	border:                      5px solid #ffffff;
}
#random img {
	margin:                      0px;
	padding:                     0px;
	float:                       left;
	border:                      5px solid #ffffff;
}
#textarea {
	width:                      470px;
	height:                     100%;
	padding:                    20px;
	margin:                     0px;
	clear:                      both;
}
/* --------- Footer --------- */

#footer {
	width:						770px;
	height:						41px;
	font-size:					9px;
	color:						#7fa8ba;
	text-align:                 left;
	background:					transparent url(assets/footer_bg.gif) repeat-x;
	margin-top:                 0px;
	clear:                      both;
}
#footer a {
	font-size:					9px;
	color:						#ffffff;
	text-decoration:			none;
}
#footer a:hover {
	font-size:					9px;
	color:						#b8dbe8;
	text-decoration:			underline;
}
#footer p {
	font-size:					9px;
	color:						#ffffff;
	padding-top:                5px;
	padding-left:               273px;
}
/* --------- Contact Form --------- */


div.contactForm {
	width:                        365px;
	padding:                      0px;
	margin:                       30px;
}
div.row {
	clear:                        both;
	padding-top:                  5px;
	vertical-align:               middle;
}
div.row span.label {
	float:                        left;
	width:                        140px;
	text-align:                   right;
	padding:                      0px 10px 0px 0px;
}
div.row span.formw {
	float:                        right;
	width:                        210px;
	text-align:                   left;
}
div.row span.formw input.text, div.row span.formw textarea {
	font-family:                Arial, Helvetica, sans-serif;
	font-size:                  12px;
	color:                      #003a67;
	width:                      210px;
	border:                     1px solid #000000;
	background:                 none !important;
}
div.row span.formw textarea {
	height:                       50px;
}
div.spacer {
	clear:                        both;
}