/* RESET default margin/padding in all browsers */
@import url('reset.css');

html {
	min-height: 100%;
	margin-bottom: 1px;  /* to render the sidebar for mozilla browers */
}

body { 
	background-color: #FFFFFF;
	color: #666666;
	margin-top: 20px;
}



#wrapper { 
	width:754px;
	margin: 0 auto;
	background: transparent;
}


/*---------------------------------------------------------------------
HEADER Section
---------------------------------------------------------------------*/

#header{
	width: 100%;
	position: relative;
	height: 349px;
	background: transparent url('../images/bg_main.jpg') no-repeat top left;
}

.email_icon{
	margin: 13px 0 0 543px;
}

div#header_pic{
	width: 370px;
	height: 273px;
	position: absolute;
	top: 73px;
	left: 383px;
}

/*---------------------------------------------------------------------
Menu
---------------------------------------------------------------------*/

div#menu{
	width: 171px;
	height: 256px;
	padding: 17px 0 0 17px;
	position: absolute;
	top: 73px;
	left: 190px;
	background: transparent url('../images/bg_menu.jpg') no-repeat top left;
}

#menu a{
	display: block;
	width: 143px;
	height: 24px;
	padding: 3px 0 0 10px;
	margin-bottom: 4px;
	vertical-align: middle;
	text-align: left;
	font: normal 18px/20px Verdana,Arial,sans-serif;
	text-decoration: none;
	
}

#menu a:hover{
	color: #66CCCC;
	text-decoration: none;
}

.selected {
	background: transparent url('../images/bg_menu_items.gif') no-repeat top left;
	color: #66CCCC;
}

.unselected{
	background: transparent url('../images/bg_menu_items.gif') no-repeat 0px -27px;
	color: #FFFFFF;
}

/*---------------------------------------------------------------------
CONTENT - Two Columns
---------------------------------------------------------------------*/
/* to wrap floating div columns and show equal height backgrounds */
#content{
	width: 100%;
	margin-top: 5px;
	padding: 0;
	background: transparent url('../images/bg_content.jpg') repeat-y top left;
}

#left_column{
	float: left;
	width: 185px;
	margin: 0;
	font: normal 12px/18px Verdana,Arial,sans-serif;
	color: #000000;
	text-align: left;
	vertical-align: top;
}

/* IE6 margin hack */
* html #left_column{
	display: inline;
}

#left_column h1{
	background: transparent url('../images/header_narrow.jpg') no-repeat top left;
	width: 185px;
	height: 28px;
}

#left_column h2{
	color: #38A5A6;
	font: normal 14px/22px Verdana,Arial,sans-serif;
	margin: 0;
	padding: 0 5px 0 24px;
	background: transparent url('../images/disc.gif') no-repeat top left;
}

div.line{
	margin: 5px 5px 2px 24px;
	border-bottom: 1px solid #C2C2C2;
}

#left_column p{
	margin: 0 5px 0 24px;
}

h2{
	font: normal 18px/22px Verdana,Arial,sans-serif;
	color: #8665b5;
	margin-left: 27px;
}

h3{
	font: normal 12px/22px Verdana,Arial,sans-serif;
	color: #8665b5;
	margin: 1.5em 20px 0.5em 20px;
}

#right_column{
	float: left;
	width: 558px;
	margin: 0 0 0 11px;
	text-align: left;
	vertical-align: top;
}

#right_column p{
	font: normal 12px/22px Verdana,Arial,sans-serif;
	color: #666666;
	margin: 1em 27px;
}

#right_column p  a { /* Added by DD for About Page */
	color: #8665b5;
	text-decoration: none;
}

#section_top p, #section_bottom p{
	font: normal 14px/22px Verdana,Arial,sans-serif;
	color: #666666;
	margin-left: 27px;	
}

#right_column h1{
	width: 541px;
	height: 25px;
	padding-left: 17px;
	padding-top: 4px;
	background: transparent url('../images/header_wide.jpg') no-repeat top left;
	font: bold 12px/22px Verdana,Arial,Helvetica,sans-serif;
	color: #FFFFFF;
}

#right_column #section_top{
	padding: 33px 27px 5px 0;
	background: transparent url('../images/bg_light.jpg') repeat-y top left;
	margin: 0;
}

#right_column #section_bottom{
	padding: 10px 27px 11px 0;
	background: transparent url('../images/bg_dark.jpg') repeat-y top left;
	margin: 0;
}

#section_bottom h2 {
	color: #8665b5;
	font-weight: bold;
	font-size: 20px;
	margin-left: 27px;
}

#section_bottom span{
	margin-left: 100px;
	font-size: 11px;
}

#section_bottom a{
color: #41A29B;
}

#section_bottom a:hover{
	color: #66CCCC;
}

/* about page */
img.portrait{
	float: left;
	margin: 20px; 
}

/* faqs page single column */
#single_column{
	background-color: #f6f4f5;
	width: 756px;
}

#single_column h1{
	width: 739px;
	height: 25px;
	padding-left: 17px;
	padding-top: 4px;
	background: transparent url('../images/header_full_span.jpg') no-repeat top left;
	font: bold 12px/22px Verdana,Arial,Helvetica,sans-serif;
	color: #FFFFFF;
}

.faq{
	margin: 0 20px;
}

/* insurance page */
#single_column table{
	margin-top: 15px;
	margin-bottom: 5px;
}

#single_column td{
	padding: 5px 10px;
	line-height: 25px;
	width: 33%;
	vertical-align: top;
}

td.left_border{
	border-left: 1px solid #999999;
}

/* services page */
.column1{
	width: 500px;
	margin-left: 27px;
	margin-top: 15px;
}

.column2{
	float: right;
	width: 250px;
}

#right_column h4{
	color: #666666;
	font: normal 12px/22px Verdana,Arial,sans-serif;
	margin: 0;
	padding: 0 5px 0 24px;
	background: transparent url('../images/disc_grey.gif') no-repeat top left;
}

/* general */
.purple{
	color: #8665b5;
	text-decoration: none;
}

.clear {
	clear: both;
}

.underline {
	text-decoration: underline;
}

.small_text{
	font-size: 11px;
	line-height: 15px;
}

/*---------------------------------------------------------------------
FOOTER
---------------------------------------------------------------------*/

div#footer{
	width: 755px;
	height: 37px;
	padding-top: 10px;
	text-align: center;
	font: normal 11px/16px Tahoma,Verdana,Arial,sans-serif;
	color: #666666;
	background: url('../images/bg_lower_menu.jpg') no-repeat top right;
}

#footer #lower_menu{
	letter-spacing: 1px;
	color: #f1f1f1;
}

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

#footer p{
	letter-spacing: 1px;
}