
html, body {
height:100%;
margin:0;
padding:0;
}
html > body #wrapper {
height:auto;
min-height:100%;
}

*{
  margin: 0;
  padding: 0;
}

body{
  background-color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

ul{
  list-style-type: none;
}

h1{
  font-size: 14px;
  margin: 16px 0 0 180px;
  text-align: center;
}

h2{
  background: url(images/h2-bg.jpg) no-repeat;
  height: 30px;
  width: 454px;
  font-size: 12px;
  line-height: 30px;
  margin: 10px 0 0 250px;
  text-align: center;
}

a{
  text-decoration: none;
  color: #000;
}
/************************** wrapper **************************/
#wrapper{
  background-color: #fff;
  margin: 0 auto;
  width: 800px;
  height:100%;
  position:relative;
}
/************************** header **************************/
#header{
  background: url(images/header.jpg) no-repeat;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  height: 206px;
  padding: 3px 3px 0 0;
}

#header p, #headerSearch p{
  float: right;
  font-size: 10px;
  margin-right: 3px;
}

#headerSearch{
  background: url(images/header-search.jpg) no-repeat;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  height: 206px;
  padding: 3px 3px 0 0;
}

#link{
  font-weight: bold;
  position: absolute;
  top: 116px;
  left: 160px;
}

#header ul, #headerSearch ul{
  color: #fff;
  margin: 10px 0 0 340px;
}

#header li, #headerSearch li{
  background: url(images/header-li-bg.jpg) no-repeat;
  line-height: 13px;
  padding-left: 17px;
}

li.second{
  margin: 5px 0 0 50px;
}

li.third{
  margin: 5px 0 0 100px;
}

span.red{
  color: #ff0202;
}

span.yellow{
  color: #f9e254;
  margin-left: 10px;
}

span.green{
  color: #78a400;
  margin-left: 10px;
}

span.blue{
  color: #0290d8;
  margin-left: 10px;
}

#topNav{
  position: absolute;
  float: left;
  top: 145px;
}

#topNav img{
  margin-right: 10px;
}

#topNav img{
  border: 0;
}
/************************** sideContent **************************/
#sideContent{
  float: left;
  margin: -40px 0 10px 0;
  width: 190px;
}

/************************** navigation **************************/
#navigation{
  font-family: Verdana;
}

#navigation ul{
  color: #033154;
  font-size: 10px;
}

#navigation ul li{
  margin-bottom: 3px;
}

#navigation a{
  color: #033154;
  display: block;
  height: 26px;
  line-height: 25px;
  padding-left: 15px;
  text-decoration: none;
  width: 190px;
}


a#nav1 {
  background: url(images/nav1.jpg) no-repeat;
}

a#nav2{
  background: url(images/nav2.jpg) no-repeat;
}

a#nav3{
  background: url(images/nav3.jpg) no-repeat;
}

a#nav4{
  background: url(images/nav4.jpg) no-repeat;
}

a#nav5{
  background: url(images/nav5.jpg) no-repeat;
}

a#nav6{
  background: url(images/nav6.jpg) no-repeat;
}

a#nav7{
  background: url(images/nav7.jpg) no-repeat;
}

a#nav1:hover {
  background: url(images/nav1h.jpg) no-repeat;
}

a#nav2:hover{
  background: url(images/nav2h.jpg) no-repeat;
}

a#nav3:hover{
  background: url(images/nav3h.jpg) no-repeat;
}

a#nav4:hover{
  background: url(images/nav4h.jpg) no-repeat;
}

a#nav5:hover{
  background: url(images/nav5h.jpg) no-repeat;
}

a#nav6:hover{
  background: url(images/nav6h.jpg) no-repeat;
}

a#nav7:hover{
  background: url(images/nav7h.jpg) no-repeat;
}
/************************** news **************************/
#news{
  background: url(images/news-bg.jpg) repeat-y;
  font-size: 10px;
  margin-top: 30px;
  z-index: 3;
  width: 190px;
}

#news h4{
  background: url(images/news-top.jpg) no-repeat;
  color: #575656;
  font-size: 12px;
  height: 31px;
  line-height: 30px;
  text-align: center;
}

#news li{
  padding: 5px 3px 0 5px;
  border-bottom: 1px dotted #ffa244;
}

#news li.last{
  background: url(images/news-bottom.jpg) no-repeat bottom;
  border-bottom: none;
  padding-bottom: 11px;
}

#news a:hover{
  text-decoration: underline;
}

/************************** mainContent **************************/
#mainContent{
  float: left;
  margin: -40px 0 10px 15px;
  width: 580px;
}

#mainContent p{
  margin: 10px 0;
}

#mainContent a{
  color: #f34e3a;
}

#mainContent a:hover{
  text-decoration: underline;
}

 dl#search{
  background: url(images/search-bg.jpg) no-repeat;
  font-size: 10px;
  height: 29px;
  line-height: 30px;
  margin: 10px 0 20px 0;
  padding-left: 10px;
  width: 471px;
}



#mainContent dt, dd{
  float: left;
}

#mainContent dd{
  margin-left: 10px;
}

#searchButton{
  float: left;
  height: 23px;
  margin: 3px 0 0 7px;
  width: 73px;
}

/************************** searchBig **************************/
#searchBig{
  background: url(images/search-big-bg.jpg) no-repeat;
  font-size: 12px;
  height: 142px;
  line-height: 30px;
  padding: 40px 0 0 10px;
  width: 442px;
}

#searchBig dl{
  float: left;
  margin: 6px 0 0 0;
  width: 420px;
}

#searchBig dt{
  margin-left: 10px;
}

#searchBig dd{
  margin-left: 10px;
}

#searchBig dd.checkbox{
  margin-left:5px ;
 
}

* html #searchBig dd.checkbox{
 margin-top:5px;
}

/************************** footer **************************/
#footer{
  background: url(images/footer.jpg) no-repeat;
  bottom:0;
  height: 59px;
  left:0;
  margin-bottom:10px;
  position:absolute;
  width: 800px;
}

#footer p{
  bottom: 0;
  font-size: 10px;
  font-weight: bold;
  margin: 10px;
  position: absolute;
}

#footer a, #footer p{
  color: #fff;
}

div#clear{
  clear:both;
  height: 59px;
}

