/*
	*****CSS Framework*****
	Developed by Matt Cordell of Alaress
*/
@import url("reset.css");
@import url("forms.css");

body {
	font-family: Verdana, Helvetica, sans-serif;
	background: #5686a4 url(/img/bg.gif) repeat-x;
}
#mentone-print {
	display: none;
}
caption, legend { display: none; }
/*--------------------------------------------------------------
 Link styles 
--------------------------------------------------------------*/

a 		{ color: #007dcd; text-decoration: none; }
a:hover 	{ text-decoration: underline; }
strong {font-weight:bold;}


 /*::selection {
	background: #007DCD;
	color:#ffffff; Safari 
	}
	::-moz-selection {
	background: #007DCD;
	color:#ffffff;
}*/

/*--------------------------------------------------------------
 Heading styles 
--------------------------------------------------------------*/
#header h1 { cursor: pointer; }
h1 {
	font-size: 2em;
}
h2 {
	color: #34698b;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: normal;
	padding: 13px 0 0 12px;
}
.float h2 {
	float: left;
	min-width: 135px;
}
.right h2 {
	width: 135px;
}
h3, #main #calendar .bubble h3 {
	font-size: 16px;
	font-weight: normal;
	margin: 0;
	color: #007DCD;
	background: 0;
	text-align: left;
	line-height: 1.1;
}
.news-right p span {
	font-size: 10px;
}
h4.price {
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 0.4em 0;
	color: #c5a401;
	background: 0;
	border-top: 1px solid #d3e5f3;
	border-bottom: 1px solid #d3e5f3;
	padding: 6px 0;
	width: 325px;
}
h4.price span {
	color: #8C8C8C;
}
h4.price small {
	font-size: 10px;
	font-weight: normal;
}
.heading-wrap {
	margin-bottom: 17px;
	padding-bottom: 3px;
	background: url(/img/heading-shadow.gif) repeat-x 0 100%;
}
.heading {
	background: url(/img/heading-bg.png) repeat-x;
	border: 1px solid #d3e5f3;
	padding: 0;
	height: 51px;	
}
.heading a {
	float: right;
}
.info h3 {
	margin-bottom: 0.2em;
}
.info h3 a {
	color: #fff;
}
.info {
	background: #28292e;
	padding: 10px 17px;
	position: absolute;
	bottom: 2px;
	left: 2px;
	width: 385px;
	background-color: rgba(40, 41, 46, 0.8);  /* FF3+, Saf3+, Opera 10.10+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC28292E',endColorstr='#CC28292E'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC28292E',endColorstr='#CC28292E')"; /* IE8 */
}
/*--------------------------------------------------------------
 Body Text styles 
--------------------------------------------------------------*/
p, ul {	line-height: 1.5;	margin: 0 0 0.7em 0; }
p span, a span { color: #8c8c8c; }
p.dates { color: #c5a401; margin-top: 0.7em; }
.info p { margin: 0; color: #fff; }
li { padding-left: 2em; }
#content img {
	border: 2px solid #e4dfc8;
	display: block;
}
#content .caption-image img {
	border: 0;
}
small, em {
	font-size: 90%;
	font-style: normal;
}
p.pagination {
	margin: 0;
	text-align: center;
}
p.tags {
	margin: 0.5em 0;
	color: #ccc;
	font-size: 10px;
	font-style: italic;
}
p.tags a {
	color: #999;
}

a.pdf {
	background: url(/img/pdf-icon-small.gif) no-repeat;
	padding-left: 30px;
	line-height: 25px;
	height: 25px;
	display: block;
}
/*--------------------------------------------------------------
 Body Text styles - CMS 
--------------------------------------------------------------*/
.locationPage { float: left; width: 334px; }
.cms-content ul li,
#main ul li {
	list-style:none;
	background:url(/img/bullet.gif) no-repeat 0px 6px;
	padding-left:15px;
}
.cms-content em {
	font-style:italic;
}
.cms-content strong {
	font-weight:bold;
	color:#007DCD;
}
.cms-content h3 {
	margin-bottom:5px;
}
.cms-content td {
	text-align:left;
}
.cms-content p {
	margin-bottom:1.5em;
}
.term-table td {
	width:49%;
}
blockquote {
	padding:20px;
	border:1px solid #D3E5F3;
	background-color:#F1F5F8;
	margin-bottom:20px;
}
blockquote p {
	margin: 0;
}
/*--------------------------------------------------------------
 Core styles 
--------------------------------------------------------------*/
#vTour {
	width: 940px;
	height: 600px;
	margin-bottom: 10px;
	position: relative;
}
#container {
	width: 990px;
	margin: 0 auto;
	padding-top: 13px;
}
#header {
	height: 103px;
	position: relative;
	margin: 0;
}
#slope {
	background: url(/img/header-slope.png) no-repeat;
	width: 281px;
	height: 90px;
	position: absolute;
	top: 13px;
	left: 288px;
}
#flash-wrap {
	position: relative;
	height: 330px;
	z-index:1;
	clear: both;
}
#feature {
	height: 330px;
	width: 1005px;
	position: absolute;
	right: 1px;
	z-index:1;
}
#content {
	padding: 10px 1px 10px 3px;
	margin: -10px 0 0;
	background: url(/img/content-bg.png) repeat-y;
	clear: both;
}
#content.subpage {
	background: url(/img/subpage-bg.png) repeat-y;
	margin-top: 0;
	padding-top: 0;
}
#content.onepage {
	margin-top: 0;
	padding-top: 0;
}
#right {
	float: right;
	width: 250px;
	margin: 0 19px 0 0;
	display: inline;
}
#left {
	width: 676px;
	float: left;
	margin: 0 20px 0 19px;
	display: inline;
}
.news-feat {
	height: 269px;
	display: none;
}
.news-left {
	float: left;
	margin-bottom: 20px;
	position: relative;
}
.news-right {
	float: right;
	width: 233px;
	margin-left: 20px;
}
.left {
	width: 423px;
	float: left;
}
.right {
	width: 233px;
	float: right;
}
.events-home {
	width: 205px;
	float: left;
}
.events-home img {
	margin-bottom: 11px;
}

.cycle-it{float:right;}
.cycle-it .events-home{background:#fff; }

.calendar {
	margin: 0;
	padding: 0;
}
.calendar li {
	background: #fffef9;
	padding: 4px 17px;
}
.calendar li:nth-child(odd) {
	background: #f5fafb;
}
.calendar li.odd {
	background: #f5fafb;
}
.jumpto {
	margin-bottom: 17px;
}
.jumpto li {
	border-bottom: 1px solid #efefef;
	background: url(/img/jumpto-bullet.gif) no-repeat 12px 10px;
	padding: 2px 17px 2px 30px;
}
.button-international {
	background: url(/img/button-international.gif) no-repeat;
	height: 58px;
	display: block;
	margin-bottom: 17px;
	text-indent: -9999px;
}
.button-blog {
	background: url(/img/button-blog.gif) no-repeat;
	height: 58px;
	display: block;
	margin-bottom: 17px;
	text-indent: -9999px;
}
.button-publications {
	background: url(/img/button-publications.gif) no-repeat;
	height: 58px;
	display: block;
	margin-bottom: 17px;
	text-indent: -9999px;
}
.button-old-mentonians {
	background: url(/img/button-old-mentonians.gif) no-repeat;
	height: 58px;
	display: block;
	margin-bottom: 17px;
	text-indent: -9999px;
}
.button-international:hover,
.button-blog:hover,
.button-publications:hover,
.button-old-mentonians:hover {
	background-position: 0 -58px;
}
#gallery-prev h3 a {
	background: url(/img/heading-gallery.gif) no-repeat;
	height: 55px;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
}
#gallery-prev h3 a:hover {
	background-position: 0 -55px;
}
#gallery-prev img {
	border: 1px solid #d3e5f3;
	border-top: 0;
}
#gallery-prev {
	position: relative;
	height: 269px;
}
.gallery-bottom {
	position: absolute;
	background: url(/img/gallery-bg.png) no-repeat;
	width: 250px;
	height: 8px;
	bottom: 0;
	left: 0;
}
/* Buttons */
.view-news {
	width: 213px;
	background: url(/img/view-news-button.gif) no-repeat;
	margin: 11px 13px 0 0;
}
.view-events {
	width: 164px;
	background: url(/img/view-events-button.gif) no-repeat;
	margin: 11px 13px 0 0;
}
.view-calendar {
	display: inline-block;
	width: 67px;
	height: 32px;
	background: url(/img/view-calendar-button.gif) no-repeat;
	text-indent: -9999px;
	margin: 11px 13px 0 0;
}
.return-events {
	width: 260px;
	background: url(/img/return-events.png) no-repeat;
	margin: 11px 13px 0 0;
	float: right;
}
.return-blog {
	width: 250px;
	background: url(/img/return-blog.png) no-repeat;
	margin: 11px 13px 0 0;
	float: right;
}
.return-news {
	width: 256px;
	background: url(/img/return-news.png) no-repeat;
	margin: 11px 13px 0 0;
	float: right;
}
.more-events {
	width: 266px;
	background: url(/img/more-events.png) no-repeat;
	float: right;
}
.more-blog {
	width: 219px;
	background: url(/img/more-blog.gif) no-repeat;
	float: right;
}
.more-news {
	width: 233px;
	background: url(/img/more-news.png) no-repeat;
	float: right;
}
.subscribe {
	width: 120px;
	background: url(/img/subscribe-button.gif) no-repeat;
	margin: 11px 8px 0 0;
}
.rss {
	width: 31px;
	background: url(/img/rss.gif) no-repeat;
	margin: 11px 13px 0 0;
}

.btn {
	display: inline-block;
	height: 32px;
	text-indent: -9999px;
}
.btn:hover {
	background-position: 0 -32px;
}
.event-listing,
.blog-listing {
	border-bottom: 1px solid #d3e5f3;
	padding-bottom: 15px;
	margin-bottom: 15px;
	float: left;
	width: 100%;
}
.event-listing img {
	float: right;
	margin-left: 20px;
}
.event-listing .dates,
.blog-listing .dates {
	margin-top: 0;
}
.comment-count {
	background: #f7f2d9;
	border: 1px solid #e7e2cb;
	color: #c7bb82;
	font-size: 30px;
	text-align: center;
	float: left;
	width: 52px;
	line-height: 17px;
	display: block;
	padding: 10px 6px 4px;
	margin: 0 21px 12px 0;
}
.comment-count:hover {
	color: #c7bb82;
	text-decoration: none;
	border: 1px solid #cec184;
}
.comment-count span {
	font-size: 9px;
	color: #c7bb82;
}
.comment-count:hover span {
	text-decoration: underline;
}
#caption-image-thumbs {
	width: 355px;
	margin: 0 0 20px 0;
}
#caption-image-thumbs a {
	cursor: pointer;
}
#main #caption-image-thumbs li {
	padding: 0;
	float: left;
	margin: 0 0 10px 0;
}
#caption-image-thumbs img {
	display: block;	
}
#caption-image-thumbs .activeSlide img {
	border-color: #ffd401;
}
/*--------------------------------------------------------------
 Flash fallback 
--------------------------------------------------------------*/
.wrappy {
	position: absolute;
	top: 130px;
	left: 240px;
	background: #fff;
	padding: 15px;
	}
.wrappy p {
	float: left;
	padding: 7px 0 0 10px;
	}
a#flash-button {
	display: block;
	background:url(/img/get_flash_player.gif) no-repeat;
	width: 112px;
	height: 33px;
	float: left;
	position: relative;
	}
a#flash-button span {
	display: none;
	}

/*--------------------------------------------------------------
 Week Events styles 
--------------------------------------------------------------*/
.event-wrap {
	padding: 0 3px;
}
.event-slot {
	border: 1px solid #007dcd;
	background: #2d94d6;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 9px;
	color: #fff;
	margin: 5px 0;
	height: 85px;
	overflow: hidden;
	padding-bottom: 4px;
	cursor: pointer;
	display: block;
}
.event-slot span {
	background: #34698b;
	border-bottom: 1px solid #007dcd;
	padding: 4px;
	display: block;
	color: #fff;
}
.event-slot:hover {
	text-decoration: none;
	background: #62b5eb;
}
.event-slot em.event-info {
	padding: 4px;
	margin: 0;
	font-size: 9px;
	line-height: 1.5;
	display: block;
}
#calendar thead th.today {
	background: #C3E2F8;
}
#calendar .week tbody td.today {
	background: #ECF4F9;
}
#calendar thead th.active {
	background: #C3E2F8;
}
#calendar .week tbody td.active {
	background: #FFF8DA;
}
/*--------------------------------------------------------------
 Blog Comments styles 
--------------------------------------------------------------*/
#comments {
	margin-bottom: 1em;
}
#comments h2 {
	text-indent: 0;
	width: 100%;
	margin-bottom: 0.5em;
}
.comment {
	border-top: 1px solid #CBE9FF;
	padding: 10px;
}
.comment:nth-child(odd) {
	background: #F1F5F8;
}
.comment p {
	font-size: 11px;
}
.comment cite {
	color: #007DCD;
	margin-bottom: 1em;
	display: block;
	width: 100%;
}
.comment cite span {
	font-weight: bold;
}
/*--------------------------------------------------------------
 Subpage styles 
--------------------------------------------------------------*/
.banner {
	height: 109px;
	padding-bottom: 10px;
	clear: both;
	margin: 0;
	background: #fff url(/img/banner-subpage.jpg) no-repeat;
}
.sub {
	background: #fff url(/img/banner-subpage.jpg) no-repeat;
}
.about-banner {
	background: #fff url(/img/about-banner.jpg) no-repeat;
}
.curriculum-banner {
	background: #fff url(/img/cocurricular-banner.jpg) no-repeat;
}
.cocurricular-banner {
	background: #fff url(/img/pastrol-care-banner.jpg) no-repeat;
}
.pastoral-care-banner {
	background: #fff url(/img/curriculum-banner.jpg) no-repeat;
}
.facilities-banner {
	background: #fff url(/img/facilities-banner.jpg) no-repeat;
}
.community-banner {
	background: #fff url(/img/community-banner.jpg) no-repeat;
}
.enrolments-banner {
	background: #fff url(/img/enrolments-banner.jpg) no-repeat;
}
.employment-banner {
	background: #fff url(/img/employment-banner.jpg) no-repeat;
}
.sport-banner, .sporting-fixtures-banner {
	background: #fff url(/img/facilities2-banner.jpg) no-repeat;
}
#sidebar {
	width: 227px;
	float: left;
	margin-right: 20px;
	background: #f1f5f8;
}
#main {
	width: 719px;
	float: right;
	margin-right: 18px;
    position: relative;
}
#main.fullwidth {
	width: 946px;
	float: left;
	margin: 0 20px;
}

#main .twitter { position: absolute; top: 10px; right: 10px; display: block; height: 32px; width: 32px;
    background: url(/img/twitter.png) no-repeat; text-indent: -9999em;
}

.caption-image {
	margin: 0 0 20px 0;
	border: 2px solid #e4dfc8;
}
.caption-image p {
	padding: 10px 22px;
	margin: 0;
	background: #fff;
}
.book-button {
	background: url(/img/book-button.gif) no-repeat;
	width: 350px;
	height: 78px;
	float: right;
	margin: -10px 0 20px;
}
.book-event {
	background: url(/img/book-event-button.png) no-repeat;
	width: 145px;
	height: 32px;
	display: block;
	text-indent: -9999px;
	margin: 10px 0;
}
.book-event:hover {
	background-position: bottom;
}
.downloads li {
	border-bottom: 1px solid #e3f0f2;
	border-top: 1px solid #fff;
	padding-left: 0;
	background: #fffdf4;
	list-style:none;
}
#main .downloads li {
	background-image:none;
	padding-left:0;
}
.downloads p {
	line-height: 1.2;
	margin: 0;
}
.downloads a {
	background: url(/img/pdf-icon.gif) no-repeat 21px 9px;
	display: block;
	padding: 9px 0 9px 79px;
	min-height: 38px;
}
.downloads strong {
	color: #000;
	font-weight: normal;
}
.downloads a:hover {
	text-decoration: none;
	background-color: #F1F5F8;
}

/*--------------------------------------------------------------
 Subnav styles 
--------------------------------------------------------------*/
.featured {
	background: #cbe9ff;
	margin-bottom: 21px;
	float: left;
	width: 100%;
}
.featured h3 {
	color: #34698b;
	font-size: 16px;
	border-top: 1px solid #f1f9ff;
	border-bottom: 1px solid #b5ddfd;
	padding: 8px 18px;
}
.subnav h3 a {
	color: #34698b;
	padding: 0;
}
.subnav h3 a:hover {
	background: 0;
}
.featured ul,
.subnav ul {
	margin: 0;
}
.featured a,
.subnav a {
	width: 191px;
}
.featured li {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #b5ddfd;
	padding: 0;
}
.featured a {
	display: block;
	padding: 4px 18px;
}
.featured a:hover {
	background: #b7dffd;
}

.subnav {
	background: #eaf2f8;
	float: left;
	width: 100%;
}
.subnav h3 {
	color: #34698b;
	font-size: 16px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #d0e6f6;
	padding: 8px 18px;
}
.subnav li {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #d0e6f6;
	padding: 0;
}
.subnav li li {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #a3d4fb;
	padding: 0;
	background: #b7dffd;
}
.subnav a {
	display: block;
	padding: 4px 18px;
}
.subnav li li.parent > a {
	background: url(/img/subsubnav-arrow.gif) no-repeat 95% 50%;
}
.subnav li.parent > a {
	background: url(/img/subnav-arrow.gif) no-repeat 95% 50%;
}
.subnav li.parent > a:hover {
	background: #cbe9ff url(/img/subnav-arrow-over.gif) no-repeat 95% 50%;
}
.subnav li.current > a {
	background-color: #cbe9ff;
	font-weight: bold;
}
.subnav li.current.parent > a {
	background: #cbe9ff url(/img/subnav-arrow-over.gif) no-repeat 95% 50%;
	font-weight: bold;
}
.subnav a:hover {
	background: #cbe9ff;
	text-decoration: none;
}
/*--------------------------------------------------------------
 Table styles 
--------------------------------------------------------------*/
table {
	width: 100%;
	margin-bottom: 20px;
	clear: both;
}
td {
	color: #34698b;
	padding: 8px 16px;
	border-bottom: 1px solid #d3e5f3;
	border-right: 1px solid #d3e5f3;
	border-top: 1px solid #fff;
	background: #fffdf4;
	text-align: center;
}
thead td {
	background: #f1f5f8 url(/img/th-bg.gif) repeat-x;
}
thead td:first-child {
	background: 0;
	border-bottom: 0;
}
thead td, tr td:first-child {
	font-weight: bold;
}
tbody tr:nth-child(2n) td {
	background: #fbfbfb;
}
tbody td:last-child {
	border-right: 0;
}
/*--------------------------------------------------------------
 Search Results styles 
--------------------------------------------------------------*/
#main #search-results li {
	background: 0;
	padding: 0;
	margin: 1em 0;
}
#search-results cite {
	color: green;
	font-size: 11px;
}
#search-results h3 {
	font-size: 14px;
}
/*--------------------------------------------------------------
 Form styles 
--------------------------------------------------------------*/
.std-form {
	background: #f1f5f8;
	padding: 15px 20px;
	margin: 0 0 40px 0;
}
.std-form label {
	margin: 0 0 0 0;
	display: block;
	float: none;
	color: #34698b;
	font-weight:bold;

}
.std-form .input_text {
	background: #fff;
	border: 1px solid #bedbf1;
	padding: 6px;
	width: 200px;
}
.std-form textarea.input_text{
	width:320px;
}
.std-form fieldset {
	position:relative;
	padding-bottom: 9px;
}
.std-form .input_btn {
	margin:10px 0 0 0;	
	border:none;
	background:url(/img/submit-enquiry.gif) no-repeat;
	width: 165px;
	height:32px;
}
.enquiry {
	background: #fff;
	border: 1px solid #bedbf1;
	padding: 4px;
	width: 300px;
	height:150px;
}
.std-form .float-right {
	width:300px;
	padding-top:5px;
}
.std-form #google-map {
	margin-top:20px;
}
/*--------------------------------------------------------------
 Header styles 
--------------------------------------------------------------*/
#logo {
	margin-top: 13px;
	float: left;
	position: relative;
}
#logo a {
	display: block;
	width: 288px;
	height: 90px;
	background: url(/img/mentone-grammer.png) no-repeat;
	text-indent: -9999px;
}
#headerlinks {
	float: right;
	margin: 0;
	padding: 0;
}
#headerlinks li {
	float: left;
	padding: 0 0 0 32px;
}
#headerlinks a {
	color: #aad1eb;
	text-decoration: none;
	padding: 4px 0 4px 25px;
}
#headerlinks a:hover {
	text-decoration: underline;
}
.online a {
	background: url(/img/icon-online.gif) no-repeat;
}
.old-mentone a {
	background: url(/img/icon-old.gif) no-repeat;
}
.contact a {
	background: url(/img/icon-contact.gif) no-repeat;
}
.online a:hover, .old-mentone a:hover,
.contact a:hover {
	background-position: 0 -22px;
}
#headerlinks .facebook, #headerlinks .twitter,
#headerlinks .facebook a, #headerlinks .twitter a { padding: 0; width: 20px; height: 16px; }
#headerlinks .facebook a { background-image: url(/img/facebook_16.png); height: 16px width: 16px }
#headerlinks .twitter a { background-image: url(/img/twitter_16.png); height: 16px width: 16px }
.facebook a {
    background: url(/img/facebook.png) no-repeat;
    height: 32px; width: 32px; display: block;
    text-indent: -9999em; position: relative; float: left;
}
.twitter a {
    background: url(/img/twitter.png) no-repeat;
    height: 32px; width: 32px; display: block;
    text-indent: -9999em; position: relative; float: left;
    right: -8px;
}

#headersearch {
	float: right;
	margin-top: 22px;
	width: 372px;
}
#headersearch	fieldset {
	padding: 0;
}
#headersearch	label {
	display: none;
}
#search-field {
	width: 312px;
	padding: 9px 11px 9px;
	background: url(/img/search-bg.gif) repeat-y 0 0;
	float: left;
	border: 0;
	font-family: Verdana, Helvetica, sans-serif;
	color: #10183f;
}
#search-button {
	float: left;
}
/*--------------------------------------------------------------
 Nav styles 
--------------------------------------------------------------*/
#nav {
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	z-index: 5;
	cursor: pointer;
}
#nav li {
	float: left;
	padding: 0;
}
#nav a {
	display: block;
	height: 39px;
	text-indent: -9999px;
}
#nav li.current a {
	background-position: 0 -78px;
}
#nav li.sfHover > a {
	background-position: 0 -117px;
}
#nav > li.sfHover > a.sf-with-ul {
	background-position: 0 -39px;
}
#nav-about a {
	background: url(/img/nav/about.gif) no-repeat;
	width: 114px;
}
#nav-curriculum a {
	background: url(/img/nav/curriculum.gif) no-repeat;
	width: 123px;
}
#nav-cocurricular a {
	background: url(/img/nav/cocurricular.gif) no-repeat;
	width: 137px;
}
#nav-pastoral-care a {
	background: url(/img/nav/pastoral.gif) no-repeat;
	width: 141px;
}
#nav-facilities a {
	background: url(/img/nav/facilities.gif) no-repeat;
	width: 100px;
}
#nav-community a {
	background: url(/img/nav/community.gif) no-repeat;
	width: 121px;
}
#nav-enrolments a {
	background: url(/img/nav/enrolments.gif) no-repeat;
	width: 125px;
}
#nav-employment a {
	background: url(/img/nav/employment.gif) no-repeat;
	width: 129px;	
}
/*--------------------------------------------------------------
 Dropdown styles 
--------------------------------------------------------------*/

#nav li ul {
	position: absolute;
	padding: 13px 0 0;
}
#nav li li span {
	color: #007DCD;
	display: block;
	width: 186px;
	cursor: pointer;
}
#nav-about ul {
	background: url(/img/about-dropdown-bg.png) no-repeat;
}
#nav-about ul li {
	margin-left: 9px;
	padding: 0 3px 0 6px;
}
#nav-curriculum ul li {
	margin-left: 3px;
	padding: 0 3px 0 6px;
}
#nav-curriculum ul {
	background: url(/img/curriculum-dropdown-bg.png) no-repeat;
}
#nav-cocurricular ul li {
	margin-left: 3px;
	padding: 0 3px 0 6px;
}
#nav-cocurricular ul {
	background: url(/img/cocurricular-dropdown-bg.png) no-repeat;
}
#nav-pastoral-care ul li {
	margin-left: 3px;
	padding: 0 3px 0 6px;
}
#nav-pastoral-care ul {
	background: url(/img/pastrol-dropdown-bg.png) no-repeat;
}
#nav-facilities ul li {
	margin-left: 2px;
	padding: 0 3px 0 6px;
}
#nav-facilities ul {
	background: url(/img/facilities-dropdown-bg.png) no-repeat;
}
#nav-community ul li {
	margin-left: 2px;
	padding: 0 3px 0 6px;
}
#nav-community ul {
	background: url(/img/community-dropdown-bg.png) no-repeat;
}
#nav-enrolments ul li {
	margin-left: 2px;
	padding: 0 3px 0 6px;
}
#nav-enrolments ul {
	background: url(/img/enrolments-dropdown-bg.png) no-repeat;
}
#nav-employment ul li {
	margin-left: 2px;
	padding: 0 3px 0 6px;
}
#nav-employment ul {
	background: url(/img/employment-dropdown-bg.png) no-repeat;
}


#nav ul li li {
	margin-left: 2px;
}
#nav li li {
	background: url(/img/dropdown-bg.png) repeat-y;	
	clear: both;
	position: relative;
}
#nav li.parent {
	position: relative;
}
#nav li li a {
	background: 0;
	text-indent: 0;
	width: 186px;
	height: auto;
	padding: 3px 11px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ddebf6;
	color: #007dcd;
}
#nav li li a.sf-with-ul span {
	background: url(/img/parent-arrow.gif) no-repeat 100% 50%;
}
#nav li li.hover a.sf-with-ul span {
	background: url(/img/parent-arrow.gif) no-repeat 100% 50%;
}
#nav li li a:hover,
#nav li li.hover > a {
	background: #f0e6b0 url(/img/dropdown-over.png) repeat-x;
	border-bottom: 1px solid #d6d9ad;
	color: #007dcd;
}
#nav .drop-bottom {
	height: 12px;
	background: url(/img/dropdown-bottom.png) no-repeat;
	width: 212px;
}
#nav li li ul {
	left: 210px;
	top: -7px;
	background: url(/img/dropdown-subtop.png) no-repeat;
}
#nav li.righty li ul {
	left: -213px;
}
/*--------------------------------------------------------------
 Gallery styles 
--------------------------------------------------------------*/
#main #gallery li {
	background: 0;
	padding: 0;
	float: left;
	width: 109px;
	height: 165px;
	margin: 0 10px 10px 0;
	overflow: hidden;
}
#main #gallery.detail li {
	height: auto;
}
#gallery h3 {
	margin: 0.5em 0;
	font-size: 12px;
}
#gallery a:hover img {
	border-color: #FFD401;
}
#gallery p {
	line-height: normal;
}
/*--------------------------------------------------------------
 Calendar styles 
--------------------------------------------------------------*/
#datepicker {
	margin-bottom: 20px;
}
#calendar table.month,
#calendar table.week {
	border-left: 1px solid #d7e9f6;
	border-bottom: 1px solid #d7e9f6;
	margin: 0;
}
#calendar thead th {
	line-height: 26px;
	color: #34698b;
	text-align: center;
	background: url(/img/calendar-label-bg.gif) repeat-x;
	border-top: 0;
}
#calendar tbody td {
	height: 101px;
	padding: 0;
	font-weight: normal;
	text-align: left;
	background: #fff;
	border-top: 1px solid #d7e9f6;
	border-right: 1px solid #d7e9f6;
	border-bottom: 0;
	vertical-align: top;
}
#calendar strong {
	font-weight: bold;
}
#calendar table h3 {
	text-align: right;
	font-size: 12px;
	color: #5e5e5e;
	line-height: 19px;
	background: #ecf4f9;
	padding-right: 8px;
	margin-bottom: 7px;
}
#calendar .past h3 {
	color: #a2a2a2;
	background: #f6f6f6;
}
#main #calendar li {
	font-size: 9px;
	color: #007dcd;
	padding: 0 5px;
	position: relative;
	background: 0;
	margin: 0 0 2px;
}
#main #calendar li span.wrapper {
	display: block;
	padding: 4px;
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #007DCD;
	background: #2D94D6;
	cursor: pointer;
}
#main #calendar li span.wrapper:hover {
	background: #62B5EB;
	text-decoration: none;
}
#main #calendar li span.wrapper a {
	color: #fff;
}
#main #calendar li span.wrapper a:hover {
	text-decoration: none;
}
#calendar li strong {
	font-weight: bold;
}
#calendar-head {
	background: url(/img/calendar-head-bg.gif) repeat-x;
	border: 1px solid #d9d9d9;
	padding: 12px 12px 8px;
}
#calendar-head h3 {
	float: left;
	line-height: 28px;
	color: #34698B;
	padding: 0 10px;
	font-weight: bold;
	font-size: 14px;
	width: 280px;
	text-align: center;
}
.arrows {
	margin-right: 10px;
}
.arrows a {
	display: block;
	width: 42px;
	height: 30px;
	float: left;
	text-indent: -9999px;
}
.arrow-left {
	background: url(/img/left-arrow.gif) no-repeat;
}
.arrow-right {
	background: url(/img/right-arrow.gif) no-repeat;
}
.arrows a:hover {
	background-position: 0 -30px;
}
.revert-today {
	display: block;
	float: left;
	width: 71px;
	height: 30px;
	background: url(/img/today-button.gif) no-repeat;
	margin-left: 10px;
	cursor: default;
	text-indent: -9999px;
}
.revert-today.not-today {
	background-position: 0 -30px;
	cursor: pointer;
}
.revert-today.not-today:hover {
	background-position: 0 -60px;
}
#calendar .ui-datepicker-trigger {
	border: 0;
	display: block;
	float: left;
	cursor: pointer;
}
#calendar .datepicker {
	padding: 5px 3px 3px;
	float: left;
	margin: 0 10px;
	background: 0;
	border: 0;
	color: #000;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	width: 120px;
}
#select-month,
#select-year {
	margin-left: 10px;
	float: left;
}
.views {
	float: right;
}
.views a {
	display: block;
	width: 107px;
	height: 30px;
	float: left;
	background-position: 0 -30px;
	text-indent: -9999px;
}
.views a.selected {
	background-position: 0 0;
}
.month-view {
	background: url(/img/month-view.gif) no-repeat;
}
.week-view {
	background: url(/img/week-view.gif) no-repeat;
}
#calendar .today {
	background: #ECF4F9;
}
#calendar .today h3 {
	background: #c3e2f8;
}
#calendar .active {
	background: #fff8da;
}
#calendar .active h3 {
	background: #c3e2f8;
}
.bubble {
	width: 359px;
	position: absolute;
	z-index: 100;
	font-size: 11px;
	color: #000;
}
.event-wrap .bubble {
	bottom: 75px;
}
.righty .bubble {
	left: -322px;
}
.righty .bubble .bubble-bottom {
	background: url(/img/bubble-bottom-right.png) no-repeat;
}
.bubble-top {
	height: 8px;
	background: url(/img/bubble-top.png) no-repeat;
	overflow: hidden;
}
.bubble-bottom {
	height: 47px;
	background: url(/img/bubble-bottom.png) no-repeat;
	overflow: hidden;
}
.bubble-main {
	background: url(/img/bubble-main.png) repeat-y;
	padding: 10px 19px;
}
.bubble-close {
	display: block;
	position: absolute;
	top: 7px;
	right: 10px;
	width: 22px;
	height: 24px;
	background: url(/img/bubble-close.png) no-repeat;
}
.bubble-close:hover {
	background-position: 0 -24px;
}
.bubble .dates {
	line-height: 20px;
}
#calendar .week tbody td {
	min-height: 500px;
	height: 500px;
}
#calendar .week tbody td.time {
	background: #ecf4f9;
	font-size: 9px;
	color: #5e5e5e;
	text-align: left;
}
#calendar .week tbody tr:nth-child(even) td {
	border-top-style: dashed;
}
#calendar .week tbody tr:nth-child(even) td.time {
	border-top: 0;
}
table.week-header {
	padding: 0;
	margin: 0;
	width: 100%;
	background: url(/img/calendar-label-bg.gif) repeat-x;
}
table.week-header tbody { display: none; }
/*--------------------------
	Message Styles
---------------------------*/
ul#messages {
	margin: 0 0 15px 0;
	list-style: none;
	}
ul#messages li {
	padding: 8px 10px 8px 35px;
	margin-bottom: 10px;
	cursor: pointer;
	}
#messages .success {
	border-bottom: 1px solid #446423;
	color: #3D6611;
	font-weight: bold;
	background: #EFF5EA url(/img/admin/success-icon.gif) no-repeat 13px 9px;
	}
#messages .error {
	border-bottom: 1px solid #f16048;
	color: #df280a;
	font-weight: bold;
	background: #faebe7 url(/img/admin/error-icon.gif) no-repeat 13px 9px;
	}
#messages .close {
	display: block;
	width: 14px;
	height: 14px;
	background: url(/img/admin/message-close.png) no-repeat;
	float: right;
	cursor: pointer;
	margin-top: 2px;
}
/*--------------------------------------------------------------
 Term Dates styles 
--------------------------------------------------------------*/
.term-dates {
	float: left;
	width: 359px;
	margin: 0;
}
.term-dates li {
	padding: 0 0 0 15px;
}
#content .term-dates li.head {
	color: #34698b;
	font-weight: bold;
	background: #fffdf4;
	border-bottom: 1px solid #e3f0f2;
	padding-top: 10px;
	padding-bottom: 10px;
}
.term-dates li {
	color: #007dcd;
	padding-top: 3px;
	padding-bottom: 3px;
}
.grey li {
	color: #8c8c8c;
}
.term-dates li:nth-child(odd) {
	background: #f5fafb;
}
/*--------------------------------------------------------------
 Footer styles 
--------------------------------------------------------------*/
#footer {
	background: #dee8ef url(/img/mentone-watermark.jpg) no-repeat 116% -28px;
	margin: 0 1px 10px 3px;
	padding: 18px 18px 12px;
	height: 76px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}
#footer p {
	color: #8c8c8c;
	font-size: 11px;
	float: left;
	border-left: 1px solid #c1d3e0;
	padding-left: 21px;
	margin-left: 35px;
	height: 66px;
}
#footer p.first {
	margin: 0;
	border: 0;
}
#footer p.last {
	padding: 0;
	margin: 0;
	border: 0;
	float: right;
	height: auto;
}
#alaress {
	float: right;
	clear: right;
	margin-top: 40px;
}
#alaress a {
	display: block;
	width: 18px;
	height: 19px;
	background: url(/img/alaress-web-developers.gif) no-repeat;
	text-indent: -9999px;
	
}
#alaress a:hover {
	background-position: 0 -19px;
}
#footer-btn {
	display:block;
	float:left;
	background:url(/img/footer-home-btn.gif) no-repeat;
	width:53px;
	height:63px;
}
#footer-btn:hover {
	background-position:bottom;
}
/*--------------------------------------------------------------
 Pagination styles 
--------------------------------------------------------------*/
.Pages {
	margin-bottom:20px;
	margin-top:20px;
	text-align:center;
}
.Paginator {
	font-size:12px;
	line-height:22px;
	margin-left:auto;
	margin-right:auto;
	padding-top:6px;
}
.Paginator .AtStart {
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #EEEEEE;
	color:#BBBBBB;
	margin-right:20px;
	padding:2px 6px;
}
.Paginator .this-page {
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #EEEEEE;
	color:#007DCD;
	font-weight:bold;
	padding:2px 6px;
	vertical-align:top;
}
.Paginator a, .pageList .this-page {
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #EEEEEE;
	padding:2px 6px;
	text-decoration:none;
}
.Paginator a:hover {
	background: #DEE8EF;
	text-decoration:none;
}
.Paginator a.current {
	background: #007DCD;
	color: #fff;
}
.Paginator .Next {
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #EEEEEE;
	padding:2px 6px;
}
/*--------------------------------------------------------------
 Misc styles 
--------------------------------------------------------------*/
#tourForm {
	width: 450px;
	padding: 25px;
	background: #F1F5F8 url(/img/login-bg.jpg) no-repeat 100% 0;
	border: 1px solid #D3E5F3;
	float: left;
}
#tourForm fieldset {
	border-bottom: 1px solid #D3E5F3;
	padding-bottom:6px;
	margin-bottom: 11px;
}
#tourForm fieldset fieldset {
	border-top: 1px solid #D3E5F3;
	border-bottom: 0;
	padding:17px 0 0 0;
}
#tourForm label {
	line-height: 16px;
}
#tourForm input,
#tourForm select {
	margin-top: 5px;
	border: 1px solid #D3E5F3;
}
#tourForm input.checkbox {
	margin: 0 10px 0 0;
	vertical-align: top;
	line-height: 16px;
	border: 0;
	width: auto;
}
#tourInfo {
	float: left;
	width: 400px;
	margin-left: 19px;
}
#tourInfo h2 {
	padding-left: 0;
}
#tourInfo h3 {
	margin-bottom: 0.5em;
}
#tourInfo .subs span {
	float: left;
	width: 350px;
	line-height: 18px;
	display: block;
}
#tourForm input[type="image"] {
	border: 0;
	float: right;
}
#tourForm input[type="radio"] {
	border: 0;
}
.child-num div {
	clear: both;
}
.float-fix {
	overflow: hidden;
	clear: both;
	height: 0;
	font-size: 0;
}
.float-right {
	float: right;
	margin-left: 40px;
	width: 345px;
}
.divider {
	border-bottom: 1px solid #d3e5f3;
	height: 0;
	margin: 8px 0;
}
.no-marg {
	margin: 0;
}
.marg {
	margin-right: 13px;
}
.dates.no-top-marg {
	margin-top: 0;
}
#google-map {
	width:100%;
	height:300px;
	margin-bottom: 20px;
}
#mentone1, #mentone2, #mentone3, #mentone4 {
	margin-bottom:30px;
}
.newuser {
	display:block;
	width:105px;
	height:32px;
	background:url(/img/newuser.gif) no-repeat;
	margin-right:10px;
	float: left;
}
.moreinfo {
	display:block;
	width:111px;
	height:32px;
	background:url(/img/moreinfo.gif) no-repeat;
	float: left;
}
#loginForm {
	margin:10px 0 0 0;
	padding:0px;
	background:0;
}
#loginForm fieldset {
	margin:0 0 10px 0;
	padding:0;
}
#loginForm input btn {
	margin:10px 0;
}
#loginForm label {
	margin-bottom:0px;
	padding:0px;
}
#loginForm .input_text {
	width:220px;
}
#old-login {
	padding:20px;
	border:1px solid #D3E5F3;
	background:url(/img/login-bg.jpg) no-repeat top right #F1F5F8;
	margin-bottom:20px;
}
.line {
	width:100%;
	height:1px;
	border-top:1px solid #D3E5F3;
	margin-bottom:15px;
}
#old-login h3 {
	margin:0;
	padding:0;
}
h1.seo {
	font-size:11px; 
	color:#37647F;
	margin-bottom: 10px;
	float:right;
}

.preview {
    border:1px dashed #007dcd;
    width: 110px;
    padding: 5px;
    background-color: #5686a4;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999;
}

.preview p {
    color: #fff;
    margin: 0px;
    padding: 0px;
}