/* Colour list
light green: #cccc99;
dark green: #597F26;
grey: #dbd7bc;
*/

/* Standard styles to save problems -------------------------------------------------------*/

body {
margin:0px;
}
iframe {
background-color:transparent;
}
img {
border:0px;
}

#main {
background-color: #ffffff;
margin: 0px;
padding: 0px;
font-family: arial, verdana, sans serif;
font-size:12px;
}

#wholesitepositionid {
position:relative;
padding-bottom: 4px;
margin: 10px auto;
width:980px;
}

#wholesitecenterid {
position: relative;
margin: auto;  
width: 980px;
}
#topmenuline {
position:absolute;
top:130px;
left:26px;
}

/* Although not very elegant, this solution to the positioning of the searchfield works. Place the searchfield into the div element searchfieldid, make it big enough to contain all of the form elements and position it in such a way as to be below the topmenuline. In order for this work around to work you must makesure that topmenuline does not overlap where you type into the field.*/

#notsignedin{
display:none;
}

#article {
position:relative;
margin-top:4px;
width: 100%;
min-height:300px; height:auto !important;. height:300px;
margin-bottom:4px;
z-index:30;
}

#idheadingtext {
display:none;
}
#idpagetext {
background-color:#ffffff;
width:430px;
margin-left:190px;
padding-top:6px;
line-height:20px;
}
#idpageimage {
position:relative;
width:600px;
height:50px;
z-index:89;
margin:5px 30px 10px;
display:block;
}
#stretcher {
display:none;
}
h1, h2, h3, h4 {
font-weight:bold;
color:#336600;
display:block;
margin:7px 0px;
}
#basescrollgraphicid {
margin-top:0px;
margin-left: auto;  
margin-right: auto;
width: 100%
position: relative;
}
#basescrollgraphicid a {
margin-left:10px;
}
#footerlinks {
background-color:#cccc99;
height:23px;
text-align:right;
padding-right:27px;
padding-top:3px;
}
/* The syles below control the text display --------------------------------------------------*/

a {font-size:12px;}

#idpagetext a:link {color: #597f26; text-decoration: none;font-weight:bold;}
#idpagetext a:hover {color: #cccc99;}
#idpagetext a:visited {color: #597f26; text-decoration: none;font-weight:bold;}
#idpagetext a:visited:hover {color: #cccc99; text-decoration: none;font-weight:bold;}

#basescrollgraphicid a:link {font-size:10px; color: #597f26; text-decoration: underline;}
#basescrollgraphicid a:hover {color:white;}
#basescrollgraphicid a:visited {font-size:10px; color: #597f26; text-decoration: underline;}
#basescrollgraphicid a:visited:hover {color:white;}

div {
padding: 0px;
margin: 0px;
}

img {
padding: 0px;
margin: 0px;
}
#footerstretcher {
width:100%;
height:9px;
background-color:#dcd9c0;
}
#footerimg {
position:relative;
left:23px;
top:18px;
}
#leftimg {
position:absolute;
left:30px;
top:75px;
z-index:90;
}

/*---- Contact form styles ---*/

#contactform {
width:430px;
padding-top:10px;
padding-bottom:10px;
}
table.contactform {
width:100%;
}
table.contactform td {
padding-right:7px;
padding-top:3px;
}
td.contactformlabel {
padding-right:10px;
}
td.contactformlonglabel {
width:100%;
}
input.contactform {
width:320px;
border:1px solid #7E7E7E;
}
#contactform input:focus, textarea.textbox:focus {
border:1px solid #597F26;
}
textarea.textbox {
width:410px;
border:1px solid #7E7E7E;
height:75px;
}
.contactformsubmit {
background-color:#cccc99;
color:#336600;
border:1px solid #597F26;
}
span.mandatory {
color:red;
}

/*--- end of contact form styles ---*/

/*---- news styles ----*/
table.NewsMonthList {
        margin-top:10px;
        font-family:Trebuchet, arial, sans-serif;
        font-size:12px;
}
table.NewsMonthList a {
        color: #979797;
}
table.NewsMonthList a:hover {
        color: #000000;
}
table.NewsMonth {
        width:100%;
        margin-bottom:4px;
        font-family:Trebuchet, arial, sans-serif;
        font-size:12px;
}
table.NewsMonth td {
        background-color:#597F26;
        color:#ffffff;
        font-weight:bold;
        font-size:12px;
        padding-left:10px;
        padding-right:10px;
}

div.NewsMonth {
        margin-bottom:10px;
        width:100%;
}
div.NewsMonth img {
        padding:5px;
}
div.newsweekcontainer {
float:right;
width:75%;
font-family:Trebuchet, arial, sans-serif;
        font-size:12px;
}
div.newsweeklistcontainer {
float:left;
width:25%;
}
/*--- end of news styles --*/

#ourpeople {
position:absolute;
top:415px;
left:30px;
z-index:92;
}
#spacer {
position:absolute;
top:20px;
left:20px;
z-index:99;
display:block;
width:180px;
height:100px;
float:left;
}
#rightanimation {
height:300px;
width:293px;
position:absolute;
left:666px;
top:7px;
}
#rightimg {
position:absolute;
left:660px;
top:170px;
width:310px;
}
#stafflogin {
position:absolute;
top:130px;
left:870px;
z-index:90;
width:104px;
height:26px;
}
#stafflogin a {
display:block;
background:url("/images/site-images/login-button.jpg") 0 0 no-repeat;
width:104px;
height:26px;
}
#stafflogin a:hover {
background-position:0 -26px;
}
input.loginsubmit {
background-color:#CCCC99;
border:1px solid #597F26;
color:#336600;
}

#whslideshow {
position:absolute;
top:18px;
left:650px;
z-index:90;
height:110px;
width:327px;
}