body { margin: 0; padding: 0; background: #ffffff url(http://www.communityimage.co.uk/images/background.jpg) center top no-repeat; text-align:center;}
	
	#frame {
		width:848px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px;
		text-align:left;
		}
		
	#contentheader {
		height:116px;
		background:#999999;
		background-image:url(http://www.communityimage.co.uk/images/header.jpg);
		background-repeat:no-repeat;
		padding-left:201px;
		padding-right:0px;
		padding-top:0px;
		padding-bottom:0px;
		}
		
	#contentheader p {
		font-size:14px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		text-align:left;
		line-height:25px;
		color:#003366;
		padding:0px;
		margin:0px 10px 0px 10px;
		vertical-align:middle;
		}
		
	#contentheader h1 {
		font-size:16px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		text-align:right;
		color:#000000;
		padding:10px;
		margin:0px 0px 0px 0px;
		}
		
	#contentheader a:link {
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#666666;
		text-decoration: none;
		}
	
	#contentheader a:visited {
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#666666;
		text-decoration: none;
		}
	
	#contentheader a:hover {
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#ffffff;
		text-decoration: none;
		background-color:#003366;
		}
	
	#contentheader a:active {
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#003366;
		text-decoration: none;
		}
		
	#contentheader #mainlinks {
		height: 50px;
		float: left;
		padding:0px;
		margin-top:56px;
		}
	#contentheader #mainlinksspacer {
		width: 1px;
		height: 50px;
		float: left;
		padding:0px;
		margin-top:56px;
		background-color:#003366;
		}
		
	#contentheader #mainlinks2 {
		height: 50px;
		float: left;
		padding:0px;
		margin-top:56px;
		}
		
	#contentheader #mainlinks3 {
		height: 50px;
		float: left;
		padding:0px;
		margin-top:56px;
		}
		
	#contentheader #mainlinksspacer2 {
		width: 1px;
		height: 50px;
		float: left;
		padding:0px;
		margin-top:56px;
		background-color:#003366;
		}
		
	#contentleft {
		width:201px;
		height:500px;
		padding:0px;
		float:left;
		background-image:url(http://www.communityimage.co.uk/images/leftpanel.jpg);
		background-repeat:no-repeat;
		margin:0px;
		}
		
	#nav2 {
		width:647px;
		height:20px;
		padding:0px;
		float:right;
		background-image:url(http://www.communityimage.co.uk/images/orangegrad.jpg);
		background-repeat:repeat-x;
		}
	
	#maincontent {
		width:647px;
		padding:0px;
		float:right;
		background: #ffffff url(http://www.communityimage.co.uk/images/home_image.jpg) center top no-repeat;;
		}
	#maincontent #quicklinks {
		background-image: url(http://www.communityimage.co.uk/images/quicklinks.gif);
		float:right;
		width:150px;
		height:150px;
		margin:10px 10px 10px 10px;
		}	
		
	#quicklinks h1 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
		color:#FF9900;
		margin:10px 10px 10px 10px;
		}
		
	#quicklinks a:link {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight:bold;
		color:#FFFFFF;
		text-decoration: none;
		}
	#quicklinks a:visited {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight:bold;
		color:#FFFFFF;
		text-decoration: none;
		}
	#quicklinks a:hover {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color:#999999;
		text-decoration: underline;
		}
	#quicklinks a:active {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color:#FFFFFF;
		text-decoration: none;
		}

	#nav2 p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align:middle;
	color:#333333;
	font-weight:bold;
	margin: 3px 0px 0px 10px;
	}
	
	#nav2 a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #ffffff;
	text-decoration: none;
	}
	
	#nav2 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration: none;
	}
	
	#nav2 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	text-decoration: underline;
	}
	
	#nav2 a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	text-decoration: none;
}
		
	

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 10px 10px 10px 10px;
	color: #000000;
	list-style:square;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin: 10px 10px 10px 10px;
	color:#003366;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 10px 10px 10px 10px;
	color:#333333
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	margin: 3px 10px 10px 10px;
	vertical-align:top;
	padding:0px;
	color:#333333;
}


a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#000000;
	text-decoration: underline;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#333333;
	text-decoration: underline;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#ffffff;
	text-decoration: underline;
	background-color:#000000;
}
a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#003366;
	text-decoration: none;
}

.ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 10px 10px 10px 10px;
	color: #000000;
	list-style:square;
	}
.picleft {
	padding-right:10px;
	padding-bottom:10px;
	}
.picright {
	padding-left:10px;
	padding-bottom:0px;
	}
	
/* table styles */
table {
	border-collapse:collapse;
	border: 1px solid #666;
	font-size:12px;
	line-height:20px;
	}
th, td {
	padding: 0.1em 1em;
	}
	
caption {
	font-size:1.2em;
	font-weight:bold;
	margin: 1em 0;
	}
	
col {
	border-right:1px solid #ccc;
	}
col#LastCol {
	border:none;
	}
thead {
	background: #ccc;
	border-top: 1px solid #a5a5a5;
	border-bottom: 1px solid #a5a5a5;
	}
th {
	font-weight: bold;
	text-align: left;
	}
	
/* this makes the text of a particular column indented off screen
#playlistPosHead {
	text-indent: -1000em;
	}
*/

.odd {
	background-color: #edf5ff;
	}
	
/* This will only work in CSS3 */
tr: nth-child(odd) {
	background-color: #edf5ff;
	}
	
tr:hover {
	background-color:#999999;
	color: #fff;
	}
	
thead tr:hover {
	background-color: transparent;
	color: inherit;
	}
	
	
	
/* ######### FORM STYLES ########## */

fieldset {
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #ccc;
	background: #f8f8f8;
	}
	
legend {
	font-weight: bold;
	}
	
/* make labels appear vertically above form elements
label {
	display: block;
	}
*/

label {
	float: left;
	width: 10em;
	font-weight:bold;
	}
	
#remember-me label {
	width: 4em;
	}

/* to set ALL input types to width = 200px use this */
input {
	width: 200px;
	}

/* set just text inputs to 200px wide in modern browsers 
input[type="text"] {
	width: 200px;
	}
*/
	
/* set dimensions of text areas */
textarea {
	width: 300px;
	height: 100px;
	}

input.radio, input.checkbox, input.submit {
	width: auto;
	}
	
input.radio {
	float: left;
	margin-right: 1em;
	}
	
input.checkbox {
	float: left;
	margin-right: 1em;
	}
	
input:focus, textarea:focus {
	background: #ffc;
	}
	
input[type="text"], textarea {
	border-top: 2px solid #999;
	border-left: 2px solid #999;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}

.required {
	font-size: 0.75em;
	color:#cc3300;
	}
	
.inHeading {
	font-size: 12px;
	color:#CC6600;
	font-weight:normal;
	}
	
/* more complex styles targeting specific fields */
#monthOfBirthLabel, #yearOfBirthLabel {
	text-indent: -1000em;
	width: 0;
	}
	
#TSsite, #TSadNo {
	text-indent: -1000em;
	width: 0;
	}
	
input#dateOfBirth {
	width: 3em;
	margin-right: 0.5em;
	}
	
input#TSyear {
	width: 2em;
	}
	
input#TSad_number {
	width: 2em;
	margin-right: 0.5em;
	}
	
input#TSadTime {
	width: 3em;
	margin-right: 0.5em;
	}
	
input#TSmbTime {
	width: 3em;
	margin-right: 0.5em;
	}
input#Repeats {
	width: 3em;
	margin-right: 0.5em;
	}
	
input#Colour {
	width: 6em;
	margin-right: 0.5em;
	}
	
select#category {
	width: 15em;
	}
	
select#site_id {
	width: 15em;
	}
	
input#button {
	width: auto;
	}
	
input#submitted_site {
	width: auto;
	}

input#yearOfBirth {
	width: 5em;
	}
	
/* two column checkboxes */
fieldset#categories {
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
	}
	
/*#categories h2 {
	float: left;
	font-weight: bold;
	}*/
	
#categories div {
	width: 11em;
	float: left;
	}
	
.clear {
	clear: both;
	}
	
#categories label {
	width: 10em;
	float: none;
	display:inline;
	}
	
#categories p {
	margin: 0.3em 0;
	}
	
form p {
	position: relative;
	}
	
.formerror {
	position: absolute;
	margin-left: 11em;
	left: 200px;
	font-weight: bold;
	color: #cc3300;
	padding-left: 25px;
	padding-top:4px;
	padding-bottom:4px;
	background:url(../images/alert.gif) no-repeat left top;
	}
	
.formerror2 {
	position: absolute;
	margin-left: 11em;
	left: 400px;
	font-weight: bold;
	color: #cc3300;
	padding-left: 25px;
	padding-top:4px;
	padding-bottom:4px;
	background:url(../images/alert.gif) no-repeat left top;
	}
	
.error {
	font-weight: bold;
	color: #cc3300;
	padding-left: 25px;
	padding-top:4px;
	padding-bottom:4px;
	background:url(../images/alert.gif) no-repeat left top;
	}
	
.feedback {
	font-weight: bold;
	color: #66cc00;
	padding-left: 25px;
	padding-top:4px;
	padding-bottom:4px;
	background:url(../images/tick.gif) no-repeat left top;
	}
	
* html .error {
	width: 10em;
	}
	
/* CSS Document */