html {
	background:#bbc2c1 url(../images/bg-page.gif) repeat-x;
}
body{
	margin:0;
	font:14px Arial, Helvetica, sans-serif;
	background: url(../images/bg-body.gif) repeat-y 50% 0;
	color:#2a2c30;
}
/* General reset */
img{border:0;}
a{
	color:#2a2c30;
	text-decoration:underline;
}
a:hover{text-decoration:none;}
input,
textarea,
select{
	font:10px arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
form{display:inline;}
.wrapp-inner {
	background:url(../images/bg-body.jpg) no-repeat 50% 0;
	width:100%;
}
#wrapper {
	width:950px;
	margin:0 auto;
}
/*header start*/
#header {
	width:100%;
	overflow:hidden;
	opacity:0.9;
	position:relative;
}
.orange #header  {
	background:#e97717;
}
.blue #header {
	background:#102a3d;
	border-bottom:1px solid #bbc2c1;
}
.red #header {
	background:#350505;
}
.purple #header{
    background:#401212;
}
.grey #header{
    background:#777560;
}
.yellow #header{
    background:#f9b747;
}
.light-blue #header{
    background:#7c98a6;
}
.dark-grey #header{
    background:#37383c;
}
#header h1 {
	padding:15px 0 11px;
	margin:0 0 0 38px;
	float:left;
	display:inline;
}
#header h1 a {
	width:494px;
	height:126px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(../images/logo.png) no-repeat;
	display:block;
}
.topnav {
	list-style:none;
	margin:28px 44px 0 0;
	padding:0;
	overflow:hidden;
	float:right;
	height:1%;
}
.topnav li a.reg {
    color:#fff;
}
.topnav li {
	float:left;
	background: url(../images/separator01.gif) no-repeat 0 3px;
	margin:0 0 0 -1px;
	padding:0 0 0 4px;
}
.topnav li a {
	color:#ccc;
	font-size:12px;
	text-decoration:none;
	margin:0 4px 0 0;
}
.topnav li a:hover {
	color:#fff;
}
.form-holder{
	position:absolute;
	right:40px;
	bottom:22px;
}
.newsletter div {
	background:#fff;
	border:1px solid #999;
	width:211px;
	padding:2px 3px 2px  13px;
	overflow:hidden;
	float:right;
}
input.text {
	color:#666;
	border:0;
	width:190px;
	word-spacing:1px;
	float:left;
}
input.add {
	margin:2px 0 0;
	float:left;
}
/*header end*/
#main {
	width:100%;
	position:relative;
	overflow:hidden;
}
/*sidebar start*/
#sidebar {
color:#FFFFFF;
float:left;
height:461px;
padding:90px 9px 0 23px;
position:relative;
width:157px;
z-index:2;
}
 
.blue #sidebar:after {content:"";display:block;clear:both; }
.red #sidebar, .orange #sidebar, .olive #sidebar, .yellow #sidebar, .grey #sidebar, .dark #sidebar, .light-blue #sidebar, .dark-grey #sidebar{overflow:hidden;}
#sidebar .nav {
	list-style:none;
	margin:0 0 47px;
	padding:0;
	width:100%;
}
#sidebar .nav:after {
	content:"";
	display:block;
	clear:both;
}
#sidebar .nav li {
	position:relative;
	float:left;
}
.nav li a {
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	padding:3px 0 3px 12px;
	font-size:13px;
	position:relative;
	width:139px;
	border-bottom:1px solid #fff;
}
.nav li a.orange:hover {
	background:#E97717;
}
.nav li a.red:hover {
	background:#350505;
}
.nav li a.yellow:hover {
	background:#fbb63d;
}
.nav li a.olive:hover {
	background:#717059;
}
.nav li a.gray:hover {
	background:#7794A6;
}
.nav li a.dark:hover {
	background:#2A2C30;
}
/*-Tabs-*/
.blue #sidebar .nav li:hover a,
.blue #sidebar .nav li.hover a {
	/*width:215px;*/
	margin:-1px -100px 0 0;
	color:#fff;
	background:#E97717;
	border:none;
	padding:4px 0 4px 12px;
}
#sidebar .nav li:hover .link-type,
#sidebar .nav li.hover .link-type{
	background:#E97717;
}
.nav li:hover .drop1,
.nav li.hover .drop1 {
	display:block;
}
.nav li .drop1 {
	position:absolute;
	width:579px;
	background:#e97619;
	opacity:none;
	padding:24px 183px 24px 59px;
	left:227px;
	top:-8px;
	display:none;
}
.nav li.orange .drop1{
	background:#E97717;
}
.nav li.red .drop1{
	top:-31px;
	background:#350505;
}
#sidebar .nav li.red .link-type:hover{
	background:#350505;
}
.nav li.olive .drop1{
	top:-54px;
	background:#717059;
}
#sidebar .nav li.olive .link-type:hover{
	background:#717059;
}
.nav li.yellow .drop1{
	top:-77px;
	background:#FBB63D;
}
#sidebar .nav li.yellow .link-type:hover{
	background:#FBB63D;
}
.nav li.gray .drop1{
	top:-100px;
	background:#7794A6 !important;
}
#sidebar .nav li.gray .link-type:hover{
	background:#7794A6;
}
.nav li.dark .drop1{
	top:-123px;
	background:#2A2C30;
}
#sidebar .nav li.dark .link-type:hover{
	background:#2A2C30;
}
.nav .drop1 p {
	font-size:27px;
	margin:0;
	line-height:34px;
}
/*-End Tabs-*/
.shadow{
	position:absolute;
	width:190px;
	height:551px;
	background:#030c0f;
	opacity:0.65;
	overflow:hidden;
}
.information {
	overflow:hidden;
	width:100%
}
.nav li ul {
    list-style:none;
    margin:0;
    padding:0 0 0 1px;
    overflow:hidden;
    width:151px;
    border-bottom:1px solid #fff;
}
#sidebar .nav li ul li {
	line-height:18px;
	border:0;
}
.nav li ul li:first-child {
	border:0;
}
.nav li ul li a {
	text-transform:none;
	border:0;
}
.nav li.orange ul li a:hover  {
	color:#E97717;
	opacity:none;
}
.nav li.yellow ul li a:hover  {
	color:#FEEDCE;
	opacity:none;
}
.nav li.red ul li a:hover  {
	color:#9A8282;
	opacity:none;
}
.nav li.olive ul li a:hover  {
	color:#DBDBD5;
	opacity:none;
}
.nav li.gray ul li a:hover  {
	color:#BBC9D2;
	opacity:none;
}
.nav li.dark ul li a:hover  {
	color:#CACACB;
	opacity:none;
}
.nav li.dark ul ul{
    padding:0 0 0 10px;
	border-bottom:none;
}
#sidebar strong {
	font-size:11px;
	padding:0 0 0 9px;
	display:block;
	margin:0 0 4px;
}
#sidebar .news-list{
	font-size:11px;
	line-height:12px;
	padding:0 10px 0 14px;
	margin:0;
	list-style:none;
}
.news-list li {
	margin:0 0 9px;
}
.news-list li a {
	display:block;
	color:#fff;
	text-decoration:none;
	vertical-align:middle;
	height:1%;
}
.news-list li a:hover{
	text-decoration:underline;
}
/*sidebar end*/
/*content start*/
#content {
	float:right;
	width:760px;
	overflow:hidden;
}
#content .welcome {
	background:url(../images/bg-welcome.png);
	padding:78px 160px 0 90px;
	height:473px;
	overflow:hidden;
}
.welcome p {
	font-size:26px;
	line-height:43px;
	margin:0 0 40px;
	color:#fff;
	font-weight:bold;
	letter-spacing:-1px;
}
.welcome .twocolumns {
	width:540px;
	overflow:hidden;
	margin:0 -31px 0 0;
	position:relative;
}
.twocolumns .box {
	float:left;
	width:239px;
	margin:0 29px 0 0;
	position:relative;
}
.twocolumns .box img {
	margin:0 0 5px;
	border:1px solid #fff;

}
.twocolumns .box strong {
	color:#fff;
	font-size:11px;
	display:block;
	margin:0 0 3px 3px;
}
.twocolumns .box a {
	text-decoration:none;
	color:#fff;
	font-size:10px;
}
.twocolumns .box a:hover {
	text-decoration:underline;
}
.twocolumns a.img-link {
	display:block;
	width:239px;
	height:155px;
	overflow:hidden;
	cursor:pointer;
	border:1px solid #fff;
}
.twocolumns a.img-link img{
	display:block;
    border:none;
}
.twocolumns .box-hov {
	position:absolute;
	top:0;
	left:0;
	width:241px;
	height:157px;
	font-size:11px;
	overflow:hidden;
}
.twocolumns .box-hov .box-hov-inner {
	background: url(../images/bg-hover.png);
	padding:6px 14px;
	/*border:1px solid #fff;*/
	width:211px;
	height:143px;
	display:none;
}
.twocolumns a.img-link:hover {
	text-decoration:none; 
	position:relative;
}
.twocolumns a.img-link:hover .box-hov-inner {display:block;}
.twocolumns .box-hov em {
	font-weight:normal;
	font-size:11px;
	margin:0;
	line-height:22px;
	font-style:normal;
	display:block;
}
/*content end*/
/*footer start*/
#footer {
	width:100%;
	overflow:hidden;
	margin:10px 0 0;/*you can increase this value if you want to add still more spacing for the logo and copy */
	position:relative;
	padding:0 0 45px;
}
#footer .footer-inner {
	float:left;
	width:800px;
	padding:0 0 0 10px;
}
#footer a.logo {
	float:left;
	width:56px;
	height:56px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(../images/logo-small.gif) no-repeat;
	margin:0 0 0 14px;
}
#footer .subnav {
	list-style:none;
	margin:0 0 4px 0;
	padding:19px 0 0;
	overflow:hidden;
	height:1%;
}
.subnav li {
	float:left;
	border-left:1px solid #102a3d;
	line-height:11px;
	padding:0 0 1px 6px;
	margin:0 6px 0 -6px;
}
.subnav li a {
	color:#102a3d;
	font-size:11px;
	margin:0 6px 0 0;
	text-decoration:none;
}
.subnav li a:hover{
	text-decoration:underline;
}
#footer p {
	color:#102a3d;
	font-size:9px;
	margin:0;
}
#footer p a {
	color:#102a3d;
	font-size:9px;
	text-decoration:none;
	margin:0 0 0 25px;
}
#footer p a:hover {
	text-decoration:underline;
}
/*footer end*/
/*secondary page*/
.wrapper-secondary {
	background: url(../images/bg-secondary.jpg) no-repeat 0 21px;
}
.content-inner {
	height:1%;
	overflow:hidden;
	padding-top:50px;
	padding-right:30px;
}
.data {
	width:700px;
	/*float:right;*/
	position:relative;
	overflow:hidden;
}
.data .heading-holder{
	margin:0 0 4px;
	width:100%;
	overflow:hidden;
}
.data .heading-holder h2 {
	font-size:28px;
	margin:0;
	background:#fff;
	padding:0 0 0 12px;
	line-height:32px;
	float:left;
}
h2 {
	letter-spacing:-1px;
	padding:2px 0 2px 12px;
}
.orange .data h2 {
	color:#e97717;
	padding:0 60px 0 12px;
}
.red .data h2 {
	color:#350505;
	padding:0 60px 0 12px;
}
.grey .data h2{
    color:#70725c;
    padding:0 60px 0 12px;
}
.yellow .data h2{
    color:#f9ba2d;
    padding:0 60px 0 12px;
}
.light-blue .data h2{
    color:#77959d;
    padding:0 60px 0 12px;
}
.dark-grey .data h2{
    color:#313133;
    padding:0 60px 0 12px;
}
.data .article-text {
	padding:0 0 20px;
}
.data .article {
	background:#fff;
	margin:0 0 0 38px;
	padding:3px 13px 0 15px;
	overflow:hidden;
}
.data .article img {
	float:right;
	margin:0 0 0 20px;
	border:1px solid #7794A6;
}
.data .article p {
	line-height:22px;
	margin:0 0 23px;
}
.data .article-bottom {
	border-top:1px solid #2A2C30;
	font-size:11px;
	padding:0 0 22px;
}
.data .article-bottom p {
	margin:0;
}
/* css for third page */

.wrapper-third {
	background: url(../images/bg-third.jpg) no-repeat 0 21px;
	height:1%;
}
.wrapper-forth {
	background: url(../images/bg-kids04.jpg) no-repeat;
	height:1%;
}
.wrapper-fifth {
	background: url(../images/bg-kids03.jpg) no-repeat;
	height:1%;
}
.wrapper-six {
	background: url(../images/bg-kids.jpg) no-repeat 0 9px;
	height:1%;
}
.wrapper-seven {
	background: url(../images/school_front_name_mp01.jpg) no-repeat 0 150px;
	height:1%;
}
#content .cite {
	width:145px;
	float:left;
	background: url(../images/bg-cite1.gif) no-repeat;
	margin:594px 0 0;
}
#content .cite-inner {
	background: url(../images/bg-cite2.gif) no-repeat 100% 100%;
	padding:0 0 30px;
}
.cite-inner blockquote {
	margin:30px 5px 0 14px;
}
.cite-inner q {
	font-weight:bold;
	font-style:italic;
	color:#232728;
	font-size:13px;
	letter-spacing:-1px;
}
q{quotes: none;}
q:before{content:"";}
q:after{content:"";}

.data .marked-quote {
	background:#e8e8e8;
	border-left:1px solid #9a9a9a;
	border-right:1px solid #9a9a9a;
	margin:0 0 14px;
	padding:10px 5px 13px;
	font-size:11px;
	line-height:17px;
}
.red .data h3 {
	color:#350505;
}
.data h3 {
	margin:0 0 8px;
}
#content .aside {
	width:140px;
	float:right;
}
.content-inner2 {
	 margin-top:10px;
    height:1%;
    overflow:hidden;
}
.content-inner2 .data {margin:0 30px 0 0;}

.aside h4 {
	  font-size:14px;
    margin:45px 0 11px;
}
.red h4 {
	color:#350505;
}
.aside .options {
	list-style:none;
	margin:0 0 15px;
	padding:0;
	line-height:18px;
}
.aside .options li a {
	color:#fff;
	text-decoration:none;
	background: url(../images/bullet01.gif) no-repeat 0 6px;
	padding:0 0 0 12px;
	font-size:12px;
}
.aside .options li a:hover {
	text-decoration:underline;
}
.aside a.epsum {
	text-decoration:none;
	background: url(../images/bullet02.gif) no-repeat 0 5px;
	padding:0 0 0 14px;
	font-weight:bold;
	font-size:13px;
}
.red .aside a.epsum {
	color:#350505;
}
.error, .success{
	color:#FFFFFF;
	text-align:right;
}
h2 a{
	text-decoration:none;
}
.wrapper-seven .shadow {height:701px;}
.wrapper-seven #sidebar {height:615px;}
 .wrapper-third .shadow {height:507px;}

.wrapper-map ul.map {
	list-style:none;
	margin:0 0 0 40px;
	padding:0;
}
.wrapper-map ul.map li {
	margin:10px 0 0;
}
.wrapper-map ul.map li a {
	color:#fff;
	text-decoration:none;
	position:relative;
	text-transform:uppercase;
}
.wrapper-map ul.map li.orange a:hover {
	color:#E97717;
}
.wrapper-map ul.map li.red a:hover {
	color:#350505;
}
.wrapper-map ul.map li.olive a:hover {
	color:#717059;
}
.wrapper-map ul.map li.yellow a:hover {
	color:#FBB63D;
}
.wrapper-map ul.map li.gray a:hover {
	color:#7794A6;
}
.wrapper-map ul.map li.dark a:hover {
	color:#2A2C30;
}
.wrapper-map ul.map li ul {
	list-style:none;
	margin:0 0 0 40px;
	padding:0;
}
.wrapper-map ul.map li ul li {
	margin:0;
	line-height:19px;
}
.wrapper-map .shadow {
	height:9999px;
}
.wrapper-map .map-holder {
	background:url(../images/bg-welcome.png);
	height:1%;
	overflow:hidden;
	padding:30px 70px;
}
.map-holder h2 {
	background:#fff;
	width:300px;
}
.wrapper-map ul.map li ul li a {text-transform:none;}

.wrapper-map #sidebar .nav li:hover a,
.wrapper-map #sidebar .nav li.hover a {
    color:#fff;
    text-transform:uppercase;
    text-decoration:none;
    display:block;
    padding:4px 0 3px 12px;
    font-size:13px;
    position:relative;
    width:139px;
    border-bottom:1px solid #fff;
}
