/* CSS 
-----------------------------------------------------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	min-width: 790px;
	font-family: "Comic Sans MS", Arial, sans-serif;
	background-color: #F4CC7D;
	text-align: center;
}

/* Layout 
-----------------------------------------------------------------------------------------------------*/

#wrapper {
	position:relative;
	text-align: left;
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	padding: 0 0 0 0;
	background-position: left top;
	background-image: url(images/inner_wrapper_tile.gif);
	background-repeat: repeat;
}
#header {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 780px;
}

#contents { /* For Mozilla etc */
	margin-left: 163px;
	margin-top: -10px;
	margin-bottom: -20px;
	padding: 20px 6px 20px 6px;
	min-height: 250px; /* IE doesn't understand min-height, but other browsers do */
}
* html #contents {   /* IE ignores the * html so sees this as #contents */
	margin-left: 163px;
	margin-top: -10px;
	margin-bottom: -20px;
	padding: 20px 6px 20px 6px;
    height: 250px;  /* IE thinks height means min-height */
 }

#contents p {
	font-family: "Comic Sans MS", Arial, sans-serif;
}
#contents h1 {
	font: normal 180%;
	color: #F4CC7D;
	margin-top: -10px;
	margin-bottom: 0px;



}
#navigation {
	position: absolute;
	background-image: url(images/inner_menu_tile.gif);
	background-repeat: repeat;
	top: 180px;
	left: 0px;
	width: 163px;
}
#footer {
	padding: 0 0 0 0;
	background-image: url(images/inner_footer.gif);
	background-repeat: no-repeat;
	width: 780px;
	height: 144px;
}
#footer p {
	position: relative;
	font-family: "Comic Sans MS", Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	left: 40px;
	top: 104px;
}
#footer h2 {
	position: relative;
	height: 50px;
	width: 250px;
	left: 295px;
	top: 94px;	
}






/* Typography 
-----------------------------------------------------------------------------------------------------*/
p {
	font-family: "Comic Sans MS", Arial, sans-serif;
}
.footerMenulink {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; color: #000000; text-decoration: none; text-align: center; vertical-align: bottom;}
a.footerMenulink:active {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; color: #000000; text-decoration: none;}
a.footerMenulink:hover {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; color: #FFFFFF; text-decoration: none;}
a.footerMenulink:link {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; color: #000000; text-decoration: none;}
a.footerMenulink:visited {  font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; color: #000000; text-decoration: none;}
.footerMenuText {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none}
.footerMenuTextBold {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #FFFFFF; text-decoration: none;}

.createdlink {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; color: #FFFFFF; text-decoration: none; text-align: center; vertical-align: bottom;}
a.createdlink:active {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; color: #FFFFFF; text-decoration: none;}
a.createdlink:hover {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; color: #000000; text-decoration: none;}
a.createdlink:link {  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; color: #FFFFFF; text-decoration: none;}
a.createdlink:visited {  font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; color: #FFFFFF; text-decoration: none;}
#loginCredit {
	position:absolute;
	visibility:visible;
	left:250px;
	top:620px;
	width:225px;
	height:17px;
	z-index:7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;

}
h3 {

}


/* GUESTBOOK COLOURS */


#Guestbook {
border: #42A0FF solid thick;
}
#Guestbook .sort{
background-color: #42A0FF;
}
#Guestbook .sort a{
color: #FFFF00;
}
#Guestbook .sort a:hover{
color:#FFFFFF;
}
#Guestbook .allowdeny {
color: #FFFF00;
background-color: #42A0FF;
}
#Guestbook .allowdeny a{
color: #FFFF00;
}
#Guestbook .allowdeny a:hover{
color:#FFFFFF;
}
#Guestbook .guest {
background-color: #FFED6F;
}
#Guestbook .message {
background-color: #FFFFFF;
}


/* STYLES FOR CALENDAR DATES ON HOMEPAGE */


#termevents .latesthomepage {
}
#termevents .datehome {
 margin-left: 10px;
 font-size: small;
 color: #000000;
 font-weight: bold;
}
#termevents .eventhome {
 margin-left: 10px;
 font-size: small;
 font-weight: normal;
}



/* SECTION HEADING COLOUR */



h2.sectionheading {
	color: #009900;
}

/* CLASSPAGES */

#classbgbox {height:500px; position:relative; top:-50px; left:0px;} /* For classpage background image, and also used to force height on classpage */

#classbgbox ul li { display: inline; padding: 0; list-style-type: none;}

li.year1 a {
width: 126px;
height: 79px;
display: block;
background: url(classpages/class1.gif) no-repeat;
overflow: hidden;
position: absolute;
left: 230px;
top: 70px;
text-indent: -5000px;
}
li.year1 a:hover {
background-position: -126px 0;
} 

li.year2 a {
width: 126px;
height: 79px;
display: block;
background: url(classpages/class2.gif) no-repeat;
overflow: hidden;
position: absolute;
left: 310px;
top: 70px;
text-indent: -5000px;
}
li.year2 a:hover {
background-position: -126px 0;
} 

li.year3 a {
width: 126px;
height: 79px;
display: block;
background: url(classpages/class3.gif) no-repeat;
overflow: hidden;
position: absolute;
left: 30px;
top: 169px;
text-indent: -5000px;
}
li.year3 a:hover {
background-position: -126px 0;
}

li.year4 a {
width: 126px;
height: 79px;
display: block;
background: url(classpages/class4.gif) no-repeat;
overflow: hidden;
position: absolute;
left: 170px;
top: 169px;
text-indent: -5000px;
}
li.year4 a:hover {
background-position: -126px 0;
}
li.year5 a {
width: 126px;
height: 79px;
display: block;
background: url(classpages/class5.gif) no-repeat;
overflow: hidden;
position: absolute;
left: 310px;
top: 169px;
text-indent: -5000px;
}
li.year5 a:hover {
background-position: -126px 0;
}

li.year6 a {
width: 126px;
height: 79px;
display: block;
background: url(classpages/class6.gif) no-repeat;
overflow: hidden;
position: absolute;
left: 450px;
top: 169px;
text-indent: -5000px;
}
li.year6 a:hover {
background-position: -126px 0;
}

li.year7 a {
width: 126px;
height: 79px;
display: block;
background: url(classpages/class7.gif) no-repeat;
overflow: hidden;
position: absolute;
left: 30px;
top: 268px;
text-indent: -5000px;
}
li.year7 a:hover {
background-position: -126px 0;
}

li.year8 a {
width: 126px;
height: 79px;
display: block;
background: url(classpages/class8.gif) no-repeat;
overflow: hidden;
position: absolute;
left: 170px;
top: 268px;
text-indent: -5000px;
}
li.year8 a:hover {
background-position: -126px 0;
}

li.year9 a {
width: 126px;
height: 79px;
display: block;
background: url(classpages/class9.gif) no-repeat;
overflow: hidden;
position: absolute;
left: 310px;
top: 268px;
text-indent: -5000px;
}
li.year9 a:hover {
background-position: -126px 0;
}

li.year10 a {
width: 126px;
height: 79px;
display: block;
background: url(classpages/class10.gif) no-repeat;
overflow: hidden;
position: absolute;
left: 450px;
top: 268px;
text-indent: -5000px;
}
li.year10 a:hover {
background-position: -126px 0;
}

/* CSS changes needed due to upgrade to 3+ final */
.newstitlehome, .eventhome{margin:0;font-weight:bold}
#MediaBlock .MediaFloat{width:33.3%}