
body {
  color: #787878;
  font: 0.7em/160% verdana, lucida, arial, helvetica, sans-serif;
  margin: 0;
  padding: 0;
  background: #5d5d5d url("../images/bg_main.gif") repeat-y 50% 0px;
  text-align: center; /* be nice to IE */
}

form {
  display:inline;
 }

.form {
  font: normal 10px verdana, arial, sans-serif;
  text-decoration: none;
  border: 1px solid #787878;
  color:#787878;
}

#contact label {
 display:block;
}

#contact{
 border:0;
 margin-left:35px;
 margin-top:5px;
}

.button {
  font: normal 10px verdana, arial, sans-serif;
  background-color: #e7e7e7;
  border: 1px solid #787878;
  color:#5d5d5d;
}

a {
  color: #7a81be;
  text-decoration: none;
}

img {
 border:0;
}

h1, h2, h3, h4, h5, h6 {
  font: 100% bold "Lucida Grande", Verdana, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}

#wrapper {
  padding: 0;
  position: relative;
  margin: 0 auto;
  text-align: left;
  width: 701px;
  _width: 702px; /* be nice to IE */
}

#header {
  background: #DFD300 url("../images/bg_header.gif") no-repeat 0px 0px;
  height: 125px;
  position: relative;
  top: 0em;
  width: 701px;
  _top: 0; /* be nice to IE */
}

#pagebody {
  border-bottom: 1px solid #fff;
  float: left;
  left: 0;
  margin-top: -9px;
  position: relative;
  background-color:white;
}

#maincontent {
  background: #fff url("../images/bg_maincontent.gif") repeat-x 0px 0px;
  float: left;
  overflow: hidden;
  padding-bottom: 2em;
  position: relative;
  top: 0px;
  width: 480px;
  padding:15px;
  margin:0;
  border-right: 1px solid #fff;
}

#sidebar {
  clear: none;
  left: 515px;
  width: 185px;
  position: absolute;
  top: -23px;
}

/******* Header Components *******/

#sidebar h2 {
  color: #999999;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0;
  padding: 1.1em 1.2em;
  padding-bottom: 0;
}

#sidebar p, #sidebar ul {
  list-style: none;
  margin: 0;
  padding: 1em 1.2em;
  padding-bottom: 1.6em;
}

#sidebar ul li {
  margin: 0.5em 0;
}

#sidebar ul li a {
  background: transparent url("../images/bg_list.gif") no-repeat 0px 50%;
  color: #434343;
  padding-left: 16px;
}

#sidebar ul li a:hover {
  background-position: -300px 50%;
  color: #555555;
}

/******* Navigation Components *******/

#mainnavi {
  color: #bbd2f1;
  list-style: none;
  margin: 0;
  padding: 0;
  padding-left: 12px;
  position: absolute;
  top: 90px;
  width: 450px;
  float: left;
}

#mainnavi li {
  display: block;
  float: left;
  padding: 4px 1em;
}

#mainnavi li a {
  background: transparent url("../images/bg_navi.gif") no-repeat 50% 40px;
  color: #fff;
  font: 100% normal "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
  padding: 0;
  padding-bottom: 6px;
  float: left;
  display: block;
}

#mainnavi li a:hover {
  background-position: 50% -35px;
  color: #fff;
}

#index #mainnavi #selected a{
  background-position: 50% 16px;
  color: #fff;
}

/******* Footer Components *******/

#footer {
  background: #e7e7e7;
  border-top: 3px solid #d7d7d7;
  clear: both;
  float: left;
  width: 100%;
  overflow: hidden;
  padding: 10px 0;
  padding-bottom: 20px;
}


#footer h4 {
  color: #555;
  margin-top: 1em;
  padding: 0.2em 20px;
  text-transform: uppercase;
}

#footer p {
  color: #999;
  margin: 0;
  padding: 0 20px;
  float: left;
}


