@charset "utf-8";
/* CSS Document */

body
{
margin:0px;
padding:0px;
background:url(../images/body-bg.jpg) left top repeat-x #f5f8f9;
}
*
{
margin:0px;
padding:0px;
}
img
{
border:0px;
}
p
{
margin:7px 0px;
text-align:justify;
}
strong
{
font-weight:bold;
color: #3366cc;
}
.left
{
float:left;
}
.right
{
float:right;
}
.clear
{
clear:both;
height:0px;
}
#container
{
width:980px;
height: auto;
margin:0px auto;
text-align:center;
}
#header
{
width:980px;
height:152px;
float:left;
text-align:left;
background:url(../images/header-bg.jpg) left top no-repeat;
}
.logo-box
{
width:300px;
height:140px;
float:left;
text-align:left;
}
.logo
{
margin-left:16px;
}
/* CSS Menu */
.navcontainer {
		width:630px;
        margin:0px;
        height:40px;
		float:right;
		text-align:left;
		padding-top:47px;
		}

.navcontainer ul {
        border: 0px;
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        text-align: center;
		height:40px;
}

.navcontainer li {
        width:90px;
        display:block;
        float: left;
        text-align: center;
        padding: 0px;
		margin-right:10px;
		height:40px;
		}
.navcontainer li a {
width:90px;
float:left;
display: block;
text-decoration: none;
color:#666666;
height:40px;
text-align:center;
font: bold 15px/40px MyriadPro, Arial, sans-serif;
background:url(../images/menu-normal-bg.jpg) left top no-repeat;
}
.navcontainer li a:hover{
text-decoration:none;
font: bold 15px/40px MyriadPro, Arial, sans-serif;
color:#cc6600;
height:40px;
}
.navcontainer li.active a{
background: url(../images/menu-active-bg.jpg) left top no-repeat;
font: bold 15px/40px MyriadPro, Arial, sans-serif;
color:#FFF;
text-decoration:none;
height:40px;
}
.navcontainer li.big
{
width:150px;
height:40px;
margin-right:10px;
}
.navcontainer li.big a
{
width:150px;
background:url(../images/big-normal-bg.jpg) left top no-repeat;
font: bold 15px/40px MyriadPro, Arial, sans-serif;
color: #666666;
}
.navcontainer li.big a:hover
{
width:150px;
font: bold 15px/40px MyriadPro, Arial, sans-serif;
color:#cc6600;
}
.navcontainer ul li a.information
{
width:150px;
background: url(../images/big-active-bg.jpg) left top no-repeat;
font: bold 15px/40px MyriadPro, Arial, sans-serif;
color:#FFF;
}
.navcontainer li.medium
{
width:130px;
height:40px;
margin-right:10px;
}
.navcontainer li.medium a
{
width:130px;
background:url(../images/medium-normal-bg.jpg) left top no-repeat;
color: #666666;
}
.navcontainer li.medium a:hover
{
width:130px;
font: bold 15px/40px MyriadPro, Arial, sans-serif;
color:#cc6600;
}
.navcontainer ul li a.coverage
{
width:130px;
background: url(../images/medium-active-bg.jpg) left top no-repeat;
font: bold 15px/40px MyriadPro, Arial, sans-serif;
color:#FFF;
}
#body-main
{
width:960px;
height:auto;
float:left;
text-align:left;
background:url(../images/body-inside-bg.jpg) left top repeat-y;
padding:0px 10px;
}
.body-top
{
width:960px;
height:auto;
float:left;
text-align: left;
}
.insurance-top-box
{
width:960px;
height:auto;
float:left;
text-align:left;
background:url(../images/insurance-top-bg.jpg) left top no-repeat;
}
.insurance-top-left
{
width:272px;
height:auto;
float:left;
text-align:left;
padding-left:14px;
}
.insurance-top-right
{
width:640px;
height:auto;
float:right;
text-align:left;
padding-right:18px;
padding-top:160px;
}
.insurance-right-top
{
width:638px;
height:auto;
float:left;
text-align:right;
}
.insurance-right-middle
{
width:420px;
height:auto;
float:right;
text-align:left;
}
.input-box
{
width:139px;
height:22px;
border:1px solid #660000;
font:normal 12px/22px Arial, Helvetica, sans-serif;
color:#656565;
padding-left:3px;
padding-top:2px;
background-color: #FFF;
}
.insurance-right-bottom
{
width:638px;
height:auto;
float:left;
text-align:left;
padding-top:10px;
}
.insurance-title-box
{
width:940px;
height:auto;
float:left;
text-align:left;
padding:10px 10px 0px 10px;
}
.insurance-title-left
{
width:455px;
height:32px;
float:left;
text-align:left;
background:url(../images/insurance-title-bg.jpg) left top repeat-x;
padding-left:5px;
}
.insurance-title-right
{
width:455px;
height:32px;
float:right;
text-align:left;
background:url(../images/insurance-title-bg.jpg) left top repeat-x;
padding-left:5px;
}
.body-middle
{
width:940px;
height:auto;
float:left;
text-align:left;
padding:10px 10px 0px 10px;
}
.middle-top-box
{
width:940px;
height:auto;
float:left;
text-align:left;
}
.middle-top-left
{
width:460px;
height:auto;
float:left;
text-align:left;
border-bottom:1px dashed #b5c2cc;
padding-bottom:5px;
}
.middle-top-right
{
width:460px;
height:auto;
float:right;
text-align:left;
}
.cartun-th
{
float:left;
margin-right:10px;
}
.top-text-box
{
width:460px;
height:auto;
float:left;
text-align:left;
border-bottom:1px dashed #b5c2cc;
padding-bottom:16px;
}
.bottom-text-box
{
width:460px;
height:auto;
float:left;
text-align:left;
border-bottom:1px dashed #b5c2cc;
padding-bottom:16px;
padding-top:16px;
}
.insurance-th
{
float:left;
margin-right:14px;
padding:2px;
border:1px solid #cccccc;
}
.auto-insurance-title
{
width:935px;
height:35px;
float:left;
text-align:left;
background:url(../images/auto-insurance-title-bg.jpg) left top repeat-x;
padding-left:5px;
padding-top:5px;
}
.body-bottom
{
width:940px;
height:auto;
float:left;
text-align:left;
padding:0px 10px;
}
.bottom-top-box
{
width:940px;
height:auto;
float:left;
text-align:left;
}
.state-index
{
width:940px;
float:left;
background:url(../images/bottom-gray-bg.jpg) left bottom repeat-x;
text-align:left;
padding-bottom:15px;
}
.state-index ul
{
margin:0;
padding:0;
}
.state-index ul li
{
width:188px;
float:left;
list-style-type:none;
display:block;
background:url(../images/index-arrow-bg.gif) left center no-repeat;
}
.state-index ul li a
{
width:170px;
float:left;
font:normal 12px/18px Arial, Helvetica, sans-serif;
height:18px;
color: #3366cc;
padding-left:18px;
}
.state-index ul li a:hover
{
text-decoration: none;
color: #e2720b;
}
.inner-body-inside
{
width:920px;
height:auto;
float:left;
text-align:left;
background:url(../images/bottom-gray-bg.jpg) left bottom repeat-x;
padding:0px 10px 15px 10px;
}
.inner-body-main
{
width:940px;
height:auto;
float:left;
text-align:left;
padding-left:10px;
padding-right:10px;
background:url(../images/insurance-top-bg.jpg) left top no-repeat;
}
.inner-left
{
width:250px;
height:auto;
float:left;
text-align:left;
padding-top:5px;
}
.tips-box
{
width:250px;
height:auto;
float:left;
text-align:left;
padding-bottom:10px;
}
.tips-title
{
width:224px;
height:31px;
float:left;
text-align:left;
background:url(../images/tips-title-bg.jpg) left top no-repeat;
color: #FFF;
font: bold 14px/31px Myriad, Arial, Helvetica, sans-serif;
padding-left:26px;
}
/* sub-navigation */
.subnav{
	color: #04226e;
	font: bold 14px/30px Myriad, Arial, Helvetica, sans-serif;
	float:left;
	width:250px;
}
.subnav ul {margin: 0; padding: 0;}
.subnav li {
	list-style: none;
	display: block;
	color: #04226e;
	font: bold 14px/30px Myriad, Arial, Helvetica, sans-serif;
	height:30px;
	background:url(../images/tips-inside-bg.jpg) left top repeat-x;
	border-bottom:1px solid #d1d8df;
	width:240px;
	padding-left:10px;
	}
.subnav li a {
	display: block;
	color: #04226e;
	font: bold 14px/30px Myriad, Arial, Helvetica, sans-serif;
	height:30px;
	text-decoration: none;
	padding-left:16px;
	width:224px;
	background:url(../images/menu-normal-arrow-bg.jpg) left center no-repeat;
}
.subnav li a:hover {
	color: #ff9900;
	font: bold 14px/30px Myriad, Arial, Helvetica, sans-serif;
	width: 224px;
	text-decoration:none;
	background:url(../images/menu-hover-arrow-bg.jpg) left center no-repeat;
	}
.subnav li a.active {
	color: #ff9900;
	font: bold 14px/30px Myriad, Arial, Helvetica, sans-serif;
	width: 224px;
	text-decoration:none;
	background:url(../images/menu-hover-arrow-bg.jpg) left center no-repeat;
}
.related-title
{
width:240px;
height:31px;
float:left;
text-align:left;
background: url(../images/related-title-bg.jpg) left top no-repeat;
color: #FFF;
font: bold 18px/31px Myriad, Arial, Helvetica, sans-serif;
padding-left:10px;
}
/* sub-navigation */
.articles{
	color: #0066cc;
	font: normal 12px/25px Arial, Helvetica, sans-serif;
	float:left;
	width:226px;
	background-color: #f7f7f7;
	border-bottom:1px solid #d1d8df;
	padding:15px 12px;
}
.articles ul {margin: 0; padding: 0;}
.articles li {
	list-style: none;
	display: block;
	color: #0066cc;
	font: normal 12px/25px Arial, Helvetica, sans-serif;
	height:25px;
	width:207px;
	padding-left:19px;
	background:url(../images/articles-arrow-bg.jpg) left center no-repeat;
	}
.articles li a {
	display: block;
	color: #0066cc;
	font: normal 12px/25px Arial, Helvetica, sans-serif;
	height:25px;
	text-decoration: none;
}
.articles li a:hover {
	display: block;
	color: #ff9900;
	font: normal 12px/25px Arial, Helvetica, sans-serif;
	height:25px;
	text-decoration: none;
	}
.articles li a.active {
	color: #ff9900;
	font: bold 14px/30px Myriad, Arial, Helvetica, sans-serif;
	width: 224px;
	text-decoration:none;
	background:url(../images/menu-hover-arrow-bg.jpg) left center no-repeat;
}
.inner-right
{
width:638px;
height:auto;
float:right;
text-align:left;
}
.inner-insurance-top-right
{
width:638px;
height:auto;
float:right;
text-align:left;
padding-top:160px;
}
.inner-right-bottom
{
width:638px;
height:auto;
float:left;
text-align:left;
padding-top:5px;
}
.coverage-title
{
width:638px;
height:40px;
float:left;
text-align:left;
background:url(../images/auto-insurance-title-bg.jpg) left top repeat-x;
}
.right-text-box
{
width:638px;
height:auto;
float:left;
text-align:left;
padding:12px 0px;
}
.footer
{
width:980px;
height:111px;
float:left;
text-align:center;
background:url(../images/footer-bg.jpg) left top no-repeat;
padding-top:15px;
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #FFF;
}
.footer a
{
color: #FFF;
font: normal 12px/18px Arial, Helvetica, sans-serif;
text-decoration: underline;
}
.footer a:hover
{
color: #d8e1f6;
font: normal 12px/18px  Arial, Helvetica, sans-serif;
text-decoration: underline;
}
/* CSS Text Document */
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight:normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
}
body a
{
color:#3366cc;
text-decoration: none;
font-weight:normal;
}
body a:hover
{
color:#3366cc;
text-decoration: underline;
font-weight:normal;
}
h1{
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-style: normal;
	line-height:26px;
	font-weight:bold;
	font-variant: normal;
	color: #FFF;
	text-decoration: none;
}
h2{
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height:26px;
	font-weight:bold;
	font-variant: normal;
	color: #052284;
	text-decoration: none;
}