/* CSS Document */
* {
border-spacing: 0px;
margin: 0px;
padding: 0px;
}

body {
color: #000000;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
}

a {
color: #0161B7;
text-decoration: none;
}

a:hover {
color: #000000;
text-decoration: underline;
}

.wrapper {
background-image: url(../images/main_bg.jpg);
background-repeat: repeat-y;
height: auto;
margin: 0px auto 25px auto;
overflow: auto; /* IMPORTANT TO PREVENT RIGHT COLUMN FROM BEING PUSHED DOWN!!!*/
width: 800px;
}

.logo {
float: left;
height: 100px;
width: 180px;
}

.header {
background-image: url(../images/header.jpg);
float: left;
height: 100px;
margin: 0px;
padding: 0px;
vertical-align: top;
width: 620px;
}

.flash {
background-image: url(../images/banner_bg.jpg);
clear: both;
float: left;
height: 165px;
padding: 0px 15px 0px 15px;
width: 770px;
}

.banner {
background-image: url(../images/banner_bg.jpg);
clear: both;
float: left;
height: 165px;
margin: 0px;
padding: 0px 15px 0px 15px;
width: 770px;
}

.content_top {
background-image: url(../images/content_top.jpg);
background-repeat: no-repeat;
clear: both;
float: left;
height: 10px;
margin: 0px;
padding: 0px;
width: 800px;
overflow: hidden; /* IMPORTANT because IE6 add extra space for height:15px or less */
}

.content_top_home {
background-image: url(../images/content_top_home.jpg);
background-repeat: no-repeat;
clear: both;
float: left;
height: 10px;
margin: 0px;
padding: 0px;
width: 800px;
overflow: hidden; /* IMPORTANT because IE6 add extra space for height:15px or less */
}

.nav_wrapper {
background-image: url(../images/navigation.jpg);
background-repeat: repeat-y;
float: left;
height: auto;
width: 180px;
}

.navigation {
background-image: url(../images/navigation.jpg);
background-repeat: repeat-y;
height: auto;
min-height: 225px;
padding: 10px 0px 10px 0px;
width: 180px;
text-align: center;
}

.navigation div a {
background: none;
color: #FFFFFF;
display: block;
font-size: 11px;
font-weight: bold;
height: 25px;
letter-spacing: 0.1em;
margin: 0px 0px 5px 0px;
padding: 10px 0px 0px 15px;
text-decoration: none;
width: 165px;
}

.navigation div a:hover, .navigation div a#active:hover {
background-image: url(../images/btn_ovr.jpg);
color: #000000;
height: 25px;
width: 165px;
text-decoration: none;
}

.navigation div a#active {
background-image: url(../images/btn_ovr.jpg);
color: #0161B7;
height: 25px;
width: 165px;
text-decoration: none;
}

.bbb {
background-image: url(../images/bbb.jpg);
height: 88px;
width: 180px;
}

.content_wrapper {
float: left;
height: auto;
margin: 0px;
min-height: 313px;
width: 620px;
}

.content_header {
background-image: url(../images/content_header.jpg);
text-align: right;
height: 40px;
padding: 10px 35px 0px 20px;
width: 565px;
}

.content_header h2{
border: none;
border-bottom: #000000 dotted 1px;
font-size: 21px;
font-style: italic;
font-weight: bold;
}

.content {
background-image: url(../images/content.jpg);
background-repeat: no-repeat;
line-height: 21px;
min-height: 228px;
padding: 0px 30px 35px 20px;
vertical-align: top;
width: 570px;
}

.content_home {
background-image: url(../images/content_home.jpg);
background-repeat: no-repeat;
line-height: 21px;
height: 273px;
padding: 40px 0px 0px 0px;
vertical-align: top;
width: 620px;
}

.content_home h2{
font-size: 24px;
line-height: 40px;
}

.content div {
margin: 0px 0px 5px 0px;
}

.content_btm {
background-image: url(../images/content_btm.jpg);
background-repeat: no-repeat;
clear: both;
float: left;
height: 11px;
width: 800px;
overflow: hidden; /* IMPORTANT because IE6 add extra space for height:15px or less */
}

ul {
line-height: 21px;
margin: 0px 0px 10px 0px;
}

li {
margin: 0px 0px 0px 35px;
}

ul li ul {
line-height: 21px;
margin: 0px;
}

ul li ul li {
margin: 0px 0px 0px 35px;
}

.contact_left, .contact_right {
float: left;
}

div.quote {
margin: 0px auto 15px auto;
padding: 10px 0px 0px 0px;
text-align: center;
}

div.quote a {
background-color: #0161B7;
border: #0161B7 solid 1px; 
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
margin: 0px 15px 0px 15px;
padding: 5px 10px 5px 10px;
text-decoration: none;
}

div.quote a:hover, div.quote a#active {
background-color: #FFFFFF;
color: #0161B7;
text-decoration: none;
}

hr {
border: none;
border-bottom: #000000 dotted 1px;
clear: both;
margin: 10px 0px 10px 0px;
}

form {
line-height: 28px;
}

div.input_form {
float: left;
line-height: 30px;
margin: 0px 0px 0px 35px;
text-align: right;
}

input {
margin: 0px 5px 0px 10px;
}

div.input_form input {
margin: 0px 0px 0px 5px;
width: 300px;
}

.red {
color: #990000;
font-size: 11px;
font-weight: bold;
}

.blue {
color: #003399;
}

div.required {
color: #990000;
font-size: 11px;
font-weight: bold;
text-align: left;
}

table {
border: 0px;
border-spacing: 0px;
margin: 10px 0px 0px 0px;
padding: 0px;
text-align: center;
width: 100%;
}

th {
background-color: #0161B7;
border: #FFFFFF solid 1px; 
color: #FFFFFF;
font-size: 11px;
margin: 0px;
padding: 0px 5px 2px 5px;
}

td {
background-color: #C4E9F2;
border: #FFFFFF solid 1px;
margin: 0px;
padding: 0px;
}

td input, td select option {
margin: 5px auto 5px auto;
padding: 0px 3px 0px 3px;
}

td select {
padding: 0px;
}

td.coverages {
width: 175px;
}

input.employee {
width: 150px;
}

input.birth {
width: 75px;
}

input.sex {
width: 45px;
}

input.zip {
width: 50px;
}

input.coverage {
margin: 0px 2px 0px 3px;
padding: 0px;
}

.bottom {
background-image: url(../images/bottom.jpg);
background-repeat: no-repeat;
clear: both;
float: left;
height: 15px;
width: 800px
}

.footer {
background-color: #FFFFFF;
clear: both;
float: left;
color: #666666;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 9px;
height: 12px;
margin: 0px;
padding: 0px 5px 0px 15px;
width: 780px;
}

.copy {
float: left;
height: 12px;
margin: 0px;
padding: 0px;
width: 285px;
}

.footer_links {
float: right;
height: 12px;
margin: 0px;
padding: 0px;
text-align: right;
vertical-align: top;
width: 495px;
}

.footer_links a {
color: #0060B6;
font-size: 9px;
margin: 0px 10px 0px 10px;
text-decoration: none;
}

.footer_links a:hover {
color: #666666;
font-size: 9px;
text-decoration: underline;
}

.vendors {
background-color: #FFFFFF;
clear: both;
float: left;
height: 65px;
width: 800px;
}

.top_border {
border: none;
border-bottom: #0060B6 dotted 1px;
clear: both;
float: left;
height: 5px;
margin: 5px 15px 10px 15px;
width: 770px;
}

.vendor {
clear: both;
float: left;
height: 41px;
width: 800px;
}

.vendor a img {
border: none;
border-right: #0060B6 dotted 1px;
}

/* define your css for error message */

.DodosMailError {
font-weight: bold;
padding: 20px;
}

.DodosMailError a {
background-color: #0161B7;
border: #0161B7 solid 1px; 
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
margin: 0px 15px 0px 15px;
padding: 5px 10px 5px 10px;
text-decoration: none;
}

.DodosMailError a:hover {
background-color: #FFFFFF;
color: #0161B7;
text-decoration: none;
}

.DodosMailErrorHighLight {
background-color: yellow;
color: red;
font-weight: bold;
}