@charset "UTF-8";
/* CSS Document */

body {
background-color:#C7E0CB;
width:100%;
font-size:62.5%;
font-family:Geneva, Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;}

#header {
height:220px;
width:100%;
margin: 0px auto 5px auto;
padding:0px;
color:#FFFFFF;
font-size:24px;
text-align:left;
}

#header a img {border:none;}

#logo {height:100px; padding:10px 0px; margin:0px;}


#webAddress {font-size:18px; font-weight:bold; color:#fff; width:200px; margin:0px 5px; padding:100px 0px 0px 0px; text-align:left;}

.clear {clear:both; margin:0px; padding:0px;}

#container {
margin:0px auto 0px auto;
padding: 0px ;
text-align:center;
width:790px;
min-height:708px;
background-color:#FFFFFF;
}

a:link { color:#006633; text-decoration:underline;}
a:visited {color:#006633; text-decoration:underline;}
a:hover { color:#3006633; text-decoration:none; }

/*-----Menu--------*/

#navigation {background:url(../contentImages/navBackground_green.gif) no-repeat; margin:5px 15px; padding:0px; height:40px;}

#menu {list-style-type:none; margin:0px 5px 0px 5px; padding:0; width:750px;}
#menu li {float:left; padding:0; margin:0 0; position:relative; width:125px; height:30px; z-index:100;}
#menu li dl {position:absolute; top:0; left:0; padding-bottom:0;}
#menu li a, #menu li a:visited {text-decoration:none; }
#menu li dd {display:none;}
#menu li a:hover {border:0;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {padding-bottom:10px;}
#menu table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}
#menu dl {width: 125px; margin: 0; padding: 0; background: transparent;}
#menu dt {margin:0; padding: 0;}

#menu dd {margin:0; padding:0; color: #fff; font-size: 11px; text-align:left;}

#menu dt a, #menu dt a:visited {display:block; font-size: 12px; color: #fff; text-align:center; padding:0.6em 0;}

#menu li:hover dt a, #menu a:hover dt a {color:#fff; background-color:#009933;  border-width:0 1px 0px 0px;}

#menu dd a, #menu dd a:visited {background:#009933; color:#fff; padding:0.5em 0.1em; text-decoration:none; display:block; text-align:center;}

#menu dd a:hover {background:#006600; color:#fff;}

.end {border:none;}

/*-----------ContentNav-----------*/

#contentNav {
margin:0px;
padding:0px;
text-align:right;
}

#contentNav dl {
margin:0px;
padding:0px 0px 0px 0px;
}

#contentNav dd {
display:inline;
padding:0px;
margin:0px;
}

#contentNav dd a {
padding:6px 15px 6px 15px;
margin-bottom:5px;
background:url(../contentImages/navOvr.jpg) repeat-x;
border:1px solid #ccc;
text-decoration:none;
font-size:11px;
font-weight:bold;
height:30px;
}

#contentNav dd a:hover {
color:#fff;
background:url(../contentImages/navHov.jpg) repeat-x;
border-bottom:1px solid #3366cc;
}


#contentArea {
padding:0px 10px;
text-align:left;
margin:0px 190px 0px 0px;
font-size:1.2em;
border-right:1px dotted #d7d7d7;
min-width:250px;
min-height:450px;
}

#contentArea table {width:99%; margin:0px; padding:0px; border-collapse:collapse;}
#contentArea table tr td {margin:2px 0px; padding:5px;}

#contentArea table  a img {border:none;}

.short {width: 13%; text-align:center;}
.end {width:150px;}


#contentArea ul {
margin:10px;
padding:5px 0px;
}

#contentArea li {
margin:0px 10px 2px 10px;
padding:2px 16px;
list-style-type:circle;
}

/*---------Full Area-------*/

#fullArea {
padding:0px 15px;
text-align:left;
margin:0px;
font-size:1.2em;
min-width:250px;
min-height:450px;
}

#fullArea table { margin:0px; padding:0px; border-collapse:collapse;}
#fullArea table tr td {margin:2px 0px; padding:5px;}

#fullArea table  a img {border:none;}

.short {width: 13%; text-align:center;}
.end {width:150px;}


#fullArea ul {
margin:10px;
padding:5px 0px;
}

#fullArea li {
margin:0px 10px 2px 10px;
padding:2px 16px;
list-style-type:circle;
}

/*--------Files---*/

#files { margin:20px 10px; padding:0px;}
#files legend { font-size: 14px; height:24px; color:#006633; font-weight:bold; margin: 0px; padding:9px 0px 3px 28px;}


/*---Image and Header styling---*/


.boxButton { margin:0px 5px 10px 5px; padding:0px }
.boxButton a img { border:none;} 

.right {float:right; margin:0px 0px 10px 10px; padding:1px; border:1px solid #ccc;}

.left {float:left;  margin:20px 10px 10px 0px; padding:1px; border:1px solid #ccc;}

h1 { font-size: 16px; height:24px; color:#fff; font-weight:bold; margin:5px 5px 10px 0px; padding:6px 0px 0px 30px; line-height:18px; }

h2 { font-size: 14px; height:14px; color:#006633; text-align:left; font-weight:bold; margin:5px 0px; padding:5px 0px; line-height: 14px;}
h3 { font-size: 14px; height:24px; color:#006633; font-weight:bold; margin: 0px; padding:9px 0px 3px 28px;}

.box {border:1px solid #ccc; padding:0px; margin:0px;}
.box p {padding:5px;}
.box ul {margin:0px; padding:0px;}


/*------Classes---*/

.arrow {background:#006633 url(../contentImages/h1arrow_green.jpg) 2px 50% no-repeat; height:24px;}
.news {background: url(../contentImages/megaphone.gif) 0 50% no-repeat; height:24px;}
.newsW {background: url(../contentImages/megaphoneW.gif) 0 50% no-repeat; height:24px;}
.search {background: url(../contentImages/search.gif) 0 50% no-repeat; height:24px;}
.files {background: url(../contentImages/files.gif) 0 50% no-repeat; height:24px;}


#left {
float:right;
width:170px;
margin:10px 15px 0px 0px;
padding:0px;
}

*html body #left { margin:10px 0px 0px 0px; }

#left dl {
margin:0px;
padding:0px;
font-size:1.2em;
text-align:left;
}

#left dt {
margin:0px;
padding:5px 2px;
text-decoration:none;
border-bottom:1px solid #ccc;
}

#left dd {
margin:0px 0px;
padding:0px 0px;
}

#left dd ul { margin:10px 0px; padding:0px;}

#left dd li { list-style:none; margin:10px 5px; padding: 0px;}

#left dd li a { text-decoration:none; border-bottom:1px solid #ccc; display:block; padding:5px; }


#left dt a {
margin:0px;
padding:5px;
text-decoration:none;
font-weight:300;
font-size:1.2em;
color:#333333;
display:block;
}

#left dt a:hover {
background:url(../contentImages/navArrow.gif) right no-repeat #3366cc;
color:#fff;
}

.advert {
width:200px;
border:none;
padding:0px;
margin:10px 0px;
}

/*------------Projects Nav-------------*/

#projectsNav {
float:right;
width:160px;
margin:10px 15px 0px 0px;
padding:0px;
text-align:left;
}

#projectsNav dl {
margin:0px;
padding:0px;
font-size:1.2em;
text-align:left;
}

#projectsNav dt {
margin:0px;
padding:5px 2px;
text-decoration:none;
border-bottom:1px solid #ccc;
}

#projectsNav dd {
margin:0px 0px;
padding:0px 0px;
}

#projectsNav dt a {
margin:0px;
padding:5px 5px 5px 18px;
text-decoration:none;
font-weight:300;
font-size:11px;
color:#333333;
display:block;
background:#fff url(../contentImages/projectNavN.gif) no-repeat 2px 50%;
}

#projectsNav dt a:hover {
color:#FFFFFF;
background:#006633 url(../contentImages/projectNavO.gif) no-repeat 2px 50%;
}


/*------news PAges-----------*/

#newsRight {
float:right;
width: 180px;
margin:0px 5px;
padding:5px;
}


#newsDates {
border:1px solid #006633;
margin:0px 0px 10px 0px;
padding:5px;
background-color:#DFE6EE;
color:#333;}


#newsDates  dt {
margin:5px 0px;
padding:0px;
border-bottom:1px solid #ccc;
font-size:14px;
cursor:hand;
}

#newsDates dt a { color:#003366; background:url(../contentImages/newsExpand.gif) no-repeat 0 50%; text-decoration:none; padding:5px 3px 5px 13px; margin:0px; display:block;  }
#newsDates dt a:hover {background-color:#FFFFFF;}

#newsDates dd {
margin:0px 0px;
padding:0px 0px;
}

#newsDates dd ul { margin:0px 0px; padding:0px; }
#newsDates dd li { list-style:none; margin:0px; text-decoration:none; padding:5px 0px ; }
#newsDates dd li a {color:#000000; }
#newsDates dd li a:hover {color:#006633; }

.contentBox {
border:1px solid #006633;
margin:0px 0px 10px 0px;
padding:5px;
color:#333;
background-color:#DFE6EE;
}

.contentBox dl {
margin:0px;
padding:0px;
}

.contentBox dd {
margin:0px;
padding:0px;
border-bottom:1px solid #ccc;
}

.contentBox dd a { color:#333333; text-decoration:none; padding:3px; margin:3px 0px; }
.contentBox dd a:hover {background-color:#FFFFFF;}

#newsLeft {
margin:0px 210px 0px 0px;
padding:10px;
}

.info { border:2px solid #ccc; background-color:#f3f3f3; padding:3px; text-align:center; color:#333; font-size:11px; }

hr { background-color:#6633CC; height:1px;}

#footer {
margin:0px auto ;
padding:0px 0px 10px 0px;
height:110px;
width:790px;
background:url(../contentImages/footer_green.gif) no-repeat top left;
}

#footerLogos { margin:0px; padding:10px; }
#footerLogos a img {border:none;}

#footer p { margin:0px; padding:0px 5px 0px 5px; font-size:11px; text-align:center; color:#006633;}

#footer a {color:#006633 text-decoration:underline;}
#footer a:hover { color:#000; text-decoration:none;}

/*----------Enquiry Form-------*/
#enquiryForm {margin:0px 0px;  }
#enquiryForm p{font-size:1.2em; color:#000; margin:3px; padding:5px 30px; text-align:left;}
#enquiryForm legend{font-size:1.2em; font-weight:bold; color:#006633;}
#enquiryForm fieldset {border:1px solid #ccc;padding:5px 30px; width:382px; margin:10px 25px;}
.input {border:1px solid #ccc; width:300px;}
textarea {border:1px solid #ccc; width:300px; height:100px; font-family:Arial, Helvetica, sans-serif;}

.messageEnq {border: 2px solid #006633; width:500px; background-color:#DAF0D5; color:#006633; font-weight:bold; padding:5px; text-align:center;}

/*---------User Admin Login---*/
.message { border:3px solid #0066CC; color:#0066CC; font-size:14px; font-weight:bold; background: #DBEEF2
url(../contentImages/message.gif) no-repeat 10px 50% ; padding:10px; text-align:center;}
.messAdd { border:3px solid #006600; color:#006600; font-size:14px; font-weight:bold; background: #E4F8EE  url(../contentImages/message.gif) no-repeat 10px 50% ; padding:10px; text-align:center;}
.messEdit { border:3px solid #ff9900; color:#FF9900; font-size:14px; font-weight:bold; background: #FFCC99 url(../contentImages/message.gif) no-repeat 10px 50% ; padding:10px; text-align:center;}
.messDelete { border:3px solid #FF0000; color:#FF0000; font-size:14px; font-weight:bold; background: #FFCCCC url(../contentImages/message.gif) no-repeat 10px 50% ; padding:10px; text-align:center;}

.display { width:200px; border:1px solid #666; color:#666; font-size:11px; font-weight:bold; background: #F7f7f7; padding:3px; text-align:center;}

.boxOutGreen { padding:5px; background-color:#DCE9E1; border:2px solid #006633; text-align:center; color:#006633; }