/*PAGE CONFIGURATION - this section defines body attributes and link text behviour*/
BODY {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: #FFFFFF;
	/*background-image: url(background.png);*/
}	
/*------------------------- -navigation start ------------*/
a:link {color: #FFFFFF; text-decoration: underline;
}
a:visited {color: #FFFFFF; text-decoration: underline; 
}
a:hover {color: green; text-decoration: none; background-color: #E8F5DE;
}
a:active { color:#000000; font-weight:normal;  background-color: #C9E00A; cursor: pointer;
}
/*------------------------- navigation end ------------*/

A {
	/*color: #000000;*/
	/*text-decoration: none;*/
	text-shadow:#000000; length:2em;
	font-weight:bolder;
	text-transform:uppercase;
}

/*A:HOVER {
	color: #000000;
	text-decoration: underline;
	font-weight:bolder;
}*/
/*------------------------- -navigation start ------------*/
a:link.breadcrumb {color: #669966; text-decoration: underline;
}
a:visited.breadcrumb {color: #669966; text-decoration: underline; 
}
a:hover.breadcrumb {color: green; text-decoration: none; background-color: #E8F5DE;
}
a:active.breadcrumb { color:#000000; font-weight:normal;  background-color: #C9E00A; cursor: pointer;
}
/*------------------------- navigation end ------------*/
/*LAYOUT - this is the fluid layout itself, composed of 5 boxes, and uses ID selectors*/

/*BOX 1 - a container that wraps around the entire content and constrains content to 80% of the browser window*/

div#container {
	position: relative;
	margin: 0 auto;
	width: 97%;
	padding: 10px;
	height: 100%; /*url(mainbox_bg.jpg);*/
	border: thin solid #006633;
	background-color: #669966;
	border: 2px solid #006666;
}

/*BOX 2 - the strap across the top of the page.  Defaults to 100% of the container size and is centred*/

div#banner {
	margin: 0 auto;
	position: relative;
}

/*BOX 3 - main content goes in here.  Width is 75% of the container box and it floats to the left*/

div#main {
	width:75%;
	float:left;
	background-color:#FFFFFF;
	padding: 10px;
	/*background-image: url(catbox_bg_start.gif);*/
	background-repeat: repeat-y;
	margin:10px;
    border: 2px solid #006666;

}

/*BOX 4 - navigation sidebar.  Width is the remainder of the container box and clear:right forces the next element to the bottom of the page*/


div#sidenav {
margin-top: 10px;
clear: right;
}

/*BOX 5 - bottom strap.  Width is full width of container box and the bar is centred*/

div#bottombar {
	margin: 0 auto;
	position: relative;
	height:30px;
	clear: both;
}
	
/*FORMATTING - these selectors change font styles and colours and are all CLASS selectors*/

.sidehead {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003333;
}

.sidebody {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

.subhead {
font-family : "Trebuchet MS", Verdana, Helvetics, Arial, sans-serif;
font-weight: bold;
font-size: 12px;
text-transform : uppercase;
letter-spacing : 0.5em;
}

.bodytext {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
}
img { border: none
align:center
clear: both;
}
.centretext {
text-align : center;
}
/*-------------------------------- -top advert -----------------*/
div.left {
text-align : left;
position:absolute;
right:-80px;
top:71px;
z-index:1;
background-color: #669966;
display:none;
}
/*-------------------------------- -top advert end -----------------*/
/*-------------------------------- -form -----------------*/
/*INPUT,*/ TEXTAREA, SELECT, OPTION {

background-color:#FFFFFF;
}
INPUT:hover, TEXTAREA:hover, SELECT:hover {
background-color:#E8F5DE;
}
.noborder { border:none;
}
/*-----------------------------end form-----------------*/
img.headerimg {
z-index:1;
}