/* THREE COLUMN LAYOUT */

/*padd the */
* {
	margin:0;
	padding:0;
	}
body {
	text-align:center;  /* IE6 needs this to center the layout in the browser window */
	}
#main_wrapper {
	width:990px; /* widths of columns will scale proportionately as this width is changed */
	margin-left:auto;  /* centers max'd layout in browser */
	margin-right:auto; /* centers max'd layout in browser */
	text-align:left;
	margin-top: 5px;
	}	
/*heading wrapper*/
#header_wrapperfullwidth {
	float: left;
	width: 978px;
	height: auto;
	position: relative;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	}
#header_wrapperleft {
	float: left;
	width: 300px;
	height:auto;
	}	
#header_wrapperright {
	float: right;
	width: 550px;
	height:auto;
	text-align: right;
	}	
/*contentrow1 holds the main logo across the page*/	
#contentrow1 {
	float: left;
	width: 988px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	position: relative;
	height: auto;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #00A5CE;
	}
/*Holds the foot menu*/
#navigationbar {
	float: left;
	width: 988px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	position: relative;
	height: auto;
	text-align: center;
	padding-top: 2px; 
	}
/*holds the breadcrumb menu*/	
#breadcrumb {
	float: left;
	width: 968px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	position: relative;
	height: auto;
	padding-left: 15px;
	padding-right: 5px;
	}
/*holds the first row of content*/						
#contentrow2 {
	float: left;
	width: 988px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	position: relative;
	height: auto;
	padding-top: 0px;
	}
/*inner layer contentrow2*/
#contentrow2_inner{
	float: left;
	width: 60%;
	position: relative;
	height: auto;
	padding-left: 15px;
	padding-top: 15px;
	}
#contentrow2_innerform{
	float: right;
	width: 33%;
	position: relative;
	height: auto;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	background-color: #00a6cc;
	}
#contentrow2_innervideo{
	float: left;
	width: 45%;
	position: relative;
	height: auto;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	}
#contentrow2_innervideo_text{
	float: left;
	width: 50%;
	position: relative;
	height: auto;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	}
/*layers for the team*/
#contentrow2_team {
	float: left;
	width: 958px;
	position: relative;
	height: auto;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	}
#contentrow3_team {
	float: left;
	width: 958px;
	position: relative;
	height: auto;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	}	
#contentrow4_team {
	float: left;
	width: 958px;
	position: relative;
	height: auto;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	}
#contentrow5_team {
	float: left;
	width: 958px;
	position: relative;
	height: auto;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	}
#contentrow6_team {
	float: left;
	width: 958px;
	position: relative;
	height: auto;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	}
#contentrow7_team {
	float: left;
	width: 958px;
	position: relative;
	height: auto;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	}	
#contentrow8_team {
	float: left;
	width: 958px;
	position: relative;
	height: auto;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	}
#contentrow9_team {
	float: left;
	width: 958px;
	position: relative;
	height: auto;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	}	
#contentrow10_team {
	float: left;
	width: 958px;
	position: relative;
	height: auto;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	}			
#contentrow11_team {
	float: left;
	width: 958px;
	position: relative;
	height: auto;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	}	
#contentrow12_team {
	float: left;
	width: 958px;
	position: relative;
	height: auto;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	}		
#contentrow13_team {
	float: left;
	width: 958px;
	position: relative;
	height: auto;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	}	
#contentrow14_team {
	float: left;
	width: 958px;
	position: relative;
	height: auto;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	}	
#contentrow15_team {
	float: left;
	width: 958px;
	position: relative;
	height: auto;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	}	
#contentrow2_col1 {
	float: left;
	width: 330px;
	position: relative;
	height: auto;
	padding: 5px;
	}		
#contentrow2_col2 {
	float: left;
	width: 648px;
	position: relative;
	height: auto;
	padding: 0px;
	}	
#menus {
	float: left;
	clear:both;
	width: 648px;
	position: relative;
	height: auto;
}
/*menus are the coloured blocks under the photo on the main page*/
#menu1 {
	float:left;
	width: 162px;
	position: relative;
	height: 40px;
	background-color: #99CA3C;
}
#menu2 {
	float:left;
	width: 162px;
	position: relative;
	height: 40px;
	background-color: #FFC20E;
}
#menu3 {
	float:left;
	width: 162px;
	position: relative;
	height: 40px;
	background-color: #CC0000;
}
#menu4 {
	float:left;
	width: 162px;
	position: relative;
	height: 40px;
	background-color: #FF8500;
}	
/*this holds the four standard width columns for any additional text*/	
#contentrow3 {
	float: left;
	width: 988px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	position: relative;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	}	
#contentrow3_col1 {
	float: left;
	width: 315px;
	position: relative;
	height: auto;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E6E6E6;
	margin-top: 10px;
	}
#contentrow3_col2 {
	float: left;
	width: 315px;
	position: relative;
	height: auto;
	margin-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 13px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E6E6E6;
	margin-top: 10px;
	}
#contentrow3_col3 {
	float: left;
	width: 300px;
	position: relative;
	height: auto;
	padding: 5px;
	margin-left: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E6E6E6;
	margin-top: 10px;
	}
#contentrow3_col1a {
	float: left;
	width: 636px;
	position: relative;
	height: auto;
	padding: 5px;
	}
/*these hold the video links*/
#contentrow3_col1video {
	float: left;
	width: 626px;
	position: relative;
	height: auto;
	padding: 5px;
	}	
#contentrow3_col1video1 {
	float: left;
	width: 645px;
	position: relative;
	height: auto;
	padding: 5px;
	}		
#contentrow3_col1video3 {
	float: left;
	width: 300px;
	position: relative;
	height: auto;
	margin-left: 5px;
	padding: 5px;
	}
/*this is the news section on the homepage*/
#main_wrapper #contentrow3 #contentrow3_col1video1 #news1 {
	padding: 5px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: -5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	background-color: #F7FBEE;
}
#main_wrapper #contentrow3 #contentrow3_col1video1 #news3 {
	padding: 5px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: -5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	background-color: #F7FBEE;
}
/*this is the Upcoming events section on the homepage*/
#main_wrapper #contentrow3 #contentrow3_col1video1 #news2 {
	padding: 5px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: -5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	background-color: #ff8500;
}
/*this gives bulleted list in centre col on homepage*/				
#main_wrapper #contentrow3 #contentrow3_col2 li {
	display: block;
}
/*bottom menu textural spanning whole page width*/
#bottommenu {
	float: left;
	width: 978px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	height: auto;
	padding: 5px;
	text-align: center;
	}
	
/*footer spanning whole page width*/
#footer {
	float: left;
	width: 978px;
	border: 1px solid #CCCCCC;
	height: auto;
	padding: 5px;
	background-color: #00a5ce;
	text-align: center;
	}
/*text styles from here--------------------------------------------------------------------*/

/*normalise margin, padding*/
body,div,dl,dt,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,a
{ margin:0; padding:0; }

/*normalise font size for headers*/
h1,h2,h3,h4,h5,h6
{ font-size:100%; }

/*remove list styles*/
ol,ul
{
list-style:none;
margin-bottom: 5px;
}

/*normalise font weight and font style to normal*/
address,caption,cite,code,dfn,em,strong,th,var
{ font-style:normal; font-weight:normal; }

/*remove table styles from tables*/
table
{ border-collapse:collapse; border-spacing: 0; }

/*remove border from fieldset and img*/
fieldset,img
{ border:0; }

/*left aligns text in caption and th*/
caption,th
{ text-align:left; }
/*display list inline unless told otherwise*/
li
{
	display: inline;
	padding-right: 5px;
}
/*main styles*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 105%;
}
/*style sheet selections*/
#header_wrapperfullwidthaccess {
	color: #CCCCCC;
}
/*accessibility stuff*/
#header_wrapperleft {
	color: #CCCCCC;
}
#main_wrapper #header_wrapperfullwidth #header_wrapperleft a:link{
	font-size: 55%;
	color: #666666;
	text-decoration: none;
}
#main_wrapper #header_wrapperfullwidth #header_wrapperleft a:hover{
	font-size: 55%;
	color: #000000;
	text-decoration: underline;
}
#main_wrapper #header_wrapperfullwidth #header_wrapperleft a:visited{
	font-size: 55%;
	color: #999999;
}
/*search box styles*/
#main_wrapper #header_wrapperfullwidth #header_wrapperright label {
	font-size: 80%;
	font-weight: normal;
	color: #000066;
}
#main_wrapper #header_wrapperfullwidth #header_wrapperright input {
	background-color: #FFFFCC;
	color: #000066;
}
/*logo stuff*/
#main_wrapper #contentrow1 h1 {
	font-size: 170%;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 0px;
}
/*breadcrumb layer*/
#main_wrapper #breadcrumb a:link{
	font-size: 70%;
	color: #000066;
	text-decoration: none;
}
#main_wrapper #breadcrumb a:hover{
	font-size: 70%;
	color: #000066;
	text-decoration: underline;
}
#main_wrapper #breadcrumb a:visited{
	font-size: 70%;
	color: #999999;
	text-decoration: none;
}
/*google calendar on home page*/
#main_wrapper #contentrow2 #contentrow2_col1 h1 {
	font-size: 100%;
	font-weight: normal;
	color: #cc0000;
}
/*bottom three columns*/
#main_wrapper #contentrow3 #contentrow3_col1video1 h1 {
	font-size: 100%;
	font-weight: bold;
	color: #000066;
	padding-bottom: 5px;
	padding-top: 10px;
}
#main_wrapper #contentrow3 #contentrow3_col1video1 form {
	padding: 10px;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #E8E8E8;
	border-bottom-color: #E8E8E8;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #E8E8E8;
	background-color: #FFFDFD;
}
#main_wrapper #contentrow3 #contentrow3_col1video1 label {
 font-weight: bold;
	color: #cc0000;
}
#main_wrapper #contentrow3 #contentrow3_col1video1 #register {
	font-size: 90%;
	color: #000000;	
}
#main_wrapper #contentrow3 #contentrow3_col1video1 input {
 padding-left: 2px;
	padding-right:2px;
	padding-top: 2px;
	padding-bottom:2px;
	margin-left: 10px;
	background-color: #ffffff;
	color: #cc0000;
}
#main_wrapper #contentrow3 #contentrow3_col1video1 strong {
	font-size: 90%;
	font-weight: bold;
	padding-bottom: 0px;
	padding-right: 3px;
	color: #304730;
}
#main_wrapper #contentrow3 #contentrow3_col1video1 #news1 {
	color: #436543;
	line-height: 20px;
}
#main_wrapper #contentrow3 #contentrow3_col1video1 #news1 a:link{
	color: #436543;
	line-height: 20px;
	text-decoration: underline;
}
#main_wrapper #contentrow3 #contentrow3_col1video1 #news1 a:hover{
	color: #000066;
	line-height: 20px;
	text-decoration: underline;
}
#main_wrapper #contentrow3 #contentrow3_col1video1 #news1 a:visited{
	color: #436543;
	line-height: 20px;
	text-decoration: none;
}
#main_wrapper #contentrow3 #contentrow3_col1video1 #news2 {
	color: #ffffff;
	font-size: 90%;
	font-weight: bold;
}
#main_wrapper #contentrow3 #contentrow3_colvideo1 h1 {
	font-size: 90%;
	font-weight: bold;
	color: #000066;
	padding-bottom: 10px;
}
#main_wrapper #contentrow3 #contentrow3_col2 li {
	font-size: 75%;
	font-weight: bold;
	color: #000066;
	padding-bottom: 2px;
	display: block;
}
#main_wrapper #contentrow3 #contentrow3_col2 h2 {
	font-size: 90%;
	font-weight: bold;
	color: #000066;
	padding-bottom: 10px;
}
#main_wrapper #contentrow3 #contentrow3_col3 h2 {
	font-size: 90%;
	font-weight: bold;
	color: #000066;
	padding-bottom: 10px;
}
#main_wrapper #contentrow3 p {
	font-size: 80%;
	font-weight: normal;
	color: #000066;
	padding-bottom: 10px;
}
#main_wrapper #contentrow3 a:link{
	font-size: 100%;
	color: #009933;
	text-decoration: underline;
}
#main_wrapper #contentrow3 a:hover{
	font-size: 100%;
	color: #000033;
	text-decoration: underline;
}
#main_wrapper #contentrow3 a:visited{
	font-size: 100%;
	color: #333333;
	text-decoration: underline;
}
/*These are the useful downlaod styles*/
#main_wrapper #contentrow3 #contentrow3_col1video3 h3 {
	font-size: 100%;
	font-weight: bold;
	color: #CC0000;
	padding-top: 10px;
	padding-bottom: 5px;
}
#main_wrapper #contentrow3 #contentrow3_col1video3 li {
	display: block;
	font-size: 80%;
	color: #0000FF;
}
/*bottom menu*/
#main_wrapper #bottommenu ul{
	padding: 0px;
}
#main_wrapper #bottommenu li{
	padding-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#main_wrapper #bottommenu a:link{
	font-size: 70%;
	color: #000066;
	text-decoration: none;
}
#main_wrapper #bottommenu a:hover{
	font-size: 70%;
	color: #000066;
	text-decoration: underline;
}
#main_wrapper #bottommenu a:visited{
	font-size: 70%;
	color: #999999;
	text-decoration: none;
}
/*footer stuff*/
#main_wrapper #footer address {
	font-size: 70%;
	font-weight: normal;
	color: #FFFFFF;
}
#main_wrapper #footer p {
	font-size: 70%;
	font-weight: normal;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
/*contwentrow2 h1, h2, h3 for heading of each page other than home*/
#main_wrapper #contentrow2 #contentrow2_inner h1 {
	font-family: "Comic Sans MS";
	font-size: 100%;
	font-weight: bold;
	color: #000066;
	padding-bottom: 5px;
}
#main_wrapper #contentrow2 #contentrow2_innervideo h1 {
	font-family: "Comic Sans MS";
	font-size: 100%;
	font-weight: bold;
	color: #000066;
	padding-bottom: 5px;
}
#main_wrapper #contentrow2 #contentrow2_innervideo_text h1 {
	font-family: "Comic Sans MS";
	font-size: 100%;
	font-weight: bold;
	color: #000066;
	padding-bottom: 5px;
}
#main_wrapper #contentrow2 #contentrow2_inner h2 {
	font-family: "Comic Sans MS";
	font-size: 90%;
	font-weight: bold;
	color: #000066;
	padding-bottom: 5px;
}
#main_wrapper #contentrow2 #contentrow2_inner h3 {
	font-family: "Comic Sans MS";
	font-size: 80%;
	font-weight: bold;
	color: #000066;
	padding-bottom: 5px;
}
#main_wrapper #contentrow2 #contentrow2_inner a:link{
	color: #436543;
	line-height: 20px;
	text-decoration: underline;
}
#main_wrapper #contentrow2 #contentrow2_inner a:hover{
	color: #000066;
	line-height: 20px;
	text-decoration: underline;
}
#main_wrapper #contentrow2 #contentrow2_inner a:visited{
	color: #436543;
	line-height: 20px;
	text-decoration: none;
}
#main_wrapper #contentrow2 #contentrow2_inner li{
	font-size: 80%;
	color: #000066;
	display: block;
}
#main_wrapper #contentrow2 p {
	font-size: 80%;
	font-weight: normal;
	color: #000066;
	padding-left: 0px;
	padding-bottom: 10px;
}
#main_wrapper #contentrow2 strong {
	font-weight: bold;
}
#main_wrapper #contentrow2 em {
	color: #000066;
	font-weight: bold;
}
#main_wrapper #contentrow2 #contentrow2_team h2 {
	font-size: 100%;
	margin-top: 5px;
}
#main_wrapper #contentrow2 td {
	text-align: left;
	padding-top: 10px;
}
/*formstyles*/
#main_wrapper #contentrow2 #contentrow2_innerform legend {
	font-size: 80%;
	font-weight: bold;
	color: #FFFFFF;
}
#main_wrapper #contentrow2 #contentrow2_innerform label {
	font-size: 80%;
	color: #ffffff;
}
#main_wrapper #contentrow2 #contentrow2_innerform h1 {
	color: #FFFFFF;
	font-size: 90%;
}
#main_wrapper #contentrow2 #contentrow2_innerform td {
	font-size: 80%;
}
#main_wrapper #contentrow2 #contentrow2_innerform fieldset {
	color: #ffffff;
	border: 1px solid #FFFFFF;
	padding: 5px;
}

.formboxes {
	background-color: #FFFFCC;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
}