/* @group Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}table,td,th{vertical-align:middle;}fieldset,img{border:0;}img{vertical-align:bottom;}

/* @end */

/* @group Main Structure */

html {height: 100%;}

body {
	font: 100.01%/1.125em Helvetica,Arial,sans-serif;
	color: #333333;
	background: #326698 url(../images/body_bg.png) 50% -50px no-repeat; 
}

#wrapper {
	width: 940px;
	margin: 320px auto 0;
	position:relative;
}

/* @group Flash */

#right {
	position:absolute;
	width:250px;
	height:250px;
	left: 199px;
	top: -279px;
}
	
#left {
	position:absolute;
	width:300px;
	height:300px;
	left: -44px;
	top:-315px;
}

/* @end */

/* @end */

/* @group Typography */

p {font-size:0.875em; margin: 0 0 1.5em;}

#home p {color: #FFF;}

hr {color: #b1d135; border-color: #b1d135; background-color: #b1d135;}

h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#226798;margin-bottom: 1em;}
h1 {font-size: 1.125em; border-bottom:1px solid #A14798;display:block; ;padding-bottom:2px; margin-bottom: 20px;} 
h2 {font-size: 1.125em; margin-bottom: 0.75em;}
h3 {font-size:1em;}
h4 {font-size:0.875em;}
h5 {font-size:0.75em;}
h6 {font-size:0.75em;}

/* @end */


/* @group Links */

a:link {color: #b1d135;}
a:visited {color: #b1d135;}
a:link, a:visited {border-bottom: 2px solid #A8BFCF;}
a:link, a:visited, a:hover{text-decoration: none;}
a:hover {border-bottom: 2px solid #A8BFCF; color: #A14798;}
a:focus,:focus {outline: 1px dotted #000;}
a:active {outline: none;}
a img {cursor: pointer;}

/* @end */

/* @group Lists */

ol,ul {margin: 0 1.5em 1.5em 0; padding-left: 3.333em;} 
li ul,li ol {margin: 5px 0;}
li {margin: 0 0 .5em 0; font-size:0.875em;}

li li, li p, td p, td li {font-size: 1em}

ol li {list-style: decimal outside;}
ul li {list-style: disc outside;}
ul ul li {list-style-type: circle;}
ul ul ul li {list-style-type: disc;}

dl {margin: 0 0 1.5em 0; font-size:0.875em;}
dt {margin: 0 0 .5em 0;}
dd {margin: 0 0 1em 0;}
dl dt {font-weight: bold;}
dl dd {margin-left:1.5em;} 

/* @end */

/* @group Tables */

table {
	border: 1px solid #98bf21;
	border-collapse: collapse;
	font-size: 100%;
	margin: 0 0 1.4em;
	width: 100%;
}

th,td {
	border: 1px solid #98bf21;
	border-collapse: collapse;
	font-size:0.875em; 
	padding: 4px 10px 4px 5px;
}
th {
	background-color: #A7C942;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}

tbody th {text-align: left;}

/* @end */

/* @group Navigation */

.navText {
	position: relative;
}

span.siteHome, span.siteStudent, span.siteSubjects, span.siteForms, span.siteLetters, span.siteHistory, span.siteLearning {color: #FFF;font-size: 0.8em;}

span.siteHome {position: absolute;left: 11px;bottom: -35px;}
span.siteStudent {position: absolute;left: 146px;bottom: -35px;}
span.siteSubjects {position: absolute;left: 280px;bottom: -35px;}
span.siteLearning {position: absolute;left: 414px;bottom: -35px;}
span.siteForms {position: absolute;left: 546px;bottom: -35px;}
span.siteLetters {position: absolute;left: 682px;bottom: -35px;}
span.siteHistory {position: absolute;left: 815px;bottom: -35px;}

#nav {
	width: 940px; 
	z-index: 1001;
	float: left;
	margin-bottom: 20px;
}

#nav  ul.rmHorizontal {
	float: left;
	width: 940px;
	margin: 0;
	padding: 0;
}

#nav  ul.rmHorizontal > li {
	float: left;
	display: block;
}

#nav ul.rmHorizontal > li.level1 {
	width: 134px !important;
	line-height: 1em;
	margin: 0 0 10px 0;
}

#nav ul li.forthLI ul li {
	width: 186px;
}

#nav ul.rmVertical {
	padding: 0; 
	margin: 21px 0 0 0;
	background-color: #B1D135; 
	float: left; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #FFF; 
	width: 934px;
}

#nav ul.rmVertical li {list-style:none;}

div.rmSlide {
	width: 940px;
	display: none;
	overflow: hidden;
}

#nav .secondLI div.rmSlide {margin-left: -134px;}
#nav .thirdLI div.rmSlide {margin-left: -268px;}
#nav .forthLI div.rmSlide {margin-left: -402px;}
#nav .fifthLI div.rmSlide {margin-left: -536px;}
#nav .sixthLI div.rmSlide {margin-left: -670px;}
#nav .seventhLI div.rmSlide {margin-left: -804px;}


div#SiteMap div.rmSlide {
	display: block;
}

#nav ul.rmHorizontal > li.level1 a {
	font-size: 1.2em;
	display: block;
	border: none;
	border-left: 1px solid #c43793;
}

#nav ul.rmHorizontal > li.level1 a > span {
	padding: 0 55px 15px 10px;
	display: block;
}

#nav ul.rmHorizontal > li.level1:last-child > a {
	border-right: 1px solid #c43793;
}

#nav ul.rmHorizontal li.level2 {
	float: left;
	margin: 0;
}

#nav ul.rmHorizontal li.level2 a {
	font-size: 14px;
	padding: 10px 20px;
	color: #FFF;
	display: block;
	border: none;
}

#nav ul.rmHorizontal li.level2 a:hover {
	color: #C43793;
}

#nav ul.rmHorizontal li.level2 a span {
	padding: 0 !important;
}

#nav ul.rmHorizontal div.rmSlide div.rmSlide {
	background-color: transparent;
	border: none;
}


/* @end */

/* @group Content */

#content {
	float: left;
}

.right-side {
	float: right;
	width: 620px;
	min-height: 640px;
	margin: 0 0 20px 0;
}

/* @group News jQuery */

.news {
	float: left;
	width: 256px;
	height: 616px;
	margin: 0 20px 0 0;
	padding: 10px 20px;
	background: #00417e url(../images/news_bg.png) no-repeat;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #FFF;
}

#list1a a.newsClose {
	color: #FFF;
	border-bottom:1px solid #FFFFFF;
	margin-bottom:0.75em;
	display: block;
	cursor: pointer;
}

#list1a a:hover {
	color: #C43793;
}

.news h3 {
	color: #FFF;
	margin-bottom: 5px;
}

#home .news p {
	color: #B1D135;
	padding-bottom: 28px;
	font-size: 1.2em;
	margin-bottom: 0;
}

/* @group News Blog Styling */

.news .BlogFeatureList {
	color:#B1D135;
	font-size:1.2em;
	margin-bottom:0;
	padding-bottom:28px;
}

.news .BlogFeatureList ul {
	padding: 0;
}

.news .BlogFeatureList li {
	margin-bottom: 20px;
	list-style: none;
}

.news .BlogFeatureList h2  {
	border: none !important;
	margin-bottom: -2px !important;
	font-size: .8em !important;
}

.news .BlogFeatureList h2 a {
	color: #FFF;
	font-weight: bold;
	border: none;
}

.news .blogDate {
	font-size: .7em;
}


/* @end */



/* @end */

.publications {
	float: right;
	width: 256px;
	height: 176px;
	margin: 0 0 20px 0;
	padding: 10px 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #FFF;
	position: relative;
	background: #00417e url(../images/publications_bg.png) no-repeat;
}

.publications p {margin-top: -5px;}
.publications a {border: none;}

img.newsletterButton, img.prospectusButton {
	margin-left: -5px;
}

img.newsletterButton {
	margin-bottom: 10px;
}

img.prospectus {
	position: absolute;
	bottom:  -20px;
	right:  -15px;
	z-index: 10;
}

.main td {
	border: none !important;
}

.calendarHome {
	float: right;
	width: 266px;
	height: 176px;
	margin: 0 20px 20px 0;
	padding: 10px 10px 10px 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #FFF;
	position: relative;
	background: #00417e url(../images/calendar_bg.png) no-repeat;
}

.calendarHome h2 {
	margin: 0 10px 10px 0;
	*margin-bottom: 5px;
}

.calendarHome .main {
	width:260px;
	border: none;
	margin-bottom: 0;
	border-collapse: separate;
}

.calendarHome .month {
	color: #B1D135;
	padding: 2px 10px 2px 0;
}

.calendarHome .daysofweek {
	background-color:#A14798;
	font:bold 12px Helvetica;
	color:white;
}

.calendarHome .days {
	background-color: transparent;
	font:bold 13px Helvetica;
	color: #B1D135;
	padding: 2px 10px 2px 5px;
}

.calendarHome .days #today{
	font-weight: bold;
	color: #FFF;
}

.calendarHome p a {
	margin: 0;
	position: absolute;
	right: 20px;
	top: 42px;
	*top: 37px;
	font-size: 0.9em;
	border: none;
}

/* @group Media Gallery */

.media {
	float: right;
	width: 616px;
	height: 406px;
	margin: 0;
	padding: 10px 0 0 0;
	background-color: #00417e;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #FFF;
	position: relative;
}

.media h2 {
	color: #FFF;
	text-align: center;
	margin:  0;
	padding-bottom: 10px;
	border-bottom: 1px solid white;
}

div.panes {
	width: 616px;
	height: 327px;
}

ul#portfolio {
	margin: 0;
	padding: 0;
}

ul#portfolio li {
	list-style: none;
	margin: 0;
}

ul.tabs {
	float: left;
	padding: 0;
	margin: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	border-top: 2px solid #FFF;
}

ul.tabs li {
	float: left;
	list-style: none;
	background-color: pink;
	margin: 0;
}

ul.tabs li a {
	display: block;
	border: none;
	width: 205px;
	padding: 15px 0;
	text-align: center;
	color: #FFF;
	font-weight: bold;
}

ul.tabs li.tab1 {
	background-color: #B1D135; 
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.21, rgb(177,209,53)),
    color-stop(0.61, rgb(204,240,62)));
	background-image:
	-moz-linear-gradient(
    center bottom,
    rgb(177,209,53) 21%,
    rgb(204,240,62) 61%);
}

ul.tabs li.tab2 {
	background-color: #C43793;
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.21, rgb(196,55,147)),
    color-stop(0.61, rgb(225,63,169)));
	background-image:
	-moz-linear-gradient(
    center bottom,
    rgb(196,55,147) 21%,
    rgb(225,63,169) 61%);
}
ul.tabs li.tab3 {
	background-color: #00417E;
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.21, rgb(0,65,126)),
    color-stop(0.61, rgb(0,85,165)));
	background-image:
	-moz-linear-gradient(
    center bottom,
    rgb(0,65,126) 21%,
    rgb(0,85,165) 61%);
}
ul.tabs li.tab3 a {padding-right: 1px;}

ul.tabs li.tab1 a:hover {color:#00417E;}
ul.tabs li.tab2 a:hover {color:#B1D135;}
ul.tabs li.tab3 a:hover {color:#C43793;}

div.video {
	background-color: #000000;
	float: left;
	height: 347px;
	width: 512px;
	padding-left: 104px;
}

div.podcast {
	padding: 20px;
	height: 307px;
	width: 576px;
	background-color: #00417E;
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.21, rgb(0,65,126)),
    color-stop(0.61, rgb(0,85,165)));
	background-image:
	-moz-linear-gradient(
    center bottom,
    rgb(0,65,126) 21%,
    rgb(0,85,165) 61%);
}

div.podcast .blogTitle {
	float: left;
	border: none;
	text-align: left;
	padding: 0;
}

div.podcast .blogDate {
	float: right;
	font-weight: bold;
}

/* @end */

.links {
	clear: both;
	float: right;
	width: 416px;
	height: 226px;
	margin: 0 0 0 20px;
	padding: 10px 20px;
	background: #00417e url(../images/links_bg.png) no-repeat bottom;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #FFF;
}

.links ul {
	padding: 0;
}

.links li {
	margin-bottom: 10px;
	list-style: none;
}

.links li a {
	background: url(../images/li_arrow.png) no-repeat 100% 50%;
	display: block;
	border: none;
}

.links li a:hover {
	background: url(../images/li_arrow_hover.png) no-repeat 100% 50%;
}

.timetable {
	float: left;
	width: 416px;
	height: 226px;
	margin: 0;
	padding: 10px 20px;
	background: #00417e url(../images/timetable_bg.png) no-repeat;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #FFF;
}

#inner .timetable, .links p {
	color: #FFF;
}

.news h2, .calendarHome h2, .publications h2, .timetable h2, .links h2 {
	color: #FFF;
	border-bottom: 1px solid #FFF;
	padding-bottom: 2px;
}

#logos {
	clear: both;
	float: left;
	width: 900px;
	height: 55px;
	margin: 20px 0 0 0;
	padding: 5px 18px 10px 18px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #00417E;
	background-color: #FFF;
}

#logos a {
	border-bottom: none !important;
	margin-right: 35px;
}


/* @group Inner Content */

.text_area {
	width: 636px;
	float: right;
	min-height: 623px;
	*min-height: 635px;
	margin: 0 0 20px 0;
	padding: 20px;
	background-color: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #00417e;
	*border: none;
}

.text_area h2 span.page_title {
	padding-bottom: 2px;
	border-bottom: 1px solid #a14798;
	display: block;
	margin-bottom: 0 !important;
}

.text_area .breadCrumb {
	font-size: 0.8em;
	margin-bottom: 20px;
}

.text_area .breadCrumb a {
	background: url(../images/breadcrumb_arrow.png) no-repeat right;
	padding-right: 15px;
	margin-left: 5px;
	border: none;
}

.text_area .breadCrumb a:first-child {margin: 0;}

.text_area .breadCrumb a:last-child {background: none;}

/* @group Blog */

.blogentries ul {padding: 0;}
.blogentries ul li {list-style:none;}
.blogentries h2.blogTitle {margin-bottom: 0;}
.blogentries h2.blogTitle a{border: none;}
.blogentries .blogDate {color: #C43793; font-size: 0.8em; padding-bottom: 10px;}
.blogentries p.blogSummary {margin-top: 10px;}

/* Blog Detail */
.blog .postInformation {color: #B1D135; font-size: 0.8em; padding-bottom: 10px;}
.blog .blogBody { font-size: 0.875em;}

a.goBack {
	float: left;
	font-size: 0.8em;
	margin-top: 20px;
}


/* @end */


/* @group Section Menu */

.section_menu iframe {display: none;}

.section_menu {
	width: 196px;
	margin: 0 20px 20px 0;
	padding: 20px;
	float: left;
	min-height: 600px;
	background-color: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #00417e;
}

.section_menu h2 {
	border-bottom: 1px solid #A14798;
	padding-bottom: 2px;
}

.section_menu ul.rmHorizontal {
	min-height: 262px;
	padding: 0 0 10px 0;
	margin: 0;
}

.section_menu ul.rmVertical {
	padding: 0;
}

.section_menu li.selectedPageParent a {
	color: #A14798;
}
.section_menu ul.rmHorizontal li {list-style: none; margin: 0 !important;}

.section_menu ul.rmHorizontal li a {border: none;}

.section_menu li.selectedPage > a {
	color: #C43793;
}

.section_menu ul.rmLevel1 {
	margin-left: 10px;
	color: #226798;
}

.section_menu ul.rmLevel1 li a {
	color: #226798;
}

.section_menu ul.rmLevel2 {
	margin-left: 10px;
}

.section_menu ul.rmLevel2 a {
	color: #226798;
}

.section_menu address {
	font-style: normal;
	color: #226798;
	font-size: 0.9em;
}

.section_menu address a{
	border-bottom: 0;
}

.section_menu #search_area {
	margin-bottom: 10px;
}

.section_menu #search_area input {
	vertical-align: middle;
}

.section_menu #search_area .searchInput {
	margin-right: 10px;
}

.section_menu ul.level2 ul.level2, .section_menu ul.level2 ul.level3, .section_menu ul.level2 ul.level4 {
	margin: 0 0 5px 10px;
}

.section_menu ul.level2 ul.level2 li a, .section_menu ul.level3 li a, .section_menu ul.level4 li a {
	color: #226798;
}

/* @group Search and Sitemap */

.detailContent {
	clear: both;
	float: left;
	width: 900px;
	padding: 20px;
	background-color: #FFF;-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #00417e;
}

#SiteMap {clear: both;float: left;}

#SiteMap ul {padding: 0; width: 900px;}
#SiteMap ul li {list-style: none;}
#SiteMap a {border: none;}
#SiteMap a:hover {text-decoration: underline;}

#SiteMap ul.rmHorizontal  li {
	float: none;
	font-size: 14px;
}

#SiteMap li.level1 > a {
	display: block;
	border-bottom: 1px solid #B1D135;
	padding-bottom: 3px;
	margin: 10px 0;
	font-weight: bold;
}

#SiteMap li:first-child.level1 > a {
	border: none;
}

#SiteMap ul.rmLevel1, #SiteMap ul.rmLevel2, #SiteMap ul.rmLevel3 {
	margin-left: 20px;
}

#SiteMap ul.rmLevel1 li a {
	color: #00417e;
}

#SiteMap ul.rmLevel2 li a {
	color: #C43793;
}

#SiteMap ul.rmLevel3 li a {
	color: #B1D135;
}

#SiteMap iframe {
	display: none;
}

/* @end */

/* @end */

/* @group Photo Galleries */


.text_area .photoGalleryElement .thumbnail {
	border: none !important;
	display:inline !important;
	float:left !important;
	margin:10px 11px !important;
	padding:0 !important;
	text-align:center !important;
	line-height: 0;
}

.text_area .photoGalleryElement .thumbnail a {
	display: block;
	float: left;
	border: none;
	}

.text_area .photoGalleryElement {
	padding-bottom: 1.2em;
	float: left;
	width: 100% !important;
	}

.text_area strong {
	color: #226798;
	font-weight: normal;
	}
	
.text_area img.right  {
	float: right;
	padding: 0px 0px 18px 18px;
	position: relative;
	top: 4px;
	} 
	
.text_area img.left {
	float: left;
	padding: 0px 18px 18px 0px;
	position: relative;
	top: 4px;
}

.text_area .photoGalleryElement .thumbnail img {
	width: 120px !important;
	height: 100px !important;
	padding: 3px !important;
	border-collapse: collapse !important;
	border: 2px solid #A7C942 !important
	}




/* @group Calendar */

/* Adjust the overall width of the calendar */
table.RadCalendar{
	width: 100% !important; 
}

/* Removes inherited bottom margin */
.RadCalendar .rcMainTable {
	border-collapse: collapse !important;
	margin-bottom: 0 !important; 
}

/* Removes background and sets border from top title bar */
.RadCalendar .rcTitlebar, .RadCalendar_Default .rcTitlebar {
	background: none !important;
	border-width: 1px 1px 0 1px !important;
	border-style: solid !important;
	border-color: #B1D135 !important;
}

/* Sets border from main table */
.RadCalendar_Default .rcMain {
	border-width: 0 !important;
}

/* Sets border for week view */
.RadCalendar_Default .rcMain tr.rcWeek {
	border-width: 0 1px !important;
	border-style: solid !important;
	border-color: #C43793 !important;
}

/* Sets border for week view background */
.RadCalendar_Default .rcMain tr.rcWeek th {
	background-color: #C43793 !important;
	color: #FFF !important;
	border-bottom: none;
}

/* Hides column of week numbers */
.rcMain tbody .rcRow th, .rcMain thead .rcWeek th.rcViewSel {
	display:none !important;
}

/* Takes away an inherited bottom margin, border and adjusts font size for month */
.RadCalendar .rcTitlebar table {
	margin-bottom: 0 !important;
	line-height: 3em !important;
	font-size: 1.2em !important;
	border: none !important;
}

/* Adjust the properties of the row of week days */
.rcMain table th {
	background-color:#EAEAEA !important; 
	padding:5px 0 !important;
	text-align:center !important; 
	font-weight: bold !important; 
}

/* Adjust the properties of current month */
.rcTitlebar table td {
	background-color: #B1D135 !important; 
	color: #FFF !important;
	font-weight: bold !important;
	font-size: 1.2em;
}

/* Adjust the properties of the individual days (1,2,3 etc)*/
.RadCalendar .rcRow td {
	color:#522381  !important; 
	padding: 20px 0 !important; 
	text-align:center !important; 
	border-color: #C43793 !important; 
	font-weight: bold;
	font-size: 1em;
}

/* Adjust the selected month */
.RadCalendar_Default .rcRow .rcSelected {
	background-color: #B1D135 !important; 
	background-image: none !important; 
	color: #FFFFFF !important; 
}

/* Adjust the selected month hover */
.RadCalendar_Default .rcRow .rcHover {
	background-color:#C43793 !important; 
	background-image:none !important; 
	color:#FFFFFF !important; 
}

/* Removes inherited bottom border to links */
.RadCalendar_Default .rcTitlebar .rcPrev, .RadCalendar_Default .rcTitlebar .rcFastPrev,
.RadCalendar_Default .rcTitlebar .rcNext, .RadCalendar_Default .rcTitlebar .rcFastNext {
	border-bottom: none !important;
}

.RadCalendar_Default .rcTitlebar .rcNext {
	background: url(../images/right_arrow.png) no-repeat 0 3px !important;
}

.RadCalendar_Default .rcTitlebar .rcFastNext {
	background: url(../images/right_arrow_fast.png) no-repeat 0 3px !important;
}

.RadCalendar_Default .rcTitlebar .rcPrev {
	background: url(../images/left_arrow.png) no-repeat 0 3px !important;
}

.RadCalendar_Default .rcTitlebar .rcFastPrev {
	background: url(../images/left_arrow_fast.png) no-repeat 0 3px !important;
}

/* @end */

/* @end */

/* @end */

/* @group Foot */

#foot {clear:both;padding: 10px 0 0 0; font-size: 0.8em; *font-size: 0.9em;}
#foot a {border: none;}
#foot p {float:right; font-size: inherit; color:#FFF;}
#foot ul {float:left; margin:0; padding:0;}
#foot ul li {float: left; list-style:none;color:#FFF; font-size: inherit;}
#foot ul li a {float: left; padding: 0 5px;}

/* @end */