* {
	margin:0;
	padding:0;
}

body {
	color:#000;
	font-family:Comic Sans MS, Arial;
	width:100%;
	background:#bad6fe;
	font-size:100%;
}

#container {
	margin: 20px auto;
	width:719px;
}

#content-bg {
	width:719px;
	background:#bad6fe url(../images/content-bg.gif) top left repeat-y;
}

#header {
	width:719px;
	background:#bad6fe url(../images/header-bg.gif) top left no-repeat;
	height:78px;
	position:relative;
}

#header a {
	width:490px;
	height:70px;
	display:block;
	position:absolute;
	top:5px;
	left:15px;
}

#top-tabs {
	width:701px;
	margin:0 auto;
	height:53px;
	position:relative;
}

#top-tabs ul li{
	display:inline;
	list-style:none;
}

#top-tabs ul li a{
	height:53px;
	position:absolute;
	top:0;
}

#top-tabs ul li a {
	display:block;
	background-repeat: no-repeat;
	background-position: left top;
}

#top-tabs ul li#home a {
	left:0;
	width:99px;
	background-image:url(../images/nav/nav-home.gif);
}

#top-tabs ul li#school a {
	left:99px;
	width:100px;
	background-image:url(../images/nav/nav-our-school.gif);
}

#top-tabs ul li#children a {
	left:199px;
	width:100px;
	background-image:url(../images/nav/nav-children.gif);
}

#top-tabs ul li#curriculum a {
	left:299px;
	width:100px;
	background-image:url(../images/nav/nav-curriculum.gif);
}

#top-tabs ul li#parents a {
	left:399px;
	width:100px;
	background-image:url(../images/nav/nav-parents.gif);
}

#top-tabs ul li#governors a {
	left:499px;
	width:100px;
	background-image:url(../images/nav/nav-governors.gif);
}

#top-tabs ul li#community a{
	left:599px;
	width:102px;
	background-image:url(../images/nav/nav-community.gif);
}

#top-tabs ul li.current a {
	background-position: left bottom;
}

#content {
	width:672px;
	margin-left:38px;
}

#options {
	width:672px;
	padding:5px 0;
}

#options ul {
	float:left;
}

#options ul li {
	display:inline;
	list-style:none;
	margin-left:10px;
}

#options ul li#favourites {
	background:#fff url(../images/fav-icon.jpg) top left no-repeat;
}

#options ul li#email {
	background:#fff url(../images/email-icon.jpg) top left no-repeat;
}

#options ul li#print {
	background:#fff url(../images/print-icon.jpg) top left no-repeat;
}

#options ul li a {
	color:#000;
	padding-left:35px;
	text-decoration:none;
	font-size:0.9em;
}	

#options #searchbar
{
	float:right;
	height:21px;
	position:relative;
}

#options #searchbar form#search
{
	display:block;
	margin:0;
	padding:0;
	height:21px;
}

#textBox
{
	position:absolute;
	top:0;
	right:0;
}

#submitBtn
{
	position:absolute;
	top:0;
	right:155px;
}


#flash-container {
	width:672px;
	height:160px;
	background:#fff url(../images/flash-temp.jpg) top left no-repeat;
	border-top:1px solid #0066cc;
	border-bottom:1px solid #0066cc;
}

#min-prop {
	width:1px;
	height:340px;
	float:left;
}

#main {
	float:left;
	width:460px;
	padding:0 15px;
	border-right:1px solid #0066cc;
	background:#fff url(../images/main-content-bg.gif) left bottom no-repeat;
	overflow:hidden;
	font-size:0.8em;
}


#main p {
	margin:10px 0;
	xfont-size:0.8em;
}

#main h1 {
	font-size:1.6em;
	color:#0066cc;
	display:inline;
	margin:20px 0;
}

#main h2 {
	font-size:1.4em;
	color:#0066cc;
	display:inline;
	margin:20px 0;
}

#main ul li, #main ol li {
	margin:10px 20px;
}

#main img
{
	xmargin:10px;
}

#main textarea
{
	font-family:Comic Sans MS, Arial;
	font-size:1em;
}

#rightcol {
	width:180px;
	float:left;
}

#rightcol .rightpod
{
	border-bottom:1px solid #0066cc;
}

#rightcol .inner
{
	padding:0 10px;
}

#rightcol .rightpod h2
{
	font-size:0.8em;
	color:#000;
	display:inline;
	margin:10px 0;
}

#rightcol .rightpod p {
	margin:10px 0;
	font-size:0.7em;
}

#rightcol .rightpod a.downloads {
	display:block;
	background:#fff url(../images/adobe-icon.jpg) top left no-repeat;
	padding-left:75px;
	line-height:31px;
	font-size:0.7em;
	margin:10px 0;
	color:#000;
	text-decoration:none;
}


#rightcol .rightpod ul li {
	margin:10px 0;
	font-size:0.7em;
	list-style:none;
	line-height:31px;
}

#rightcol .rightpod ul li#newsletters {
	background:#fff url(../images/newsletters-icon.jpg) top left no-repeat;
}

#rightcol .rightpod ul li#lettershome {
	background:#fff url(../images/letters-icon.jpg) top left no-repeat;
}
#rightcol .rightpod ul li#calendar {
	background:#fff url(../images/calendar-icon.jpg) top left no-repeat;
}

#rightcol .rightpod ul li a {
	color:#000;
	text-decoration:none;
	padding-left:50px;
}

#footer-links {
	width:719px;
	background:transparent url(../images/footerlinks-bg.gif) bottom left no-repeat;
}

#footer-links ul {
	margin-left:50px;
	margin-top:10px;
}
#footer-links ul li {
	display:inline;
	list-style:none;
	xmargin:0 8px;
}

#footer {
	width:719px;
	background:#bad6fe url(../images/footer-bg.gif) top left no-repeat;
	height:51px;
}

#footer p {
	margin-left:50px;
	color:#fff;
	padding-top:10px;
	font-size:0.9em;
}

#footer p a {
	color:#fff;
}



div.nav {
	width:701px;
	margin:0 auto;
	background:#a50202 url(../images/nav-bg.gif) top left no-repeat;
	padding:5px 0;

}

div.nav ul {
	width:701px;
	margin-left:10px
}

div.nav ul li {
	display:inline;
	margin:10px 0 10px 5px;
}

div.nav ul li a {
	color:#fff;
	text-decoration:none;
	font-size:0.9em;
	padding-right:10px;
	border-right:1px solid #fff;
}


div.nav ul li.current a {
	text-decoration:underline;
}

div.nav ul li.last a {
	border-right:none;
}

.clear {
	clear:both;
}

a img {
	border:none
}

/*** Admin login styles ***/

p.error {
	color:red;
}

p.success {
	color:green;
}

p span.error {
	color:red;
}

p span.success {
	color:green;
}

/*** News Story style ***/

#main p.date 
{
	text-align:right;
	font-weight:bold;
}

#main p.link 
{
	text-align:center;
}

#main h2 img
{
	margin-right:15px;
}

hr
{
	width:80%;
	margin:10px auto;
	border-bottom:1px dashed #56afff;
	height:1px;
	overflow:none;
}

/*** Ben's stuff. might be able to make it nicer? ***/
#mainnoimage {
	float:left;
	width:490px;
	border-right:1px solid #0066cc;
}


#mainnoimage p {
	margin:10px 15px;
	font-size:0.8em;
}

#mainnoimage h1 {
	font-size:1.3em;
	color:#0066cc;
	display:inline;
	margin:20px 15px;
}

#mainnoimage h2 {
	font-size:1.1em;
	color:#0066cc;
	display:inline;
	margin:20px 15px;
}

#mainnoimage ul li, #mainnoimage ol li {
	font-size:0.8em;
	margin:10px 35px;
}

#mainnoimage div#flash {
	margin-left: 30px;
	margin-bottom: 30px;
}