body {
 margin: 0;
 padding: 0;
 background: #dcdde5 repeat-y center top;

}
#wrapper {
  width: 900px;
  background-color:#FFF;
  margin-right: auto;
  margin-left: auto;
margin-top: 20px;
border: outset;
margin-bottom: 25px;
}
h1 {
  background: #414C4B;
  margin-top: 25px;
        line-height: 2px;
  padding: 12px 10px 5px 25px;
}

* html h1 {
  line-height: 10%;
  padding: 20px 10px 5px 25px;
}  
h2 {
  font-family: "Trebuchet MS", Lucida Grande, Arial, san-serif;
  font-size: 1.25em;
  color: #426361;
}
h3 {
  font-family: "Trebuchet MS", Lucida Grande, Arial, san-serif;
  font-size: 1em;
  color: #426361;
}
p {
  font-family: "Trebuchet MS", Lucida Grande, Arial, san-serif;
  font-size: 1em;
  color: #457775;
}
.numberlist {
  font-family: "Trebuchet MS", Lucida Grande, Arial, san-serif;
  font-size: 1em;
  color: #457775;
}
.smallh1 {
  font-family: "Trebuchet MS", Helvetica, san-serif;
  font-size: .5em;
  color: #FFF;
  padding-left: 20px;
        padding-top: 35px;
  }
.smallh2 {
  font-family: "Trebuchet MS", Helvetica, san-serif;
  font-size: .8em;
  color: #FFF;
  padding-left: 60px;
}
.reasons {
  font-weight: bold;
  font-style: italic;
}

#banner {
  position: relative;
        float: left;
        margin-bottom: 15px;
}


ul.mainNav {
  position: absolute;
  left: 45px;
  top: 145px;
  float: left;
  margin: 20px;
  padding-left: 35px;
         padding-right: 25px;
  border-bottom: solid 12px #333399;
  

}
.mainNav li {
  list-style: none;
  float: left;
  background: url(/norm_right.gif) no-repeat right top;
    margin: 0;
  padding: 0; 
  margin-right: 12px;
 }  
.mainNav a {
        display: block;
  padding: 7px 25px 1px 15px;
  background: url(/norm_left.gif) no-repeat left top;
  color: #000;
        font: .8em "Trebuchet MS";
        font-weight: bold;
        text-decoration: none;
        margin: 0;
        margin-bottom: 5px;
}
  
.mainNav a:hover {
    color:blue;
}


.mainNav .current {
    background-image:url("norm_right_on.gif");
    }
.mainNav .current a {
    background-image:url("norm_left_on.gif");
    color:blue;
    }

#wrapper1 {
       background: url(sidebarcolor.gif) repeat-y left top;
 
}

#main {
  margin-left: 90px;
        margin-right: 100px;
  padding-right: 10px;
}



#sidebar {
  float: left;
  margin-top: 1.5em;
  margin-left: -2em;
        width=180px;
}
#sidebar li {
  font-family: Arial, Helvetica, san-serif;
  font-size: .6em;
  font-variant: small-caps;
  list-style-type: none;
  background: url(arrows.gif) no-repeat left center;
  padding-left: 15px;
margin-bottom: 8px;
  }
#sidebar li a {
  text-decoration: none;
  color: #FFF;
}

#sidebar li a:hover {
  text-decoration: underline;
  color: #FFF;
}

#rightsidebar {
  float: right;
        width: 200px;
        margin: 0;
        margin-top: -15px;
  margin-right: 7px;
}

#twitter_div {
      border: solid 1px blue;
      padding: 5px;
}

.sidebar-title {
  background-color: #73AFB7;
  font-size: 1em;
padding: 12px;
padding-left: 25px;
margin: -5px;
color: #FFF;
border-bottom: solid 1px black;
font-family: "Trebuchet MS", Arial, sans-serif;
}

.surfsup {
  background: url(surfsupsmall.jpg) no-repeat left center;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
}
#twitter_update_list {
  font-size: .7em;
       padding: 10px;
font-family: Tahoma, Arial, sans-serif;
list-style-type: none;

}

#twitter_update_list  li {
    margin-bottom: 8px;
}

#twitter-link {
 display: block;
 text-align:right;
font-family: Tahoma, Arial, sans-serif;
font-size: .8em;
}

/********** FORMS **************/

label.reqd {   /* for required fields */
  font-weight:bold;
}

label.left {
  width: 80px;
  display: block;
  float: left;
  text-align: right;
  text-transform: uppercase;
  font-weight: bold;
  font-size:90%;
  padding-right: 8px;
}

#contact_intro {
  border-bottom: 1px solid #333;
  margin-bottom: 2em;
}
#contact_pod_form label {
  width: 8em;
  display: block;
  float: left;
  text-align: right;
  text-transform: uppercase;
  font-weight: bold;
  font-size:90%;
  padding-right: 1em;
}
#contact_pod_form input, textarea {
  background-color: #eee;
  border: 1px solid black;
  padding: 0.23em;
}
#contact_pod_form .indent {
  margin-left: 50px;
}
#contact_firstname, #contact_lastname {
  width: 168px;

}
#contact_company, #contact_email, #contact_subject, #contact_message {
  width: 350px;
}
#contact_subject, #contact_message {
  width: 350px;
}
p#email2 {
  display: none;
}
#contact_pod_form input.submit_button {
  background: none;
  border: none;
padding-left: 200px;
}

#copyright {
width: 600px;
margin-right: auto;
margin-left: auto;
margin-top: -15px;
}

.footer li {
display: inline;
margin-right: 15px;
list-style-type: none;
color: black;
font-size: .8em;
}

.footer li a {
text-decoration: none;
color: black;
}

.footer li a:hover {
color: blue;
text-decoration: underline;
}