html body {
	background-color: #e1e1e1;	
	margin: 0;
	padding: 16px;
	text-align: center;
}

html body, td, th {
	color: #737373;
	font: normal 11px/15px Arial, Tahoma, Verdana, Helvetica, sans-serif;
}

#container {
	background-color: #fff;
	border: 8px solid #fff;
	margin: 0 auto;
	text-align: left;
	width: 704px;
}

a {
	color: #666565;
	font-weight: bold;
	text-decoration: underline;
}

a:hover {
	color: #5f97d1;
	text-decoration: none;
}

a.back {
	background: transparent url("/img/arrow_left.gif") left 4px no-repeat;
	padding-left: 10px;
}

a.foward {
	background: transparent url("/img/arrow_right.gif") right 4px no-repeat;
	padding-right: 10px;
}

a.linkto {
	background: transparent url("/img/arrow_right.gif") left 4px no-repeat;
	padding-left: 10px;
}

a.mp3 {
	background: transparent url("/img/bullet_note.gif") 0 4px no-repeat;
	padding-left: 10px;
}


h1.name {
	background: #9f9f9f url("/img/bg_h2_name.gif") no-repeat;
	color: #5c5c5c;
	display: block;
	height: 30px;
	font-size: 20px;
	font-weight: normal;
	line-height: 30px;
	margin: 12px 0;
	padding-left: 12px;
}


h1 {
	margin: 0;
}

h1 a {
	background: transparent url("/img/header.jpg") 0 0 no-repeat;
	display: block;
	width: 704px;
	height: 212px;
}

h1 a span {
	display: none;
}

h2 {
	background: transparent url("/img/bg_titles.gif") 0 5px no-repeat;
	color: #be1c03;
	font: bold 12px/15px Arial, Tahoma, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 3px 0 6px 18px;
}

h3 {
	color: #666;
	font: bold 12px/14px Arial, Tahoma, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 12px 0 3px 0;
}

.songslist h3 {
	color: #be1c03;
}

p {
	margin: 0;
	padding: 6px 0;
}

form {
	margin: 0;
	padding: 0;
}

label {
	display: block;
	font-weight: bold;
	padding-bottom: 6px;
}

img {
	border: 0;
}


/* ------------------------------------------- CONTENT */

#content {

}

.eNewsRadio {
	display: inline;
	font-weight: normal;
}

#comments {
	font: normal 11px/15px Arial, Tahoma, Verdana, Helvetica, sans-serif;
}

/* ------------------------------------------- TOP NAV */

#topnav {
	background: transparent url("/img/bg_topnav.gif") 0 0 no-repeat;
	margin: 2px 0;
	padding: 0;
	list-style: none;
	width: 704px;
	height: 27px;
}

#topnav li {
	padding: 0;
	margin: 0;
	display: block;
	float: left;
}

#topnav li a {
	background: transparent url("/img/bg_topnav.gif") no-repeat;
	color: #fff;
	display: block;	
	font: bold 11px/27px Arial, Tahoma, Verdana, Helvetica, sans-serif;
	height: 27px;
	text-align: center;
	text-decoration: none;
}

#topnav li a:hover {
	color: #525252;
}

#topnav li.home a {
	background-position: 0 0; 	
	width: 117px;	
}

#topnav li.home a:hover, body#home #topnav li.home a {
	background-position: 0 -27px;
}

#topnav li.staff a {
	background-position: -117px 0; 	
	width: 121px;	
}

#topnav li.staff a:hover, body#staff #topnav li.staff a {
	background-position: -117px -27px;
}

#topnav li.students a {
	background-position: -238px 0; 	
	width: 114px;	
}

#topnav li.students a:hover, body#students #topnav li.students a {
	background-position: -238px -27px;
}

#topnav li.parents a {
	background-position: -352px 0; 	
	width: 125px;	
}

#topnav li.parents a:hover, body#parents #topnav li.parents a {
	background-position: -352px -27px;
}

#topnav li.services a {
	background-position: -477px 0; 	
	width: 110px;	
}

#topnav li.services a:hover, body#services #topnav li.services a {
	background-position: -477px -27px;
}

#topnav li.contact a {
	background-position: -587px 0; 	
	width: 117px;	
}

#topnav li.contact a:hover, body#contact #topnav li.contact a {
	background-position: -587px -27px;
}


/* ------------------------------------------- BOT NAV */

#botnav {
	background: transparent url("/img/bg_botnav.gif") 0 0 no-repeat;
	margin: 2px 0;
	width: 704px;
	height: 27px;
	text-align: left;
}

#botnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#botnav ul li {
	background: transparent url("/img/bg_footer_sep.gif") 5px 4px no-repeat;
	padding: 0 0 0 20px;
	margin: 0;
	display: inline;
}

#botnav ul li.first {
	background: none;
}

#botnav ul li a {
	color: #676666;
	font: bold 10px/27px Arial, Tahoma, Verdana, Helvetica, sans-serif;
	text-decoration: none;
}

#botnav ul li a:hover {
	color: #4f4f4f;
	text-decoration: underline;
}

#botnav a.tbone {
	float: right;
	margin: 6px 6px 0 0;
}

#copyright {
	color: #918e8e;
	margin: 14px 0;
	text-align: center;
}


/* ------------------------------------------- LEFT NAV */

#leftnav {
	background-color: #f4f4f4;
	border-bottom: 1px solid #ccc;
	padding: 8px;
}

#leftnav ul {
	margin: 0;
	padding: 8px 2px;
	list-style: none;	
}

#leftnav ul li {
	background: transparent url("/img/bullet_leftnav.gif") 3px 7px no-repeat;
	border-bottom: 1px solid #ddd;
	background-color: #f4f4f4;	
	margin: 0;
	padding: 0;
}

#leftnav ul li.last {
	border-bottom: 1px solid #f4f4f4;
}

#leftnav ul li a {
	border-left: 1px solid #ddd;
	color: #737373;
	display: block;
	font-weight: normal;
	padding: 3px 3px 3px 6px;
	margin: 0 0 0 14px;
	text-decoration: none;
}

#leftnav ul li a:hover {
	border-left: 1px solid #f4f4f4;
	color: #4f4f4f;
}

.undernav {
	padding: 8px; 
}

.undernavpics {
	padding: 8px; 
}


/* ------------------------------------------- LAYOUT TABLE */

table#layout {
	border: 0;
	width: 100%;
}

table#layout td {
	border: 0;
	padding: 6px;
	text-align: left;
	vertical-align: top;
}

table#layout td.separator_h {
	background: transparent url("/img/pix_grey_h.gif") repeat-x;
	height: 3px;
	padding: 0;
	font: normal 1px/1px monospace;
}

table#layout td.separator_v {
	background: transparent url("/img/pix_grey_v.gif") center repeat-y;
	width: 3px;
	padding: 0;
	font: normal 1px/1px monospace;
}

table#layout td.leftcol {
	padding: 0;
	width: 181px;
}

table#layout td.rightcol {
	width: 181px;
}

table#layout td.mainbox {
	width: 520px;
	padding: 10px 20px 20px 20px;
}

table#layout td.mainbox2 {
	width: 701px;
	padding: 10px 20px 20px 20px;
}

table#layout td.mainbox2 .welcomenote{
	width: 531px;
}

table#layout td.newsletter {
	background-color: #f4f4f4;
	padding-top: 14px;
	width: 330px;
	height: 135px;
}

table#layout td.downloads {
	background-color: #f4f4f4;
	padding: 20px;
	width: 520px;
}

table#layout td.newsletter2 {
	background-color: #f4f4f4;
	padding-top: 14px;
	width: 520px;
}

table#layout td.mainbox .introduction {
	width: 330px;
}


/* ------------------------------------------- DOWNLOADS */

table#downloads {
	border: 0;
	border-collapse: collapse;
	width: 100%;
}

table#downloads th {
	background-color: #ccc;
	border-bottom: 1px solid #a2a2a2;
	border-right: 1px solid #f4f4f4;
	font-weight: bold;
	padding: 6px;
	text-align: left;
	vertical-align: top;
}

table#downloads td {
	background-color: #fff;
	border-top: 1px solid #ccc;
	border-right: 1px solid #f4f4f4;
	font-size: 10px;
	padding: 6px;
	text-align: left;
	vertical-align: top;
}

table#downloads td.dls {	
	border-right: none;
}

a.dl-doc {
	background: transparent url("/img/i_16_document_down.gif") 0 2px no-repeat;
	padding: 4px 0 4px 22px;
}


/* ------------------------------------------- LISTS */

ul.links {
	margin: 6px 0 6px 8px;
	padding: 0;
	list-style: none;
}

ul.links li {
	background: transparent url("/img/arrow_right.gif") 2px 7px no-repeat;
	margin: 0;
	padding: 3px 0 3px 12px;
}

ul.resourcelinks {
	margin: 6px 0 12px 12px;
	padding: 0;
	list-style: none;
	width: 172px;
}

ul.resourcelinks li {
	background: transparent url("/img/arrow_right.gif") 2px 7px no-repeat;
	border-bottom: 1px solid #ddd;
	margin: 0;
	padding: 3px 0 3px 12px;
	width: 160px;
}

ul.resourcelinks li.last {
	border-bottom: none;
}

ul.resourcelinks li.mp3 {
	background: transparent url("/img/bullet_note.gif") 0 7px no-repeat;
	border-bottom: 1px solid #ddd;
	margin: 0;
	padding: 3px 0 3px 12px;
}

ul.resourcelinks li.pdf {
	background: transparent url("/img/i_pdf.gif") 0 7px no-repeat;
	padding: 6px 0 6px 20px;
	width: 152px;
}

ul.resourcelinks li a {
	color: #515350;
	text-decoration: none;
}

ul.resourcelinks li a:hover {
	color: #5f97d1;
}

ul.resourcelinks li.selected {
	color: #5f97d1;
	background: transparent url("/img/arrow_right.gif") 2px 7px no-repeat;
	background-color: #ddd;
}

ul.free{
	width: auto;
}

ul.free li {
	width: auto;
}

ul.free li.pdf {
	width: auto;
}


ul.events {
	margin: 6px 0;
	padding: 0;
	list-style: none;
}

ul.events li {
	background: transparent url("/img/bullet_events.gif") 0 6px no-repeat;
	margin: 0;
	padding: 3px 0 3px 14px;
}

ul.events li a {
	color: #515350;
	text-decoration: none;
	font-weight: normal;
}

.welcomenote {
	float: right;
	padding: 0;
	width: 380px;
}
.eventitem {
	float: right;
	padding: 0;
	width: 100%;
}


.welcomenote h2, .introduction h2, .eventitem h2, .eventitemh2 {
	background-image: none;
	padding-left: 0;
}

.introduction {
	float: right;
	width: 200px;
}

.activitieslist {
	float: right;
	width: 190px;
}

.displayImage {
	float:left;
	margin-bottom: -7px;
}

form.register {
	padding: 12px 20px;
}

form.register input {
	padding: 2px;
	font-size: 11px;
	margin-right: 6px;
}

.photobuttons {
	text-align: center;
}


div.rule {
	background: transparent url("/img/pix_grey_h.gif") repeat-x;
	height: 3px;
	margin: 10px 0;
	font: normal 1px/1px monospace;
}

div.notreq {
	padding-left: 5px;
}

div.req {
	background: transparent url("/img/denote.gif") 0 1px no-repeat;
	padding-left: 5px;
}

div.req2 {
	background: transparent url("/img/denote.gif") 0 1px no-repeat;
	color: #a91d08;
	padding: 4px 10px;
}

#thumbstable {
	width: 100%;
}

#thumbstable th {
	padding: 2px 0;
}

#thumbstable a img {
	border: 2px solid #fff;
}

#thumbstable a:hover img {
	border: 2px solid #bd1800;
}

.songslist {
	text-align: center;
}