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


body{
	background-image:url(../images/background.jpg);
	margin:0;
	padding:0;
	
	}


#main_container,#shadow {
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	width:950px;
	

}
#shadow {
	background-image:url(../images/shadow_bg.jpg);
	padding-left:2px;
	padding-right:2px;
	
}

#header{
	width:948px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	padding-bottom:0px;
	}

#footer{
	width:948px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:0px;
	}

#navigation{
	border:1px solid #990000;
	width:auto;
	height:36px;
	
	}

#navigation li{
	display:inline;
	padding-left:10px;
	padding-right:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	}



#left_column{
	width:764px;
	float:left;

	border-right: 1px solid #867f7f;
	
	}



#right_column{
	float:right;
	height:auto;
	width:182px;
	/*border: 1px solid #000099;
	position:relative;
	top: -8px;
	margin-top:10px;*/
	background-color:#dfe5e6;
	
	
	}

#right_column img{
	margin-left:4px;
	margin-right:4px;
	
	
	}

#content_area{
	float:left;
	background-color:#dfe5e6;
	border-right:1px solid #897b9d;
	border-left:1px solid #897b9d;
	
	}

#text{
	padding-left:20px;
	padding-right:20px;
	padding-top:0px;
	background: #FFFFFF url(../images/textarea_bg.jpg) bottom repeat-x;
	
	border-bottom:none;
	border-left:none !important;
	height:100%;
	
	
	}

#text_btm{
	/*border:1px solid #009966;*/
	width:100%;
	margin-bottom:650px;
	}
	
#border{
	border-bottom:1px solid #92979a;
	width:166px;
	margin-left:10px;
	margin-right:10px;
	}



#top_page_container{
	width:100%;
	padding-bottom:40px;
	padding-top:20px;
	padding-left:20px;
	}

#video{
	border:2px solid #540d8b;
	width:310px;
    margin-top:20px;
	
	}

#top_page_image{
	float: right;
	padding-right:50px;
	}




#footer{
	/*border-top:2px solid #a2b4be;*/
	width:950px;
	background-color:#0b81c3;
	clear:both;
	}

#footer_btm{
	background-color:#ffffff;
	}

/************************** TESTIMONIALS *****************************/

	
#testimonials{
	margin-top:20px;
	width:auto;
	margin-left:4px;
	padding-left:8px;
	

	}

#testimonials_text{
	padding-left:4px;
	padding-right:4px;
	width:140px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0a4f9e;
	font-style:italic;
	
	}

#testimonials_text a{
	padding-left:66px;
	margin-top:10px;
	color:#330066;
	text-decoration:none;
	font-size:11px;
	}

#testimonials_text a:hover{
	text-decoration:underline;
	}



/*************************** HOME PAGE LOGIN SECTION **************************/


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#login_container{
	padding-left:10px;
	padding-right:10px;
	padding-bottom:40px;
	/*padding-top:40px;*/
	}
	
#login_form{
	width:410px;
	float:right;
	padding-left:10px;
	
	}
.text_box{
	border:1px solid #330066;
	height:18px;
	background:url(../images/textbox_bg.jpg) bottom repeat-x;
	padding-top:4px;
	padding-bottom:0px;
	padding-left:4px;
	padding-right:4px;
	}

/*************************** LOGIN FORM LAYOUT **************************/



.cssform p, .css_signupform p {

clear: left;
margin: 0;
padding: 5px 0 2px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label, .css_signupform label{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/

}


.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

/*.cssform textarea{
width: 250px;
height: 150px;

}*/

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

#instructions, #instructions2, #instructions3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#277bb5;
	padding-bottom:10px;
	}

.form_button{
	background:url(../images/navbarhover_bg.jpg) repeat left;
	border:1px solid #330066;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	height:22px;
	width:70px;
	margin-right:16px;
	}

.form_button:hover{
	background:url(../images/navbar_bg.jpg) repeat left;
	border: 1px solid #12699b;
	}
	
/*#login_container{
	padding-left:10px;
	padding-right:10px;
	}

#login_form{
	width:400px;
	float:right;
	border:1px solid #330066;
	padding-left:10px;
	
	}

.text_box{
	border:1px solid #330066;
	}

#login_form label, #instructions{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	}

#instructions{
	color:#277bb5;
	}*/


/***************************SIGN UP FORM SECTION **************************/

#signup_form{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	
	}

.red_text {
	color: #FF0000;
	font-size: 12px;
	font-weight: bold;
}
.form_header {
	
	color: #540d8b;
	font-weight: bold;
}

.form_heading{
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px dashed #0b81c3;
	width:90%;
	
	}


	
	
/************************** TEXT STYLES ******************************/

a{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#0b81c3;
	text-decoration:none;
	}

a:hover, #footer a:hover{
	text-decoration:underline;
	}

#footer a{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFF99;
	text-decoration:none;
	}

#page_header{
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:bold;
	font-style:italic;
	color:#540d8b;
	padding-left:20px;
	padding-bottom:6px;
	padding-top:40px;
	margin-bottom:30px;
	border-bottom:1px solid #540d8b;
	}
p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	}
	
h1,h2,h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color: #540d8b;
	}

h2{
	font-size:16px;
	}

h3{
	font-size:14px;
	}

#footer{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	font-style:italic;
	color:#ffffff;
	text-align:center;
	padding-top:24px;
	}

#testimonials_text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	color:#0f6bac;
	
	}

#links ul{
	line-height:20px;
	marker-offset: #7f4aa8;	
	}

#links li{
	list-style-image:url(../images/bullet_color.gif);
	font-family:Arial, Helvetica, sans-serif;
	line-height:30px;
	}

hr{
	color:#0b81c3;
	width:60%;
	margin-top:40px;
	margin-bottom:40px;
	
	}


/************************** COLLAPSEABLE SECTION STYLES ******************************/
	
#expanding_section{
	padding-left:20px;
	}
.collapseable_box{
	width: 640px;
	display:none;
	padding-top:10px;
	padding-bottom:58px;
	padding-left:16px;
	padding-right:10px;
	border: 1px solid #0b81c3;
	background-color:#def2f8;
	}

.collapseable_box #heading{
	font-family:Arial, Helvetica, sans-serif;
	color:#045684;
	font-size:13px;
	font-weight:bold;
	}