/*********************************************
	STYLES FOR BROWSER
	1. Developer, this is the individual 
	   css file for a web browser
	2. Please keep your code CLEAN. 
	3. Bring over ANY custom tags. 
	4. Make SURE to test the "Big 5" Browsers:
		-- IE7, IE8 - A MUST! 
		-- Firefox
		-- Chrome
		-- Safari
		-- Opera
*********************************************/
html, body{
	margin:0;
	padding:0;
	background-color:#CDE2E6;
	background-image:url(/images/bg-blue.jpg);
	}

body {
	font: 12px arial, helvetica, Verdana, Geneva, sans-serif;
	line-height:normal;
	color: black;
	}

		
a {
	color:#574217;
	text-decoration: none;
	}
	
	a:hover{
	text-decoration: underline;
	}

.wrapper {
	width: 1050px;
	margin:0 auto;
	}


.header { 
	height: 475px;
	background-image:url(/images/bg-header.png);
	background-repeat:no-repeat;
	z-index: 10;
	position: relative;
	}
.header-photo {
	height:525px;
	width:1050px;
	top:-390px;
	background-image:url(/images/photo-home.png);
	background-repeat:no-repeat;
	z-index: 1000;
	position:absolute;
	}

.header-photo::after {
	position: absolute;
	width: 252px;
	content: url(/images/photo-home-classroom.png);
	z-index: 1100;
	height: 201px;
	visibility: visible;
	bottom: 0;
	}

h1 {
	background-repeat: no-repeat;
	height: 35px; 
	display: block;
	text-indent:-9999px;
	}

h2 {
	font-size:18px;
	font-weight:bold;
	}

.breadcrumbs {
	text-align:right;
	color: #000;
	margin: 0 0 0 10px;
	}

.nav-bg {
	height: 210px;
	background-image:url(/images/bg-navbar.png);
	background-repeat:no-repeat;
	background-position:bottom;
	z-index: 10;
	position: relative;
	}


.content {
	background-image:url(/images/bg-content.png);
	background-repeat:repeat-y;
	position: relative;
	z-index: 10;
}

.inner-content{
	overflow:hidden; /* for equal height columns */
}


.col{
	float:left;
	margin-bottom:-3000px;
	padding-bottom:3000px;
	}
	.col-1 { 
		width: 850px;
		float: left;
		margin-left:100px;
		}

	
.footer { /* Format as you need. */
	width: 1050px;
	padding:10px 0 10px 0;
	background-image:url(/images/bg-footer.png);
	background-repeat:repeat-y;
	}
.footer-top {
	height:40px;
	background-image:url(/images/footer-top.png);
	background-repeat:no-repeat;
	}
.footer-bottom {
	height:120px;
	background-image:url(/images/footer-bottom.png);
	background-repeat:no-repeat;
	}
.footer-01 {
	float:left;
	margin-left:70px;
	width:200px;
	}
.footer-02 {
	float:left;
	margin-left:55px;
	width:130px;
	}
.footer-03 {
	float:left;
	margin-left:55px;
	width:460px;
	}

.pic-right {
	border:10px solid #DFD5B7;
	float:right;
	padding:0;
	margin-left:10px;
	margin-bottom:5px;
	}
	

.table-base {margin:5px auto 10px auto; padding:2px; border:1px solid #332406;}
.table-base td {padding:5px; text-align:right;}
.table-base .lead {text-align:left;}
.table-base .tr00 {color:white; background-color:#AE945D; font-weight:bold;}
.table-base .tr01 {background-color:#E6D7BA;}
.table-base .tr02 {background-color:#E3D3B5;}


#boxes {
	display:none;
	}
.homepage #boxes {
	display:block;
	}
div.js2_galleries_container {
  border: none !important;
}