/* @override http://epicenterone.com/~opendoor/css/all.css */

/*
 *  Open Doors
 *  Site by New Media Campaigns
 */

/* Eric Meyer's Reset styles */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}


/* Begin text */

body {
	font-size: 75%;  /* Reset base size to 10px */
	line-height: 1.5em;
	color: #323232;
	}

body, input, textarea, select, label {
	font-family: Tahoma, Helvetica, Arial, Geneva, sans-serif;
	}
	
code {
	font-family: Consolas, "Courier New", Courier, mono;
	}
	
p {
    padding-bottom: 1.5em;
	}
	
a:link, a:visited {
    color: #cd3333;
    text-decoration: none;
	}	
a:focus, a:hover, a:active {
    color: #cd3333;
    text-decoration: underline;
	}

h1 {
    font-size: 2.5em;
    line-height: 1em;
    padding-bottom: 0.5em;
    color: #429e4d;
    padding-left: 20px;
	text-indent: 40px;
	text-shadow: 0 0 5px #ffeba6;
	}
	
h2 {
    font-size: 1.33em;
    line-height: 1.5em;
    color: #22677b;
	}
	
h3 {
    font-size: 1.167em;
    color: #22677b;
	}
	
h4 {
    font-size: 1em;
    color: #22677b;
	}

blockquote {
	padding: 0 2em 1.5em;
	}
blockquote p {
	padding: 0;
	}
blockquote cite {
	float: right;
	font-style: normal;
	font-weight: bold;
	}
	
label {
	font-size: 1em;
	}

input, textarea {
	background: #fff url(../images/input-bg.png) repeat-x;
	border: 1px solid #2e7336;
	font-size: 1em;
	line-height: 1.5em;
	}

img {
	-ms-interpolation-mode: bicubic;  /* Fixes IE6 scaling ugliness */
	}

/* End text */ 


/* Begin page styles */

html {
	background: #f6f6f6 url(../images/page-bg.png) repeat-y 50% 0;
	}

body {
	background: url(../images/body-bg1.jpg) no-repeat 50% 0;
	}
	
#wrapper {
	width: 930px;
	margin: 0 auto;
	}
#wrapper:after {
/* auto clear the section */
    content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
#wrapper {display: inline-table;}
/* Hide from IE Mac \*/
* html #wrapper {height: 1%;}
#wrapper {display: block;}
/* End hide from IE Mac */

/* End page */


/* Begin header styles */

#header {
    position: relative;
    width: 100%;
    height: 235px;
    background: url(../images/header-bg.png) no-repeat 0 bottom;
z-index: 2;
    }

#skip {
	height: 0;
	width: 0;
	position: absolute;
	left: -9999px;
	}

#logo a {
	display: block;
    position: absolute;
    left: 310px;
    width: 117px;
    height: 107px;
    background: url(../images/title.png) no-repeat;
    text-indent: -9999px;
	}

#news {
	position: absolute;
	display: block;
	width: 185px;
	height: 94px;
	left: 559px;
	top: 61px;
	background: url(../images/nav-news1.png) no-repeat;
	text-indent: -9999px;
	}

#store {
	position: absolute;
	display: block;
	width: 185px;
	height: 94px;
	left: 744px;
	top: 82px;
	background: url(../images/nav-store.png) no-repeat;
	text-indent: -9999px;
	}

#nav {
	position: absolute;
	left: 260px;
	top: 175px;
	}
#nav li {
	float: left;
	position: relative;
	}
#nav li a {
	display: block;
	height: 29px;
	background: url(../images/nav-sprites.png) no-repeat;
	text-indent: -9999px;
	}
#nav li#nav1 a { width: 89px; background-position: 0 0; }
#nav li#nav1 a:focus, #nav li#nav1 a:hover { background-position: 0 -29px; }
#nav li#nav2 a { width: 125px; background-position: -89px 0; }
#nav li#nav2 a:focus, #nav li#nav2 a:hover { background-position: -89px -29px; }
#nav li#nav3 a { width: 108px; background-position: -214px 0; }
#nav li#nav3 a:focus, #nav li#nav3 a:hover { background-position: -214px -29px; }
#nav li#nav4 a { width: 141px; background-position: -322px 0; }
#nav li#nav4 a:focus, #nav li#nav4 a:hover { background-position: -322px -29px; }
#nav li#nav5 a { width: 113px; background-position: -463px 0; }
#nav li#nav5 a:focus, #nav li#nav5 a:hover { background-position: -463px -29px; }
#nav li#nav6 a { width: 54px; background-position: -576px 0; }
#nav li#nav6 a:focus, #nav li#nav6 a:hover { background-position: -576px -29px; }

#nav ul{
	position: absolute;
	left: 0;
	top: 29px;
	width: 150px;
}
	#nav ul li a{
		background: #CCC;
		height: auto;
		padding: 5px 10px;
		
		color: #333;
		text-decoration: none;
		text-indent: 0;
	}
	#nav ul li a:hover{ background: #EEE; }

/* End header */


/* Begin body styles */

#content {
    position: relative;
	background: url(../images/content-bg.png) repeat-y 0 50%;
	padding: 0 15px;
	overflow: hidden;
	z-index: 1;
	}
#pageCurl {
	position: absolute;
	left: 15px;
	top: 0;
	z-index: 500;
	}	
#body {
	float: left;
	width: 590px;
	padding: 30px 20px 3em;
	}
#body ul {
	list-style-type: disc;
	list-style-position: outside;
	padding: 0 0 0.75em 1.5em;
	}
#body ol {
	list-style-type: decimal;
	list-style-position: outside;
	padding: 0 0 0.75em 1.5em;
	}
#body li {
    padding-bottom: 0.75em;
	}
#body #sectionList, #body #galleryList {
    list-style-type: none;
    padding-left: 0;
    }
#galleryList{ overflow: hidden; }
#galleryList li{
	background: #EEE;
	float: left;
	height: 80px;
	margin: 0 20px 20px 0;
	overflow: hidden;
	padding: 0;
	width: 120px;
	text-align: center;
}
#galleryList li img{ vertical-align: middle; }

#pagination-links{ margin: 0; list-style: none; }
#pagination-links li{ float: left; }
#pagination-links li a{ display: block; padding: 0 6px; line-height: 24px; font-size: 12px; }
#pagination-links li a.current{ margin: 0 3px; font-weight: bold; }

#recurlist { margin: 0; padding: 0; }
#recurlist ul { margin: 0; padding: 0 0 0 30px; }
#recurlist li { margin: 0; padding: 0; }
#recurlist .section  { font-size: 14px; font-weight: bold; }

	
/* End body */


/* Begin Sidebar */

#sidebar {
	float: right;
	width: 260px;
	}

#testimonial {
	width: 275px;
	padding-bottom: 15px;
	margin-bottom: 5px;
	margin-right: -15px;
	background: url(../images/sidebar-quote-bottom.png) no-repeat 0 bottom;
	}
#testimonial blockquote {
	overflow: hidden;
	padding: 15px 35px 0 15px;
	background: url(../images/sidebar-quote-top.png) no-repeat 0 0;
	}
#testimonial blockquote cite {
	color: #2880b1;
	}

#login {
	padding: 0 15px 15px;
	background: #4fb75b;
	color: #fff;
	}
#login h3 {
	height: 25px;
	margin: 0 -15px 15px;
	background: url(../images/sidebar-login-top.png) no-repeat;
	text-indent: -9999px;
	}
#login label {
	float: left;
	clear: left;
	width: 55px;
	margin-right: 5px;
	padding-top: 4px;
	text-align: right;
	}
#login .submit {
    clear: left;
	margin: 5px 0 0 62px;
	}

#latest {
	padding: 0 15px 15px;
	background: #89afba;
	margin-bottom: 10px;
	color: #fff;
	border-bottom: 1px solid #22677b;
	}
#latest h3 a {
    display: block;
	height: 25px;
	margin: 0 -15px;
	background: url(../images/sidebar-latest-top.png) no-repeat;
	text-indent: -9999px;
	}
#latest a {
	color: #22677b;
	}
#latest .news li {
	padding-top: 1.5em;
	border-top: 1px solid #699dab;
	}
#latest .news li:first-child {
	border: none;
	}

/* End Sidebar */


/* Begin footer styles */

#footer {
    height: 40px;
    padding: 20px 35px 40px;
    background: url(../images/footer-bg.png) no-repeat 0 0;
    font-size: 0.833em;
    line-height: 1.8em;
	}
#footer p {
	padding: 0;
	}
	
#footer #copyright {
	float: left;
	}
#footer #footerNav {
	float: right;
	margin-right: 45px;
	}
#footer #footerNav li {
	display: inline;
	padding: 0 5px;
	}
	
/* End footer */


/* Begin Homepage */

#homepage {
	float: left;
	width: 630px;
	height: 501px;
	background: url(../images/home-arrow.png) no-repeat 0 286px;
	}

#slideshow {
    position: relative;
	width: 628px;
	height: 280px;
	border: 3px solid #000;
	background: #000;
	border-left: 0px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	z-index: 0;
	}
.galleria{position:absolute;top:8px;right:8px;width:74px;margin:0 !important;list-style-type:none;}
.galleria li{display:block;width:70px;height:50px;padding:0;overflow:hidden;margin:0 0 8px;border:2px solid #000;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.galleria li.active{border-color:#fff;}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto;}
.galleria_container{position:relative;}
.galleria_container img{display:block;}
.galleria_container .caption{
    display:block;
    position:absolute;
    bottom:0;
    margin:0 10px;
    padding:10px;
    color:#fff;
    font-size:1.1em;
    background:#000;
    background:rgba(0,0,0,0.5);
    border:1px solid #333;
    border-bottom: 0px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-topleft: 8px;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	}
.galleria_container .caption h4{color:#fff;}
.galleria_container .caption p{padding: 0;}

#audiences {
	position: relative;
	top: -8px;
	}
#audiences .parents a {
	display: block;
	position: absolute;
	width: 110px;
	height: 105px;
	top: 11px;
	left: 28px;
	background: url(../images/portal-parents.jpg) no-repeat;
	text-indent: -9999px;
	}
#audiences .staff a {
	display: block;
	position: absolute;
	width: 100px;
	height: 88px;
	top: 116px;
	left: 38px;
	background: url(../images/portal-staff.jpg) no-repeat;
	text-indent: -9999px;
	}
#audiences .students a {
	display: block;
	position: absolute;
	width: 158px;
	height: 185px;
	top: 0;
	left: 138px;
	background: url(../images/portal-students.png) no-repeat;
	text-indent: -9999px;
	}

#enroll {
    position: absolute;
    width: 272px;
    height: 94px;
    top: 300px;
    left: 318px;
    padding: 35px 15px 15px;
    background: url(../images/enroll.png) no-repeat;
    font-size: 0.92em;
    }
#enroll h3 a {display:block;margin:-32px 0 0 0;width:200px;height:47px; text-indent: -9999px; }

#portal a {
    display: block;
    position: absolute;
    width: 140px;
    height: 40px;
    top: 446px;
    left: 505px;
    background: url(../images/portal.png) no-repeat;
    text-indent: -9999px;
    }

/* End Homepage */


/* Inline calendars */

#calendar-header{ margin: 0 0 18px 0; }

.inline-calendar table, #calendar{
	border-left: 1px solid #CCC;
	width: 100%;
}
	.inline-calendar table thead th, #calendar thead th{
		background: #CCC;
		border-right: 1px solid #CCC;
		color: #000;
	}
	.inline-calendar table tbody td, #calendar tbody td{
		border-bottom: 1px solid #CCC;
		border-right: 1px solid #CCC;
		height: 75px;
		width: 14.28%;
	}
		.inline-calendar table tbody td .date, #calendar tbody td .date{
			color: #666;
			font-size: 10px;
			padding: 0 4px;
		}
		.inline-calendar table tbody td .event, #calendar tbody td .event{
			margin: 0 4px;
			
			font-size: 10px;
			line-height: 12px;
		}

/* Begin Fancybox */

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 30;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('../images/fancybox/fancy_progress.png') no-repeat;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 20px 20px 40px 20px;
    margin: 0;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('../images/fancybox/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url("data:image/gif;base64,AAAA");
	outline: none;
	overflow: hidden;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('../images/fancybox/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('../images/fancybox/fancy_right.png') no-repeat;
}

a#fancy_left:hover, a#fancy_right:hover {
	visibility: visible;
	background-color: transparent;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

#fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div#fancy_bg_n {
	top: -20px;
	width: 100%;
	height: 20px;
	background: transparent url('../images/fancybox/fancy_shadow_n.png') repeat-x;
}

div#fancy_bg_ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/fancybox/fancy_shadow_ne.png') no-repeat;
}

div#fancy_bg_e {
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('../images/fancybox/fancy_shadow_e.png') repeat-y;
}

div#fancy_bg_se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/fancybox/fancy_shadow_se.png') no-repeat;
}

div#fancy_bg_s {
	bottom: -20px;
	width: 100%;
	height: 20px;
	background: transparent url('../images/fancybox/fancy_shadow_s.png') repeat-x;
}

div#fancy_bg_sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/fancybox/fancy_shadow_sw.png') no-repeat;
}

div#fancy_bg_w {
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('../images/fancybox/fancy_shadow_w.png') repeat-y;
}

div#fancy_bg_nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/fancybox/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
	white-space: nowrap;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url('../images/fancybox/fancy_title_left.png') repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url('../images/fancybox/fancy_title_main.png') repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url('../images/fancybox/fancy_title_right.png') repeat-x;
}