/* Body definition */
body {background-image: url(images/watermark.gif); background-repeat: no-repeat;
	background-color : #ffffff; font-size: small; color: #003300; font-style: normal;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; line-height : 18px;
	margin-top : 0; padding-top : 0; }

/* Normal paragraph text, left, centered and right aligned text, links and lists*/	
p {font-size: small; color: #003300; font-style: normal; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 18px; vertical-align: top; text-align: justify; }
ul {line-height: 20px;}
.center {text-align: center;}
.rightalign {text-align: right; vertical-align : top;}
.leftindent {text-align: justify; vertical-align : top; margin-left : 20px;}

a:link {font-size: small; color: #660033; text-decoration: underline;}
a:hover {font-size: small; color: #ff6600; text-decoration: none;}
a:visited {font-size: small; color: #660033; text-decoration: underline;}

/* Classes to prevent browsers displaying headings that are named for targeted links, but not actually
internet hyperlinks from showing as links by underline or colour */
a.name {text-decoration: none;}
a:link.name {color: #003300; text-decoration:none;}
a:hover.name {color: #ff6600; text-decoration:none;}
a:visited.name {color: #003300; text-decoration:none;}	


/* Headings and titles */
h1 {font-size: medium; font-style : normal; font-weight : bold; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; color : #003300;}
h2 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #003300; font-style : normal; font-weight : 700; font-size : small; vertical-align : top;}
h3 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #ff6600; font-style: normal; font-weight: 700; font-size: small;}


/*Styles for variations of normal text*/

.ten {font-size: x-small; text-align: left; line-height : 15px;}
a.ten:link {font-size: x-small; color: #660033; text-decoration: underline;}
a.ten:hover {font-size: x-small; color: #ff6600; text-decoration: none;}
a.ten:visited {font-size: x-small; color: #660033; text-decoration: underline;}
	
.centertengreen {font-size: x-small; color: #003300; text-align: center;}	
.centerten {font-size: x-small; color: #ff6600; text-align: center; line-height : 15px;}	

.eleven {font-size: x-small; line-height: 15px;}
a.eleven:link {font-size: x-small; color: #660033; text-decoration: underline;}
a.eleven:hover {font-size: x-small; color: #ff6600; text-decoration: none;}
a.eleven:visited {font-size: x-small; color: #660033; text-decoration: underline;}

.banner {background-color: #ffffff; font-size: large; color: #ff6600; text-align: center; line-height: 15px;}
a.banner:link {color: #660033; text-decoration: underline;}
a.banner:hover {color: #ff6600; text-decoration: none;}
a.banner:visited {color: #660033; text-decoration: underline;}

span.big {font-size: large; font-weight: bold; font-style: italic;}
span.bold {font-weight: bold;}
span.bigbold {font-size: medium; font-weight: bold;}
span.highlight {color: #ff0000; font-weight: bold;}
span.smallorange {font-size: x-small; color: #ff6600;}
span.bigorange {font-size: large; color: #ff6600;}

/* Styles for copyright and designed by statements*/

.end {font-size: x-small;}
a.end:link {font-size: x-small; text-decoration: none;}
a.end:hover {font-size: x-small; font-weight: normal; text-decoration: underline;}
a.end:visited {font-size: x-small; text-decoration: none;}	

.endright {font-size: x-small; text-align: right;}
a.endright:link {font-size: x-small; text-decoration: none;}
a.endright:hover {font-size: x-small; text-decoration: underline; font-weight: normal;}
a.endright:visited {font-size: x-small; text-decoration: none;}


/* Menu controls */	
.menu { position: absolute; visibility: hidden; background-color: #336600;
	width: 150px; height: auto; border-style: solid; border-color: #ccd8cc;
	border-width: 2px; padding: 4px; font-size: 70%; font-family: Verdana,  Arial, Geneva, Helvetica, sans-serif;
	line-height: 20px; color: #ffffff; text-decoration: none;}
.menu a {font-weight: normal; color: #ffffff;}	
.menu a:link {font-weight: normal; color: #ffffff; }
.menu a:visited {font-weight: normal; color: #ffffff;}
.menu a:hover {font-weight: normal; color: #ff9933;}	

#menu1 {width: 110px;}
#menu2 {width: 195px;}
#menu3 {width: 100px; }
#menu4 {width: 135px; }
#menu5 {width: 100px; }
#menu6 {width: 135px; }


/*News table controls*/
table#news {background-color: #ffffff; border: 1px solid #003300;	width: 85%; padding: .3em;}
table#news td {border: 1px solid #003300; vertical-align: top; width : auto;}
table#news td.head {background-color: #fff7f2; vertical-align: middle;}
table#news td.month {background-color: #fff7f2; vertical-align: middle;}
table#news td.white {background-color:#ffffff;}
table#news td.green {background-color:#;}

table#gallery {margin-left:10px;}
table#gallery td.gallery {border: 1px solid #f2ebd0;  text-align: center;  }
table#gallery td.noborder {text-align: center;}

td.gallnav {font-size: small;}
td.gallnav a {font-size: small;}
td.gallnav span.greyout {font-size: small; color: #abbcab;}

#frame {background-color: #fbfcfa; margin: 10px; padding: 10px; text-align: center;
border-top: 3px solid #8fa877; border-left: 3px solid #8fa877; border-bottom: 3px solid #1f3f00; border-right: 3px solid #1f3f00;}
img.gallery {border-top: 3px solid #8fa877; border-left: 3px solid #8fa877; border-bottom: 3px solid #1f3f00; border-right: 3px solid #1f3f00;}
img.floatleft {float: left; padding: 10px 20px 20px 10px; border: none;}
img.floatleftextra {float: left; padding: 20px 20px 30px 10px; border: none;} /* Allows extra space underneath the image */
img.floatright {float: right; padding: 10px 0 20px 20px; border: none;}
img.floatrightextra {float: right; padding:0 0 20px 30px; border: none;} /* Allows extra space underneath the image */
.clear {clear: both;}
div.floatright {float: right; padding:0 0 20px 20px; border: none; text-align: center;}
div.floatleft {float: left; padding:0 20px 20px 0; border: none; text-align: center;}
div.imgright {float: right; padding:0 0 20px 30px; border: none; width: 250px;}
div.imgleft {float: left; padding:0 30px 20px 0px; border: none; width: 250px;}
div.imgleft180 {float: left; padding:0 30px 20px 0px; border: none; width: 180px; text-align: center;}
div.imgleft250 {float: left; padding:0 30px 20px 0px; border: none; width: 250px; text-align: center;}
div.pulloutright {float: right; margin: 10px 0 10px 10px; padding:10px; border: 1px solid #f2ebd0; width: 27%;}
div.pulloutright p {color: #6d996d; font-size: 10px;}

textarea {font-size: small; font-style: normal; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}