body {
	margin: 0px;
	background: #F7F3F0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
}

h1, h2, h3 {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #444444;
}

h1 { /* large page header */
	font-size: 2em;
	font-weight:bold;
}

h2 { /* medium subheader */
	font-size: 1.4em;
	font-weight:bold;
	text-align:left;
	line-height:1.2em;
	padding-bottom: 5px;}


h3 { /* tiny note text */
	font-size: .9em;
	padding-top: 5px;
	padding-bottom: 5px;
}

h4 { /* faq section headers */
	font-size: 1.4em;
	font-weight:bold;
	text-align:left;
	line-height:1.2em;
	color:#000099;
	border-top: 1px solid #000099;
}
h5 {/* questions of the faq */
	font-size: 1.1em;
	font-weight:normal;
	text-align:left;
	line-height:1.2em;
}

h6 { /* sidebar header */
	font-size: 1.4em;
	font-weight:bold;
	text-align:center;
	padding:0;
	}
	
p, ul, ol {
	margin-top: 0;
	line-height: 140%;
}

ul.check, ol.check {
	list-style:none;
	padding: 0 0 20px 0;
	margin: 0px;
}
ul.check li, ol.check li {
	background-image: url(checkmark-icon.gif);
	background-repeat: no-repeat;
	font-size: 1.2em;
	line-height: 2em;
	padding-left: 20px;
	background-position:0px;
}

a {
	text-decoration: underline;
	color: #0000CC;
}

a:hover {
	color:#DF7000;
	text-decoration: underline;	
	background-color: #F7F3F0;
	}

#wrapper {
	width: 900px;
	margin: 0 auto;
	border: 1px solid #666666;
	background: #FFF;
}
.smalltext {
	font-size:90%;
	vertical-align:top;
}	
	
/* #wrapper .btm {
	background: url(../design/img05.gif) no-repeat left bottom;
}
*/
/* Header */

#header {
	width: 900px;
	height: 105px;
	margin: 0 auto;
	background: url(../design/img02.jpg) repeat-y left top;
}

/* Logo */

#logo {
	float: left;
	width: 900px;
	color: #000000;
}

#logo h1, #logo p {
}

#logo h1 {
	float: left;
	padding: 30px 0 0 20px;
	margin-right: 10px;
	letter-spacing: -1px;
	text-transform: lowercase;
	font-size: 2.8em;
}


#logo p {
	float: right;
	margin: 44px 0 0 0;
	padding: 3px 10px 3px 0px;
	font: normal 13px Arial, Helvetica, sans-serif;
} 

#logo p a, #logo p a img {
	border: 0;
/*	color: #0000CC;*/
	text-decoration: none;
	}
	
#logo p a:hover, #logo p a:hover img {
	border: 0;
/*	background-color: #F7F3F0;
	color: #DF7000;*/
	text-decoration: none;
	background: none;
}




/* Menu */

#menu {
	width: 900px;
	height: 17px;
	background: url(../design/img03.jpg) no-repeat left top;
	margin: 0 auto;
	padding: 0;
}



/* Page */

#page {
	width: 900px;
	margin: 0 auto;
	padding-top: 20px;
}

/* Content */

#content {
	float: right;
	width: 610px;
	padding: 0 20px 0 0;
}

table.default {
	background-color:#FFF;
	border: 1px #666666 solid;
	margin: 0 0 10px 0;
	border-collapse:	collapse;
}
	
tr.header	{
	font-size:110%;
	background-color:#F7F3F0;
	font-weight:bold;
	}
	
td.color {
	background-color:#F7F3F0;
	font-weight:bold;
}

td.attribution {
	color: #999;
}
/* Sidebar */

#sidebar {
	float: left;
	width: 210px;
	padding: 0 10px 0 20px;
}

#sidebar h2 {
	letter-spacing: -.5px;
	text-align:center;
	color: #444444;
	padding-bottom:10px;
}

#sidebar p {
	text-align: justify;
}

#sidebar a {
	color: #0000CC;
	text-decoration: underline;
	border: none;
}

#sidebar a:hover {
	color:#DF7000;
	text-decoration: underline;	
	background-color: #F7F3F0;}

/* Footer */

#info {
	padding: 0 20px;
	
}

#footer {
	background-color: #0e2e83;
	color: #FFF;
	height: 26px;
}
#footer p {
	text-align:right;
	padding:3px 10px;
}
/**************** SUSA Specific *********************/
.policyname, .quote, .button, .limit, .benefitheading, .benefit, .preferredtitle, .label, .sublimitlabel, .rate {
	text-align:center;
}
td h2, td h3, td h4, td h5, td h6 {
	display:inline;
}
.highlightwrap h2 {
	margin: 1em 0 0.5em 0;
}
.preferredtitle h2, .preferredtitle h3, .preferredtitle h4 {
	text-align: center;
	color: #C00;/*lighter #DA5858;*/
	padding: 2px 5px;
	font-style:italic;
	font-weight:bold;
}
.policyname, .policyname h3 {
	vertical-align:top;
	padding: 2px 5px;
	font-style:italic;
	font-weight:bold;
}

.policyname h3, .preferredtitle h3 {
	font-size: 1.3em;
}

/**************** SUSA Specific Table Styles *********************/
* html .ratechart {
	width: 98%; /*ie extra space before tables fix*/
}
.ratechart {
	font-size: .85em;
	width:99%;
}
.ratechart td {
	padding:0px;
}
.florida {
	font-size: 1.2em;
}
.button td {
	padding: 10px 0px;
}
table.highlight {
	padding:0px;
}
td.highlight {
	border: 0px 5px solid #FFF;
	vertical-align:top;
	background-color: #F6F6F6;
}
* html .benefitchart {
	width: 98%; /*ie extra space before tables fix*/
}
.benefitchart {
	width:99%;
}
table.benefitchart, table.ratechart {
	border-collapse: collapse;
}
.standard {
	background-color: #F6F6F6;
}
.preferred {
	background-color: #FBF2E1;
}
.limit {
	padding: 5px 0px;
}
.sublimit {
	font-size: .85em;
	text-align: center;
	padding: 5px 0px;
}
.label {
	text-align:left;
	padding: 5px 0px;
}
.sublimitlabel {
	text-align:left;
	padding: 5px 0px;
}
.policyname {
	vertical-align:top;
	padding: 2px 5px;
}
.policyname h2, h3, h4, h5, h6 {
	color:#000;
}
/**************** Plan Borders *********************/

.plantop {
	border-top: 1px solid #CCC;
}
.preferredplantop {
	border-top: 1px solid #C66;
}
.planbottom {
	border-bottom: 1px solid #CCC;
}
.preferredplanbottom {
	border-bottom: 1px solid #C66;
}

/**************** SUSA Columns *********************/

#lowprice, #confirmation, #waiver {
	width: 33%;
	position:relative;
	float:left;
}
div#lowprice, div#confirmation, div#waiver {
	margin-bottom:20px;
}
/************** Link Styles *******************/
.middle {
	vertical-align:middle;
}
.highlightwrap {
	width: 99%;
	float: left;
	padding-bottom: 20px;
}
.col1 {
	width: 31%;
	float: left;
	margin-left: 0;
}
.col2 {
	width: 34%;
	float: left;
}
.col3 {
	width: 31%;
	float: left;
}
.col2, .col3 {
	margin-left: 2%;
}
