body
{
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-image: url( 'images/yellowstrip.jpg' );
	background-repeat: repeat-x;
}

#container { 
	width: 971px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#container td  
{
	vertical-align:top;
}
#header 
{
	/* padding:10px; */
	margin-bottom:10px;
}

/*
#navigation {
	float: left; 
	width: 150px; 
	background: #ffffff; 
	padding:0;
	margin-bottom:10px;
	margin-left:10px;
}
*/
.navigation 
{
	width:170px;
}
.mainContent 
{
	width:801px;
}


/* The content area has 779px. We don't give width here. */
/*
#mainContent { 
	margin: 0 10px 10px 170px; 
}*/

#mainContent1
{
	margin: 10px 210px 10px 170px; 
	width:550px;
	background-color:#ffffff;
}
#leftside
{
	width:570px;
	background-color:#ffffff;

}
#rightside1
{
	float:right;
	width:200px;
	border-left:solid 2px #B51032;
	margin-right:10px;
	padding-left:10px;
	margin-top:10px;
	text-align:center;
}
#rightside
{
	float:right;
	width:200px;
	border-left:solid 2px #B51032;
	text-align:center;
	padding-left:10px;
	padding-top:10px;
}
.pagetitle1{
	border-bottom: 1px dotted #B51032;
	color: #B51032;
	font-size:1.3em;
	margin-left:170px;
	margin-top:10px;
}
.logos 
{
	margin-top:10px;
	margin-bottom:10px;
}
	
#footer
{
	width: 971px;
	color: #ffffff;
	font-size: 60%;
	background-image: url( 'images/footer.jpg' );
	background-repeat: no-repeat;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	clear:both;
}
#footer a
{
	text-decoration:none;
	color:#ffffff;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.pagetitle{
	border-bottom: 1px dotted #B51032;
	color: #B51032;
	font-size:1.3em;
	font-family: 'Arial','Times New Roman' , Times, serif;

}
.toppara
{
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: 'Arial','Times New Roman' , Times, serif;
	font-size:0.9em;
	}
.bottompara
{
	margin-top:10px;
	font-size:0.8em
}

/* Grid style */
.gridHeader
{
	background-color:Blue;
	color:White;
	font-weight:bold;
}
.gridEmpty
{
	padding:10px;
	background-color:#FFF8BF;
	color:Black;
}
.panelEmpty 
{
	padding:10px;
	background-color:#FFF8BF;
	color:Black;
	font-size:80%;
}

.nodata 
{
	padding:10px;
	background-color:#FFF8BF;
	color:Black;
	font-size:80%;
}

/* Home page */
table.home
{
	border-collapse:collapse;
	width:791px;
	font-size:80%;
	margin-top:10px;
}
table.home td.left 
{
	vertical-align:top;
}
table.home td.right
{
	background-color:white;
	vertical-align:top;
	text-align:center;
	border-left:solid 2px #B51032;
	width:200px;
	padding-left:10px;
}
table.home td.right img
{
	border:0;
	margin-bottom:10px;
}
.termdates
{
	font-size:0.8em;
	border-collapse:collapse;
	width:720px;
	margin:10px auto;
}
.termdates td
{
	vertical-align:top;
}
.termdates td.data
{
	border:solid 5px #DFDFFF;
	padding:0;
	background-color:#AAFF55;
}
.termdates td.hspace 
{
	width:20px;
}
.termspace td.vspace 
{
	height:10px;
}

/* Term dates */
table.summer
{
	width:350px;
	border-collapse:collapse;
	font-size:1em;

}
table.summer th 
{
	background-color:#408000;
	color:White;
		padding:5px;
	font-size:1em;
}
table.summer td
{
	padding-left:5px;
}
table.spring
{
	width:350px;
	border-collapse:collapse;
		font-size:1em;
}
table.spring th 
{
	background-color:#408000;
	color:White;
	padding:5px;
	font-size:1em;
}
table.spring td 
{
	padding-left:5px;
}
table.autumn
{
	width:350px;
	border-collapse:collapse;
	font-size:1em;
}
table.autumn th 
{
	background-color:#408000;
	color:White;
	padding:5px;
	font-size:1em;
}
table.autumn td 
{
	padding-left:5px;
}
table.training
{
	width:350px;
	border-collapse:collapse;
	font-size:1em;
}
table.training th 
{
	background-color:#408000;
	color:White;
	padding:5px;
	font-size:1em;
}
table.training td 
{
	padding-left:5px;
}

/* Governing board */
/*BackColor="White" BorderColor="#3366CC" BorderStyle="Solid" BorderWidth="1px" 
   CellPadding="4"  Font-Size="80%" Width="789px" */
/*  <HeaderStyle BackColor="#003399" Font-Bold="True" ForeColor="#CCCCFF" /> */
/*             <RowStyle BackColor="White" ForeColor="#003399" BorderColor="Black" 
                BorderStyle="Solid" BorderWidth="1px" /> */
.governing 
{
	width:100%;
	font-size:80%;

}
.governing th 
{
	background-color:#55002B;
	text-align:center;
	color:White;
}
.governing td
{
	background-color:#CA95FF;
	
}

/* sandwiches */
.hotmealpanel 
{
	background-color:#FFFFBF;
}
.sandwichpanel
{
	background-color:#95FF95;
}


table.sandwiches
{
	width:100%;
	border-collapse:collapse;
	margin-bottom:10px;
	font-size:80%;
	text-align:center;
}
table.sandwiches tr.title
{
	color:#008000;
	text-align:left;
	font-weight:bold;
}
table.sandwiches td.items
{
	border-right:solid 1px #BFFFBF;
	border-bottom:solid 1px #BFFFBF;
	background-color:#CAFF95;
}
table.sandwiches td.days
{
	border-right:solid 1px #BFFFBF;
	border-bottom:solid 1px #BFFFBF;
	background-color:#00D500;
}

/* Hot meals */
.mealtitle
{
	text-align:left;
	font-size:80%;
	font-weight:bold;
	color:#D56A00;
}
table.mealmenu
{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.mealmenu th
{
	text-align:center;
	background-color:#FFC20B;

}
table.mealmenu td.items
{
	text-align:center;
	width:17%;
	background-color:#FFFFBF;
	padding:10px;
	font-size:80%;
}
table.mealmenu td.course
{
	font-weight:bold;
	padding-left:5px;
	background-color:#FFFF55;
}

/* News letters */

.NewsCategory
{
	margin-top:10px;
	font-weight:bold;
	font-size:80%;	
}
table.newsLetter
{
	font-size:80%;
	border-collapse:collapse;
	width:100%;
	margin:0 auto;
}
table.newsLetter th 
{
	font-weight:bold;
	text-align:center;
}
table.newsLetter td.date
{
	width:150px;
	text-align:center;
}
table.newsLetter td.title
{
	width:600px;
}
table.newsLetter td.link
{
	text-align:center;
}

/* Web links */
table.weblinks 
{
	width:100%;
	text-align:center;
}
table.weblinks .weblinks img
{
	margin:20px;
	
}
table.weblinks td.name 
{
	color:Gray;
	font-size:xx-large;
}
/* Web links for fs,ks1 and ks2 */

table.weburls
{
	font-size:80%;
	margin-bottom:10px;
	margin-left:20px;
	border-collapse:collapse;
	border:solid 1px gray;
	margin:0 auto;	
}

table.weburls td
{
	border:0;
	border-bottom:solid 1px gray;
	padding:10px;
}

/* Calendar page */
table.calrecords
{
	margin-top:10px;
	font-size:80%;
}
.rightfloat
{
	float:right;
}
.leftfloat
{
	float:left;
}

/* Staff members */
table.staffcols 
{
	width:100%;
	border-collapse:collapse;
	font-size:80%;
	background-color:Gray;
	color:White;
	font-weight:bold;
	text-align:left;
}
table.staffcols th.col1
{
	width:20%;
}
table.staffcols th.col2
{
	width:20%;
}
table.staffcols th.col3
{
	width:60%;
	text-align:center;
}
.jobtitle
{
	color:Gray;
	font-size:80%;
	font-weight:bold;
	background-color:#554000;
	color:White;
	padding:5px;
}
table.staff 
{
	margin:0 auto;
	border-collapse:collapse;
	font-size:80%;
	width:100%;
	background-color:#FFFF95;
}
table.staff td.name
{
	width:40%;
	padding-right:10px;
	padding-left:30px;
}
table.staff td.value
{
}

/* School Photos */
#albumlist {
	list-style-type: none;
	width:350px;
}
#albumlist li 
{
	float: left;
	width: 100px;
	margin-right: 6px;
	margin-bottom: 10px;
	font: bold 0.8em Arial, Helvetica, sans-serif;
	color: #333333;
}
#albumlist img {
	display: block;
	border: 1px solid #333300;
}

img.schoolphoto 
{
	border:solid 1px gray;
	padding:5px;
	background-color:Gray;
}
div.phototitle
{
	padding:5px;
	font-size:80%;
		background-color:Yellow;
}
div.photodesc 
{
	padding:5px;
	font-size:80%;
	background-color:Gray;
	color:White;

}

/* Clubs */
table.Clubs
{
	font-size:80%;
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
}
table.Clubs th
{
	text-align:center;
	background-color:#FFE495;
}
table.Clubs caption
{
 background-color:#408000;
 font-size:100%;
 font-weight:bold;
 color:White;
 padding:5px;
}
table.Clubs tr.noClubs
{
}
table.Clubs tr.noClubs td
{
	padding:10px;
	background-color:#FFF8BF;
	color:Black;

}

table.Clubs .SlNo
{
	width:50px;
	text-align:center;
}
table.Clubs .View
{
	width:100px;
	text-align:center;
}
table.Clubs .Name
{
	padding-left:10px;
}

/* Club Details */
table.clubdetails 
{
	width:100%;
	font-size:80%;
	border-collapse:collapse;
	background-color:#FFF8BF;
	margin-top:10px;
}
table.clubdetails td.name 
{
	width:100px;
	vertical-align:top;
	font-weight:bold;
	padding-left:10px;
}
table.clubdetails td.value
{
	padding:5px;
}
table.clubdetails .club
{
	float:left;
	margin-right:20px;
	padding:5px;
	border-color:#FFF8BF;
}
table.clubdetails ul
{
	
}

/* News */
table.news 
{
	font-size:80%;
	border:solid 1px #FFE495;
	width:100%;
	margin-top:10px;
}
.newsheader
{
	background-color:#787878;
	text-align:center;
	color:White;
	padding:5px;
	font-weight:bold;
	font-size:100%;
}
.newsfooter
{
	padding:5px;
}
.nonews
{
}
.newspager
{
	background-color:#EAEAFF;
}
.newstitle
{
	font-weight:bold;
}
.newsdetails
{
}
table.news  td.date
{
	width:100px;
	padding-left:10px;
}
table.news  td.title
{
	width:600px;
}
	
.newsboard
{
	height:200px;
	margin:10px auto;
	padding:10px;
	font-size:80%;
	border:solid 10px gray;
}

/* Gallery */
table.gallerylist
{
	font-size:80%;
	border-collapse:collapse;
	width:100%;
}
table.gallerylist td
{
	vertical-align:top;
}
table.gallerylist .itemStyle
{
	width:33%;
}
.itemStyle .title
{
	background-color:Red;
	color:White;
	padding:5px;
}
.itemStyle .photo
{
	text-align:center;
	background-color:#787878;
}
.itemStyle .desc
{
	background-color:#BFBFFF;
	padding:5px;
}
.itemStyle .more
{
	text-align:right;
	color:Red;
}

/* Kidswork */
table.kidswork
{
	width:600px;
	border-collapse:collapse;
	background-color:white;
	margin:0 auto;
}
table.kidswork td.cell
{
	padding:10px;
	text-align:center;
}

.WorksListing
{
	font-size:80%;
	margin-top:10px;
	background-color:#F8FFDF;
	width:100%;
}
.WorksListing td
{
	padding:5px;
}
.WorksListing .slno
{
	padding-right:10px;
}
.WorksListing .title
{
	padding-right:10px;
}
.WorksListing .view
{
	font-size:70%;
}

.noWorks
{
	width:500px;
	padding:10px;
	margin-top:10px;
}

/* Showwork record */
table.workrecord
{
	font-size:80%;
	background-color:#DFFFDF;
}
table.workrecord td.name
{
	width:150px;
}

/* New home page */
#homeheader 
{
}
#workarea
{
	background-color: White;
	background-image: url('images/bg.jpg' );
	background-repeat: repeat-x;
}
#homenav 
{
	width:268px;
	float:left;
}
#homecontent
{
	margin-left:268px;
	margin-right:10px;
	margin-top:10px;
}
#homefooter 
{
	width:100%;
}

/* Curriculum */
.curriculum
{
	height:400px;
	overflow:auto;
	font-size:80%;
	margin-top:10px;
	border:solid 5px gray;
}

.doclink 
{
	font-size:80%;
	font-weight:bold;
}

/* Links to gallery and document library */
.docgallerylink 
{
	padding:10px;
}
.linkToDocLibrary
{
	font-size:80%;
	color:Blue;
	padding:10px;
}
.docgallerylink td.links
{
	width:50%;
	text-align:center;
}

/* Document Library */
.docLibrary
{
	font-size:80%;
	width:760px;
}

.docHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    cursor: pointer;
}

.docHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.docContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
}


/* Full page content */
.pageContent 
{
	background-color:Gray;
	color:White;
	font-size:80%;
}

/* Top left image */
.pageImage
{
	background-position: left top;
	float: right;
	background-image: url( '../../images/landing/calender.jpg' );
	background-repeat: no-repeat;
}

/* Page with black board */
.leftpart
{
	margin-left:10px;
	margin-right:310px;
}
.rightpart
{
	float:right;
	width:300px;
	padding-left:5px;
	border-left:solid 1px #B51032;
}
table.homesection td.link
{
	vertical-align:bottom;
	text-align:center;
	width:200px;
}
	
table.pupilsection
{
	width:430px;
}
table.pupilsection td.link
{
	vertical-align:bottom;
	padding-bottom:10px;
	text-align:center;
}

table.schoolsection
{
	width:430px;
}
table.schoolsection td.link
{
	vertical-align:bottom;
	padding-bottom:10px;
	text-align:center;
}
table.parentsection
{
	width:430px;
}
table.parentsection td.link
{
	vertical-align:bottom;
	padding-bottom:10px;
	text-align:center;
}

/* Accordian Newsletter */
.newsHeader
{
    border: 1px solid #008000;
    color: white;
    background-color: #008000;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    cursor: pointer;
}

.newsHeaderSelected
{
    border: 1px solid #008000;
    color: white;
    background-color: #00D500;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.newsContent
{
    background-color: #BFFFBF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
}