/* CSS Document */


/*Layout*/

Body {
  margin: 20px 20px 30px 20px;
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #333333;
  background: #FFFFFF;
  background-image:url("img/spiderweb_background.jpg");
}

#container {
  width: 800px;  
  text-align: left;
  margin: auto;
}

#header {
  width: 800px;
  height: 123px;
  margin: 0px;
  padding: 0px;
  background-image:url("img/title_bar.gif")
}

#title {
  width: 800px;
  height: 93px;
}

#side_filler {
  width: 224px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  float: left;
}

#top_nav {
  width: 574px;
  height: 28px;
  text-align: center;
  padding: 0px;
  padding-right: 2px;
  padding-bottom: 2px;
  margin: 0px;
  font-size: 10px;
  font-weight: bold;
  color: #000000;
  float: left;
}  

#content {
  clear: both;
  width: 800px;
}

#content #middle {
  float: left;
  width: 800px;
  background: url("img/background_middle.jpg");
  clear: both;
}

#content #bottom {
  float: left;
  background: url("img/background_bottom.jpg");
  width: 800px;
  height: 13px;
  clear: both;
}

#content #top {
  float: left;
  background: url("img/background_top.gif");
  width: 800px;
  height: 11px;
  clear: both;
}

#middle .padding {
  padding-right: 14px;
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.leftcol {
  float: left;
  width: 700px;
  padding-right: 20px;
}

.rightcol {
  float: right;
  width: 28px;
  padding-left: 18px;
} 

.leftcol .split_left {  /* splits for contacts and columns */
  float: left;
  width: 350px;
}

.leftcol .split_right {
  float: left;
  width: 350px;
}

.ad_block_left {
  float: left;
  margin-left: 10px;
  width: 120px;
  height: 225px;
  font-size: 12pt;
  line-height: 25px;
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  background-image: url('img/ad_block_background.jpg');
  background-position: bottom;
}

.ad_block_else {
  float: left;
  margin-left: 20px;
  width: 120px;
  height: 225px;
  font-size: 12pt;
  line-height: 25px;
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  background-image: url('img/ad_block_background.jpg');
  background-position: bottom;
}

.all_lists {
  float: left;
  width: 100%;
  padding-left: 20px;
  padding-bottom: 15px;
  color: #666666;
}

.all_lists span {
  font-weight: bold;
}  

.clear {
  clear: both;
}

#footer {
  clear: both;
  width: 764px;
  height: 24px;
  font-size: 10px;
  color: #000000;
  background: url("img/background_footer.jpg");
  padding: 8px 18px;
  line-height: 18px;
}

#footer #altnav {
  width: 530px;
  float: right;
  text-align: right;
}

#footer #copyright {
  
}

/*Navigation*/

.nav_body a {
  float: left;
  display: block;
  width: 82px;
  height: 28px;
  background: url("img/main_nav_btn.gif") no-repeat;
  line-height: 28px;
  color: #003366;
  text-decoration: none;
}

.nav_body_current a {
  float: left;
  display: block;
  width: 82px;
  height: 28px;
  background: url("img/main_nav_btn.gif") no-repeat;
  background-position:  0 -28px;
  color: #003366;
  text-decoration: none;
  line-height: 28px;
}

.nav_body a:hover {
  background-position:  0 -28px;
  color: #003366;
}

.active a:active  {
  background: url("img/nav_body.gif") no-repeat;
  background-position:  0 -28px;
  color:#fff;
}

.quote_btn a {
  float: left;
  display: block;
  width: 28px;
  height: 95px;
  background: url("img/get_quote_btn.gif") no-repeat;
}

.prep_btn a {
  float: left;
  margin-top: 10px;
  display: block;
  width: 28px;
  height: 95px;
  background: url("img/prep_sheets_btn.gif") no-repeat;
}

.prep_btn a:hover, .quote_btn a:hover {
  background-position: 0 -95px;  
}

/*Styles*/

h4 {
  color: #398243;
  font-size: 12pt;
  font-weight: bold;
}

h3 {
  text-align: center;
  padding-top: 1px;
  font-size: 13pt;
  height: 24px;
  background-image: url('img/ad_block_background.jpg');
  color: #ffffff;
}

h2 {
  text-align: center;
  font-size: 14pt;
}
  
.red {
  color: #FF0000;
}

#content a {
 	color: #003366;
  	text-decoration: none;
}

#content a:hover {
  	color: #009999;
}

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

#footer a:hover {
	color: #000000;
}