body {
	background: white;
}

div#container {
	width: 771px;
	position: relative;
	left: 50%;
	top: 15px;
	margin-left: -392px;
	padding: 0px;
	background: white url(leftrepeater.gif) repeat-y 148px 185px;
	line-height: 0px;   /* This gets rid of the pesky space above images in Mozilla running in Standards mode */
}
div#container2 {
	background: url(rightrepeater.gif) repeat-y top right;
}
div#headercover {
	position: absolute;
	top: 26px;
	left: 257px;
}
div#leftmenu {
	float: left;
	padding-left: 5px;
}
div#centralholder {
	float: left;
	clear: right;
	width: 590px;
	margin: 0px;
	padding: 0px;
}
div#central {
	padding: 5px 50px 0px 20px;
}
div#credits {
	width: 742px;
	position: relative;
	left: 50%;
	top: 25px;
	margin-left: -392px;
	padding: 0px;
	font: 0.6em Tahoma,serif;
	color: #ccc;
	text-align: right;
}
div.event {
	border-top: 1px dashed navy;
	border-bottom: 1px dashed navy;
	background: #F5FAFF;
	padding: 10px 15px;
	margin-top: 10px;
	line-height: 0px; */
}

p {
	font: 0.7em Georgia,serif;
	color: navy;
	line-height: 170%;
}
p.eventdetails {
	font: 0.7em Georgia,serif;
	color: navy;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 2px;
	padding: 0px;
}
p.adminlinks {
	font: 0.7em Tahoma,sans-serif;
	color: navy;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 2px;
	padding: 0px;
}
p.eventdescription {
	font: 0.7em Georgia,sans-serif;
	color: navy;
	margin: 0px;
	margin-top: 5px;
	padding: 0px;
}
p.warning {
	color: #ad0948;
	background: #f9eded;
	padding: 4px;
}

h1 {
	font: 1.5em Georgia,serif;
	color: #ad0948;
}
h2 {
	font: bold 0.9em Georgia,serif;
	color: navy;
	margin: 0px;
	padding: 0px;
}

a:link,a:visited {
	font-weight: bold;
	color: #c60;
	text-decoration: none;
}
a:hover,a:active {
	font-weight: bold;
	color: #f90;
	text-decoration: underline;
}
div#credits a:link,div#credits a:visited {
	color: #aaa;
	font-weight: normal;
}

table {
	position: relative;
	left: -3px;
	width: 540px;
	margin-top: 10px;
}
td,th {
	font-family: Tahoma,sans-serif;
	font-size: 0.7em;
	color: navy;
	line-height: 170%;
	vertical-align: top;
	background: #ccf;
	padding: 5px;
}
th {
	background: navy;
	font-weight: bold;
	text-align: left;
	color: white;
}
th.highlighted a,th a {
	color: white;
}
th.highlighted {
	background: #c30;
}
td.highlighted {
	background: #abbfe5;
}
form td {
	background: none;
	padding: 2px;
}
td.labelcolumn {
	font-weight: bold;
	width: 200px;
}

img {
	border: 0px;
}
img#schoolimage {
	float: right;
	position: relative;
	top: -5px;
	left: 47px;
}
/* The following is a hack to make IE5.x display the school image in the correct horizontal position \*/
* html img#schoolimage {
	left: 50px;
}
/* End of IE hack */

img.asterisk {
	position: relative;
	top: 4px;
}
img#redmaidimage {
	position: relative;
	left: 60px;
	top: 10px;
}

span.red,p.red {
	color: #ad0948;
}

span.highlighted {
	background: #fce381;
	padding: 2px 5px;
}

input,textarea,select {
	border: 1px solid #999;
	padding: 2px;
}
input.red,textarea.red,select.red {
	background: #fcc;
	border: 1px solid #c00;
}
input[type=submit] {
	padding: 10px 20px;
}


ul {
	line-height: 130%;
}

/* HIDE SITE STRUCTURE WHEN PRINTING */

@media print {

	div#container {
		width: 771px;
		position: relative;
		left: 0px;
		top: 0px;
		margin: 0px;
		padding: 0px;
		background: none;
		line-height: 100%;
	}
	div#container2 {
		background: none;
	}
	div#headercover {
		display: none;
	}
	div#leftmenu {
		display: none;
	}
	div#centralholder {
		float: left;
		clear: right;
		width: 590px;
		margin: 0px;
		padding: 0px;
	}
	div#central {
		padding: 5px 50px 0px 20px;
	}
	p.adminlinks {
		display: none;
	}
	.noprint {
		display: none;
	}
	
}

/* HIDE PRINT ONLY ELEMENTS WHEN DISPLAYING ON SCREEN */

@media screen {

	.printonly {
		display: none;
	}
}