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

body {
	background-color: #3b7cbf;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	margin: 0;
}

.floatleft {float:left !important}
.floatright {float:right !important}
.clear {clear:both !important}
.bold {font-weight:bold !important}
img{ border:none; }


#main {
	width:856px;
	margin:0 auto;
	}
.top-links{
	float: left;
	width:836px;
	margin:9px 0 0;
	padding: 0;
	text-align:right;
}
.top-links a{
	font:12px Arial, Helvetica, sans-serif;
	color:#0176bb;
	text-decoration:none;
}
.top-links a:hover{
	color:white;
	text-decoration:underline;
}
.top-bg{
	float:left;
	width:100%;
	height:13px;
	margin: 13px 0 0;
	background:url(../images/top-bg.png) no-repeat;
}
.middle-bg{
	float:left;
	width:835px;
	margin:0;
	background:url(../images/middle-bg.png) repeat-y;
	padding:0 0 0 21px;
}
.bottom-bg{
	float:left;
	width:100%;
	height:13px;
	margin:0 0 13px 0;
	background:url(../images/bottom-bg.png) no-repeat;
}
	
.header{
	float:left;
	width:100%;
	height:113px;
	margin:0;
	background:url(../images/top-header-bg.jpg) no-repeat;
}
.logo{
	float:left;
	width:310px;
	height:113px;
	margin:0;
}
.contact{
	float:right;
	width:239px;
	height:63px;
	margin:35px 0 0;
}
.contact .text {
	font:18px Arial, Helvetica, sans-serif;
	color:#83b7e8;
	margin:0;
}
.contact .phone {
	font:30px Arial, Helvetica, sans-serif;
	color:#0176bb;
	font-weight:bold;
	margin:0;
}
/* navigation------------------------------------------------- */
#nav {
	float: left;
	width:816px;
	overflow:hidden;
	margin:5px auto 5px auto;
	height:47px;
	background: #83b7e8;
	}
#nav ul{
	margin:0 auto;
	padding:0;
	overflow:hidden;
	height:47px;
	width:816px;
	list-style:none;
	font:18px Arial, Helvetica, Verdana, sans-serif;
}
#nav ul li{
	float:left;
	height:47px;
	overflow:hidden;
	background:url(../images/nav-split.jpg) no-repeat 100% ;
}
#nav ul li.contact-btn{
	background-image:none;

}
#nav ul a{
	float:left;
	color:#fff;
	text-decoration:none;
	font:Arial, Helvetica, sans-serif;
	margin:0px 5px;
	padding:15px 16px 0 16px;
	
}
#nav ul a:hover,
#nav a.active{
	font:bolder;
	color: #f3eddf;
}
/* LEFT CONTENT------------------------------------------------- */
.left-column{
	float:left;
	width:612px;
	margin:5px 10px 0 0;
	padding:0;
}
.main-image{
	float:left;
	width:612px;
	height:313px;
	margin:0;
	padding:0;
}
.homepage-textbox{
	float:left;
	width:592px;
	height:184px;
	margin:32px 0 0 20px;
	padding:0;
}
h1{
	float:left;
	width:587px;
	font:24px Arial, Helvetica, sans-serif;
	color:#0176bb;
	margin: 0;
	padding:0;
	font-weight:normal;
}
.left-column p{
	float:left;
	width:587px;
	font:12px Arial, Helvetica, sans-serif;
	line-height:18px;
	color:#58595b;
	margin:20px 0 0 0;
}
.follow-top{
	float:left;
	width:605px;
	height:11px;
	margin:0;
	padding:0;
	background:url(../images/follow-top.jpg) no-repeat;
}
.follow-mid{
	float:left;
	width:605px;
	height:142px;
	margin:0;
	padding:0;
	background:url(../images/follow-bg.jpg) repeat-y;
}
.follow-bottom{
	float:left;
	width:605px;
	height:11px;
	margin:0 0 20px 0;
	padding:0;
	background:url(../images/follow-bottom.jpg) no-repeat;
}
.follow-title{
	float:left;
	width:201px;
	height:29px;
	margin: 0 0 0 197px;
}
.twitter{
	float:left;
	width:177px;
	heigh:103px;
	margin: 8px 0 0 14px;
	padding:0;
}
.fbandrss{
	float:left;
	width:177px;
	heigh:103px;
	margin: 8px 0 0 20px;
	padding:0;
}
.twitter-top{
	float:left;
	width:177px;
	height:19px;
	margin:0;
	padding:0;
	background:url(../images/twitter-top.jpg) no-repeat;
}
.twitter-middle{
	float:left;
	width:177px;
	height:68px;
	margin:0;
	padding:0;

}
.twitter-bottom{
	float:left;
	width:177px;
	height:15px;
	margin:0;
	padding:0;
	background:url(../images/twitter-bottom.jpg) no-repeat;
}
/* RIGHT CONTENT------------------------------------------------- */
.right-column{
	float:left;
	width:194px;
	margin:5px 0 0 0;
	padding:0;
}
.enroll{
	float:left;
	width:176px;
	height:148px;
	background:url(../images/enroll-bg.jpg) no-repeat;
	margin:0 0 10px 0;
	text-align:center;
	padding:16px 9px 0 9px;
}
.enroll p{
	font:12px Arial, Helvetica, sans-serif;
	line-height:14px;
	color:white;
	margin:5px 0 0 0;
}
.enroll-header{
	font:14px Arial, Helvetica, sans-serif;
	color:#f3eddf;
	margin:0;
	font-weight:bold;
}
.enroll-submit {
	float:left;
	height:39px;
	width:174px;
	border:none;
	margin:15px 0 0;
	overflow:hidden;

}
.enroll-submit a{
	float:left;
	height:39px;
	width:174px;
	border:none;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/enroll-btn.png) no-repeat;
}
.enroll-submit a:hover{
	background-position:0 -39px;
	cursor: pointer;
}

.donate{
	float:left;
	width:176px;
	height:123px;
	background:url(../images/donate-bg.jpg) no-repeat;
	text-align:center;
	padding:16px 9px 0 9px;
	margin:0 0 10px 0;

}
.donate p{
	font:12px Arial, Helvetica, sans-serif;
	line-height:14px;
	color:white;
	margin:5px 0 0 0;

}
.donate-header{
	font:18px Arial, Helvetica, sans-serif;
	color:#f3eddf;
	margin:0;
	font-weight:bold;
}
/* .donate-submit {
	float:left;
	height:39px;
	width:174px;
	border:none;
	margin:5px 0 0;
	overflow:hidden;
	
}----*/
.donate-submit{
	float:left;
	height:39px;
	width:174px;
	border:none;
	margin:5px 0 0;
	overflow:hidden;
	cursor: pointer;
	text-indent:-9999px;
	background:url(../images/donate-btn.png) no-repeat;
}
.donate-submit:hover{
	background-position:0 -39px;
	cursor: pointer;
}
.testimonial{
	float:left;
	width:170px;
	height:43px;
	margin:0;
	padding:10px 12px 0 12px;
	background:#0f7dc0;
	font:16px Arial, Helvetica, sans-serif;
	line-height:18px;
	color:white;
	text-align:center;
}
.testimonial-bottom{
	float:left;
	width:170px;
	height:293px;
	background-color:#dfe4ea;
	background-image:url(../images/firststep-grey-logo.jpg) 50 0;
	font:12px Arial, Helvetica, sans-serif;
	line-height:18px;
	color:#675d53;
	padding: 10px 12px 0 12px;
	margin:0 0 10px 0;
}
.right-text {
	color:#036;
	text-decoration:none;
}

	/* sub pages nav--------------------------------------------------*/
#left-nav{
	float:left;
	width:225px;
	height:176px;
	margin:0;
	overflow:hidden;
	background: url(../images/lightblue-bg.jpg) repeat-x;
}
#left-nav ul{
	margin:16px 0 0 20px;
	padding:0;
	overflow:hidden;
	width:225px;
	height:176px;
	list-style:none;
	font:16px Arial, Helvetica, Verdana, sans-serif;
}
#left-nav ul li{
	height:30px;
	overflow:hidden;
	background:url(../images/white-dashline.jpg) no-repeat;
	background-position:0 21px;
}

#left-nav ul a{
	float:left;
	color:#6aa6de;
	text-decoration:none;
	font:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0 0 0 18px;
	
}
#left-nav ul a:hover,
#left-nav a.active{
	
	color: #0176bb;
}
#left-nav ul li.noimage{
	background-image:none;
}

	/* sub page--------------------------------------------------*/

.sub-header-image{
	float:left;
	width:387px;
	height:176px;
	margin:0;
}
.sub-header-image-large{
	float:left;
	width:611px;
	height:176px;
	margin:0;
}
.subpage-textbox{
	float:left;
	width:582px;
	margin:18px 0 0 20px;
	padding:0;
	
}
.subpage-textbox p{
	float:left;
	width:572px;
	font:12px Arial, Helvetica, sans-serif;
	line-height:18px;
	color:#58595b;
	margin:20px 0 0 0;
	
}
.twitter-sub{
	float:left;
	width:177px;
	heigh:103px;
	margin: 8px 0 0 0;
	padding:0;
}
.follow-col-top{
	float:left;
	width:170px;
	height:33px;
	margin:0;
	padding:20px 12px 0 12px;
	background:#0f7dc0;
	font:16px Arial, Helvetica, sans-serif;
	line-height:18px;
	color:white;
	text-align:center;
}
.follow-col-bottom{
	float:left;
	width:175px;
	background-color:#dad8d3;
	background-image:url(../images/firststep-grey-logo.jpg) 50 0;
	font:12px Arial, Helvetica, sans-serif;
	line-height:18px;
	color:#675d53;
	padding: 10px 12px 20px 7px;
	margin: 0 0 20px 0;
}
.fbandrss-sub{
	float:left;
	width:177px;
	heigh:103px;
	margin: 8px 0 0 0;
	padding:0;
}
.contact-left{
	float:left;
	width:250px;
	overflow:hidden;
}
.contact-right{
	float:left;
	width:300px;
	margin:0;
}

#forms-list{
	float:left;
	width:425px;
	height:176px;
	margin:0;
	overflow:hidden;
}
#forms-list ul{
	margin:16px 0 0 0;
	padding:0;
	overflow:hidden;
	width:425px;
	height:176px;
	list-style:none;
	font:16px Arial, Helvetica, Verdana, sans-serif;
}
#forms-list ul li{
	height:30px;
	overflow:hidden;
	background:url(../images/pdf_extra-small.jpg) no-repeat;
	background-position:0 0;
}

#forms-list ul a{
	float:left;
	color:#6aa6de;
	text-decoration:none;
	font:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0 0 0 28px;
	
}
#forms-list ul a:hover,
#forms-list a.active{
	
	color: #0176bb;
}
#forms-list ul li.noimage{
	background-image:none;
}
.map{background:#FFF;
	padding:4px;
	border:1px solid  #999;
}
.map-popup a {
	float:left;
	width:500px;
	height:250px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	background: url(../images/map.jpg);
	padding:4px;
	border:1px solid  #999

}

	/* footer--------------------------------------------------*/

	
.footer{
	float:left;
	width:836px;
	margin:0;
	padding:0;
	font:12px Arial, Helvetica, sans-serif;
	color: #b1b1b1;
	line-height:18px;
	text-align:center;
}
.footer a{
	color:#fff;
	text-decoration:none;
}
.footer a:hover{
	text-decoration:underline;
}
	/* form--------------------------------------------------*/

.form3{
	width:400px;
	float:left;
	overflow:hidden;
	margin:1px 0 0 0px;
	font:12px Arial, Helvetica, sans-serif;
	line-height:18px;
	color:#58595b;
	
}
.txt3{
	display:block;
	width:200px;
	height:29px;
	overflow:hidden;
	background:url(../images/contact-box.jpg) no-repeat;
	margin:5px 0 0px 0;
}
.txt3 input{
	width:181px;
	height:18px;
	padding:3px 9px 0 9px;
	font:12px Arial, Helvetica, sans-serif;
	color:#737272;
	border:none;
	background:none;
}
.area3{
	display:block;
	width:207px;
	height:102px;
	overflow:hidden;
	background: url(../images/contact-area-box.jpg) no-repeat;
	margin:10px 0 0;
}
.area3 textarea{
	width:181px;
	height:90px;
	padding:3px 9px 0;
	border:none;
	background:none;
	font:12px Arial, Helvetica, sans-serif;
	color:#737272;
}

.submit3 {
	float:left;
	clear:both;
	height:54px;
	width:214px;
	border:none;
	margin:9px 0;
	overflow:hidden;
	text-indent:-9999px;
	background: url(../images/help-me-btn.jpg);
}
.submit3 a:hover{
	background-position:0 -54px;
}