body {
margin: 0;padding: 0;
font: 76%/1.6 Helvetica, Arial, sans-serif;
text-align: center;
background: #FFF url(images/background.jpg) repeat-y center top;
}
td {
vertical-align: top;
}
img {
border: none;
}
.clear {
clear: both;
}
.floatLeft {
float: left;
margin: 0 5px 3px 0;
}
.floatRight {
float: right;
margin: 0 0 3px 5px;
}

#container {
margin: 0 auto;width: 768px;text-align: left;padding:0;
background: url(images/container_bk2.jpg) center top;
}

#logo	{
 width:100%;
    height:100%;
background: #527385 url(images/logo_bk.jpg) no-repeat center top;height: 71px;
margin: 0;
padding: 0;
}
/*  IE 5 hack \*/
#logo a {overflow: hidden;}
/* end hack */ 
#logo a {
	display: block;
	text-indent: -1000em;
    width:768px;
    height:71px;
    padding:0;margin: 0;
    font-size: 1.1em;
	}
	
	
#containerTD {
background: url(images/container_bk2.gif) center top;
}
* html #container {
position: relative; left: 1px;
}

p, table, td {font-size: 1em;font-family: Helvetica, Arial, sans-serif;}

p {
margin: 0 0 1.2em 0;line-height: 1.7em;
}

strong,b {
color: #333;
}
.redText {
color: #CC0052;
color: #800000;
}
.bigText {
font-size: 1.3em;
}
.smallText {
font-size: .9em;
}

#bodySection {
background: #FFF url(images/container_bk.jpg) repeat-y center top;
margin: 0;
}
#contentTbleSide {
padding: 10px 0 20px 0;width: 222px;
}
#sideContainer {
psotion: relative;
}
#contentTbleMain {
padding: 0 35px 20px 18px;
}

#contentTble {
width: 100%;
}
.qcForm {
 margin: 0 0 0 40px;color: #757272;
}
.qcForm form {
margin: 0; padding:0;
}
.qcForm input {
display: block;
}
#footer {
background: url(images/bottom_content_cap.jpg) no-repeat center top;
padding: 27px 5px 20px 5px;text-align: center;
color: #CCC;
font-size: .9em;
margin: 0;
}
#footer b {
color: #F1E7CB;
}
#footer p {
margin:0;
}
#footer a {
color: #F1E7CB;
}
#footer a:hover {
color: #F1E7CB;
}




/* Headers
----------------------------------------------- */

h1 {
font-family: Georgia, "Times New Roman",serif;
font-size: 1.6em;color: #8C8484;border-bottom: 1px solid #89B4CA;
padding: 0 0 3px 0;
margin: 0 0 .8em 0;
}
h2 {
font-size: 1.2em;color: #333;
margin: 0 0 .1em 0;
}
h3 {
font-size: 1.1em;color: #333;
margin: .9em 0 .5em 0;
}
h2.bottomRes {
border-bottom: 1px solid #CCC;padding: 0 0 3px 0;
}

#contentTbleSide h2 {
font-size: 1.3em;color: #476E82;
font-family: Georgia, "Times New Roman",serif;
border-bottom: 6px solid #EEEBE1;
margin: 20px 0 0 0;padding: 6px 3px 4px 5px;
background: url(images/subh_background.gif) left top;
}

/* Lists
----------------------------------------------- */
ul {
margin: 0 0 1.5em 18px; padding:0; list-style: square;
}
ul li {
margin-bottom: 8px;
}


/* Navigation
----------------------------------------------- */
 ul#nav
 {
 list-style: none;
 margin: 1px 0 0 40px;
 padding: 0;
 background: url(images/nav_line.gif) repeat-x left top;
 }

  ul#nav li
 {
 padding: 0 0 1px;
 margin: 0;background: url(images/nav_line.gif) repeat-x left bottom;
 }

ul#nav li a
 {
 display: block;
 padding: 4px 5px 4px 12px;
 color: #777261; font-weight: bold;
 text-decoration: none;
 margin: 0; font-size: 1.1em;line-height: 1em;
 background: url(images/nav_arrow.gif) no-repeat 1px .7em;
 }

 html>body  ul#nav li a { width: auto; }

  ul#nav li a:hover
 {
 color: #874b4b; text-decoration:none; border-bottom:0;
 background: url(images/nav_arrow_over.gif) no-repeat 1px .7em;
 }

 body.home a#navHome, body.about #navAbout, body.todo #navWhattodo,
 body.traffic #navTraffic, body.insurance #navInsurance,
 body.suv #navSuv, body.faqs #navFaqs, body.resources #navResources,
 body.contact #navContact, body.evaluation #navEvaluation,
  body.sitemap #navSitemap
 { color: #874b4b; text-decoration:none; border-bottom:0;
 background: url(images/nav_arrow_over.gif) no-repeat 1px .7em;}

/* Utility Navigation
----------------------------------------------- */

#utilityNavContainer {
padding: 0;margin: -1px 0 0 0; background: #527385;}

#utilityNav {
padding: 0;list-style: none;text-align: right;float: right;width: 100%;
background: #527385;margin:0;
}
#utilityNav li {
text-align: center; float: right;border-left: 1px solid #D3CFBA;
margin: 0;
}
#utilityNav li#leftLine {
border-left: none;
}
#utilityNav li a {
color: #EEE;text-decoration: none;display: block;line-height: 1.2em;
padding: 0 4px 0 4px;vertical-align: middle;
}

#utilityNav li a:hover {
color: #FFF;text-decoration: underline;
}
  
a:link {  font-family: Arial, Helvetica, sans-serif; color: #2085AF; text-decoration: underline;}
a:visited {  font-family: Arial, Helvetica, sans-serif; color: #2085AF; text-decoration: underline; }
a:hover {  font-family: Arial, Helvetica, sans-serif; color: #AC1919; text-decoration: none;}
a:active {  font-family: Arial, Helvetica, sans-serif; color: #2085AF; text-decoration: underline; }


body.10things #contentTbleMain div {
background: #EEE;padding: 5px;border: 1px dotted #CCC;float: left;width: 100%;
}
body.10things #contentTbleMain span {
width: 20px;float: left;font-family: Georgia, "Times New Roman",serif;
font-size: 5em;line-height: .7em;vertical-align: top;color: #333;font-weight: bold;
}
body.10things #contentTbleMain p {
float: left;margin: 0 0 0 22px;display: inline;
}
ol {
list-style-type: none;
}

body.todo #contentTbleMain ol {
margin:0;padding:0;list-style-stype: none;float: left;
}
body.todo #contentTbleMain ol li {
background: #EEE;padding: 5px 5px 5px 70px;border: 1px dotted #CCC;float: left;width:400px;
margin-bottom: 10px;
}
body.todo #contentTbleMain ol li.step1 {
background: #EEE url(images/1.gif) no-repeat left 5px;
}
body.todo #contentTbleMain ol li.step2 {
background: #EEE url(images/2.gif) no-repeat left 5px;
}
body.todo #contentTbleMain ol li.step3 {
background: #EEE url(images/3.gif) no-repeat left 5px;
}
body.todo #contentTbleMain ol li.step4 {
background: #EEE url(images/4.gif) no-repeat left 5px;
}
body.todo #contentTbleMain ol li.step5 {
background: #EEE url(images/5.gif) no-repeat left 5px;
}
body.todo #contentTbleMain ol li.step6 {
background: #EEE url(images/6.gif) no-repeat left 5px;
}
body.todo #contentTbleMain ol li.step7 {
background: #EEE url(images/7.gif) no-repeat left 5px;
}
body.todo #contentTbleMain ol li.step8 {
background: #EEE url(images/8.gif) no-repeat left 5px;
}
body.todo #contentTbleMain ol li.step9 {
background: #EEE url(images/9.gif) no-repeat left 5px;
}
body.todo #contentTbleMain ol li.step10 {
background: #EEE url(images/10.gif) no-repeat left 5px;
}

.backToTop {
font-size: .9em;position: relative; top: -11px;
}

#relatedLinks {
margin: 0 0 0 40px;
}
#relatedLinks ul {
margin: 3px 0 0 4px;padding:0;list-style: none;
}
#relatedLinks ul li {
background: url(images/related_arrow.gif) no-repeat left .6em; text-decoration: underline;
padding: 0 0 0 13px;
margin:0;
}

/* Forms
----------------------------------------------- */
#thisform table {
width: 440px;margin: 5px 0 10px 0;
}
#thisform p {
margin: 5px 0 1px 0;
}
#thisform table td {
vertical-align: top; text-align: left;
}
#thisform fieldset {
border: 1px solid #CCC; padding: 0 20px;
}
#thisform legend {
border: 1px solid #CCC; padding: 0 20px;
font-family: Helvetica, Arial, sans-serif;
background: #EEE;
border-bottom-color: #999;
border-right-color: #999;
padding: 2px 5px;
font-size: 1.1em;text-transform: uppercase;
color: #666;
font-weight: bold;
}


.legalBottom {
margin-top: 30px;border-top: 1px solid #CCC;padding-top: 8px;
}