@charset "UTF-8";
body  {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  background: #ffffff;
  margin: 0;
  padding: 0;
  text-align: left;
  color: #000000;
  background-image: url(../images/bg.jpg);
  background-repeat: repeat-x;
}
p {
  margin-top:0px;
  margin-bottom:5px;
}

#container {
  width: 960px;
  margin: 0 auto;
  text-align: left;
  padding-top: 0px;
}

#header {
  padding: 0;
  height: 99px;
}

.header1 {
  align: left;
  width: 189px;
  float: left;
  padding: 0;
  margin: 0px;
  }

.header2 {
  align: left;
  width: 400px;
  float: left;
  padding: 0px 0px 0px 0px;
  margin: 50px 0px 0px 10px;
  font-size: 11px;
  }


#nav {
  padding: 0px;
  background-image: url(../images/nav_bg.jpg);
  background-repeat:no-repeat;
  height: 33px;
}

.nav {
  float: left;
  padding: 0 12px 0 12px;
  height: 33px;
  font-size: 14px;
  font-weight: normal;
  color: #ffffff;
  line-height: 30px;
  border-right: #FFFFFF solid 1px;
}

.nav
a { color:#ffffff;
  font-size: 14px;
  font-weight: normal;
  text-decoration:none; }

.nav
a:hover {
  color:#000000;
  font-size: 14px;
  font-weight: normal;
  text-decoration:none;
}


#mainContent {
  width: 960px;
  margin: 13px 0px 0px 0px;
  padding: 0px;
}

.mainLeft {
  float: left;
  width: 620px;
  margin-right: 6px;
}

.mainRight {
  float: left;
  width: 330px;
}


  .mainContentLeft {
  float: left;
  width: 610px;
  height: 237px;
  background-image: url(../images/main_bg.gif);
  background-repeat: no-repeat;
  padding: 10px 0px 0px 5px;
}

.mainContentRight {
  float: left;
  width: 330px;
  height: 247px;
  background-image: url(../images/right_bg.gif);
  background-repeat: no-repeat;
  padding: 0px;
}

.mainContentBase {
  float: left;
  width: 588px;
  height: 101px;
  background-image: url(../images/main2.gif);
  background-repeat: no-repeat;
  padding: 12px 8px 8px 20px;
  margin-top: 12px;
}

.mainContentBase2 {
  float: left;
  width: 960px;
  padding: 0px;
  margin-top: 10px;
}

.mainContent1 {
  width: 585px;
  height: 225px;
  padding-top: 0px;
  padding-left: 15px;
}

.mainContent2 {
  float: left;
  padding: 0px 0px 0px 0px;
  width: 275px;
}

.mainContent3 {
  float: left;
  padding: 5px 10px 10px 10px;
  width: 280px;
}

.mainContent4 {
  width: 652px;
  padding: 0px 10px 10px 10px;
  background-color: #d3dbdc;
}

.mainContent5 {
  float: left;
  width: 220px;
  margin: 0px;
  padding-left: 12px;
  padding-right: 6px;
  margin-top: 10px;
  border-right: solid 1px #CCCCCC;
  padding-top: 5px;
}

.mainContent5b {
  float: left;
  width: 225px;
  margin: 0px;
  padding-left: 10px;
  padding-right: 6px;
  margin-top: 10px;
  padding-top: 5px;
}

.side1 {
  float: left;
  width: 310px;
  padding-top: 1px;
  margin-bottom: 32px;
}

.side1b {
  float: left;
  width: 310px;
  padding-top: 1px;
}


.side2 {
  float: left;
  width: 110px;
}

.side3 {
  float: left;
  width: 195px;
  padding-top: 10px;
}
.mainContent8 {
  float: left;
  width: 217px;
  padding-top: 4px;
  text-align: center;
}


.sidebar1 {
  width: 310px;
  padding: 5px 0px 0px 8px;
}

.sidebarleft{
  align: left;
  width: 160px;
  float: left;
  padding: 0px 10px 0px 15px;
  margin: 0;
  }

.sidebarright {
  align: left;
  width: 129px;
  float: left;
  padding-top: 5px;
  margin: 0;
  }



.pageTopBase {
  width: 960px;
  height: 15px;
}

.pageContent {
  width: 960px;
  padding: 0px;
  background-color: #ffffff;
  background-image: url(../images/page_bg.gif);
  background-repeat: repeat-y;

}

.pageContent2 {
  width: 930px;
  padding: 0px 15px 0px 15px;
  text-align: center;
}
.pagehead {
  float: left;
  width: 940px;
  padding: 5px 0px 0px 10px;
}


#footer {
  border-top: #CCCCCC solid 1px;
  padding: 10px 0px 10px 0px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.footer1{
  align: left;
  width: 610px;
  float: left;
  padding: 0;
  margin: 0 15px 0 0;
  }

.footer2 {
  align: left;
  width: 275px;
  float: left;
  padding: 0;
  margin: 0;
  }


.fltlft { /* this class can be used to float an element left in your page */
  float: left;
  margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
  clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 26px;
  font-weight: normal;
  color: #a70e13;
  line-height: 28px;
  margin: 8px 0px 5px 0px;
}

h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 28px;
  font-weight: normal;
  color: #a70e13;
  line-height: 28px;
  margin: 5px 0px 5px 0px;
}

h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 22px;
  font-weight: normal;
  color: #a70e13;
  line-height: 20px;
  margin: 0px 0px 5px 0px;
}

.terms {
  font-size: 10px;
  font-weight: normal;
}


.subheads {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 18px;
}

.subheads2 {
  color: #a70e13;
  font-size: 14px;
  line-height: 18px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.subheads3 {
  color: #a70e13;
  font-size: 20px;
  line-height: 22px;
  font-family: Arial, Helvetica, sans-serif;
}


a {
  color:#a70e13;
  font-weight: bold;
  text-decoration:none;
}
a:hover {
  color:#000000;
  font-weight: bold;
  text-decoration:underline;
}



.linksfooter
a { color:#a70e13;
  font-size: 11px;
  font-weight: normal;
  text-decoration:none; }

.linksfooter
a:hover {
  color:#000000;
  font-size: 11px;
  font-weight: normal;
  text-decoration:none;
}
.subhead {
font-weight:bold;
line-height:25px;
}
