/* CSS Document */

body{
  margin: 0px;
  height:100%;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  background: #2b363c;
}


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

#container{
  float: left;
  width: 100%;
  height: 100%;
  background: #ffffff;
  margin-top: 20px;
}

#container_top{
 float: left;
 width: 100%;
 height: 18px;
 background: url(images/body_top.gif);
}

#container_bottom{
 float: left;
 width: 100%;
 height: 18px;
 background: url(images/body_bottom.gif);
}

/* -- HEADER -- */
#header{
  float: left;
  width: 970px;
  margin-left: 15px;
  height: 311px;
  margin-bottom: 15px;
}

#header #row1{
 float: left;
 width: 100%;
 height: 131px;
}

#logo{
  float: left;
  width: 182px;
  height: 131px;
}

#menu_wrapper{
  float: right;
  width: 788px;
  height: 144px;
}

#top_menu{
  float: right;
  width: 721px;
  height: 56px;
  background: url(images/menu_bg.jpg);
    margin-top: 15px;
}

#district{
  float: right;
  width: 211px;
  height: 25px;
  margin-top: 15px;
  margin-right: 10px;
}

ul.menu {margin-left:30px; margin-top: 20px; padding:0; list-style:none; text-align:center; }
ul.menu li {float:left; text-transform:none; padding-left:24px; padding-right:24px;}

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

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

#header #row2{
 float: left;
 width: 100%;
 height: 168px;
 margin-bottom: 5px;
}

#header_photo1{
 float: left;
 width: 323px;
 height: 168px;
 margin-right: 2px;
}

#header_photo2{
 float: left;
 width: 383px;
 height: 168px;
 margin-right: 1px;
}

#header_buttons{
 float: left;
 width: 256px;
 height: 168px;
}

#header #row3{
 float: left;
 width: 100%;
 height: 7px;
 background: url(images/hr_bg.gif);
}

/* --CONTENT -- */
#content-wrapper{
  float: left;
  width: 970px;
  margin-left: 15px;
  height: 100%;
  background: url(images/content_bg.gif);
}

#content-wrapper-2column{
  float: left;
  width: 970px;
  margin-left: 15px;
  height: 100%;

}


#column_left{
 float: left;
 width: 193px;
 height: 100%;
}

ul.menu_left {margin-left:0px; margin-top: 10px; padding:0; list-style:none; text-align:left; }
ul.menu_left li {float:left; text-transform:none; padding-left:30px; width: 115px; padding-top: 5px; height: 27px; background:url(images/li_bg.gif) top left no-repeat;}

a.menu_left:link, a.menu_left:active, a.menu_left:visited{
  font-size: 12px;
  font-family: thaoma, arial, verdana;
  color: #41687e;
  font-weight: bold;
  text-decoration: none;
}

a.menu_left:hover{
  font-size: 12px;
  font-family: thaoma, arial, verdana;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}

#column_right{
 float: right;
 width: 260px;
 height: 100%;
}

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

#newsletter td{
  font-family: thaoma, arial, verdana;
  font-size: 10px;
}

a.event:link, a.event:active, a.event:visited{
  font-weight: bold;
  text-decoration: none;
  color: #000000;
}

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


#content{
  float: left;
  width: 495px;
  padding-right: 12px;
  height: 100%;
  text-align: justify;
}

#content-2column{
  float: left;
  width: 767px;
  height: 100%;
  text-align: justify;
}

.title{
  font-size: 18px;
  font-weight: bold;
  color: #446e85;
}

.date{
  font-size: 10px;
  color: #a50101;
}

/* -- Bottom bar -- */

#bottom_bar{
  float: left;
  width: 100%;
  height: 57px;
  margin-top: 4px;
  background: #5b7280;
}

#bottom_bar #left{
  float: left;
  width: 21px;
  height: 57px;
}

#bottom_bar #right{
  float: right;
  width: 21px;
  height: 57px;
}

.bottom_link{
  float: left;
  width: 239px;
  text-align: center;
}
/* -- Footer -- */

#footer{
  float: left;
  width: 100%;
  color: #5b7382;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}

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

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