/***************************************************************************************************
*	Reset CSS
***************************************************************************************************/
body,div,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,ul,ol,li{margin:0;padding:0;}
fieldset,img{border:0;}
address,caption,cite,code{font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6{
	font-family:arial,verdana,tahoma,sans-serif;
	line-height:normal;
	font-weight:bold;
	text-transform:none;
	font-size:115%;
	color:#222e88;
}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;vertical-align:middle;}
img {vertical-align:middle;}
body{
	color:#414141;
	background-color:#222e88;
	font:normal 12px/1.73em Verdana,Arial,Tahoma,sans-serif;
}
a:active,a:link,a:hover,a:visited{
	font:normal 1em/1.63em Verdana,Arial,Tahoma,sans-serif;
	color:#414141;
	text-decoration:none;
}
a:hover{text-decoration:underline;}
p{padding-bottom:1.3em;}
.center{text-align:center;}
.tright{text-align:right;}
.right{float:right;}
.left{float:left;}
.clear {
	font-size:1px;
	line-height:0%;
	clear:both;
	display:block;
	float:none;
	height:0%;
	overflow:hidden;
}

#header li, #footer li, #menu li {list-style:none;display:inline;}
#footer li {padding:0 2px;}

html { font-size:12px; }

/***************************************************************************************************
*	Main layout items
***************************************************************************************************/
#wrapper {position:relative;z-index:1;width:955px;margin:0 auto;}
#main {width:766px;background-color:#fff;}
#header {/*background:#20b2e9 url(i/header.left.jpg) no-repeat left top;*/ background:#20b2e9 url(i/header-bg.jpg) no-repeat left top;position:relative;z-index:2;}
.home_header { height:278px; }
/***************************************************************************************************
*	Header css
***************************************************************************************************/
#header .wrap { /*background:url(i/header.right.jpg) no-repeat right top;height:278px;*/overflow:hidden;}
#header .logo {position:absolute;z-index:3;left:15px;top:3px;}
#header .logo a {
	display:block;
	background: url(i/spcc-logo.png) no-repeat; 
	height:77px;width:397px;
	text-align:left;
	text-indent:-1000em;
	overflow:hidden;
	outline:0;
}

#header .toplinks {text-align:right;padding:7px;font-size:1em;}
#header .toplinks li {background:url(i/stripe.black.gif) no-repeat right;padding:0 7px 0 4px;line-height:1.7em;}
#header .toplinks li.search, #header .toplinks .last, #menu .last a {background-image:none;}
#header .toplinks, #header .toplinks a {font-family:arial,verdana,tahoma,sans-serif; color:#fff;}
#header .toplinks ul.sub-topmenu { margin-top:5px; }
input#header-q {
	background:transparent url(i/input.bg.gif) no-repeat left top;
	width:105px;height:15px;
	border:none;
	padding:1px 2px;
	margin-left:3px;
}

#header .featured {position:absolute;z-index:3;left:505px;top:57px;width:436px; display:none;}
#header .featured h2 {color:#fff;font-size:1.4em;padding-left:220px;}
#header .featured h3 {color:#222e88;font-size:1.2em;padding-left:220px;padding-bottom:.3em;}
#header .featured .thumb {float:left;margin-right:15px;}
#header .featured .head, #header .featured .foot {display:block;height:10px;overflow:hidden;font-size:1px;}
#header .featured .head {background:url(i/featured.head.png) no-repeat left top;}
#header .featured .foot {background:url(i/featured.foot.png) no-repeat left top;clear:both;}
#header .featured p {padding:0 10px;}
#header .featured .block div {background:url(i/featured.bg.png) repeat-y left;}

#header .spcc-building {width:258px; height:207px; background:url(i/spcc-building.png);margin-top:14px; position:absolute; z-index:999;}
#header .scroll-banner-holder { width:750px; overflow:hidden; margin:57px 0 0 125px; }

/***************************************************************************************************
*	Content rules
***************************************************************************************************/
#menu {
	overflow:hidden;
	margin:-4px 15px 12px 15px;
	background:url(i/stripe.blue.gif) repeat-x bottom;
	padding-bottom:7px;
	position:relative;
	z-index:4;
}
#menu ul {background-color:#d03f14;height:28px;padding-left:5px;white-space:nowrap;overflow:hidden;}
#menu a {
	font:bold 1.1em/28px arial,verdana,tahoma,sans-serif;
	text-decoration:none;
	color:#fff;
	float:left;
	display:block;
	padding:0 23px;
	background:url(i/stripe.menu.gif) no-repeat right;
}
#menu li {float:left;}
#menu li.active {background:#d46b32;}
#menu li.active a  {color:#fff; }
#menu li a:hover { text-decoration:underline; }

#main {background:#fff url(i/content.head.gif) no-repeat left top;margin-left:20px;position:relative;}
#main .wrap {background:url(i/content.foot.gif) no-repeat left bottom;padding:47px 0 20px 5px;}
#main .column {float:left;width:230px;padding-left:9px;padding-right:11px;}
#main .column a {line-height:1.2em;}
#main .column p {padding-bottom:1em;}
#main .column p strong {color:#5d900f;display:block; font-weight:normal;}
#main .column p img {margin-top:.8em;}
#main .column h2 {position:absolute;z-index:4;margin-top:-48px;background:url(i/title.left.gif) no-repeat left top;padding-left:11px;color:#fff;font-size:1.1em;font-weight:normal;height:32px;}
#main .column h2 span {display:block;height:32px;line-height:30px;overflow:hidden;padding-right:11px;background:url(i/title.right.gif) no-repeat right top;float:left;}
#main .column h2 strong {font-size:1.3em; font-weight:normal; margin:0 10px;}
#main .column h3 {font-size:1.6em;padding-bottom:.4em;}
#main .column .title {background-color:#222e88;color:#fff;padding:0 5px;}
#main .column .title a {color:#fff;}
#main .column .title a.active, #main .column .title a:hover {color:#729cfd;}

#main .content {background:url(i/stripe.green.gif) repeat-y 0 40px;}

#wrapper .banners a {
	display:block;
	overflow:hidden;
	position:absolute;
	left:748px;top:-1px;
	text-align:left;
	text-indent:-1000em;
	outline:0;
	width:170px;height:48px;
	background-position:0 0;
	background-repeat:no-repeat;
}
#main .banners .secondary {background-image:url(i/spcc.secondary.school.jpg);width:171px;height:171px;}
#main .banners .primary {background-image:url(i/spcc.primary.school.jpg);top:176px;width:171px;height:171px;}
#main .banners .alumni {background-image:url(i/spcc.alumni.gif);top:auto;left:530px;bottom:70px;}
#main .banners .charitable {background-image:url(i/spcc.charitable.gif);top:auto;left:710px;bottom:70px;}
#main .banners .parent {background-image:url(i/spcc.parent.gif);top:auto;left:530px;bottom:13px;}
#main .banners .recreational {background-image:url(i/spcc.recreational.gif);top:auto;left:710px;bottom:13px;}
#main .banners .right-banner {background-image:url(i/banner.jpg);top:auto;left:-161px;bottom:0;height: 298px;width:151px;}

/***************************************************************************************************
*	Footer CSS rules
***************************************************************************************************/
#footer {text-align:left;padding:.2em 0 1em;margin:0 20px;}
#footer, #footer a {color:#fff;line-height:1.4em;}
#footer p, #footer ul, #footer .links {display:block;padding:.5em 0;}
#footer ul, #footer .links {font-size:.9em;}
#footer .links {border-top:1px solid #9096c3;border-bottom:1px solid #9096c3;}
#footer .links a {display:block;float:left;width:41%;}
#footer .copy, #footer .copy a, #footer .right, #footer .right a {color:#fff;}


/***************************************************************************************************
*	Subpage
***************************************************************************************************/
.subpage #header {height: 190px;background-image: url(i/inner-top.jpg); overflow:hidden;}
.subpage #header .wrap {/*height: 148px;background-image: url(i/header.subpage.right.jpg);*/}
.subpage #header .featured {left:337px;top:35px;width: 380px;}
.subpage #header .featured .head {background-image:url(i/sub.featured.head.png);}
.subpage #header .featured .foot {background-image:url(i/sub.featured.foot.png);}
.subpage #header .featured .block div {background-image:url(i/sub.featured.bg.png);}

.subpage #header .banners .secondary {background-image:url(i/spcc.secondary.small.jpg);width:102px;height:102px;top:35px;left:727px;}
.subpage #header .banners .primary {background-image:url(i/spcc.primary.small.jpg);width:103px;height:102px;top:35px;left:838px;}

.subpage #menu li.search {float:right;padding-right: 12px;padding-top: 4px;}
.subpage #menu li.search label {color:#fff;font-size:1.1em;font-family: arial,verdana,tahoma,sans-serif;line-height: 1.5em;}

.subpage #main {background-image: url(i/subpage.head.jpg);margin-left:174px;margin-bottom: 10px;}
.subpage #main .content {background-image: none;}
.subpage #main .wrap { min-height:400px;padding-top: 10px;padding-left: 22px;padding-bottom: 18px; width:744px; overflow:hidden;}

.subpage #main .menu {position: absolute;left:-154px;top:0;width:146px; margin-top:20px;}
.subpage #main .menu li {display: block;list-style: none;float:left;clear:both;}
.subpage #main .menu a {display: block;float:left;color:#fff;font-size:1em; line-height:1.2em;padding-left: 8px;text-decoration: none;}
.subpage #main .menu li.active  { background:#94d41b; margin-top:2px; }
.subpage #main .menu li.active .smtop { background:url(i/subm-top-r.jpg) no-repeat;}
.subpage #main .menu li.active .smbot  { background:url(i/subm-bot-r.jpg) no-repeat;}
.subpage #main .menu a:hover { text-decoration:underline; }


.subpage #main .crumbs { clear:both; margin:10px 3px; }
.subpage #main .crumbs, .subpage #main .crumbs a {color:#666; }
.subpage #main .crumbs .view-by { float:right; margin-right:10px; }
.subpage #main h1 {font-size:2.35em;padding-bottom: .3em;}
.subpage #main h4 {border-bottom: 1px solid #222e88;font-size:1.27em;padding-top: 16px;margin-right: 145px;}

.subpage #main .tab-buttons {margin-right:16px;background: url(i/tabs.bg.gif) no-repeat right bottom;padding-bottom: 4px;height: 24px;overflow: hidden;}
.subpage #main .tab-buttons a {
	display: block;
	float:left;
	height: 24px;width:130px;
	line-height: 27px;
	font-size:1em;
	color:#fff;
	background: url(i/tab.inactive.gif) no-repeat 0 0;
	padding-right: 4px;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
}
.subpage #main .tab-buttons a.active, .subpage #main .tab-buttons a:hover {background-image: url(i/tab.active.gif);}

.subpage #main .tab-content {float:left;width:719px;padding-left: 9px;background: url(i/archive.bg.gif) repeat-y right;}
.subpage #main .tab-content ul, .subpage #main h4 {clear: both;}
.subpage #main .tab-content li {list-style: none;padding: 8px 0 0;clear: both;}
.subpage #main .tab-content span {float:left;display: block;width:430px;}
.subpage #main .tab-content span.date {font-weight: bold;color:#222e88;width:104px;}

.subpage #main .tab-years {width:89px;float:left;margin-left:-89px;position: relative;z-index: 5;}
.subpage #main .tab-years li {list-style: none;display: block;float:left;clear:both;font-size: 1.63em;color:#fff;}
.subpage #main .tab-years a {
	color:#fff;
	display: block;
	float:left;
	padding-left: 7px;
	text-decoration: none;
	width:80px;
}
.subpage #main .tab-years li.active a, .subpage #main .tab-years a:hover {color:#222e88;background: url(i/year.active.gif) no-repeat 0 0;}


/***************************************************************************************************
*	New Index
***************************************************************************************************/
div.home-scroll { position:absolute;top:-1px; left:766px; }


div.scrollable { 
    position:relative; 
    overflow:hidden; 
    height: 370px; 
    width: 140px; 
} 
div.scrollable div.items { 
    position:absolute; 
    height:20000em; 
}
div.scrollable img {
	margin:5px 0 10px 0;
	border-top:5px solid #fff;
	border-right:5px solid #fff;
	border-bottom:5px solid #fff;
}
img.btn-img { margin-left:12px; cursor:pointer; margin-bottom:5px; margin-top:5px; }

a.more { display:block; text-align:left; color:#232e88; }


.column .framed { padding:6px; border:1px solid #8db04c; margin-bottom:10px; }
.column .med li { padding-left:25px;  background: url(i/med-pt.jpg) no-repeat 0 3px; list-style:none; }


.subpage #main .menu .smtop { width:154px; height:10px; background:url(i/subm-top.jpg) no-repeat; float:left; }
.subpage #main .menu .smbot { width:154px; height:9px; background:url(i/subm-bot.jpg) no-repeat; float:left; }
.subpage #main .menu li { background:url(i/subm-bg.jpg); width:154px; overflow:hidden; }


.subpage #main h1.heading {  background:url(i/heading-bg.jpg); line-height:35px; height:35px; float:left; padding:0; position:relative; margin-top:-11px; margin-bottom:10px; }
h1.heading .header-lt {  background:url(i/header-lt.jpg) no-repeat; width:21px; height:35px; display:block; float:left; }
h1.heading .header-rt {  background:url(i/header-rt.jpg) no-repeat; width:21px; height:35px; display:block; float:left; }
h1.heading .text { display:block; float:left; font-size:18px; color:#fff; font-weight:normal; padding:0 8px; }

div.paging { clear:both; float:right; margin-right:10px; width:auto; }
div.paging span { display:block; float:left; padding:0px 2px; }
div.paging a { /* display:block; float:left; */ padding:0px 6px; }
div.paging a.active { background:#999; }


div.amonth { clear:both; margin-bottom:30px; }
div.amonth div.month-number { float:left; width:45px; color:#e4e4e4; color:#fff; font-size:60px; margin-top:40px; line-height:normal; }
h2.month-title { float:left; background:url(i/topic-bg.jpg); line-height:23px; } 
h2.month-title span.month { display:block; float:left; padding:0 10px; font-weight:normal; font-size:16px; }
h2.month-title span.month .year { color:#fff; }
h2.month-title span.mt-lt { display:block; float:left; background:url(i/topic-lt.jpg) no-repeat; height:23px; width:10px;  }
h2.month-title span.mt-rt { display:block; float:left; background:url(i/topic-rt.jpg) no-repeat; height:23px; width:15px; }

ul.news-list { float:left; width:670px; overflow:hidden; list-style:none; border:1px solid #ccc; padding-bottom:10px;  }
ul.news-list .date { color:#222E88; padding:0 10px; }
ul.news-list .title { margin:0 10px; } 
ul.news-list a.title { margin:0 10px; } 
ul.news-list div.photo { float:right; margin-top:5px; margin-bottom:5px; width: 238px; margin-left:18px } 
ul.news-list div.photo img { float:left; margin-right:8px; border-left:1px solid #999; border-top:1px solid #999; border-right:1px solid #999; }
ul.news-list div.photo .more-photo { font-size:10px; width:50px; display:block; float:right; margin-right:5px; color:#666; line-height:13px; margin-top:25px; letter-spacing:-1px; }
ul.news-list li { margin:10px 10px 0 10px; border-bottom:1px solid #ccc; padding-bottom:5px; width:645px; float:left; }

div#header img.top-banner { margin:20px 297px; }

h3 { padding-bottom:10px; padding-top:8px; font-size:1.25em; }
div.rich-content { margin:20px 40px 20px 20px; }
div.detail-photo { float:right; margin:5px 10px 10px 10px; }
div.detail-photo img { border:1px solid #ccc; }
div.detail-photo p { line-height:1.2em;  color:#666; padding:5px; text-align:center; background-color:#F1F1F1; font-size:0.95em;}

div#news-main { clear:both; width:912px; background:#fff url(i/ni-bg-top.jpg) no-repeat top left; margin:0 auto; overflow:hidden; }
div#news-main h2.heading { margin-top:-2px;position:absolute;z-index:4;background:url(i/title.left.gif) no-repeat left top;padding-left:11px;color:#fff;font-size:1.1em;font-weight:normal;height:32px;}
div#news-main h2.heading span {display:block;height:32px;line-height:30px;overflow:hidden;padding-right:11px;background:url(i/title.right.gif) no-repeat right top;float:left;}
div#news-main h2.heading strong {font-size:1.3em; font-weight:normal; margin:0 10px;}

div#news-main div.col-1 { width:310px; float:left; margin:0 20px; border-right:2px dotted #ccc; padding-right:20px; }
div#news-main .item { border-bottom:2px dotted #ccc;margin-bottom:10px; padding-bottom:5px; }
div#news-main .item a {line-height:1.2em;}
div#news-main .item p {padding-bottom:1em; margin:0 10px;}
div#news-main .item p strong {color:#5d900f; display:block; font-weight:normal;}
div#news-main .item .item-p { margin-top:55px; }
div#news-main .item a.more { float:right; }
div#news-main div.col-1 strong a { color:#5D900F }
div#news-main .item .item-p .spcc_title{ margin-left:10px; margin-bottom:2px}
div#news-main .item .item-p .link{ margin-left:10px;width:290px; }
div#news-main .item .item-p .link a { color:#5D900F; word-wrap: break-word;  }

div#news-main .framed { padding:6px; border:1px solid #8db04c; margin-bottom:10px; }
div#news-main .med { margin-top:10px; }
div#news-main .med li { padding-left:25px;  background: url(i/med-pt.jpg) no-repeat 0 3px; list-style:none; }


div.col-2 { width:235px; float:left; margin-right:20px; padding-right:20px;  border-right:2px dotted #ccc; }
div.right-col { margin-right:0; padding-right:0; border:none; }
div.right-col ul li {color:#3d4aaa; list-style:square; margin-left:25px }
div.right-col ul li a {color:#af8b0c; }

#school_calendar { padding:7px; border:1px solid #999; float:left; margin-bottom:10px; }
#school_calendar td, #school_calendar th { font-size:11px; width:27px; text-align:center; margin: 0; padding: 0;}
#school_calendar th { background:#666; color:#fff; font-weight: normal;  }
#school_calendar table tr.day-name td { background:#666; color:#fff; }
#school_calendar table td.month { color:#3d4aaa; font-size:12px; }
#school_calendar table td.event a { border:1px solid #3d4aaa; display:block; margin:0 3px;}
#school_calendar .ui-datepicker-today { background:#3d4aaa;  }
#school_calendar .ui-datepicker-today a {
	color:#fff;
}
#school_calendar .ui-datepicker-header {
	
}
#school_calendar .ui-datepicker-prev {
	float: left;
}
#school_calendar .ui-datepicker-next {
	float: right;
}
#school_calendar .ui-datepicker-title {
	text-align: center;
}

div.ni-bot { background:url(i/ni-bg-bot.jpg) no-repeat; width:920px; height:20px; }

ul#news-photo-list  { clear:both; margin: 0 10px; }
ul#news-photo-list li { float:left; maprgin:8px; width:160px; text-align:center; border:1px solid #ccc; list-style:none; margin:5px; margin-bottom:10px; background-color:#f9f9f9 }
ul#news-photo-list li img { margin:5px; height:100px; }
ul#news-photo-list li span { margin:0 5px 5px 5px; width:138px; padding:5px; background:#eee; border:1px solid #ccc; font-size:0.8em; display:block; height:55px; overflow:hidden; }
ul#news-photo-list li span a { line-height:1.1em; }
h2.title { font-size:1.5em; margin:3px; }
h3.title-date { font-size:1em; color:#333; margin:3px; }

a.address { color:#222E88; }


/********************************************************************/
/************************menu********************/
.subpage #main .menu .sub{ margin-left:8px; background:transparent; }
.subpage #main .menu .sub li{ background:transparent; width:140px;}
.subpage #main .menu .sub li a{ color:#98afda; width:auto }
.subpage #main .menu li.active  .sub li a { color:#435f00; }
.subpage #main .menu li.active  .sub li.active a { color:#000; }

/************************content********************/
.content .top{ text-align:right;clear:both; padding:15px 30px 10px 10px;}
.content .top img{ margin-right:3px}
.content .top a{ color:#4A6B0E}

.content .rich-content a{ color:#FE5B3F; text-decoration:underline;}
.content .rich-content a:hover{ text-decoration:none;}

.content .rich-content ol{ padding-left:28px; padding-bottom:1.3em}
.content .rich-content ol li{ margin-top:8; margin-bottom:10px;}
.content .rich-content ul{ padding-left:20px;  padding-bottom:1.3em}

.content .rich-content .link{ margin-bottom:10px;}
.content .rich-content .link span{ margin:0 5px;}
.content .rich-content .top{ text-align:right; padding:10px;  clear:both; }
.content .rich-content .top img{ margin-right:3px}
.content .rich-content .top a{ color:#4A6B0E}
.content .rich-content .italic { font-style:italic}
.content .rich-content .bold { font-weight:bold}
.content .rich-content .underline { text-decoration:underline}
.content .rich-content .line { border-bottom:1px solid #222E88; margin-top:15px; margin-bottom:20px; clear:both;}
.content .rich-content .line2 { border-bottom:1px dotted #ccc; margin-top:15px; margin-bottom:20px;clear:both;}
.content .rich-content .clear {clear:both;}
.content .rich-content .space { margin-right:10px}
.content .rich-content .align_right { text-align:right}

.content .rich-content h3 a{ color:#222E88; font-weight:bold;}
.content .rich-content h5{ color:#222; margin-top:8px; padding-bottom:8px;}
.content .rich-content table{ margin:10px 0;}
.content .rich-content table tr td { vertical-align:top;  padding:8px 5px} 
.content .rich-content table th { text-align:left; padding:10px 5px} 

/************History***********************/
.content .rich-content .history_list { clear:both; border-bottom:1px dotted #ccc; margin:10px 0;}
.content .rich-content .history_list .year{ float:left; width:60px; margin-right:5px;}
.content .rich-content .history_list ul{ float:left; width:550px;}

/************Plans & Reports***********************/
.content .rich-content .plan {float: right; width:350px;}
.content .rich-content .plan ul{margin-top:30px; }
.content .rich-content .plan ul li{ margin:8px 0;}

/************Facilities***********************/
.content .rich-content table.facility { line-height:1.2em; margin-top:0; margin-bottom:20px;}
.content .rich-content table.facility tr th{background-color:#CCC; padding:10px 5px}
.content .rich-content table.facility tr td.col1{ font-weight:bold; width:105px; padding-right:5px; background-color:#ddd;}
.content .rich-content table.facility tr td.col2{width:110px;  background-color:#EFEFEF; text-align:center;}
.content .rich-content table.facility .fac_pic { height:80px}
.content .rich-content table.facility .fac_pic a img { border:1px solid #EFEFEF }
.content .rich-content table.facility .fac_pic a:hover img { border:1px solid #555 }

/************Subjects Offered ***********************/
.content .rich-content table.subject { line-height:1.4em; }
.content .rich-content table.subject tr th{background-color:#8cdef2; text-align:center; color:#000;  width:100px; }
.content .rich-content table.subject tr td.f6{ width:120px; }
.content .rich-content table.subject tr td{background-color:#d2f0f8; text-align:center; vertical-align:middle;}

/************Academic > NSS***********************/
.content .rich-content table.nss {border:1px solid #ccc;border-collapse:collapse;}
.content .rich-content table.nss tr td { border:1px solid #ccc;  padding-left:10px; width:90px}
.content .rich-content table.nss tr td.col1 {width:50px}
.content .rich-content table.allocation {border:1px solid #ccc;border-collapse:collapse; width:500px}
.content .rich-content table.allocation tr th{ text-align:center; background-color:#eee;  border:1px solid #ccc;}
.content .rich-content table.allocation tr td{ padding:8px 10px;  border:1px solid #ccc; text-align:center;}
.content .rich-content table.allocation tr td.col1{ text-align:left}
/************OLE&ECA***********************/
.content .attachment ul {padding-left:20px;  padding-bottom:10px; margin-right:20px;}
.content .attachment ul li{ list-style:none;}
.content .attachment ul li span{ font-weight:bold;}
.content .attachment ul li img{ vertical-align:top;}

.content p.intro{clear:both; padding-top:10px; margin-left:20px; margin-right:20px}
.content ul.intro{ margin-left:40px; margin-right:20px; margin-bottom:20px;}
/************Admissions***********************/
.content .rich-content ul.f6 li li{ list-style:decimal; margin-left:5px}
.content .rich-content ul.f6 li li li{ list-style:lower-roman; margin-left:5px}

.content .rich-content table.school_fees{ width:670px; border:1px solid #999; border-collapse:collapse}
.content .rich-content table.school_fees tr th{ background-color:#ccc; text-align:center;  border:1px solid #999;}
.content .rich-content table.school_fees tr td{  text-align:center;  border:1px solid #999;}

.content .rich-content ul.remission li{ list-style:decimal; font-weight:bold;}
.content .rich-content ul.remission li li{ list-style:decimal;font-weight:normal; margin-top:10px;}
.content .rich-content ul.remission li li li{ list-style:disc;font-weight:normal; }
.content .rich-content ul.remission li p{ font-weight:normal;}
.content .rich-content p.sep{ text-align:right; font-style:italic}

.content .rich-content table.principles { margin-top:0;}
.content .rich-content table.principles tr td{ padding:3px; font-weight:normal; line-height:1.4em;}
.content .rich-content table.principles tr td.col1{ padding-right:5px; width:95px;}

.content .rich-content table.sources { margin-top:0; border:1px solid #999; border-collapse:collapse}
.content .rich-content table.sources tr th{border:1px solid #999;}
.content .rich-content table.sources tr td{  padding:3px; line-height:1.4em; width:330px;  border:1px solid #999;}

.content .rich-content table.income { margin:15px 0; width:670px; text-align:center;  border:1px solid #999;  border-collapse:collapse}
.content .rich-content table.income tr th{ background-color:#e5e5e5; text-align:center;}
.content .rich-content table.income tr td{ border:1px solid #999; vertical-align:middle;}
.content .rich-content table.income tr td.title{ background-color:#ccc; }

.content .rich-content table.example{ margin-top:0; width:670px;  border:1px solid #999;  border-collapse:collapse}
.content .rich-content table.example tr td{ border:1px solid #999; vertical-align:middle; text-align:center}
.content .rich-content table.example tr td.title{ background-color:#ccc; width:160px; }

.content .rich-content table.app_form tr th{ padding-left:10px;  padding-right:10px; background-color:#eee}
.content .rich-content table.app_form tr td { padding-right:10px; padding-bottom:10px;}
.content .rich-content table.app_form tr td.form{ width:500px;}
.content .rich-content table.app_form tr th.date{ width:95px; text-align:center;}
.content .rich-content table.app_form tr td.date{ width:95px; padding-left:10px; text-align:center;}
.content .rich-content table.app_form tr td.form img{ margin-left:5px;}
.content .rich-content table.app_form  img{ padding-top:5px;}


/************top nav***********************/
.content .rich-content .contact_us { padding-bottom:15px;  clear:both}
.content .rich-content .contact_us .pic{ float:left; margin-right:15px;}
.content .rich-content .contact_us ul li { list-style:none; margin:8px 0}
.content .rich-content .contact_us ul li span{  margin-right:5px; font-weight:bold;}

.content .rich-content .sitemap{ padding-bottom:15px; }
.content .rich-content .sitemap .section { padding:15px 0;}
.content .rich-content .sitemap .section h3{ background-color:#4B58CB; padding:10px }
.content .rich-content .sitemap .section h3 a{ color:#fff; text-decoration:none;}
.content .rich-content .sitemap .section .list{border:1px solid #4B58CB; padding:10px; }
.content .rich-content .sitemap .section .list ul {padding-bottom:5px;}
.content .rich-content .sitemap .section .list ul ul{ padding-top:3px; padding-bottom:0;}
.content .rich-content .sitemap .section .list ul li{ margin-bottom:15px; margin-top:8px; color:#666; }
.content .rich-content .sitemap .section .list ul li li{color:#777;} 

#school_calendar td a { color:#232E88; border:1px solid #232E88; display:block; }
#school_calendar td strong { background:#232E88; color:#fff; font-weight:normal; display:block; }

#footer .right { display:none; }


/*****************************/
.content .backLink { margin:10px 0; text-align:right; width:722px}
.content .backLink a{ color:#4A6B0E}

#outward-bound li {float:left; width:100%; list-style:none;}


div.wrap div.content p {margin-right:15px;}