body{padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; background:url(images/bg.gif) top left repeat-x;}
#wrapper{width:800px; margin:0 auto; padding:0}
#header{background:url(images/head_bg.gif) top left no-repeat; }
#header form{float:right; padding:0; margin:50px 10px 0 0;}

#top_box{ background:url(images/river-stour.jpg) bottom left no-repeat;}
#top_box_img{float:left;}
#top_nav{background:url(images/nav_bg.gif) top left no-repeat #049190;}
#top_nav ul{margin:0 10px 0 0; padding:0; list-style:none;}
#top_nav li{float:right; border-right:1px solid #3DA4A3; border-left:1px solid #03706F; padding:4px; list-style:none; font-size:80%; display:block;}
#top_nav li a{color:#cff; text-decoration:none; font-weight:bold;}
#top_nav li a:hover{color:#fff;}

#big_nav{width:350px; float:right;}
#big_nav ul{ list-style:none; border-left:1px solid #049190; margin:0; padding:0; }
#big_nav ul li{margin:0; padding:0px; font-size:1.6em;  font-weight:bold; letter-spacing:-0.04em}
#big_nav ul li a{text-decoration:none;  display:block; height:40px; padding:10px 0 0 10px; color:#2E2576;}
#big_nav ul li a:hover{color:#433995;}

.main_tab1 a{ background:url(images/tab1.gif) 0 0 no-repeat; border-bottom:1px solid #049190;}
.main_tab1 a:hover{ background:url(images/tab1.gif) 0 -50px no-repeat;}
.main_tab2 a{ background:url(images/tab2.gif) 0 0 no-repeat ; border-bottom:1px solid #049190;}
.main_tab2 a:hover{ background:url(images/tab2.gif) 0 -50px no-repeat ;}
.main_tab3 a{ background:url(images/tab3.gif) 0 0 no-repeat ; border-bottom:1px solid #049190;}
.main_tab3 a:hover{ background:url(images/tab3.gif) 0 -50px no-repeat ;}
.main_tab4 a{ background:url(images/tab4.gif) 0 0 no-repeat ;}
.main_tab4 a:hover{ background:url(images/tab4.gif) 0 -50px no-repeat;}

#main_left{width:200px; float:left;}
#main_content{ width:420px; float:right; margin:10px 15px 10px 0;}
#main_right{width:150px; float:right; margin:10px 0px;}

#main_content p{padding:0; margin:0 0 10px 0; font-size:90%; color:#2E2576;}
#main_content h1,h2,h3{ color:#2E2576; margin:0 0 10px 0;}
#main_content a{color:#433995; border-bottom:1px dotted #433995; text-decoration:none; font-weight:bold;}
#main_content  a:hover{ color:#2E2576;  border-bottom:1px solid #2E2576;}
#main_content table{padding:0; margin:10px 0 10px 0; font-size:90%; color:#2E2576;}

#main_content li{padding:0; margin:10px 0 10px 0; font-size:90%; color:#2E2576;}

.menu_left{width:200px; padding:10px 3px 20px 10px; margin:0; background:url(images/left_menu.gif) bottom left no-repeat; list-style:none; font-size:90%; font-weight:bold;}
.menu_left li{padding:4px 0;}
.menu_left a{color:#433995; border-bottom:1px dotted #433995; text-decoration:none;}
.menu_left a:hover{ color:#2E2576;  border-bottom:1px solid #2E2576;}

.green_box h2 {background:url(images/green_box_top.gif) top left no-repeat; margin:20px 0 0 0 ; padding:10px; font-size:120%; color:#10C33A; }
.green_box p {background:url(images/green_box_bot.gif) bottom left no-repeat;  margin:0; padding: 0 10px 10px 10px; color:#2E2576; }
.green_box a{text-decoration:none; font-weight:bold; color:#21B5B5;}
.green_box a:hover{color:#0B7A7A;}

.info_box h2 {background:url(images/info_box_top.gif) top left no-repeat; margin:0 ; padding:4px 5px 0px 5px; font-size:100%; color:#049190; border-bottom:1px solid #049190;}
.info_box p {background:url(images/info_box_bot.gif) bottom left no-repeat;  margin:0 0 10px 0; padding: 0 5px 10px 5px; color:#049190; font-size:80%;}
.info_box a{text-decoration:none; font-weight:bold; color:#21B5B5;}
.info_box a:hover{color:#0B7A7A;}

#foot_box{background:url(images/foot_bot.gif) 0 100% no-repeat; clear:both; text-align:center; padding-bottom:10px; margin:-10px 0 0 0;}

#bottom_nav ul{margin:5px 0 10px 0; padding:0; list-style:none;}
#bottom_nav li{border-right:1px solid #3DA4A3; padding:0px 3px; list-style:none; font-size:70%; display:block; float:left; margin-bottom:5px}
#bottom_nav li a{color:#2E2576; text-decoration:none; border-bottom:1px dotted #2E2576;}
#bottom_nav li a:hover{color:#433995; border-bottom:1px solid #433995;}

#bottom_nav ul li a {white-space: nowrap;}

.clear{clear:both;}

div#credits {
  clear: both;
}
div#credits p {
  text-align: right;
  font-size: 0.6em;
  padding: 15px 5px;
  color: #999;
}
div#credits a {
  color: #999;
}
div#credits a:hover {
  color: #333;
}