@import "../css/reset.css";

body{ margin:0;padding:0;background-color:#788F75;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:small;color:#333333;}

h2{color:#2A3D21; font-size: 18px; font-weight: bold; margin: 20px 0;}
p{margin-bottom: 20px;}

#wrapper{width:800px; margin:0 auto; padding:0; text-align:center;}
#container{width:800px; float:left; text-align:left;}

#header{background:transparent url(../media/header.jpg) top left no-repeat; height:96px; width:800px; float:left; position: relative;}
#header a{height: 96px; width: 200px; position: absolute;}

#flashArea{ width:800px; float:left; height:177px; background:transparent url(../media/welcome.jpg) top left no-repeat; text-align:right;}

#flashMovie{float:right;}

#flashArea, #movie, #mymovie{padding:0; margin:0; float:right; text-align:right;}
#content{background-color:#F4EECC; border-top:1px solid #6A7E65; clear:both; padding:10px;}

#footer{background-color:#2A3D21; text-align:center; color:#ffffff; font-size:80%; padding:5px;}

#links{width: 800px; float:left; background-color:#2a3d21;}
#links ul{margin:0; padding: 0; list-style:none;}
#links li{float: left;}
#links li a{float:left; color:#ffffff; font-size:11px; font-weight:bold; padding:5px 10px; text-decoration:none; text-align: center;}
#links li a:hover{background-color:#ffffff; color:#2A3D21;}

#content dl{margin: 20px;}
#content dl dt{float: left; width: 300px; font-weight: bold;}
#content dl dt, #content dl dd{padding: 5px 0;}
#content ul{margin: 20px; font-weight: bold;}
#content ul li{padding: 5px 0;}

#map{width: 350px; float: right; text-align: right;}
#map a{color: #333333;}

img{float: right; padding: 0 0 10px 10px;}

h2 a{ color: #2a3d21; text-align: center; text-decoration: none}
h2 a:hover{text-decoration: underline;}

h4{font-size: 23px; color: #2a3d21; text-align: center; font-weight: bold;}

.clear{clear: both;}