/*  
	File Name: layout_main.css
	Description: layout structure
	Site: Columbia Association: Login
	Version: 1
	
	Author: Nicolas Minacapelli
	Company: Sequel Design Associations, Inc.
	Email: webmaster@sequeldesign.com
*/

/* 
	#df183f - BLUE BKGD
	#0a4a76 - BLUE DARK
	#106190 - BLUE MED
	#1d7db5 - BLUE (tab color)
	#01a9d8 - BLUE LIGHT
	#df183f - RED

	ROLLOVER BKG COLOR
	#01a9d8 - YELLOW	LINKS	
	#CC6666 - SALMON
	#C31212 - RED MED
	#F60D0D - RED LHT
*/

/* -------------------- LAYOUT -------------------- */

body {	
	background-color: #0F9BBF;
	text-align: center;
	margin: 0 0 50px 0;
}
#body_wrapper {	
	width:940px;
	min-height:650px;
	margin: 0 auto;
	text-align: center;
}
#wrapper {
	background-color: #fff;
	width:900px;
	min-height:650px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}
#masthead {
	background-color: #0F9BBF;
	width:900px;
	height:115px;
}
#content_wrapper {
	width:900px;	
}
#content_left {
	float:left;
	width:220px;
	z-index:-1;
	/*background: #00FF00 url(_files/images/layout/statue_of_liberty.jpg) no-repeat bottom;*/
}
#content_left2 {
	position:absolute;
	float:left;
	width:220px;
	left:-20px;
	top:95px;
	border-top:#106190 20px solid;
	border-bottom:#106190 20px solid;	
}
#content_left2 {		
	position:absolute;
	float:left;
	width:200px;
	padding-top:20px;
	padding-left:20px;
	left:-20px;
	top:95px;
}

#content_right_home {
	float:right;
	width:680px;
	text-align:left;
}

#content_right_sub {
	float:right;
	width:660px;
	text-align:left;
	margin:20px 20px 20px 0;
}
#content_header {
	background-color:#f9eed8;
	border:#d9d0bf 1px solid;
	padding:20px;
}
#content_body {
	margin-top:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:18px;
	padding-bottom:30px;
}

/* -------------------- FOOTER -------------------- */
#footer { 
	margin-top:10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size:12px!important;
	line-height:16px!important;
	text-align: center;
}
	#footer a:link, #footer a:visited { color: #ffffff; font-size:12px!important; line-height:16px!important; text-decoration: none; }

/* -------------------- STRUCTURE -------------------- */
.spacer {
	height:15px;line-height:15px;
}
.margin {
	margin:10px;
}
.padding {
	padding:10px;
}
.clear {
	clear:both;
}
.border {
	border:#eaeaea 1px solid;
	padding:15px;
}

/* ---------------- GLOBAL STYLES ---------------- */
p  {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	color: #000000;
}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	font-weight: normal;
	color: #106190;
}
	a:link, a:visited { color: #106190; text-decoration: underline; }
	/*a:hover { text-decoration: underline; }*/

.links a {
	line-height:20px;
}
.links a {
	line-height:20px;
}

/* ---------------- FONT STYLES ---------------- */
.section_header {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:20px;
	font-weight:bold;
	color: #0a4a76;
}
.section_subheader {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:20px;
	font-weight:bold;
	color: #01a9d8;
}
.headline {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	color: #000;
}
.headline_color {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	color: #0a4a76;
}
.required {color:#df183f}

.body_text {
	margin-top:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:14px;
	color:#000;
}
.text_color {color:#01a9d8}