/* style rules only, no layout */

/* General styles */
body, td, ul, p {
	font: 0.9em/1em Georgia, "Times New Roman", Times, serif;
	color: #000000;
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
}
img {
	border: 0;
}
div.alignCenter {
	text-align: center;
}
div.alignCenter div.textReset {
	margin: 0 auto;
	text-align: left;
}
/* Fix white-space bug in IE. Hide from IE Mac \*/
* html #leftCol ul li, * html #rightCol ul li {
	float: left;
}
* html #leftCol ul li a, * html #rightCol ul li a {
	height: 1%;
}
/* End */

/* header styles */
#seckfordLogo {
	position: absolute;
	height: 79px;
	width: 468px;
	background: url(../images/logoSeckfordFoundation.gif) no-repeat;
	left: 15px;
	top: 10px;
	overflow: hidden;
}
#seckfordLogo a {
	height: 100%;
	width: 100%;
	display: block;
}

/* left column - holding navigation */
#leftCol .textReset {
	height: 100%;
	width: 159px;
	padding: 0;
}

/* first level navigation */
#leftCol ul {
	list-style-type: none;
	text-align: center;
}
#leftCol li a:link, #leftCol li a:visited {
	display: block;
	color: #FFFFFF;
	padding: 5px 10px;
	text-decoration: none;
	margin-top: 4px;
	font-size: 0.9em;
	background: #799AC9;
}
#leftCol li a:hover, #leftCol li a:active {
	background-color: #5B7397;
}
html>body #leftCol li a { /* hide from IE */
	width: auto;
}
#leftCol li a#home {
	font-weight: bold;
	background: #799AC9 url(../images/leftCurvedCorners.gif) no-repeat 0 0;
	margin-top: 0;
}
#leftCol li a.selected {
	font-weight: bold;
	background: #5B7397 url(../images/leftCurvedCorners.gif) no-repeat 0 0;
}

/* second level navigation */
#leftCol li li a:link, #leftCol li li a:visited {
	display: block;
	color: #333333;
	font-size: 0.9em;
	text-decoration: none;
	margin-top: 0;
	padding: 3px 1px;
	background-color: #A1A6B4;
	border-top: 1px dotted #003B7E;
}
#leftCol li li a:hover, #leftCol li li a:active {
	background-color: #5B7397;
}
html>body #leftCol li li a { /* hide from IE */
	width: auto;
}
#leftCol li li a:hover, #leftCol li li a:active {
}
#leftCol li li a.selected {
	font-weight: bold;
	color: #FFFFFF;
	background: #5B7397 url(none);
}


/* right column - calls to action */
#rightCol .textReset {
	height: 100%;
	width: 199px;
	padding: 0;
}
/* HACK: box model hacks for IE5 */
#rightCol .textReset, #rightColPhoto, #rightColHeading, #rightCol .highlight, #rightCol .newsStory { 
	width: 219px; 
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 199px;
}
html>body #rightCol .textReset, html>body #rightColPhoto, html>body .rightColHeading, html>body #rightCol .highlight, html>body #rightCol .newsStory {
	width: 199px;
}
/* end of hack */

/* boxed areas in right-hand column */
#rightCol ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#rightCol li {
	display: block;
}
html>body #rightCol li, html>body #rightCol li.highlight, html>body #rightCol li.newsStory { /* hide from IE */
	width: auto;
}
#rightCol li#rightColHeading { 
	padding: 10px 10px 10px;
	background: #799AC9 url(../images/rightCurvedCorners.gif) no-repeat left top;
}
#rightCol li#rightColHeading h1 {
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	font-size: 1.2em;
}
#rightCol li.highlight, #rightCol li.newsStory { 
	color: #FFFFFF;
	padding: 15px 10px 10px;
	border-top: 4px solid #003B7E;
	background-color: #5B7397;
}

#rightCol li.highlight h1, #rightCol li.newsStory h1 {
	font-size: 0.9em;
	font-weight: bold;
	padding-bottom: 3px;
}
#rightCol li.highlight p, #rightCol li.newsStory p {
	color: #FFFFFF;
	font: 0.8em/1.4em "Lucida Grande", Arial, Helvetica, sans-serif;
}

#rightCol li a:link, #rightCol li a:visited {
	color: #FFFFFF;
	/*border-top: 4px solid #003B7E;*/
}

#rightCol li a:hover, #rightCol li a:active {
	color: #FFFFFF;
}

/* middle column styles */
#content h1 {
	color: #003B7E;
	margin: 0;
	padding: 0;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.3em;
	border-bottom: 1px solid #799AC9;
}
#content h2 {
	color: #003B7E;
	margin: 1.2em 0 0;
	padding: 0;
	font: bold 1em/1.3em "Lucida Grande", Arial, Helvetica, sans-serif;
}
#content h3 {
	color: #003B7E;
	margin: 1.2em 0 0;
	padding: 0;
	font: bold 0.9em/1.25em "Lucida Grande", Arial, Helvetica, sans-serif;
}
#content h4 {
}
#content h5 {
}
#content h6 {
}
#content ul, #content ol {
	margin: 0;
	padding-left: 2em;
	line-height: 1.4em;
}
#content ul li, #content ol li {
	font: 0.9em/1.4em "Lucida Grande", Arial, Helvetica, sans-serif;
}
#content p {
	padding: 1.1em 0 0;
	margin: 0;
	font: 0.85em/1.3em "Lucida Grande", Arial, Helvetica, sans-serif;
}
#content a:link, #content a:visited {
	color: #003B7E;
	text-decoration: none;
}
#content a:hover, #content a:active {
	text-decoration: underline;
}

/* code for aligning images */
/* left aligned */
img.left {
	margin: 0 15px 0 0;
	padding: 0;
	float: left;
}
img.alignLeft {
	margin: 0 15px 0 0;
	padding: 0;
	float: left;
}
/* right aligned */
img.right {
	margin: 0 0 0 15px;
	padding: 0;
	float: right;
}
img.alignRight {
	margin: 0 0 0 15px;
	padding: 0;
	float: right;
}
img#alignRightRandom {
	margin: 0px 0px 0px 15px;
	float: right;
	display: inline;
	padding: 0;
	width: 70px;
	height: 70px;
}
/* center aligned */
img.centre {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 5px;  
    padding: 0;
	text-align: center;
}
p.centre {
	text-align: center;
}
p.centre img { 
}

/* page headings - GIFs overlapping the text for accessibility reasons */
#content h1, #content h1 span {
	height: 46px;
}
/* span sits on top of text */
#content h1 span {
	display: block;
	position: relative;
	z-index: 1;
}
/* IE5 Mac Hack \*/
#content h1 { overflow: hidden; }
/*/
#content h1 { text-indent: -100em; }
/* End Hack */

/* the following span styles overlap the text links with the image in the appropriate font - so that if images are turned off, the text will be revealed */
h1#h1_welcomeTSF span {
	background: url(../images/pageHeadings/h1_TSF.gif) no-repeat;
}
h1#h1_History span {
	background: url(../images/pageHeadings/h1_History.gif) no-repeat;
}
h1#h1_AboutUs span {
	background: url(../images/pageHeadings/h1_AboutUs.gif) no-repeat;
}
h1#h1_Staff span {
	background: url(../images/pageHeadings/h1_Staff.gif) no-repeat;
}
h1#h1_Officers span {
	background: url(../images/pageHeadings/h1_Officers.gif) no-repeat;
}
h1#h1_TrusteeBiographies span {
	background: url(../images/pageHeadings/h1_TrusteeBiographies.gif) no-repeat;
}
h1#h1_Vacancies span {
	background: url(../images/pageHeadings/h1_Vacancies.gif) no-repeat;
}
h1#h1_Almshouses span {
	background: url(../images/pageHeadings/h1_Almshouses.gif) no-repeat;
}
h1#h1_DayCentre span {
	background: url(../images/pageHeadings/h1_DayCentre.gif) no-repeat;
}
h1#h1_JubileeHouse span {
	background: url(../images/pageHeadings/h1_JubileeHouse.gif) no-repeat;
}
h1#h1_VerySheltered span {
	background: url(../images/pageHeadings/h1_VerySheltered.gif) no-repeat;
}
h1#h1_TeamLeaders span {
	background:  url("../images/pageHeadings/h1_TeamLeaders.gif") no-repeat;
}
h1#h1_Contacts span {
	background: url(../images/pageHeadings/h1_Contacts.gif) no-repeat;
}
h1#h1_DebenFamilyCentre span {
	background: url(../images/pageHeadings/h1_DebenFamilyCentre.gif) no-repeat;
}
h1#h1_Grants span {
	background: url(../images/pageHeadings/h1_Grants.gif) no-repeat;
}
h1#h1_HelpingUs span {
	background: url(../images/pageHeadings/h1_HelpingUs.gif) no-repeat;
}
h1#h1_NewsandEvents span {
	background: url(../images/pageHeadings/h1_NewsandEvents.gif) no-repeat;
}
h1#h1_Events span {
	background: url(../images/pageHeadings/h1_EventsList.gif) no-repeat;
}
h1#h1_News span {
	background: url(../images/pageHeadings/h1_News.gif) no-repeat;
}
h1#h1_PressReleases span {
	background: url(../images/pageHeadings/h1_PressReleases.gif) no-repeat;
}
h1#h1_WoodbridgeSchool span {
	background: url(../images/pageHeadings/h1_WoodbridgeSchool.gif) no-repeat;
}

/* styles for tables in middle column */
#centrecontent table {
	border: 0;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	padding: 0;
}
#centrecontent table td, #centrecontent table tbody td {
	margin: 0;
	font: 0.9em/1.1em "Lucida Grande", Arial, Helvetica, sans-serif;
	padding: 6px 10px;
}
#centrecontent table th, #centrecontent table tfoot td, #centrecontent table thead td {
	font: bold 0.9em/1.1em "Lucida Grande", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 2px 10px 3px 10px;
	text-align: left;
}
/* alternating table rows coloured grey, add 'class="grey"' to tr */
#centrecontent table tr.grey td, #centrecontent table tr.grey th {
	background-color: #EDEDED;
}
/* styles for form elements in middle column */
#centrecontent form {
	display: inline;
	font: 1em/1.1em "Lucida Grande", Arial, Helvetica, sans-serif;
}
#centrecontent input {
	display: inline;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	border: none;
}
html>body #centrecontent input { /* hidden from IE as it does bad things to radio buttons */
}
#centrecontent input:hover { /* not supported by IE */
	color: #FFFFFF
}
#centrecontent label {
}
#centrecontent select {
	width: 95%;	
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin-top: 0.4em;
	display: block;
}
#centrecontent label input {
	margin-right: 1em;
}

/* footer styles */
#footer #leftColBorder .content {
	text-align: left;
	padding: 10px 20px 0 194px;
}
#footer #leftColBorder #rightColBorder .content {
	padding: 10px 234px 0 194px;
}
#footer div.content p {
	font: 0.6em/1em "Lucida Grande", Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
}
#footer div.content a:link, #footer div.content a:visited {
	text-decoration: none;
	color: #003B7E;
}
#footer.content a:hover, #footer.content a:active {
}