html {
 height: 100%; 
 max-height: 100%; 
 padding: 0; 
 margin: 0; 
 border: 0; 
 background: #fff; 
 font-size: 80%; 
 font-family:  "trebuchet ms", tahoma, verdana, arial, sans-serif;
 /* hide overflow: hidden from IE5/Mac */ 
 /* \*/ 
 overflow:  hidden; 
 /* */ 
}

body {
 height: 100%;
 max-height: 100%;
 overflow: hidden;
 padding: 0;
 margin: 0;
 border: 0;
}

a {
 color: #666633;
 text-decoration: none;
 padding: 1px 0;
 border-bottom: #c8cdba solid 1px;
}

a:hover {
 background: #e9ebe3;
 color: #4d4f4d;
 border-bottom: #4d4f4d solid 1px;
}

#body {
 background-color: #97c295;
 display: block;
 height: 100%;
 max-height: 100%;
 overflow: auto;
 /* padding-left: 200px; */
 position: relative;
 z-index: 3;
 word-wrap: break-word;
}

#head {
 background-attachment: scroll;
 background-image: url(images/headerbg.gif);
 background-position: left top;
 background-repeat: repeat-x;
 color: #000;
 display: block;
 height: 144px;
 margin: 0;
 position: absolute;
 right: 16px;
 top: 0;
 width: 100%;
 z-index: 5;
}

#head-inner {
 background-image: url(images/logo.gif);
 background-repeat: no-repeat;
 height: 144px;
 margin: 0 auto;
 padding: 0;
 position: relative;
 width: 809px;
}

#foot {
 background-color: #f7e478;
 border-top: 3px solid #000;
 border-top-color: #208261;
 bottom: -1px;
 color: #000;
 display: block;
 font-size: 10px;
 font-weight: bold;
 height: 30px;
 margin: 0;
 padding-top: 5px;
 position: absolute;
 right: 16px;
 text-align: center;
 text-transform: uppercase;
 width: 100%;
 z-index: 4;
}

#foot p {
 margin: 0 0 5px 0;
}

#foot a, #footer a:hover {
 color: #336601;
 background-attachment: scroll;
 background-image: none;
 background-position: 0 0;
 background-repeat: repeat;
 border-bottom-style: none;
 border-bottom-width: 0;
 border-left: 1px solid #fff;
 border-right-style: none;
 border-right-width: 0;
 border-top-style: none;
 border-top-width: 0;
 padding-left: 7px;
 padding-right: 7px;
}

#foot a:first-child {
 border-left-style: none;
 border-left-width: 0;
}

.head-pad {
 display: block;
 height: 144px;
}

.foot-pad {
 display: block;
 height: 50px;
}

.content {
 border-bottom-color: #000;
 border-bottom-style: dashed;
 border-bottom-width: 1px;
 font-size: 12pt;
 margin: 0 auto 15px auto;
 padding-bottom: 0px;
 position: relative;
 width: 800px;
}

.content p {
 margin: 10px 3px auto;
}

.content h1 {
 border-bottom-color: black;
 border-bottom-style: solid;
 border-bottom-width: 3px;
 border-left-color: black;
 border-left-style: none;
 border-left-width: 3px;
 color: #004400;
 margin: 0 0 0 0;
 padding-bottom: 5px;
 padding-left: 5px;
 padding-top: 0;
}

.content h3 {
 border-bottom-style: dashed;
 border-bottom-width: 0px;
 color: #770000;
 font-style: oblique;
 margin: 0 0 10px 0;
 padding: 0 0 0 0;
 width: 25ex;
}

#villagearts > #img-great {
}

#villagearts > #img-leaves {
 margin: 0 25px;
 padding: 0;
}

#villagearts > #img-candy {
}

#img-worldfood-1 {
 margin-right: 10px;
 padding: 0;
}

#img-worldfood-2 {
 margin-left: 0px;
}

.content img {
 border-color: black;
 border-style: solid;
 border-width: 3px;
}

#hazards img, #drains img {
 float: right;
 margin-left: 10px;
}