 @charset "UTF-8";
/* CSS Document */

body {
width:100%;
font-size:62.5%;
font-family:Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;}

#header {
height:130px;
width:100%;
margin: 0px;
padding:0px;
color:#FFFFFF;
font-size:24px;
text-align:left;
}

#header a img {border:none;}

#logo {float:left; height:100px; width:350px; padding:10px 0px; margin:0px;}

#topDetails { margin:0px 5px; padding:15px 0px 10px 0px; font-size:10px; color:#CCCCCC; float:right; text-align:right; width:250px;}

#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:10px auto;
padding:10px 20px;
text-align:center;
width:80%;
min-height:708px;
background-color:#FFFFFF;
border:1px solid #666;
min-width:800px;
}

*html body #container { width:93%;}

a:link { color:#66CC33; text-decoration:underline;}
a:visited {color:#009933; text-decoration:underline;}
a:hover { color:#00CC33; text-decoration:none; }

.shortinput { border:1px solid #333; width:150px;}

/*-----------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 4px 6px 4px;
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 #b7d974;
}


#contentArea {
padding:10px;
text-align:left;
margin:6px 0px 0px 220px;
font-size:1.2em;
border:1px solid #ccc;
min-width:350px;
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:0px;
}

#contentArea li {
margin:0px 10px;
padding:5px 0px 5px 16px;
list-style-type:circle;
}

.indexArticle { font-size:11px; padding:0px 0px 3px 0px; margin:0px; border-bottom:1px solid #ccc;}

/*---------Directors------------*/

.director a img { border:1px solid #ccc; padding:5px;}
.director p { margin:2px 0px; padding:0px;}


/*---Image and Header styling---*/

.right {float:right; margin:0px 0px 10px 10px; padding: 1px; border:1px solid #ccc;}

.left {float:right;  margin:0px 0px 10px 10px; padding:1px; border:1px solid #ccc;}

h1 { font-size: 18px; height:20px; color:#333; font-weight:bold; margin:5px 0px 10px 0px; padding:2px 0px 2px 22px; line-height:18px; }

h2 { font-size: 14px; height:16px; color:#666; font-weight:bold; margin:5px 0px; padding:5px 0px 10px 0px; line-height: 16px;}
h3 { font-size: 14px; height:14px; color:#FFFFFF; background-color:#777; font-weight:bold; margin: 0px; padding:5px; line-height: 14px;}

.box {border:1px solid #ccc; padding:0px; margin:0px;}
.box p {padding:5px;}
.box ul {margin:0px; padding:0px;}

.arrow {background:url(../contentImages/h1arrow.jpg) 0 50% no-repeat; height:20px;}
.email{background:url(../contentImages/h1email.gif) 0 50% no-repeat; height:20px;}
.link{background:url(../contentImages/h1Link.gif) 0 50% no-repeat; height:20px;}
.directory{background:url(../contentImages/h1Directory.gif) 0 50% no-repeat; height:20px;}
.news{background:url(../contentImages/h1News.gif) 0 50% no-repeat; height:20px;}
.forum{background:url(../contentImages/h1Forum.gif) 0 50% no-repeat; height:20px;}
.echo{background:url(../contentImages/h1Echo.gif) 0 50% no-repeat; height:20px;}


#left {
float:left;
width:200px;
margin:0px;
padding: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:0px; padding:0px;}

#left dd li { list-style:none; margin: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.4em;
color:#333333;
display:block;
}

#left dt a:hover {
background:url(../contentImages/navArrow.gif) right no-repeat #b7d974;
color:#fff;
}

.advert {
width:200px;
border:none;
padding:0px;
margin:10px 0px;
}

/*-------Image Gallery Styling-----------*/

.thumbImg { float:left; margin:0px 5px 30px 5px; padding:0px; border:1px solid #ccc; list-style:none;}
.caption { padding:5px; margin:0px;}

.clear {clear:both; margin:0px; padding:0px; height:1px;}



/*------news PAges-----------*/

#newsThumb {
height:150px;
}



#newsRight {
float:right;
width: 160px;
margin:0px 0px 0px 5px;
padding:5px;
}

#newsRight p { margin:0px; padding:0px;}


#newsDates {
border:3px solid #ccc;
margin:0px 0px 10px 0px;
padding:5px;
background-color:#D3EDBC;
color:#333;}

#newsDates h2 { font-size:12px; }

#newsDates  dt {
margin:5px 0px;
padding:0px;
border-bottom:1px solid #ccc;
font-size:11px;
cursor:hand;
}

#newsDates dt a { color:#333333; text-decoration:none; padding:5px 3px; 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:#006600; }

.contentBox {
border:3px solid #ccc;
margin:0px 0px 10px 0px;
padding:5px;
color:#333;
background-color:#D3EDBC;
}

.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 {
border:1px solid #ccc;
margin:0px 180px 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;}

#documents { margin:10px; padding:10px; background-color:#f3f3f3; border:2px solid #ccc; color:#333333;}
#documents h2 { margin:2px 0px; padding:0px;}


#footer {
margin:0px auto;
height:20px;
}

#footer p { margin:0px; padding:5px; font-size:11px; text-align:center; color:#FFFFFF;}

/*----------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.4em; font-weight:bold; color:#66cc33;}
#enquiryForm fieldset {border:1px solid #ccc;padding:5px 20px;  margin:10px 25px;}
.input {border:1px solid #ccc; width:280px;}
textarea {border:1px solid #ccc; width:300px; height:100px; font-family:Arial, Helvetica, sans-serif;}
.message {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 { float:right; width:200px; border:1px solid #666; color:#666; font-size:11px; font-weight:bold; background: #F7f7f7; padding:3px; text-align:center;}

.eventNews { font-size: 14px; height:14px; color:#66CC33;  font-weight:bold; margin: 0px; padding:5px; line-height: 14px; }

.gallery { border:1px solid #ccc; padding:1px; margin:0px; }

.forumdateclass { display:none}