/* CSS Document */
	
	body {
		text-align: center;
		background: #DBE7F2;
		font: normal 15px arial, sans-serif;
		}
		
	a {
		color: #F4C400;
		text-underline: dotted;
	}
	
	a#upstar {
		color: #34699E;
		text-decoration: none;
	}
	
	ul {
		margin-top: 2px;
		margin-bottom: 5px;
		font-size: 12px
	}
	
	img {
		display: block;
		margin: 5px 15px;
	}
	
	.form_item {
		padding:2px;
		margin-left: 45px;
	}
	
	.form_button {
		padding:2px;
		margin-left: 105px;
		margin-top: 10px;
		float: right;
		margin-right: 20px;
	}
	
	form {
		padding: 0px;
		margin: 0px;
	}
	
	.form_msg {
		margin: 17px 0 10px 0;
		padding: 0px;
		color: red;
	}
	
	input {
	/*	height: 11px;
		font-size: 10px; */
	}
	
	.small {
		padding:2px;
		margin-left: 45px;
		font-size: 10px;
	}
	
	#frame {
		width: 900px;
		margin-right: auto;
		margin-left: auto;
		margin-top: 30px;
		padding: 0px;
		text-align: left;
		}
	
	#contentheader {
		background: url(images/heading.jpg) #fff;
		background-repeat: no-repeat;
		background-position: 100% 0%;
		height: 118px;
		padding: 0px;
		margin-bottom: 5px;
	}
		
	#contentleft {
		width: 200px;
		padding: 0px;
		float: left;
		background: #fff;
		color: #669999;
		height: 350px;
		}
	
	#center_home, #center_about, #center_classes, #center_join, #center_events, #center_pupil, #center_contact, #center_summer{
		width: 300px;
		padding: 0px;
		float: left;
		color: #fff;
		height: 350px;
		}
	
	#center_home {
		background: #FF99CC;
		background-image:url(images/home_tag.gif);
		background-position: center 40%;
		background-repeat: no-repeat;
	}
	
	#center_about {
		background: #6699FF;
	}
	
	#center_classes {
		background: #FFCC00;
	}
	
	#center_join {
		background: #F52507;
	}
	
	#center_events {
		background: #FF9900;
	}
	
	#center_pupil {
		background: #00CC33;
	}
	
	#center_contact {
		background: #4784C1;
	}
	
	#center_summer {
		background: #114DFF;
	}
	
	#contentright {
		width: 400px;
		padding: 0px;
		float: left;
		background: #fff;
		color: #4784C1;
		height: 350px;
		font: normal 15px arial, sans-serif;
		}
		
	#contentright p {
		padding: 5px 30px;
	}
		
	h1 {
		font-size: 30px;
		padding: 50px 20px 10px 20px;
		}
	h2 {
		font-size: 20px;
		margin: 20px 20px 10px 20px;
		padding: 0px;
	}
	h3 {
		font-size: 15px;
		margin: 20px 0px 0px 30px;
		padding: 0px;
	}
		
	#bottom {
		font-size: 13px;
		color: #95B8DB;
/*		float: right;  */
	}
	/* -------------- Tables -------------------*/
	
.tableHeading {
	margin: 0 0 0 40px;
	font-size: 12px;	
}

table {
	border: solid 2px #EFEFEF;
	margin: 0 0 12px 30px;
}

table#form, table#form td {
	border: 0px;
}

td {
	padding: 1px 8px;
	border: solid 1px #EFEFEF;
	font-size: 10px;
	text-align: center;
}

td label {
		font: normal 15px arial, sans-serif;
	}

#next {
	float: right;
	margin: 15px;
}

#prev {
	margin: 15px;
}

#next a, #prev a {
	text-decoration: none;
}

	
	/* ---------------- Main Menu ----------------------------------------------------*/

ul#mainnav {
	list-style: none;
	margin: 0;
	padding: 20px 0px 20px 20px;
	background-color: #fff;
}

ul#mainnav a:link, ul#mainnav a:visited {
	text-decoration: none;
	display: block;
	width: 80%; 150px;
	padding: 6px 10%;
	background-color: #fff;
	font: normal 10pt/1.5 arial, sans-serif;
	color: #669999;
}

/* Only IE browsers see this - this solves the box model bug*/
* html ul#mainnav a:link, ul#mainnav a:visited {
	text-decoration: none;
	display: block;
	width: 100%;											/* IE 5 and previous versions use this fudged value */
	w\idth: 80%;											/* Only IE versions 6+ not in quirks mode understand this line */
	padding: 6px 10%;
	background-color: #fff;
	font: normal 10pt/1.5 arial, sans-serif;
	color: #4784C1; #669999;
}

ul#mainnav li a {
	border-bottom: solid 2px #FFF;
	background-repeat: no-repeat;
	background-position: 0% 100%;
}

ul#mainnav li a:hover {
	background-color: #fff;
	color: #4784C1; #006666;
}

/* Home button */
ul li a#home {
	background-image: url(images/button_home.gif);
}
ul li#selected a#home {
	border-bottom: solid 2px #FF99CC;
}
ul li a#home:hover {
	border-bottom: dashed 2px #FF99CC;
}

/* About button */
ul li a#about {
	background-image: url(images/button_about.gif);
}
ul li#selected a#about {
	border-bottom: solid 2px #6699FF; ; #FFCC33;
}
ul li a#about:hover {
	border-bottom: dashed 2px #6699FF; #00CC33; #FFCC33;
}

/* Classes button */
ul li a#classes {
	background-image: url(images/button_classes.gif);
}
ul li#selected a#classes  {
	border-bottom: solid 2px #FFCC00; #4784C1; #0793AB; #00D2D2;
}
ul li a#classes:hover {
	border-bottom: dashed 2px #FFCC00; #4784C1; #0793AB; #00D2D2;
}

/* Join button */
ul li a#join {
	background-image: url(images/button_join.gif);
}
ul li#selected a#join  {
	border-bottom: solid 2px #F52507;
}
ul li a#join:hover {
	border-bottom: dashed 2px #F52507;
}

/* Events button */
ul li a#events {
	background-image: url(images/button_events.gif);
}
ul li#selected a#events  {
	border-bottom: solid 2px #FF9900;
}
ul li a#events:hover {
	border-bottom: dashed 2px #FF9900;
}

/* Pupil button */
ul li a#pupil {
	background-image: url(images/button_pupil.gif);
}
ul li#selected a#pupil  {
	border-bottom: solid 2px #00CC33; #6699FF;
}
ul li a#pupil:hover {
	border-bottom: dashed 2px #00CC33; #6699FF;
}

/* Contact button */
ul li a#contact {
	background-image: url(images/button_contact.gif);
}
ul li#selected a#contact  {
	border-bottom: solid 2px #4784C1;
}
ul li a#contact:hover {
	border-bottom: dashed 2px #4784C1;
}

/* summer button */
ul li a#summer {
	background-image: url(images/button_summer.gif);
}
ul li#selected a#summer  {
	border-bottom: solid 2px #114DFF;
}
ul li a#summer:hover {
	border-bottom: dashed 2px #114DFF;
}
	
/* --------------------- Sub Menu --------------------------------------*/

ul#subMenu {
	float: right;
	list-style: none;
	margin-top: 10px;
	margin-bottom: 0px;
}

ul#subMenu a:link, ul#subMenu a:visited  {
		color: #fff;
		text-decoration: none;
		font: normal 14px arial, sans-serif;
		width: 190px;
		padding: 2px 5px;
		display: block;
		border-left: solid 5px #fff;
		margin: 2px 0px 3px 2px;   /* bottom margin is 3px rather than 2px to compensate for lack of bottom border */
	}

ul#subMenu a:hover {
		border-bottom: dashed 1px #fff;
		margin-bottom: 2px;
	}

ul#subMenu li#selected a{
		border-bottom: solid 1px #fff;
		margin-bottom: 2px;
	}

/* ----------------------------- Sub Sub Menu ------------------------------ */

ul#subSubMenu {
	list-style: none;
	float: right;
	margin-top: 0px;
}

ul#subSubMenu a:link, ul#subSubMenu a:visited  {
	color: #fff;
	text-decoration: none;
	font: normal 12px arial, sans-serif;
	width: 180px;
	padding: 2px 0px 1px 7px;
	display: block;
	border-left: solid 1px #fff;
	margin: 0px 0px 3px 2px;
}
/*
color: #fff;
		text-decoration: none;
		font: normal 14px arial, sans-serif;
		width: 190px;
		padding: 2px 5px;
		display: block;
		border-left: solid 5px #fff;
		margin: 2px 0px 3px 2px;    bottom margin is 3px rather than 2px to compensate for lack of bottom border */

ul#subSubMenu a:hover {
		border-bottom: dashed 1px #fff;
		margin-bottom: 2px;
	}

ul#subSubMenu li#selected a{
		border-bottom: solid 1px #fff;
		margin-bottom: 2px;
	}

#links_list {
	vertical-align: bottom;
	margin-top: 5px;
	margin-left: 10px;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-type: none;
}

#links_list a{
	display: inline-block;
	color: #85ADD6;
	text-decoration: none;
	margin-bottom: 1px;
	padding: 0px;
}

#links_list a:hover{
	color: #4784C1;
}

#great_sites {
	color: #4784C1;
	margin-bottom: 1px;
}