/* CSS Document */

/* ===== GLOBAL ============================ */
* {margin:0; padding:0; border:0;}

body {
text-align:center;
background:#273C54;
}

html,body,div,p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#7b7b7b;
text-align:justify;
}

#container div, p {line-height:20px;}

p {margin-bottom:10px;}


#container {
margin:0 auto;
width:480px;
background:#FFFFFF; 
padding:15px; 
text-align:left;
}

a {
	color:#273C54;
}

a:hover {
	color:#713000;
	text-decoration:none;
}



/* ===== DIVs & TAGS ============================ */
#opening {

}

/*#left_side {width:210px; float:left;}*/

ul {margin-bottom:10px;}
ul li {text-align:left; margin-left:25px;}


/* ===== FORM ============================ */
#form_box {
width:240px;
float:right;
padding:5px;
background:#6e87a3;
border:#273C54 solid 5px;
text-align:left;
margin-top: 6px;
margin-left: 20px;
}

#form_box p {color:#FFFFFF; text-align:justify;} 

label{
	width:115px;
	height:15px;
	float:left;
	
	display:block;
	
	padding-top:0px;
	
	padding-right:0;	

	font-size:11px;

	line-height:18px;
	color:#FFFFFF;
}

label.required{
	font-weight:bold;
}

.input {
	width:120px;
	height:15px;
	background:#FFFFFF;
	border:1px solid #273C54;
	margin-bottom:5px;
	font-size: 10px;
	color:#273C54;
}

.hear_about {
	font-weight:bold;
	font-size:11px;
	
	
}

.buttons{

float:left;
margin:5px 15px 0 10px;
}



.err
{
	color: red;
}

#error {
	background:#FFFFFF;
	padding:5px 10px;
	text-align:left;
}


#form_box a {
	color:#FFFFFF;
}

#form_box a:hover {
	color:#FFFFFF;
	text-decoration:none;
}


/* ===== CLEAR FIX ============================ */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
  
 .clearfix {
display: inline-block;
}  

/* Holly Hack Targets IE Win only \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End Holly Hack */