/* ###################################   Unique to SCREEN   ################################### */

body {background: url('menubg.png') top left fixed repeat-y;}

#content {margin: 0 15px 0 340px; padding-bottom: 10px;}
#menu {width: 305px; float: left; color: #eee; background-color: #35672c; text-align: center;}
#menu ul {margin: 20px 0 20px 5px; color: #fff; text-align: left;}
#menu ul, #menu li {list-style-type: none;}
#menu a {color: #fff;}
#menu ul a {color: #000; line-height: 30px; height: 39px; padding: 0 19px 0 10px; text-decoration: none; display: block; background: #c1a035 url('menuitembg.png') top left no-repeat;}
#menu ul a:hover, #menu ul a.current:hover {color: #fff; background-color: #000; background-position: bottom left;}
#menu ul a:active, #menu ul a.current, #menu ul a.current:active {color: #fff; background-color: #35672c; background-position: bottom right;}
#footer {margin: 5px 30px 5px 5px; font-size: small;}
#footer p {text-align: center; font-size: small;}
#footer:after {content: "* External Link"; margin-top: 10px; display: block;}

/* Styles for links */
a {font-weight: bold; text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {text-decoration: overline;}
a.external:after {content:"*";}

h1, h2, h3 {color: #35672c;}

/* ##############################   Common to SCREEN and PRINT   ############################## */

#archiveheader a {color: #fff;}
.error a {color: #f00;}

body {font-family: Arial, Helvetica, sans-serif;}

* {margin: 0; padding: 0; outline: 0;}
img {border: 0;}

h1, #strapline {text-align: center;}
h1 {font-size: 300%; font-family: Algerian, serif; font-weight: normal;}
#strapline {font-size: small; margin: 0 0 20px 0;}

h3 {margin: 10px 0;}

p, dl, #content li {margin-top: 10px; text-align: justify;}
#content ul li {margin-left: 15px;}
#content ol li {margin-left: 20px;}
#content li.decorativel {margin-left: 0;}

#contact {margin-top: 20px;}
#contact form {width: 435px;}
#contact h2 {margin-bottom: 10px;}
#contact p, #contact input {margin: 0 0 5px 0;}
#contact fieldset {padding: 5px; margin-bottom: 10px;}
#contact label {font-size: small; padding: 3px 5px; display: block; float: left; margin-right: 3px; width: 100px;}
#contact input, #contact textarea {width: 300px; padding: 1px;}
#contact #go {width: auto; padding: 0 3px;}
#contact .required {color: #fff; background-color: #35672c;}

br {clear: both;}

.error, .nopage {color: #f00 !important;}
.center {text-align: center;}

.decorativel, .decorativer, .decorativec {display: block; margin-top: 10px;}
.decorativel {float: left; margin-right: 10px;}
.decorativer {float: right; margin-left: 10px;}
.decorativec {margin: 10px auto; clear: both;}
.decorativel span, .decorativer span, .decorativec span {display: block; font-size: small; text-align: center; color: #35672c;}

#content dl li {list-style-type: none; margin: 0;}
dt {font-weight: bold; font-size: 110%;}
dd {margin: 0 0 10px 30px;}