.bold {font-weight:bold}
.center {text-align:center;}
.leftalign {text-align:left}
.btt {font-size:0.6em;color:#ff0}
.small {font-size:0.7em}
.smalllink {font-size:0.7em;color:#ff0}
.blue {color:#5af}
.smallblue {font-size:0.7em;color:#5af}
.boldblue {color:#5af;font-weight:bold}
.boldred {color:#f00;font-weight:bold}
.smallblack {font-size:0.8em;color:#000}
.heading {font-weight:bold;font-size:1.2em;color:#f00}
.subheading {font-size:1.1em;text-decoration:underline;color:#f00}
.title {font-weight:bold;font-size:1.2em;color:#000}
.link {color:#ff0}
.left {float:left}
.link_l {margin:0px auto;width:156px;height:169px;text-align:left;border-top: 1px dashed #f00}
.link_r {margin:0px auto;width:156px;height:100px;text-align:center;border-top: 1px dashed #f00}
.black {background-color:#000}
.red {background-color:#f00}
.med_red {background-color:#a00}
.dark_red {background-color:#500}
a {color:#fff;text-decoration:none}
a:hover {color:#0f0}
p {color:#fff;margin:0px;}
img {border:none}
hr {width:60%}
table {width:90%;text-align:center}
th {background-color:#f00}
td {background-color:#444}
textarea {font-family: "Trebuchet MS", Arial, sans-serif;font-size:1em}
body {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:100%;
	background-image:url('../images/background.jpg');
	background-color:#222;
	margin:10px 10px;
	padding:0px;
}
#pupils {
	width:200px;
	height:70px;
	text-align:center;
	float:right;
	font-size:0.7em;
}
#container {
	width:1024px;
	margin:0px auto;
}
#titlebar {
	width:1024px;
	height:140px;
	background-color:#000;
}
#date p {padding:4px 12px 4px 16px;}
#date {
	border-bottom:1px solid #f00;
	width:100%;
	text-align:right;
	margin-right:20px;
}
#scroller {
	width:100%;
	height:25px;
	border-top: 1px solid #f00;
	margin-top:10px;
	background-color:#000
}
#leftlinks {
	margin-top:10px;
	width:170px;
	height:500px;
	border-right:1px solid #f00;
	border-bottom:1px solid #f00;
	float:left;
	background-color:#000;
}
#rightlinks {
	margin-top:10px;
	width:170px;
	height:500px;
	border-left:1px solid #f00;
	border-bottom:1px solid #f00;
	float:right;
	text-align:center;
	background-color:#000
}
div#rightlinks img {margin:3px}

#content {
	width:660px;
	height:500px;
	float:left;
	margin:10px;
	background-color:#000;
	border:1px dashed #f00;
	overflow-y:auto;
	overflow-x:hidden;
	scrollbar-face-color: #d00; 
	scrollbar-track-color: #000; 
	scrollbar-arrow-color: #000;
	scrollbar-highlight-color: #bbb; 
	scrollbar-3dlight-color: #bbb; 
	scrollbar-shadow-color: #000;
	scrollbar-darkshadow-color: #000;
}
div#content p {margin-left:5px;margin-right:5px}
div#content img {margin:5px}
div#content li {color:#fff}

#mod1 {background-image:url(###.gif)}
#mod2 {background-image:url(###.gif)}
#mod3 {background-image:url(###.gif)}
#mod4 {background-image:url(###.gif)}
#mod5 {background-image:url(###.gif)}
#mod6 {background-image:url(###.gif)}

#btt {width:100%;text-align:right}

#thumbnails {
	margin:10px;
	width:270px;
	height:440px;
	text-align:center;
	float:left;
}
div#thumbnails img {width:120px;height:100px;border:1px solid #f00}
#largeimage {
	margin-top:10px;
	width:355px;
	height:260px;
	text-align:center;
	float:left;
}
div#largeimage img {width:300px;height:240px;border:1px solid #f00}