/* General page properties */

body	{
	margin: 0 auto;
	padding: 0;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	background: #5B5C5C url(/images/pagebg.gif) repeat-y left top;
	}

p, td, li, ul, ol, h1, h2, h3, h4, h5, h6	{
	font-family: Arial, Helvetica, sans-serif;
	}

p	{
	font-size: 12px;
	line-height: 1.5em;
	color: #666;
	background-color: #FFF;
	text-align: left;
	margin: 0 0 20px 0;
	}

ul	{
	font-size: 12px;
	line-height: 1.5em;
	color: #666;
	background: #FFF;
	list-style-image: url(/images/bullet.gif);
	}

a:link, a:visited {
	color: #f60;
	text-decoration: none;
	}

a:active {
	color: #f60;
	text-decoration: none;
	}

a:hover {
	color: #f60;
	text-decoration: underline;
	}

img	{
	border: 0;
	display: block;
	}

div.clear {
	clear: both;
	}

.left {
	float: left;
	}

div.center { text-align: center; margin: 0 auto; }

abbr {border-bottom:1px dashed;cursor:help}

dfn {font-style:normal;border-bottom:1px dashed;cursor:help}

div#wrapper {
	width: 972px;
	margin: 0 auto;
	background: #fff url(../images/wrapper-bg.gif) repeat-y top left;
	}

/* header */

div#header {
	border-top: 6px solid #FF6600;
	background: #5b5c5c;
 	height: 42px;
	voice-family: "\"}\"";   
	voice-family: inherit;
	height: 36px;
	}

div#logo {
	float: left;
	background: #5b5c5c;
	border: 1px solid #fff;
	}

div#logo img {
	padding: 6px 0 5px 0;
	}

/* main navigation */

ul#navigation {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	border-left: 1px solid #fff;
	}

ul#navigation li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	}

ul#navigation li a {
	background: #5b5c5c;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 0;
	margin: 0;
	color: #e4e4e4;
	text-decoration: none;
	display: block;
	text-align: center;
	font-weight: bold;
	line-height: 34px;
	font-size: 11px;
	width: 106px;
	voice-family: "\"}\"";   
	voice-family: inherit; 
	width: 106px;
	}

html>ul#navigation li a  {
	font-size: 11px;
	}

ul#navigation li a:hover {
	color: #fff;
	background: #7b7d7b;
	}

ul#navigation li a:active	{
	background: #5b5c5c;
	color: #e4e4e4;
	}

/* Home left side bar */

#sidebar-home {
	float: left;
	width: 223px;
	background: #e4e4e4;
	margin: 0;
	padding: 0;
	}

#spotlight {
	padding: 20px;
	}

#spotlight img {
	border: 3px solid #CCC;
	}

#spotlight h2 {
	font-size: 16px;
	color: #5B5C5C;
	background: #e4e4e4;
	margin: 0;
	padding-bottom: 10px;
	font-family:Helvetica, Arial, sans-serif;
	font-style:normal;
	}
	
#spotlight h2 strong {
	color: #f60;
	}

#spotlight h3 {
	font-size: 12px;
	color: #5B5C5C;
	margin: 0 0 0 0;
	padding: 10px 0 0 0; 
	}

#spotlight p {
	font-size: 12px;
	line-height: 1.5em;
	color: #5B5C5C;
	background: #e4e4e4;
	padding: 5px 0 10px 0;
	margin: 3px 0 10px 0;
	border-bottom: 1px dotted #333333;
	}
	
#spotlight p strong {
	border-bottom: 0;
	}

	


/* Spotlight Inner */
	
#spotlight-inner ul {
	list-style:none;
	padding: 0;
	background: #e4e4e4;
	margin-top: 0;
	margin-bottom: 5px;
	padding-bottom: 25px;
	background:url(/images/spotlight-bottom.gif) no-repeat bottom left;
	}
#spotlight-inner ul {
	font-size: 12px;
	line-height: 1.5em;
	color: #5B5C5C;
	background: #e4e4e4;
	padding: 0 20px 5px 20px;
	margin: 0 0 0 0;
	background:url(/images/spotlight-bullet.gif) no-repeat 1px 1px;
	}
	
	#spotlight-inner h2 {
	font-size: 16px;
	color: #5B5C5C;
	background: #e4e4e4;
	margin: 0;
	padding-bottom: 10px;
	font-family:Helvetica, Arial, sans-serif;
	font-style:normal;
	}
	
#spotlight-inner h2 strong {
	color: #f60;
	}

/* Home centre */

#main-home	{
	color: #E4E4E4;
	background-color: #fff;
	text-align: left;
	padding: 0;
	margin: 0 0 0 223px;
	
	}

#main-home h2 {
	height:60px;
	background:#FF6600 url(../images/homepage/main-feature-bg.gif) no-repeat bottom left;
	margin: 0 1px 30px 380px;
	padding: 10px 10px 0 20px;
	color:#FFFFFF;
	font-size: 19px;
	line-height: 1.2em;
	font-family: Helvetica, Arial, sans-serif;
	}
	
#main-home h2 a {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:11px;
	letter-spacing:2px;
	font-weight:normal;
	color: #FFFFFF;
	}
	
#main-home h1 {
	margin: 5px 0 5px 25px;
	padding: 0 0 5px 0;
	color:#5B5C5C;
	font-size: 20px;
	line-height: 1em;
	}
	
#main-home h1 span {
	color: #999;
	font-size: 25px;
	}

#main-home p {
	margin: 0 25px 0 25px;
	line-height: 1.5em;
	}

#main-home div#home-3-col {
width: 690px;
height: 230px;
margin: 20px 0 20px 25px;
background:url(../images/homepage/column-divider.gif) repeat-y;
}

#main-home div#home-3-col div {
width: 230px;
float: left;
}

#main-home div#home-3-col div h3 {
color: #FF6600;
font-size:13px;
margin: 35px 10px 4px 25px;
padding: 0 0 0 0;
}

#main-home div#home-3-col div h3 a {
color: #FF6600;
text-decoration:none;
}

#main-home div#home-3-col div h4 {
color: #333;
font-size:11px;
margin: 0 10px 4px 25px;
padding: 0 0 0 0;
}

#main-home div#home-3-col div h4 a {
color: #333;
text-decoration:none;
}

#main-home div#home-3-col div ul {
color: #333;
font-size:11px;
margin: 0 15px 0 40px;
padding: 0 0 0 0;
}



#main-home div#home-3-col div.schoolpost-col h3  {
margin: 0 10px 4px 0;
}

#main-home div#home-3-col div.schoolpost-col h4 {
margin: 0 10px 4px 0;
}
#main-home div#home-3-col div.schoolpost-col ul {
margin: 0 15px 0 25px;
}


/* Hide from IE5-mac. Only IE-win sees this. \*/
 
* html #sidebar-home {
  margin-right: -3px;
  }
 
* html #main-home {
  height: 1%;
  margin-left: 0;
  }

/* End hide from IE5/mac */

/* Home page intro */

#homeintro	{
	margin: 0;
	padding: 0;
	background: url(../images/homepage/main-feature-img.jpg) #5B5C5C;
	border-right: 1px solid #fff;
	height: 213px;
	
	}

#homeintro h3 {
text-indent:-9999px;
margin: 0 0 0 0;
padding: 0 0 0 0;
	}

#homeintro p	{
	font-size: 12px;
	line-height: 1.5em;
	color: #E4E4E4;
	background-color: #5B5C5C;
	text-align: left;
	margin-top: 5px; 
	}

/* inner pages */

#sidebar {
	float: left;
	background: #e4e4e4;
	margin: 0;
	padding: 20px;
	width: 223px;
	voice-family: "\"}\"";   
	voice-family: inherit;	
	width: 183px;
	}

#sidebar img {
	border: 1px solid #7E7E7E;
	}

#sidebar h2.side {
	font-size: 12px;
	margin: 4px 0; 
	}

#sidebar p {
	background: #e4e4e4;	
	}

#spotlight-inner {
	padding: 20px 0 0 0;
	}

#spotlight-inner img {
	border: 0;
	margin: 0 0 0 0;
	}

#spotlight-inner h2 {
	font-size: 16px;
	color: #5B5C5C;
	background: #e4e4e4;
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	font-family:Helvetica, Arial, sans-serif;
	font-style:normal;
	}
	
#spotlight-inner h2 strong {
	color: #f60;
	}

#spotlight-inner h3 {
	font-size: 12px;
	color: #5B5C5C;
	margin: 0;
	padding: 10px 0; 
	}

#spotlight-inner p {
	font-size: 12px;
	line-height: 1.5em;
	color: #5B5C5C;
	background: #e4e4e4;
	padding: 0;
	margin-top: 0;
	margin-bottom: 5px;
	}
	
	
#spotlight-inner ul {
	list-style:none;
	list-style-image: none;
	padding: 0 0 25px 0;
	margin: 0 0 15px 0;
	background:#e4e4e4 url(/images/spotlight-bottom.gif) no-repeat bottom left;
	}
#spotlight-inner ul li {
	font-size: 12px;
	line-height: 1.5em;
	color: #5B5C5C;
	padding: 3px 0 3px 30px;
	margin: 0 0 0 0;
	background:#e4e4e4 url(/images/bullet-sp.gif) no-repeat 1px 3px;
	list-style:none;
	}
	
	


/* main content area */

#main	{
	color: #E4E4E4;
	background-color: #fff;
	text-align: left;
	padding: 20px;
	margin: 0 0 0 223px;
	}

#main h1 {
	font-size: 18px;
	line-height: 1.4em;
	color: #666;
	background-color: #fff;
	padding-bottom: 0;
	margin: 0;
	margin-bottom: 0.5em;
	}

#main h2 {
	font-size: 14px;
	line-height: 1.4em;
	font-weight: normal;
	color: #666;
	padding-top: 0;
	margin-top: 0;
	}

#main h3 {
	font-size: 13px;
	line-height: 1.4em;
	color: #666;
	margin: 0 0 6px 0;
	}

div.highlight {
	float: right;
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-left: 15px;
	}

div.highlight img {
	border: 1px solid #E4E4E4;
	}

div.highlight ul {
	list-style-type: none;
	padding: 3px;
	border-bottom: 1px solid #E4E4E4;
	border-top: 1px solid #E4E4E4;
	list-style-image: none;
	margin-left: 0;
	}

div.highlight p {
	font-style: italic;
	padding: 3px 0;
	margin: 0 3px;
	}

/* Hide from IE5-mac. Only IE-win sees this. \*/
 
* html #sidebar {
  margin-right: -3px;
  }
 
* html #main {
  height: 1%;
  margin-left: 0;
  }

/* End hide from IE5/mac */

/* side navigation */

ul.subnav	{
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #fff;
	}

ul.subnav li	{
	border-bottom: 1px solid #fff;
	margin: 0;
	}

ul.subnav a	{
	text-decoration: none;
	display: block;
	padding: 4px;
	width: 175px;
	font-size: 11px;
	line-height: 1.5em;
	}

ul.subnav a:link, ul.subnav a:visited {
	background: #e4e4e4;
	color: #666;
	} 

ul.subnav a:hover {
	text-decoration: none;
	color: #f60;
	background: #d3d3d3;
	}

ul.subnav li.this-page a:link, ul.subnav li.this-page a:visited {
	text-decoration: none;
	color: #666;
	background: #d3d3d3;
	}

/* page specific styles */

#news-page #main p {
	border-bottom: 1px dotted #666666;
	padding-bottom: 15px;
	}

/* site footer */

div#footer {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5B5C5C;
	padding: 10px 0;
	background-color: #E4E4E4;
	}

div#footer .web-standards {
	float: left;
	padding-left: 20px; 
	}

div#footer .footer-right {
	margin-left: 235px;
	}

div#footer .address {
	width: 450px;
	float: left;
	}

div#footer .copyright {
	text-align: right;
	margin-right: 20px;
	}


#main  h3.pseudo-link {color: #f60;}
#main  p.pseudo-link {color: #f60;}