/* CSS Document */

body{
  margin: 0px;
  height:100%;
  font-family: tahoma, sans-serif;
  font-size: 12px;
  color: #202020;
  background: #e7e7e7 url(images/main_bg.gif) repeat-x;
}


#main{
  width: 800px;
  margin-left: auto;
  margin-right: auto;
}

#container{
  float: left;
  width: 100%;
  height: 100%;
  background: #ffffff;
}

/* -- HEADER -- */
#header{
  float: left;
  width: 100%;
  height: 282px;
  margin-bottom: 4px;
}

#header #row1{
 float: left;
 width: 100%;
 height: 53px;
 background: #dcdbdb;
}

.img-left { float: left;}
.img-right { float: right;}

#header #row2{
 float: left;
 width: 100%;
 height: 196px;
 background: url(images/header_bg.jpg);
 margin-bottom: 1px;
}

#header #row3{
 float: left;
 width: 100%;
 height: 32px;
 background: #66cc00;
}


ul.menu {margin-left:0px; margin-top: 0px; padding:0; list-style:none; text-align:center; }
ul.menu li {float:left; height: 32px; text-transform:none; padding-top: 7px; padding-left:18px; padding-right:18px; border-right: 1px solid #ffffff;}
ul.menu .last { border-right: none; }

a.menu:link, a.menu:active, a.menu:visited{
  font-size: 12px;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
}

a.menu:hover{
  font-size: 12px;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}


/* --CONTENT -- */
#content-wrapper{
  float: left;
  width: 100%;
  height: 100%;
}

#column_left{
 float: left;
 width: 253px;
 padding-left: 2px;
 height: 100%;
}

#newsletter_box{
  float: left;
  width: 240px;
  padding-top: 67px;
  padding-left: 13px;
  margin-bottom: 10px;
  background: #8ac0e2 url(images/newsletter_bg.jpg) no-repeat;
}

#newsletter td{
  font-family: tahoma;
  font-size: 10px;
}

#event_box{
  float: left;
  width: 240px;
  padding-top: 67px;
  padding-left: 13px;
  margin-bottom: 10px;
  color: #e0e0e0;
  background: #60c101 url(images/event_bg.jpg) no-repeat;
}


#content{
  float: left;
  width: 505px;
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 20px;
  height: 100%;

}

.title{
  font-size: 28px;
  font-weight: normal;
  color: #fc6205;
}

/* -- Footer -- */

#footer{
  float: left;
  width: 100%;
  color: #767675;
  padding-top: 15px;
  background: #d4d2c5;
  text-align: center;
}

a.footer:link, a.footer:visited, a.footer:active{
  color: #767675;
  text-decoration: none;
}

a.footer:hover{
  color: #767675;
  text-decoration: underline;
}