/* ecsosa.org.uk css */


html, body           {
	background-color: #000040;
	margin: 0px;
	padding: 0px
	}


body, th, td	       {
	color: #ffd700;
	font-size: 100%;
	line-height: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left
	}


img  {
	margin: 0px;
	padding: 0px;
	border: 0px
	}
	
	
img.imgbig  {
	}



.imgleft  {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em
	}

		
.imgright  {
	float: right;
	margin-bottom: 1em;
	margin-left: 1em
	}

.imglinked   {
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	border: outset 0.3em #87ceeb
	}
	
	
.imglinkedleft   {
	float: left;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	border: outset 0.3em #87ceeb
	}

	
.imglinkedright   {
	float: right;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
	border: outset 0.3em #87ceeb
	}


a    {
	color: #87ceeb;
	font-weight: normal;
	text-decoration: none
	}



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

	
tr.odd {
	}
	
	
tr.even {
	background-color: #000060;
	}
	
	
tr.special {
	background-color: #800000;
	}
	

ol.loweralpha {
	list-style-type: lower-alpha
	}


ol.lowerroman {
	list-style-type: lower-roman
	}	
	
	
.left {
	text-align: left
	}
	
	
.centre {
	text-align: center
	}
	
	
.right {
	text-align: right
	}


.floatright {
	float: right
	}
	
	
.clear {
	clear: both
	}
.none	 {
	display:none
	}
	
	
.smaller {
	font-size: 0.9em
	}
	
	
.dinky	{
	font-size: 0.8em
	}


div#echeader                          {
	color: #000040;
	background: #ffd700 url(../images/gold.jpg) repeat;
	text-align: left;
	margin: 0px 0px 0px 9.5em;
	padding: 10px 2em 10px 1em;
	border-left: 0.2em double #ffd700;
	height: 100px
	}




	

div#headerbadgeleft   {
	float: left;
	margin: 0px;
	padding: 0px
	}


div#headerbadgeright    {
	float: right;
	margin: 0px;
	padding: 0px
	}


div#ecbadge                              {
	color: #ffd700;
	background-color: #000040;
	text-align: center;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 10px;
	left: 0em;
	width: 9.5em
	}

	
	
div#ecmenu                             {
	color: #ffd700;
	background-color: #000040;
	margin: 0em;
	padding: 1em 0;
	position: absolute;
	top: 120px;
	left: 0em;
	width: 9.5em
	}





	
div#ecmenu ul	 {
	margin: 0;
	padding: 0
	}
	

div#ecmenu ul#echimenu	 {
	margin: 0.5em 0 0 0;
	}


div#ecmenu li	   {
	/* This makes IE behave */
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0
	}
	

div#ecmenu  ul a       {
	color: #87ceeb;
	font-weight: bold;
	text-decoration: none;
	background-color: #da3287;
	margin: 0;
	padding: 0 1em;
	border: outset 0.1em #da3287;
	display: block
	}


	
	
div#ecmenu  ul#echimenu a    {
	color: #da3287;
	background-color: #87ceeb;
	border: outset 0.1em #87ceeb;
	}

	
div#ecmenu ul a#ecselected   {
	background-color: #b82a72;
	border: outset 0.1em #b82a72
	}

	
div#ecmenu span.ecmenuitem {
	display: none
	}
div#ecmenu ul a:hover    {
	color: #da3287;
	font-weight: bold;
	text-decoration: none;
	background-color: #87ceeb;
	padding-right: 1em;
	padding-left: 1em;
	border: outset 0.1em #87ceeb;
	display: block
	}
div#ecmenu ul#echimenu a:hover    {
	color: #87ceeb;
	background-color: #da3287;
	border: outset 0.1em #da3287;
	}
div#ecmenu ul a#ecselected:hover  {
	color: #da3287;
	background-color: #87ceeb;
	border: outset 0.1em #87ceeb;
	}
div#ecmenu ul a:hover span.ecmenuitem		            { color: #ffd700; font-style: normal; font-weight: normal; font-size: 0.8em; margin: 1.25em 0em 1.25em 0.3em; padding: 0.5em; border: inset #01250e; position: absolute; top: 29em; left: 0em; width: 9.38em; display: block }
div#ecbookmark   { text-align: center; margin-top: 0.75em }
div#ecbody  { clear: both; margin-left: 9.5em; padding: 1em 2em 1em 1em; border-left: 0.2em double #ffd700; min-height: 25em }
div#ecbottom { clear: both; margin-left: 9.5em; padding: 1em 2em 1em 1em; border-left: 0.2em double #ffd700 }
/* This container makes IE behave but is otherwise redundant. */
div#ecbodydim {
	width: 100%;
	}
div#ecbody h1       {
	background-color: #000060;
	font-size: 2em;
	line-height: 1em;
	margin: 0 0 0.5em;
	padding: 0.25em;
	border: double 0.1em #ffd700;
	}
div#ecbody h2   {
	font-size: 1.5em;
	line-height: 1em;
	margin: 0px 0px 1em;
	padding: 0px
	}
div#ecbody h3   {
	font-size: 1.2em;
	line-height: 1em;
	margin: 0px 0px 1em;
	padding: 0px
	}
div#ecbody h4   {
	font-size: 1.1em;
	line-height: 1em;
	margin: 0px 0px 1em;
	padding: 0px
	}
ul#ecnewslist {
	color:  #da3287;
	}
div.rss-box-whatsnew .rss-items { list-style-type: none; list-style-position: outside; margin: 0em }
div.rss-box-whatsnew .rss-item { margin-top: 1em; margin-bottom: 1em; margin-left: 4em }
div.rss-box-whatsnew .rss-item a { margin-left: -4em }
div.rss-box-whatsnew .rss-date { font-size: 0.8em; text-align: right }
div.ecphotocaption    {
	font-size: 0.9em;
	background-color: #000060;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0.5em;
	border: solid 0.1em #ffd700
	}

.echighlight  {
	color: white;
	background-color: #000060;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 1em;
	border: double 0.4em white
	}
	
	
.ecaside   {
	font-style: italic;
	font-family: "Times New Roman", Times, serif
	}
	
.ecauthor { color: white; }

div.pagepadding  {
	clear: both;
	padding-top: 4em;
	padding-bottom: 4em
	}
div#ecdisclaimer   {
	font-size: 0.8em;
	clear: both;
	margin-top: 1.25em;
	padding: 1em;
	border: double 0.25em #ffd700;
	}
div#ecfooter                     { color: #ffd700; font-size: 1.1em; background: #000040 url(../images/tie.jpg) repeat; clear: both; margin: 0px; padding: 1em; border-top: 0.1em solid #ffd700; border-bottom: 0.1em solid  #ffd700}
div#ecfooter a {
	color: #ffd700;
	}
div.sitemeter {
	display: inline
	}
div.sitemeter img   {
	vertical-align: middle;
	margin: 0px;
	padding: 0px
	}
div.statcounter {
	display: inline
	}
div.statcounter img   {
	vertical-align: middle;
	margin: 0px;
	padding: 0px
	}
.ecwmcrud {
	font-size: 0.8em
	}
div#joinform   {
	color: black;
	background-color: white;
	padding: 1em;
	border: solid 0.1em #ffd700
	}
div#joinform h3 {
	font-style: normal;
	font-weight: bold;
	font-size: 1.2em;
	margin: 1em 0px;
	padding: 0px
	}
div#joinform h4 {
	font-style: normal;
	font-weight: bold;
	font-size: 1em;
	margin: 1em 0px;
	padding: 0px
	}
div#joinform p {
	margin: 0em 0px 1em;
	padding: 1em 0px 0px
	}
div#joinform div  {
	clear: both;
	margin: 0px;
	padding-top: 1em
	}
div#joinform label  {
	display: block;
	float: left;
	width: 15em
	}
div#joinform input  {
	display: block;
	float: left
	}
div.schoolsong {
	color: white;
	background-color: #000060;
	margin: 1em auto 1em auto;
	padding: 1em;
	border: double 0.4em white;
	width: 25em
	}
div.ftaindex   {
	float: left;
	text-align: center;
	margin-top: 1em;
	}
table#diary, table#nicknames {
	margin: 0px;
	padding: 0px;
	border: solid 0.1em #ffd700
	}
table#diary th, table#nicknames th    {
	color: #000040;
	background-color: #ffd700;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0.5em
	}
table#diary td, table#nicknames td   {
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0.5em
	}
th.diarydate, td.diarydate {
	white-space: nowrap
	}
td.diaryevent {
	font-weight: bold
	}
table#newsletters    { border: solid 0.1em #ffd700; border-collapse: collapse
 }
table#newsletters td      { font-style: normal; font-weight: normal; vertical-align: top; margin: 0.1em; padding: 0.5em; border: solid 1px #ffd700 }
table#chronology  {
	background-color: #000060;
	font-size: 0.8em;
	margin: 0px;
	padding: 0px;
	border: solid 0.1em #ffd700
	}
	

table#chronology th    {
	color: #000040;
	background-color: #ffd700;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0.5em
	}
	
	
table#chronology td   {
	background-color: #000040;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0.5em
	}
div#rm270 {
	margin-right: 270px
	}

div.atomzform   {
	padding: 1em;
	border: solid 0.1em #ffd700
	}
	
	
div.atomzform label  {
	display: block;
	float: left;
	width: 8em
	}


div.atomzform input  {
	display: block;
	float: left
	}
.browse {
	}
.indexpage {
	}

.previouspage {
	float: right
	}

.nextpage {
	float: right;
	margin-left: 1em
	}
dl.pupils dt {
	font-weight: bold
	}
	
	
table.photoyears    { font-size: 0.8em; border: solid 0.1em #ffd700; width: 100%; border-collapse: collapse
 }
 
 	
table#photoyears td     {
	font-style: normal;
	font-weight: normal;
	vertical-align: top;
	margin: 0.1em;
	padding: 0.5em;
	width: 22%
	}
div#google-footer-ad { text-align: center; margin-top: 1em; margin-bottom: 1em }
div#fotopicpadding { min-height: 1000px }
div#googlesearches  { color: white; text-align: right; padding-right: 1em; border-top: 0.1em solid white; border-bottom: 0.1em solid white }