body  			{margin: 0; padding: 0; border: 0; font-family: Arial, Helvetica, sans-serif; color: #3b3b3b; background-color: #ffffff; font-size: 0.75em;}
img				{border: 0;}
a 				{text-decoration: none; color: #000000; text-decoration: underline;}
a:hover			{text-decoration: none; color: #ff0000;}
acronym, abbr	{border: 0;}
sup, sub		{vertical-align: baseline;}
address 		{font-style: normal;}
p				{padding: 0 0 1.0em 0; margin: 0;}
td				{vertical-align: top;}
form 			{padding: 0; margin: 0;}
.skip			{display: none;}
.clear			{clear: both;}

h1,h2,h3,h4 	{font-family: Arial, Helvetica, sans-serif;}
h2,h3,h4	 	{color: #333333;}
#pageHeader h1	{font-size: 30px; font-weight: normal; padding: 7px 33px 21px 28px; margin: 116px 0 0 0; line-height: 30px; color: #fff; background: transparent url("../images/bgH1.png") repeat; float: right; width: 477px;} 
h2				{font-size: 130%; font-weight: bold; padding: 0; margin: 8px 0 0 0; line-height: 1.0em;}
h3				{font-size: 110%; font-weight: bold; padding: 0; margin: 0 0 5px 0; line-height: 1.1em;}
h4				{font-size: 100%; font-weight: bold; padding: 0; margin: 0 0 7px 0; line-height: 1.0em;}

.redText, .whitePanel h2, #panelNews h2, .whitePanel h3, #panelNews h3 		{color: #FF0000;}

ul 				{margin: 0 0 20px 30px; padding: 0;}
ul li 			{margin: 0 0 4px 0;}

/* Basic frameset */
#header,
#topNav,			
#homeContent,
#pageContent,	
#footer 				{width: 930px; margin: 0 auto 0 auto;}

/* Header */
#header						{height: 88px; font-size: 0.9em; color: #999999; border: 0px solid #FF0000;}
#header #logo 				{float: left;}
#header #strapline			{float: right; width: 430px; margin: 22px 0 0 0; text-align: right;  color: #666;}
#htc_logo 					{float: left; margin: 0 0 5px 0;}

/* Top navigation */
#topNav 					{padding: 0; height: 100%; overflow: hidden; border: 0px solid #FF9900;}
#topNav ul 					{margin: 0; padding: 0; list-style: none;}
#topNav ul li				{float: left; margin: 0;}
#topNav ul#mainNav 			{float: left; padding: 0 0 0 20px;}
#topNav ul#mainNav a 		{display: block; text-decoration: none; font-weight: bold; margin: 0 6px 0 0; padding: 9px 10px 9px 10px; border-left: 1px solid #dedede; border-top: 1px solid #dedede; border-right: 1px solid #dedede; color: #666666;}
#topNav ul#mainNav a.selected,
#topNav ul#mainNav a:hover 	{background-color: #efefef;}

#topNav ul#extraNav 			{float: right; margin: 0 -10px 0 0; color: #dfdfdf;}
#topNav ul#extraNav a			{display: inline; padding: 11px 10px 0 10px; color: #666666; font-weight: normal; font-size: 0.9em; text-decoration: none; }
#topNav ul#extraNav a.selected,
#topNav ul#extraNav a:hover 	{color: #ff0000; text-decoration: none;}


/* ******* HOMEPAGE ******************************* */

#homeContent 		{background: url('../images/main01.jpg') no-repeat top left;}
#homeContent h1		{font-size: 19px; font-weight: normal; color: #fff; padding: 0; margin: 43px 0 0 35px; line-height: 21px; display: inline; float: left; width: 450px;}
#homePanels 		{width: 928px; float: left; padding-top: 23px;}
#parentsSchools		{width: 650px; margin: 0 0 30px 35px; padding: 0; list-style: none; clear:both; display: block; background: url('../images/bgParentsSchools.gif') no-repeat bottom left; float: left; display: inline;}
#parentsSchools, #panelParents, #panelSchools		{float: left;}
#panelSchools 						{margin-left: 50px;}
#homePanels #panelNews				{width: 160px; margin: 0 30px 0 0; background: url('../images/bgPanelNews.gif') no-repeat top right; float: right; display: inline;}
#homePanels .whitePanel				{ width: 280px; border-top: 10px solid #FF0000; border-right: 10px solid #FF0000; border-left: 10px solid #FF0000; margin-bottom: 10px; }
#homePanels img, #panelNews img		{margin: 0 0 8px 15px;}

.whitePanel h2 {text-transform: uppercase; }
.whitePanel h2, #panelNews h2 { padding: 15px 10px 8px 15px; margin-bottom: 0; }
.whitePanel h3 { padding: 0px 80px 0 15px; }
.whitePanel p { padding: 0px 80px 8px 15px; }

#panelNews h2 { font-size: 110%;}
#panelNews h3 {font-size: 100%; padding: 0px 15px 0 15px; }
#panelNews p { padding: 0px 15px 8px 15px; }
#panelNews ul  {margin: 0; padding: 0 0 8px 0; list-style: none; background: url('../images/bgPanelNewsUl.gif') no-repeat bottom right}
#panelNews li { padding: 0px 15px 0 15px; }
#panelNews img {border: 1px solid #FFF;}

#homeCopy 			{padding: 20px 0;}
#homeCopy  #intro 	{width: 680px; float: left;}
#homeCopy  #news 	{width: 10px; float: right;}


/* ******* PAGE STYLES **************************** */
#pageContent 		{background-image: url('../images/bgr_page.gif'); background-repeat: repeat-y; border: 0px solid #FF0000;}
#pageHeader 		{width: 736px; height: 198px;}
#pageColumnOne 		{width: 198px; float: left;}
#pageColumnTwo 		{width: 538px; float: left;  background-color: #fff; margin: -30px 0 0 0; padding: 0;}
#pageColumnThree 	{width: 194px; float: right; background-color: #dedede; margin: -198px 0 0 0; font-size: 0.9em;}

#pageColumnOne .copy 	{padding: 16px}
#pageColumnTwo .copy 	{padding: 30px 30px 30px 30px;}
#pageColumnThree .copy 	{padding: 15px;}

.shadedBox 		{border: 1px solid #d3d3d3; background-image: url('../images/bgr_gray_gradient.gif'); background-repeat: repeat-x; padding: 15px;}
.shadedBox2 	{border: 1px solid #d3d3d3; background-image: url('../images/bgr_gray_gradient2.gif'); background-repeat: repeat-x; padding: 15px; height: 100%;}
.shadedOpenBox 	{border-top: 1px solid #d3d3d3; background-image: url('../images/bgr_gray_gradient2.gif'); background-repeat: repeat-x; padding: 20px 15px 15px 15px; height: 100%;}

ul.tiles 		{margin: 0; padding: 0; list-style: none; clear: both; margin: 0 0 20px 0;}
ul.tiles li 	{float: left;}
ul.tiles a 		{text-decoration: none;}

.bulettedList ul {margin: 0 0 0 15px; padding: 0; list-style-image:url('../images/bullet.gif');}

.separatorLight {border-top: 1px solid #efefef;}
.separatorDark 	{border-top: 1px solid #cccccc;}
.copyDivider 	{border-top: 1px solid #cccccc;}

ul.redBullets 	{margin: 0 0 15px 15px; padding: 0; list-style-image:url('../images/bullet02.gif');}

img.redArrow 	{margin: 0 5px 0 0;}
img.imgButton 	{margin: 4px 0 4px 0;}

#searchSchool 			{position: relative;}
#searchSchool .map 		{}
#searchSchool .descr 	{position: absolute; top: 0; left: 70px; width: 90px;}

.paging 	{text-align: center; font-weight: bold;}
.paging a 	{color: #f00;}

.imageTextCombo img {float: left; margin: 0 7px 0 0; border: 1px solid #FFFFFF;}
.imageTextCombo {}

ul.twoColumnGrid 			{margin: 0; padding: 0; list-style: none;}
ul.twoColumnGrid li 		{float: left; width: 45%;}
ul.twoColumnGrid li.colOne 	{padding-right: 15px;}
ul.twoColumnGrid li.colTwo 	{padding-left: 15px;}

.groupDivider 			{border-top: 1px solid #CCCCCC; margin: 0; clear: both; height: 10px; position: relative;}
.groupDivider .heading 	{margin: -10px 0 0 0; display: block; background-color: #FFFFFF; padding: 4px 4px 4px 0; font-weight: bold; position: absolute; top: -5px;}
.groupDivider .year 	{width: 30px; color: #FF0000;}

.whiteBgr {background-color: #FFFFFF;}

.introText {font-size: 1.2em; font-weight: bold;}

ul.fileList 		{margin: 0 0 0 20px; padding: 0; list-style: none; border: 0px solid #FF0000;}
ul.fileList li 		{padding: 0 0 5px 0; margin: 0; line-height: 1em;}
ul.fileList li.pdf 	{list-style-image:url('../images/ico/ico_pdf.gif');}
ul.fileList li.doc 	{list-style-image:url('../images/ico/ico_doc.gif');}
ul.fileList li.txt 	{list-style-image:url('../images/ico/ico_txt.gif');}
ul.fileList li.xls 	{list-style-image:url('../images/ico/ico_xls.gif');}

#searchBox 				{background-image: url('../images/bgr_search_box.gif'); background-position: bottom; background-repeat: repeat-x; padding: 15px; border: 1px solid #dedede;}
#searchBox #postCode 	{width: 100px;}
#searchBox #searchTerm 	{width: 190px; margin: 0 20px 0 0;}
#searchBox .extraSpace 	{padding: 0 10px 0 10px;}

.rigthFloatingPanel 	{float: right; padding: 0 15px 15px 15px; margin: 0 0 20px 30px;}
.rigthFloatingPanel img {border: 1px solid #ff0000; margin: 0 0 5px 0;}
#htcFormDownload 		{width: 110px;}
#htcFormDownload a 		{text-decoration: none; line-height: 1.1em; font-size: 0.9em;}

.articleList 			{margin: 0; padding: 0; list-style: none;}
.articleList li			{margin: 0 0 15px 0;}
.articleList .posted 	{padding: 5px 5px 5px 0px; color: #999999;}
.articleList a 			{color: #FF0000; text-decoration: none;}
.articleList h2 		{margin: 0 0 5px 0;}

/* Testimonials
.testimonials 			{font-style: italic; line-height: 1.4em;}
.testimonials .qTop 	{margin: 0 7px 0 0;}
.testimonials  .qBottom {margin: 0 0 0 7px; vertical-align: bottom;}
.testimonials strong,
.testimonials h3 		{color: #999999; font-style: normal;}
.testimonials h3 		{font-size: 1.1em; margin-bottom: 15px;}
.testimonials strong 	{display: block; padding: 5px 0 0 0;} */

/* Testimonials */
.testimonials 			{font-style: italic; line-height: 1.4em;}
.testimonials h3 		{color: #999999; font-style: normal;}
.testimonials h3 		{font-size: 1.1em; margin-bottom: 15px;}
.testimonials
 blockquote, .testimonials p	{ float: right;}
 .testimonials blockquote		{ width: 163px; margin: 0;
 	text-indent: 25px; background: transparent url('../images/quote_top.gif') no-repeat top left;}
.testimonials p { background: url(../images/quote_bottom.gif);
background-position: bottom right;
	background-repeat: no-repeat; padding: 0 0 0 0; text-align: justify;
}
.testimonials cite 	{font-weight: bold; padding: 5px 0 0 0; margin: 10px 0 0 0;}

/* Our people */
#personalInfo 			{margin: 0; padding: 0; list-style: none;}
#personalInfo li 		{float: left !important;}
#personalInfo li.colOne {width: 175px; margin-right: 25px;}
#personalInfo li.colTwo {width: 275px;}

.peopleList 			{padding: 0 0 0 10px !important; border: 0px solid #FF0000;}
.peopleList li 			{margin: 0 10px 0 15px; width: 60px; font-size: 0.9em; line-height: 1.0em;}
.peopleList li.first 	{margin-left: 0;}
.peopleList li img 		{margin: 0 0 5px 0;}

/* Sub Navigation */
.subNavigation 				{margin: 0 0 20px 0;}
.subNavigation ul 			{margin: 0; padding: 0; list-style: none;}
.subNavigation li 			{border-bottom: 1px solid #cccccc; padding: 10px 0 10px 15px; line-height: 1.1em;}
.subNavigation a 			{font-weight: bold; text-decoration: none;}
.subNavigation a.selected 	{color: #FF0000;}
.subNavigation a:hover 		{text-decoration: none;}

.subNavigation ul ul 		{margin: 7px 0 0 0;}
.subNavigation li li 		{border: none; padding: 3px 0 3px 15px; line-height: 1.0em;}
.subNavigation li li a 		{font-weight: normal;}

/* Events */
.events li 			{width: 190px; margin: 0 0 17px 0;}
.events li.first 	{margin-right: 25px;}
.events .date 		{background-color: #e4e4e4; font-size: 0.9em; padding: 3px 5px 3px 5px;}
.events .descr a 	{font-weight: bold; color: #FF0000; display: block; padding: 5px; line-height: 1.1em;}

/* Newsletter */
.newsletters 			{margin: 0 0 0px 0; height: 100%; overflow: hidden;}
.newsletters li 		{margin: 0 0 0 35px;}
.newsletters li.first 	{margin-left: 0;}
.newsletters img		{border: 1px solid #CCCCCC; margin: 0 0 2px 0;}
.featuredNewsletter 	{margin: 0 0 30px 0; overflow: hidden;}
.featuredNewsletter img	{margin: 0 30px 0 0; border: 1px solid #CCCCCC;}
.featuredNewsletter a 	{text-decoration: none;}

/* Calendar */
.calendar 				{border: 1px solid #b7b7b7; margin: 0 0 0 0; font-weight: bold; font-size: 0.9em;}
.calendar table 		{border: 2px solid #FFFFFF; width: 100%; background-color: #FFFFFF;}
.calendar th 			{background-color: #cbcbcb; padding: 3px;}
.calendar td 			{width: 14%; border: 1px solid #efefef; background-color: #efefef; text-align: center; color: #686868; padding: 3px}
.calendar td.today 		{border: 1px solid #3b3b3b;}
.calendar td.event 		{padding: 0;}
.calendar td.blank 		{background-color: #FFFFFF;}
.calendar a 			{display: block; padding: 3px; background-color: #FF0000; color: #FFFFFF;}
.calendar a:hover 		{background-color: #8a8a8a; color: #FFFFFF;}
.calendar .days 		{background-color: #a4a4a4;}
.calendar a:hover 		{background-color: #8a8a8a; color: #FFFFFF;}
.calendar .days 		{background-color: #a4a4a4; border: 1px solid #a4a4a4; color: #FFFFFF}
.calendar .weekend 		{background-color: #cbcbcb; border: 1px solid #cbcbcb; color: #FFFFFF}
.calendar a.cNav 		{background-color: #cbcbcb;}
.calendar a.cNav:hover 	{background-color: #cbcbcb;}

/* Tabular style */
.genericTable 		{border-bottom: 1px solid #ececec;}
.genericTable th 	{padding: 4px 15px 7px 5px; text-align: left; background-color: #f4f3f3;}
.genericTable td	{padding: 4px 15px 7px 5px;}


/* Form styles */
form input, textarea	{border: 1px solid #7e9db9; line-height: 1.2em; padding: 3px;}
form input.submit 		{border: 1px solid #27ade1; background-color: #27ade1; color: #ffffff; font-weight: bold; padding: 0.0em 0.3em 0.0em 0.3em; margin: 1em 0 0 0; width: auto;}
form input.radio		{border: 0;}
form input.checkbox		{border: 0;}
form table				{font-size: 100%;}
form th					{text-align: left; padding: 0.5em 0 0 0.5em; vertical-align: top;  width: 30%; line-height: 1.0em;}
form td					{font-weight: normal; padding: 3px 0 3px 0px; font-size: 90%; vertical-align: top;}
form tr.first td		{padding-top: 20px;}
form tr.first th		{padding-top: 20px;}
form .button 			{background-color: #7dc242; color: #FFFFFF; font-weight: bold; padding: 0px 5px 0px 5px; border: 1px solid #7dc242;}

/* copyPanel */

.copyPanel {
	background: #dedede url('../images/bgCopyPanel.gif') no-repeat bottom right;
	}

.copyPanel h2 {
	padding: 15px 15px 0 15px;
	}

.copyPanel p {
	padding: 0 0 0 15px !important
	}

.copyPanel img {
	padding: 8px 0 8px 15px !important
	}

.copyPanel h2 {
	background: url('../images/bgCopyPanelH2.gif') no-repeat top right;
	}

/* Footer */
#footer 				{clear: both; font-size: 0.9em; line-height: 1.2em; border-top: 3px solid #ff0000; padding: 10px 0 0 0; margin-top: 10px;}
#footer #copyright		{padding: 0; float: right; width: 320px; line-height: 1.4em;}
#footer #footlinks 		{float: left; width: 55%;  border: 0px solid #FF0000; margin: 0 0 0 -5px;;}
#footer #footlinks a 	{padding: 0 5px 0 5px; text-decoration: none;}


/* container clearing */

/* http://positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

.clearfix {
	display: inline-table;
	}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */