/* Type Selectors */

body {
  background-color: #f4f4f4;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 5px;
  font-family:  verdana, arial, sans-serif;
  font-size: 12px;
  color: #000000;
}

div {
  text-align: left;
}

img {
  border: none;
  margin: 0;   /* !important */
  padding: 0 !important;
}

ul {
  margin: 0px;
  padding: 0px;
}

p {
  padding: 10px;
  padding-top: 15px;
  padding-bottom: 0px;
  margin: 0;
}

h1 {
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
}

h2 {
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
}

hr {
	border: none;
	background-color: #cccccc;
	color: #cccccc;
	height: 1px;
	width: 80%;
	text-align: center; /* need by IE */
}


/* Misc other stuff */

/* indented from p */
.p2 {
  padding-left: 20px;
  padding-top: 5px;
  padding-bottom: 0px;
  margin: 0;
}

/* images on auto-generated notices page  */
.imgnotice {
	margin-top: 8px;
}

/* any special announcements */
.warning
{
  color: #e71515;
  height:12px;
}

/*
 * class for hidden images. required by opera
 */
.hidden-images {
  display: none;
}

/* 
 * Various classes to move pictures around
 * (homepage, governor index, schooluniformonline)
 */

ul.nostyle {
	list-style:none;
}

li.picfloatex {
	float:left;
	margin-left: 22px;
	margin-right: 0px;
	padding-bottom: 12px;

}
/* IE6 only */
*html li.picfloatex {
	float:left;
	margin-left: 12px;
	margin-right: 3px;
	margin-bottom: 0px;
	padding-bottom: 6px;

}


/* content-list used in many places */
ul.content-list {
  padding: 0;
  padding-top: 5px;  /*15px;*/
  margin-left: 30px;
  list-style-type: square;
}

.content-list li {
  padding-bottom: 1px;
  padding-top: 1px;
}

ul.content-list-plus-heading {
  padding: 0;
  padding-top: 3px;
  margin-left: 30px;
  list-style-type: square;
}

/* Used as sub heading on RHS */
p.heading {
  color: #e71515;
  font-size: 14px;
  padding: 0;
  margin: 0;
  padding-top: 5px;
  padding-left: 5px;
}

/* For php errors in config.php */
.errors {
  color: #e71515;
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 12px;
  font-size: 0.88em;
}

/* For 'small print' e.g. 'this page last updated....' */
.smallprint {
  font-size: 0.66em;
}

/* CSS Document END */

/* tables.css */

.awardstable {
  border:none; 
  border-collapse: collapse;
  width: 100%;
  margin-left: 0px;
}
.awardstable td {
  border: none; 
  padding: .9em .3em .3em .3em;
  text-align:center;
}

/* IE6 only - used where images can't be resized in e.g. Photoshop
	to 86px height without losing quality */
*html .ie6imghack86 {
	height: 86px;
}
/* Not IE6 */
.awardstable tr>td>a>img {
	height: 86px;
}

.datatable {
  border: 1px solid #d6dde6;
  border-collapse: collapse;
  width: 95%;
  margin-left: 12px;
}
.datatable td {
  border: 1px solid #d6dde6;
  padding: 0.3em;
}
.datatable th {
  border: 1px solid #d6dde6;
  background-color: #bcbcbc;
  font-weight: bold;
  text-align: left;
  padding-left: 0.3em;
}
.datatable caption {
  font: bold 110% arial, helvetica, sans-serif;
  color: #33517A;
  text-align: left;
  padding: 0.4em 0 0.8em 0;
}
.datatable tr.altrow {
  background-color: #DFE7F2;
  color: #000000;
}

.picturetable {
  border: 2px solid #BCBCBC;
  border-collapse: collapse;
  width: 95%;
  margin-left: 10px;
}

.picturetable td {
  border: 1px solid #D6DDE6;
  padding: 0.3em;
  text-align:center;
}

.picturetable img {
  width: 105px;    /*140px;*/
  height: 135px;   /*180px;*/
}

.smallfont {
	font-size: 9px;
}


table
{
padding-left:10px;
}

/*.tdspace {
padding-left:1em; 
}
  font-size: 14px;
  font-weight: bold;
}*/


/* ATTEMPT AT ONLINE CALENDAR */
.clmonth {
	border-collapse: collapse;
	margin-left:14px;
	float:left;
}
.clmonth caption {
	text-align: left;
	padding-top: 0.6em;
	padding-bottom: 0.3em;
}
.clmonth a {
	text-decoration: none;
	font: bold 105% Verdana, "Times New Roman", Times, serif; 
	color: #33517A;
}
.clmonth th {
	border: 1px solid #aaaaaa;
	border-bottom: none;
	padding: 0.2em 0.4em 0.2em 0.4em;
	background-color: #cccccc;
	color: #3f3f3f;
	font: 80% Verdana, Geneva, arial, helvetica, sans-serif;
}
.clmonth td {
	border: 1px solid #eaeaea;
	font: 80% Verdana, Geneva, arial, helvetica, sans-serif;
	padding: 0.2em 0.4em 0.2em 0.4em;
	vertical-align: top;
	text-align:center;
}
.clmonth td.previous, .clmonth td.next {
	background-color: #f0f0f0;
	color: #c6c6c6;
}
.clmonth td.active {
	background-color: #b1cbe1;
	color: #2b5070;
	border: 2px solid #4682b4;
}
/* Use this to left-align table content with our p */
/* This is for IE6 and IE7 only */
.flushtable {
	padding-top:3px;
	margin-left:8px;
}
.flushtable td.heading
{
	padding-left:10px;
}
/* This should be invisible to IE */
html>/**/body .flushtable {
	padding-left: 7px;
	margin-left: 0px;
}

/* CSS Document END */


/* Navigation and links */

.subnavigation-list li
{
	padding-bottom: 1px;
}

/*
 * Default classes for links
 */
a {
  color: #000000;
  font-weight: normal;
  text-decoration: underline;
}

a:link {
  color: #000000;
  font-weight: normal;
  text-decoration: underline;
}

a:visited {
  color: #000000;
  font-weight: normal;
  text-decoration: underline;
}

a:hover {
  color: #333333;
  font-weight: normal;
  text-decoration: none;
}

/*
 * Classes for main navigation links
 */
a.navigation {
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  font-family: arial, helvetica, sans-serif;
}

a.navigation:link {
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
}

a.navigation:visited {
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
}

a.navigation:hover {
  color: #ffffff;
  font-weight: bold;
  text-decoration: underline;
}

/*
 * Classes for sub navigation links
 */
a.sub-navigation {
  color: #000000;
  text-decoration: none;
}

a.sub-navigation:link {
  color: #000000;
  text-decoration: none;
}

a.sub-navigation:visited {
  color: #000000;
  text-decoration: none;
}

a.sub-navigation:hover {
  color: #333333;
  text-decoration: underline;
}

/*
 * Classes for footer links
 * FOOTER-LINK PROBABLY NOT USED
 */
a.footer-link {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}

a.footer-link:link {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}

a.footer-link:visited {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}

a.footer-link:hover {
  color: #ffffff;
  text-decoration: underline;
  font-weight: bold;
}

a.picfloat {
  text-decoration: none;
}

/* 
 * class containing for parents rollover image
 */
a.square-box-parents {
  height: 136px;
  width: 136px;
  background-image: url("../images/squares/for-parents.jpg");
  background-repeat: no-repeat;
  float: left;
}
/* 
 * class containing for parents rollover image
 */
a.square-box-parents:hover {
  height: 136px;
  width: 136px;
  background-image: url("../images/squares/for-parents-hover.jpg");
  background-repeat: no-repeat;
  float: left;
}

/* 
 * class containing for children rollover image
 */
a.square-box-children {
  height: 136px;
  width: 136px;
  background-image: url("../images/squares/for-children.jpg");
  background-repeat: no-repeat;
  float: left;
}

/* 
 * class containing for children rollover image
 */
a.square-box-children:hover {
  height: 136px;
  width: 136px;
  background-image: url("../images/squares/for-children-hover.jpg");
  background-repeat: no-repeat;
  float: left;
}

/* 
 * class containing the newsletter rollover image
 */
a.square-box-contact {
  height: 136px;
  width: 136px;
  background-color: #ffffff;
  background-image: url("../images/squares/newsletters.jpg");
  background-repeat: no-repeat;
  float: left;
}

/* 
 * class containing the newsletter rollover image
 */
a.square-box-contact:hover {
  height: 136px;
  width: 136px;
  background-color: #ffffff;
  background-image: url("../images/squares/newsletters-hover.jpg");
  background-repeat: no-repeat;
  float: left;
}

/* NAVIGATION */

/*
 * id for the main header navigation area
 */
#navigation {
  width:  416px;
  height: 28px;
  background-color: #e71515; /* red */
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  padding: 0;
  margin-left: 7px;;
  padding-top: 6px;
  voice-family: "\"}\"";  /* hack for IE5.5 on PC */
  voice-family: inherit;
  height: 22px; 
}

/*
 * id for items in the header navigation list
 */
#navlist {
  padding-left: 22px;
}
#navlist li {
  display: inline;
  padding-right: 25px;
  font-size: 12px;
}

/*
 * Class containing useful links and contact details
 */
.subnavigation {
  width: 275px;
  background-color: #f4f4f4;
  float: left;
  margin-top: 5px;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
}

.subnavigation-white {
  width: 275px;
  background-color: #ffffff;
  float: left;
  margin-top: 5px;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
}

ul.subnavigation-list {
  padding: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: 20px;
  list-style-type: square;
  font-size: 11px;
}

ul.content-subnavigation-list {
  padding: 0;
  padding-top: 10px;
  padding-bottom: 5px;
  margin-left: 5px;
  list-style-type: none;
  font-size: 11px;
}

li.content-subnavigation-list {
  padding-bottom: 5px;
}

.nodecoration a{
	text-decoration:none;
}

/* CSS Document END */


/* branding, incl boxes */

#titleimg
{
	margin-top:8px;
	margin-left:8px;
	width:84px;
	float:left;
}

#title
{
  font-family: "comic sans ms","arial rounded mt bold", verdana, arial, sans-serif;
  color: #000000;
  font-size:41pt; 
  height:85px;
}

#subtitle
{
  font-family: "comic sans ms", verdana, arial, sans-serif;
  color: #e71515;
  font-size:14pt;
  font-style:italic;
  height:28px;
  margin-left:  7px;
  /* implicit width is 416px but IE7 can't cope */
  text-align:right;
}

.headpic
{
	float: right;
	width: 133px; /*112px;*/
	height: 100px;   /*84px;*/
	margin-left: 10px;
	margin-bottom: 6px;
	margin-right: 0px;
}

p.headp {
  padding: 10px;
  padding-top: 6px;
  padding-bottom: 0px;
  padding-right: 0px;
  margin: 0;
}


/* BRANDING AT TOP OF PAGE */

#branding {
  width: 715px;
  height: 146px;
  float: left;
  padding: 0;
  margin: 0;
  margin-bottom: 0px !important;
  background-color: #ffffff;
}

.branding-left {
  width: 423px;
  float: left;
  background-color: #ffffff;
  text-align: center;  
}

.branding-right {
  padding: 5px;
  padding-right: 0px;
  float: right;
  background-color: #ffffff;
  voice-family: "\"}\""; /* hack for IE5.5 on PC */
  voice-family: inherit;
  width: 285px;
}

/* 
 * class containing the non-rollover images
 */
.square-box {
  height: 136px;
  width: 136px;
  background-color: #ffffff;
  float: left;
  padding-right: 5px;  
}

/* 
 * class for non-rollover images
 */
img.square {
  height: 136px;
  width: 136px;
  display: block;
}

/* 
 * class for hidden images. required by opera
 */
.hidden-images {
  display: none;
}


/* 
 * The sub branding id.
 */
#sub-branding {
  width: 715px;
  height: 136px;
  float: left;
  padding-bottom: 5px;
  background-color: #ffffff;
}

/*
 * Class for "sub branding left"
 */
.sub-branding-left {
  width:  416px;
  float: left;
  padding: 0;
  padding-left: 7px; /* IE6 hack - would be margin-left: 7px otherwise */
  background-color: #ffffff;
  text-align: center;  
}

img.spinneyprimary {
  height: 137px;
  width: 416px;
  /* depends on sub-branding-left for 7px left margin*/
  display: block;
}

/*
 * Class for "sub branding right"
 */
.sub-branding-right {
  padding: 0;
  padding-left: 5px;
  float: right;
  background-color: #ffffff;
  voice-family: "\"}\""; /* hack for IE5.5 on PC */
  voice-family: inherit;
  width: 285px;
}



/* CSS Document END */


/* layout.css */
/*
 * General layout of pages
 * NB Some layout is in other css files as it relates to a specific area e.g. branding 
 */

.content {
  width: 715px;
  float: left;
  background-color: #ffffff;
  padding-bottom: 5px;
}

.content-left {
  width: 423px;
  float: left;
  background-color: #ffffff;
  padding-bottom: 10px;
}

.content-right {
  float: right;
  background-color: #ffffff;
  padding-left: 5px;
  voice-family: "\"}\""; /* hack for IE5.5 on PC */
  voice-family: inherit;
  width: 285px;
}

.page {
  margin-right: auto; /* required to centre the page in Mozilla */
  margin-left: auto;  /* required to centre the page in Mozilla */
  width: 715px;
}

/* heading on LHS, white on red background, usually gets $pagetitle as text */
.page-heading-left {
  width:  416px;
  height: 30px;
  background-color: #e71515;
  margin-left:   7px; /* for the red background */
  padding-top: 4px;
  padding-left: 5px; /* for the wording within the background */
  voice-family: "\"}\"";  /* hack for IE5.5 on PC */
  voice-family: inherit;
  width: 411px;  /* IE6 hack */
  height: 24px;   /* IE6 hack? */
}

/*
 * heading on RHS, white on red background, text often set to 'Links'
 */
.page-heading-right {
  width: 277px;
  height: 30px;
  background-color: #e71515;
  padding-top: 4px;
  padding-left: 5px;
  voice-family: "\"}\"";  /* hack for IE5.5 on PC */
  voice-family: inherit;
  width: 272px;
  height: 24px; 
}

/* footer stuff */
#footer {
  width: 715px;
  height: 36px;
  float: left;
  background-color: #e71515;
  margin-bottom: 25px;
}

#footer .copy {
  color: #ffffff;
  font-weight: bold;
  font-size: 9px;
  padding-top: 10px;
  padding-left: 10px;
  float:left;
}

#footer .disclaimer a {
	float:right;
	text-align:right;
	margin-right: 10px;
	color: #ffffff;
	font-size: smaller;
	margin-top: 10px;
}

/* CSS Document END */