/* ecsosa.org.uk css */


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


body, th, td	         { color: black; 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 #b0e0e6
	}
	
	
.imglinkedleft   {
	float: left;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	border: outset 0.3em #b0e0e6
	}

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


a     { font-weight: normal }



a:hover   { font-weight: normal }

	
tr.odd {
	}
	
	
tr.even {
	background-color: #000040;
	}
	
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: 10px 1em 0px 11.5em; padding: 10px 2em 10px 1em; height: 100px; border-radius: 20px 20px 0 0 }
div#ecfiller { background-color: #000040; margin-right: 1em; margin-left: 11.5em; padding: 0px; height: 1em }
div#ecbadge                                   { color: #ffd700; background-color: white; text-align: center; margin: 10px 0 0; padding: 5px 0 0px; position: absolute; top: 0em; left: 0em; width: 11.5em }
div#ecbadge img  { border: solid 5px #000040; border-radius: 10px 10px 10px 10px }
div#ecmenu                               { color: black; background-color: white; margin: 0em; padding: 1em 0; position: absolute; top: 130px; left: 0em; width: 10.5em }
div#ecmenu ul	  { margin: 0; padding: 0 }
div#ecmenu ul#echimenu	  { margin: 1em 0 0 }
div#ecmenu li	    { list-style-type: none; margin: 0 0 0em; padding: 0; display: inline }
div#ecmenu  ul a         { color: white; font-weight: bold; text-decoration: none; background-color: #6E2233; margin: 0 0 0.25em 1em; padding: 0 1em; border: outset 0.1em #6E2233; border-radius: 0.5em 0.5em 0.5em 0.5em; display: block }
div#ecmenu  ul#echimenu a      { color: #6E2233; background-color: white; border: outset 0.1em #6E2233 }
div#ecmenu ul a#ecselected    { color: white; background-color: #000040; border: outset 0.1em #000040 }
div#ecmenu span.ecmenuitem {
	display: none
	}
div#ecmenu ul a:hover      { color: #6E2233; font-weight: bold; text-decoration: none; background-color: white; padding-right: 1em; padding-left: 1em; border: outset 0.1em #6E2233; display: block }
div#ecmenu ul#echimenu a:hover      { color: white; background-color: #6E2233; border: outset 0.1em #6E2233 }
div#ecmenu ul a#ecselected:hover    { color: #000040; background-color: white; border: outset 0.1em white }
div#ecmenu ul a:hover span.ecmenuitem		             { color: black; font-style: normal; font-weight: normal; font-size: 0.8em; margin: 1.25em 0em 1.25em 1.3em; padding: 0.5em; border: inset #01250e; position: absolute; top: 33em; left: 0em; width: 9.38em; display: block }
div#ecbookmark    { text-align: center; margin-top: 0.75em; margin-left: 1em }
div#google-search   { text-align: center; margin: 1em 0px 0px 1em; padding: 0 }
div#google-menu-ad  { text-align: center; margin: 1em 0px 0px 1em; padding: 0px }
div#ecbody      { color: black; background-color: white; clear: both; margin-left: 10.5em; padding-right: 1em; padding-bottom: 1em; padding-left: 1em; min-height: 25em }
/* This container makes IE behave but is otherwise redundant. */
div#ecbodydim {
	width: 100%;
	}
div#ecbody h1            { font-size: 2em; line-height: 1em; background-color: #b0e0e6; margin: 0 0 0.5em; padding: 0.25em 0.25em 0.25em 1em; border-radius: 0 0 0.5em 0.5em }
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
	}
li.f2jnag { display: none !important }
div.rss-box-ecmainindex   { float: right }
div.rss-box-ecmainindex .rss-items { margin: 0px; padding: 0px }
div.rss-box-ecmainindex  li   { background-color: #e0ffff; text-align: center; list-style-type: none; margin-bottom: 0.25em; margin-left: 1em; padding: 0em; border: solid 0.1em #000040; width: 30em; border-radius: 1em 1em 1em 1em; display: block }
div.rss-box-ecmainindex a { text-decoration: none; display: block }
div.rss-box-ecmainindex br { display: none }
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: #e0ffff; margin-top: 1em; margin-bottom: 1em; padding: 0.5em; border-radius: 1em }
.echighlight    { color: black; background-color: #b0e0e6; margin-top: 1em; margin-bottom: 1em; padding: 1em; border: white; border-radius: 0.5em 0.5em 0.5em 0.5em }
.ecaside   {
	font-style: italic;
	font-family: "Times New Roman", Times, serif
	}
.ecauthor  { color: #6E2233 }
div.pagepadding  {
	clear: both;
	padding-top: 4em;
	padding-bottom: 4em
	}
div#ecfooter                         { color: #ffd700; background: #000040 url(../images/tie.jpg) repeat; clear: both; margin: 0px 1em 0px 11.5em; padding: 0.5em 1em; border-top: 0.1em solid #ffd700; border-bottom: 0.1em solid #ffd700; border-radius: 1em }
div#ecfooter a {
	color: #ffd700;
	}
div#ecdisclaimer   { color: red; font-weight: normal; clear: both; margin-left: 11.5em; padding: 1em }
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: #000040;
	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 #000040 }
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
	}
#ecaboutlist { margin: 0px; padding: 0px }
#ecaboutlist li    { background-color: #e0ffff; text-align: left; list-style-type: none; margin-bottom: 0.25em; padding: 0.25em 0.5em; border: solid 0.1em #000040; width: 20em; border-radius: 0.5em 0.5em 0.5em 0.5em; display: block }
#ecaboutlist a   { font-weight: bold; text-decoration: none; display: block }
	
.newsletter-list { margin: 0px; padding: 0px }
.newsletter-list li    { background-color: #e0ffff; text-align: left; list-style-type: none; margin-bottom: 0.25em; padding: 0.25em 0.5em; border: solid 0.1em #000040; width: 20em; border-radius: 0.5em 0.5em 0.5em 0.5em; display: block }
.newsletter-list a  { font-weight: bold; text-decoration: none; display: block }
table.newsletteryears     { font-size: 0.8em; width: 100% }
table.newsletteryears td       { font-style: normal; font-weight: normal; background-color: #e0ffff; text-align: center; vertical-align: top; margin: 0.5em; padding: 0.5em; border: solid 0.1em #000040; border-radius: 0.5em }
table.newsletteryears a { font-weight: bold; text-decoration: none; display: block }
table#chronology   { font-size: 0.8em; margin: 0px; padding: 0px; border: solid 0.1em #000040 }
table#chronology th    {
	color: #000040;
	background-color: #ffd700;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0.5em
	}
table#chronology td    { text-align: left; vertical-align: top; margin: 0px; padding: 0.5em }
div#rm270 {
	margin-right: 270px
	}
.browse {
	}
.indexpage {
	}
.previouspage {
	float: right
	}
.nextpage {
	float: right;
	margin-left: 1em
	}
dl.pupils dt {
	font-weight: bold
	}
table.photoyears     { font-size: 0.8em; width: 100% }
table.photoyears td      { font-style: normal; font-weight: normal; background-color: #e0ffff; text-align: center; vertical-align: top; margin: 0.5em; padding: 0.5em; border-radius: 0.5em }
table.photoyears a { font-weight: bold; text-decoration: none; display: block }
div#google-footer-ad   { text-align: center; margin-top: 1em; margin-bottom: 1em; margin-left: 11.5em; border: 0px }
div#fotopicpadding { min-height: 1000px }
.contact-list dd a { font-weight: bold }