body{background: url('../images/background.jpg') repeat-x; width:100%; height:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#2f2f2f;  padding:0; margin:0 auto; }
h1,h2,h3,h4,h5,h6,html,p,th,td,ul{margin:0; padding:0;}
h1,h2,h3,h4,h6,p {margin-bottom:10px;}
table,table tr td{border:0;vertical-align:top; border-collapse:collapse;}
ol li{ padding-bottom:5px;}
img{border:0;}
sup,sub{line-height:0;}
p{margin:10px 0 1px 0;}
br {line-height:10px; font-size:10px}
a{font-weight:normal; color:#0088cc; text-decoration:none;}
a:hover{color:#1f4478;}
.center{text-align:center;}
.noWrap,.noWrap *{white-space:nowrap;}
.show{display:block;}
.hide{display:none;}
.scroll{overflow:auto;}
.clear,br {clear:both;}
.indented{padding-left:50px;}
.floatLeft,a.button{float:left;}
.floatRight{float:right;}
.error{padding-top:10px; margin:0 auto; text-align:center;}
.underline{ text-decoration:underline;}


/*** LAYOUT ***/
#back{background: url('../images/background2.jpg') repeat-y; width:1030px; height: auto; padding:0; margin:0 auto;}
#body{width:993px; height: auto; background: #7ea1c3; padding:0; margin:0 auto; border:1px solid #efefef; border-top:0;}
#leftNav{width:180px; min-height:500px; height:auto !important; height:500px; padding:10px; margin:0; float:left;}
#content{width:773px; min-height:500px; height:auto !important; height:500px; background:#fff; padding:10px; margin:0; float:right;} 
#content ul {padding:10px; padding-top:0; list-style-position:inside;}
#content ul li{ padding-bottom:8px; margin-left:15px;  list-style-position:outside;}
#home{width:773px; min-height:500px; height:auto !important; height:500px; padding:10px; margin:0 auto; background:#f6f6f6;}
#home2{width:793px; min-height:520px; height:auto !important; height:520px; padding:0; margin:0 auto; background:#f6f6f6;}
#homeContent{width:973px; min-height:500px; height:auto !important; height:500px; padding:10px; margin:0 auto; background:#fff;} 
#flash{width:993px; min-height:500px; height:auto !important; height:500px; padding:0; margin:0 auto; background:#f6f6f6; } 



/*** HEADER ***/

#header{width:993px; height:150px; padding:0; margin:0 auto; background: url('../images/header.jpg') no-repeat;}
#about{width:993px; height:150px; padding:0; margin:0 auto; background: url('../images/header_about.jpg') no-repeat;}
#health{width:993px; height:150px; padding:0; margin:0 auto; background: url('../images/header_health.jpg') no-repeat;}
#parents{width:993px; height:150px; padding:0; margin:0 auto; background: url('../images/header_parents.jpg') no-repeat;}
#teachers{width:993px; height:150px; padding:0; margin:0 auto; background: url('../images/header_teachers.jpg') no-repeat;}
#eLearning{width:993px; height:150px; padding:0; margin:0 auto; background: url('../images/header_eLearning.jpg') no-repeat;}
#world{width:993px; height:150px; padding:0; margin:0 auto; background: url('../images/header_world.jpg') no-repeat;}
#values{width:993px; height:150px; padding:0; margin:0 auto; background: url('../images/header_values.jpg') no-repeat;}
#environment{width:993px; height:150px; padding:0; margin:0 auto; background: url('../images/header_environment.jpg') no-repeat;}
#selfManagement{width:993px; height:150px; padding:0; margin:0 auto; background: url('../images/header_self_management.jpg') no-repeat;}
#positivity{width:993px; height:150px; padding:0; margin:0 auto; background: url('../images/header_positivity.jpg') no-repeat;}

/*** MENU ***/

/** Top Menu**/
#menu{width:993px; height:100%; padding:0; margin:0 auto; background: #298ebc;}
#menu a{font: bold 14px Calibri; color:#fff;}
#menu a:hover, a.menu_on{color:#fff;}
#subMenu{ color:#fff;  font: bold 12px Calibri; padding:0; margin:0;}
#subMenu a{font: bold 12px Calibri; color:#cee5f4; padding-left:1px; padding-right:7px; margin:0;}
#subMenu a:hover{color:#fff;}
.TabbedPanels {margin: 0; padding: 0; float: left; clear: none; width: 100%; color:#fff; border:0;  background: #298ebc;}
.TabbedPanelsTabGroup {margin: 0; padding: 0;}
.TabbedPanelsTab {position: relative; border:0;	top: 1px; float: left;	padding: 4px 16px;	margin: 0;	background-color: #298ebc;	list-style: none;	border-left: 0;	border-bottom: solid 1px #afc3ca;	border-top: 0;	border-right: solid 1px #afc3ca;	-moz-user-select: none;	-khtml-user-select: none;	cursor: pointer;}
.TabbedPanelsTabHover {background-color: #146a95;}
.TabbedPanelsTabSelected {background-color: #146a95; 	border-bottom: 1px solid #146a95;}
.TabbedPanelsTab a {color: #fff;	text-decoration: none;}
.TabbedPanelsContentGroup {clear: both; border:0; border-top: solid 1px #afc3ca; background-color: #146a95;}
.TabbedPanelsContent {padding: 4px 4px 4px 0;}
.TabbedPanelsContentVisible {}
.VTabbedPanels .TabbedPanelsTabGroup {float: left;	width: 10em;	height: 20em;	background-color: #EEE;	position: relative; border-top: solid 1px #afc3ca;	border-right: solid 1px #afc3ca;	border-left: solid 1px #afc3ca;	border-bottom: solid 1px #afc3ca;}
.VTabbedPanels .TabbedPanelsTab {float: left;	margin: 0px;	border-top: none;	border-left: none;	border-right: none;}
.VTabbedPanels .TabbedPanelsTab ul {float: left;	padding: 5px;	}
.VTabbedPanels .TabbedPanelsTabSelected {background-color: #EEE;	border-bottom: solid 1px #afc3ca;}
.VTabbedPanels .TabbedPanelsContentGroup {clear: none;	float: left;	padding: 0px;	width: 30em;	height: 20em;}
.search{padding:2px; list-style:none; padding-right:10px; float:right; line-height:20px;}
.searchBox{width:120px; font-size:10px; border:1px solid #dedede; background:#E6EEF9;}
.changeSize{padding:2px; list-style:none; padding-left:60px; float:left; line-height:20px;}
.image{padding:0 14px 10px 0; float:left;}

/**Left Menu**/
#leftMenu {
	background: #333;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 12em;
}
#leftMenu li {
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#leftMenu a {
	background: #333;
	border-bottom: 1px solid #393939;
	color: #ccc;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
	font-weight:normal;
}
#leftMenu a:hover {
	background: #2580a2 url("../images/hover.gif") left center no-repeat;
	color: #fff;
	padding-bottom: 8px;
}                    
                    

/** Title **/

h1{font-size:18px; color:#2b769c; padding-top:5px; padding-bottom:5px;}
h2{font-size:16px; color:#456b97; padding-top:20px; padding-bottom:0;}
h3{font-size:14px; color:#000; font-weight:800; padding-top:20px;}
h4{font-size:12px; color:#000; font-weight:800; padding-top:20px;}
h6{font-size:24px; color:#fff; padding-top:5px; padding-bottom:5px;}


/*** FOOTER ***/
#footer{width:993px; font-size:12px; height:100%; color:#76797c; padding-top:10px; margin:0 auto; text-align:center;}
#footer a{ font-size:12px;}
#footer a:hover{color:#1f4478;}