html {
	padding:none;
	margin:none;
}
body {
	background:#fafe52;
	background:black;
	background:#bed3da;
	padding:none;
	margin:none;
	font-family:"verdana","tahoma";
	font-size:0.9em;
}
a {
	text-decoration:none;
	border:none;
}
img {
	border:none;
}
a img {
	border:none;
}
p:first-child {
	font-size:1.1em;
	font-style:italic;
}
#eventstable p:first-child {
	font-size:1em;
	font-style:normal;
}
h1 {
	font-size:1.3em;
}
#site_div {
	margin:auto;
	width:800px; /*ie6 needs extra 6 px why??*/
}
#wrapper {
	background-image:url(images/background.gif);
	background-position:right;
	background-repeat:repeat-y;
	float:left;
	padding:0;
	margin:0;
	width:800px;
}
#bodyfacilities #wrapper {
	background-image:url(images/backgroundpurple.jpg);
}
#bodynews #wrapper {
	background-image:url(images/backgroundblue.gif);
}
#bodyevents #wrapper {
	background-image:url(images/backgroundgreen.gif);
}
#bodycontact #wrapper {
	background-image:url(images/backgroundblack.gif);
}
#header1 {
	float:left;
}
#header2 {
	float:left;
	width:795px;
}
.headleft {
	float:left;
	height:240px;
	width:400px;
	background-image:url(images/template_topleft.jpg);
}
.headright {
	float:left;
	height:240px;
	width:400px;
	background-image:url(images/template_topright.jpg);
}
.headright #pics {
	float:right;
}
#bodyfacilities .headleft {
		background-image:url(images/templatepurple_topleft.jpg);
}
#bodyfacilities .headright {
		background-image:url(images/templatepurple_topright.jpg);
}
#bodynews .headleft {
		background-image:url(images/templateblue_topleft.jpg);
}
#bodynews .headright {
		background-image:url(images/templateblue_topright.jpg);
}
#bodyevents .headleft {
		background-image:url(images/templategreen_topleft.jpg);
}
#bodyevents .headright {
		background-image:url(images/templategreen_topright.jpg);
}
#bodycontact .headleft {
		background-image:url(images/templateblack_topleft.jpg);
}
#bodycontact .headright {
		background-image:url(images/templateblack_topright.jpg);
}
#header2 .headleft {
	height:145px;
	background-image:url(images/template_secondleft.gif);
	float:left;
	width:400px;
}
#bodyfacilities #header2 .headleft {
		background-image:url(images/templatepurple_secondleft.gif);
}
#bodynews #header2 .headleft {
		background-image:url(images/templateblue_secondleft.gif);
}
#bodyevents #header2 .headleft {
		background-image:url(images/templategreen_secondleft.gif);
}
#bodycontact #header2 .headleft {
		background-image:url(images/templateblack_secondleft.gif);
}
#header2 .headright {
	height:145px;
	background-image:url(images/template_secondright.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding:0;
	margin:0;
	float:left;
	width:390px;

}
#contentleft {
	width:200px;
	float:left;
}
#contentright {
	margin-top:-40px;
	width:590px;
	float:left;
}
#content1 {
	float:left;
	width:400px;
}
#content img {
	float:right;
}
#content img.left {
	float:left;
}
#mainnav , #linkdiv{
	width:140px;
	padding:0;
	float:left;
}
#mainnav ul {
	width:130px;
	font-family:"Comic Sans MS", "Trebuchet MS", "arial",sans-serif;
	font-weight:bold;
	padding:0;
	margin:10px 0 10px 0;
}
#mainnav li {
	list-style:none;
	padding:10px 0 0 0;
	margin:0;
	height:30px;
	line-height:30px;
	margin-left:30px;
}
#mainnav li a.edit {
	float:left;
	width:30px;
}
#mainnav li a {
	width:100px;
	height:30px;
	display:block;
	text-align:center;
	float:left;
}
#navhome {
	color:red;
	border:solid 1px red;
}
#navnews {
	border:solid 1px blue;
	color:blue;
}
#navevents {
	border:solid 1px green;
	color:green;
}
#navfacilities {
	border:solid 1px purple;
	color:purple;
}
#navcontact {
	border:solid 1px black;
	color:black;
}
#mainnav li a:hover,
#bodyhome #navhome,
#bodyevents #navevents,
#bodynews #navnews,
#bodyfacilities #navfacilities,
#bodycontact #navcontact
{
	color:#fafe52;
}
#bodyhome #navhome,
#navhome:hover {
	background:red;
}
#bodynews #navnews,
#navnews:hover {
	background:blue;
}
#bodyevents #navevents,
#navevents:hover {
	background:green;
}
#bodyfacilities #navfacilities,
#navfacilities:hover {
	background:purple;
}
#bodycontact #navcontact,
#navcontact:hover {
	background:black;
}
#linkdiv {
	margin-left:10px;
}
#linkdiv a {
	font-style:normal;
}
#linkdiv a:hover {
	text-decoration:underline;
}
#linkdiv img {
	margin-left:7px;
}
#linkdiv h3 {
	text-align:center;
	color:red;
}
.red , .red a{
	color:red;
}

.blue , .blue a{
	color:blue;
}
.green , .green a{
	color:green;
}
.purple , .purple a{
	color:purple;
}
.orange , .orange a{
	color:orange;
}
.javaonly {
	display:none;
}
#bodyevents {
}
.news {
	font-size:0.9em;
	float:left;
	width:100%;
	margin-left:0px;
	margin-bottom:10px;
	background: #ffffbb;
	border: solid 1px blue;

}
.news h2 {
	margin-top:0px;
	margin-bottom:2px;
	font-size:1.1em;
	text-align:center;
	background:blue;
	color:white;
}

.news img {
	margin:1em 1em 1em 1em;
}
.news p { 	padding :0 5px 0 5px;
}
.news a {
	font-weight:bold;
	color:#999999;
}


#eventstable {
	font-family:"tahoma";
	font-size:0.9em;
	margin-left:5px;
}
#eventstable td{
	vertical-align:top;
	border-top: 1px solid green;
	padding:5px 5px 5px 5px;
}
#eventstable .col1 {
	width:15%;
	text-align:right;
}
#eventstable .col2 {
	font-weight:bold;
	width:20%;
}
#eventstable .col3 {
	width:65%;
}
tr.dark {
	background:#ffffbb;
}


#sessionpanel,#contactpanel {
	float:left;
	width:100%;
}
/* FORM ELEMENETS */
.preform {
float: left;
clear: both;
margin-top:20px;
padding: 0 2% 0 2%;
}
.preform img {
	float:left;
}
.infotable {
	width:100%;
	border:solid 1px red;
	color:red;
}
.infotable td {
	width:70%;
}
.infotable td.header {
	background:red;
	color:white;
	width:30%;
}
#bodynews .infotable td.header {
	background:blue;
}
#bodynews .infotable {
	color:blue;
	border:solid 1px blue;
}
#bodyevents .infotable td.header {
	background:green;
}
#bodyevents .infotable {
	color:green;
	border:solid 1px green;
}
#bodyfacilities .infotable td.header {
	background:purple;
}
#bodyfacilities .infotable {
	color:purple;
	border:solid 1px purple;
}
#bodycontact .infotable td.header {
	background:black;
}
#bodycontact .infotable {
	color:black;
	border:solid 1px black;
}

h2 span {
	font-size:0.7em;
	font-weight:normal;
}
hr {
	clear:both;
}

#dobdiv, #bgdiv{
	float:left;
	width:100%;
	padding:0;
	margin:0;
}
#dobdiv li, #bgdiv li {
	float:left;
	width:auto;
	clear:none;
	margin:0;
	margin-right:5px;
	padding:0;
}
#dobdiv ol, #bgdiv ol {
	padding:0;
	margin:0;
}
#guardiandiv {
	margin-top:10px;
}

/** Form styling - from css book*/

fieldset {
	font-size:0.8em;
float: left;
clear: both;
width: 100%;
margin: 5px 0 1.5em 0px;
padding: 0;
border: 1px solid #BFBAB0;
background-color: #FFFFBB;
	font-family:"Comic Sans MS", "Trebuchet MS", "arial",sans-serif;
}
#msgbox {
	font-size:1.3em;
	margin:20px 20px 20px 20px;
	text-align:center;
}
legend
{
margin-left: 1em;
padding: 0;
color: #000000;
font-weight: bold;
font-size:1.3em;
}

fieldset ol
{
padding: 1em 1em 0 1em;
list-style: none;
zoom: 1; /*fixes vertical spacing problems*/
}

fieldset li
{
float: left;  /*when things must float (to contain other floaters), using clear:left ensures they don't REALLY float!*/
clear: left;
width: 100%;
padding-bottom: 1em;
}

label
{
float: left;
width: 10em;
margin-right: 1em;
}

fieldset fieldset
{
/*margin-bottom: -2.5em;*/
border-style: none;
background-color: transparent;
background-image: none;
}

fieldset fieldset legend
{
margin-left: 0;
font-weight: normal;
}

fieldset fieldset ol
{
position: relative;
top: -1.5em;
margin: 0 0 0 11em;
padding: 0;
}

fieldset fieldset label
{
float: none;
width: auto;
margin-right: auto;
}


fieldset.submit  /* enough floating ? set float:none. */
{
float: none;
width: auto;
border-style: none;
padding-left: 12em;
background-color: transparent;
background-image: none;
}
fieldset.center {
	margin:auto auto 5px auto;
	padding:0;
	text-align:center;}
fieldset.center input {
	margin:auto;
}

fieldset .text, fieldset .submit {margin-left:10px}

#right-list {
width: 243px;
height: 31px;
background-image: url(../images/right-list-background.jpg);
color: #ffffff;
font-size: 18px;
line-height: 31px;
}
.shortfield {
	width:40px;
}
.mediumfield {
	width:200px;
}
.longfield {
	width:400px;
}
textarea {
	width:100%;
	height:200px;
}
.invalid {
	color:red;
	font-size:1em;
}
.contactpanel {
	font-size:0.8em;
	float:left;
	width:40%;
	margin-left:30px;
}
#googlemap {
width:500px;
height:300px;
float:left;
margin-left:30px;
margin-bottom:20px;
border:solid 2px red;
}
#contentleft hr {
	margin-left:10px;
}
#mainnav hr {
	margin-left:20px;
}

label.error { 
	font-size:1.1em;
	float: right;
       	color: red;
       	padding: .5em;
	padding-left:25px;
       	vertical-align: top;
       	font-weight:bold;
	margin-left:10px;
	width:180px;
	background-image:url(images/star.gif);
	background-position:left;
	background-repeat:no-repeat;
}