body {
background-color:#FFF;
background-image:url(images/background.jpg);
margin:0 auto;
padding-bottom:40px;
padding-top:20px;
text-align:center;
font: 0.8em Verdana, Tahoma, Arial;
}

/*--- Main page layout. ---*/
div#wrapper {
border:solid 3px #e0e0d9;
background-color:#fff;
height:auto;
margin-left:auto;
margin-right:auto;
min-height:620px;
width:750px;
}

div#wrapperheader {
background-image:url(images/logo.png);
background-position:top left;
background-repeat:no-repeat;
height:185px;
}

div#wrappermenu {
position: relative;
font-weight:700;
top: 153px;
left: 0px;
}

div#wrapperbody {
height:auto;
min-height:470px;
position:relative;
text-align:left;
padding-left: 5px;
padding-right: 5px;
}

div#wrapperfooter {
padding-bottom: 10px;
}

div#floatright {
float: right;
margin: 5px;
}

/* for Internet Explorer - IE bug with using min-height, however it will expand if their's more text within the defined height */
* html div#wrapper {
height:620px;
}

* html div#wrapperbody {
height:470px;
}

/*--- Multimap ---*/

#multimap {
width: 100%;
text-align: center;
}

/*--- Misc CSS ---*/
A:link {
text-decoration: none;
color:#6A9443;
}

A:visited {
text-decoration: none;
color:#5B7840;
}

A:active {
text-decoration: none;
color:#5B7840;
}

A:hover {
text-decoration: underline;
color:#6A7840;
}

img {
border:0;
}

h1,h2 {
font: 1.1em Verdana, Tahoma, Arial;
color: #436600;
font-weight:700;
letter-spacing:1px;
margin:0;
}

h3 {
font: 1.1em Verdana, Tahoma, Arial;
color: #436600;
font-weight:700;
letter-spacing:1px;
margin:0;
text-align: center;
}


img.script {
float: left;
}

img.floatright {
float: right;
margin: 5px;
border: solid 1px #d0ddc8;
}

img.floatleft {
float: left;
margin: 5px;
border: solid 1px #d0ddc8;
}

div.indent {
width: 100%;
padding-left: 24px;
}

div.indentcentre {
font-style: italic;
padding-left: 40px;
padding-right: 40px;
text-align: center;
}