body {
	margin: 0;
	padding: 0;
	font-family: Verdana, tahoma, sans-serif;
	font-size: 11px;
	color: #4D5866;
	text-align: center;
}
div#container {
	line-height: 1.25em;
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

/* ----------------[ common elements ]---------------- */
h1{margin:0; padding:6px 5px 6px 8px; font-size: 1.6em; font-weight: normal; background: url(../img/main_title_bg.jpg) no-repeat;}
h2{ margin:0; padding:6px 5px 0 0; font-size: 1.3em; color:#0A1C26;}
h3{ margin:0 0 5px 0; padding:6px 5px 3px 0; font-size: 1.4em; color:#993333; font-weight:normal; border-bottom:solid 1px #993333}
h4{margin:0; padding:6px 5px 6px 8px; text-align: center; font-size: 1.4em; font-weight: bold; background: url(../img/map_title_bg.jpg) no-repeat;}
h5{margin:0; font-weight: normal; font-size:1.3em;}
h6{margin:8px 0; padding:6px 5px 0 0; font-size: 1.6em; font-weight: normal;}

a:link, a:visited { color: #993333; text-decoration: none; border: 0; }
a:hover{ text-decoration: underline;}
a:link img, a:visited img{border:none;}

/* ----------------[ header ]---------------- */
#header{
	height: 124px;
	background: url(../img/header.jpg) no-repeat right top;
	border-bottom:solid 4px #993333;
}
#header .logo{float:left; width:100%; margin-bottom:5px;}
* html #header .logo{margin-bottom:0;}
#header .icons{float:right; width:180px; height:20px; text-align:right; margin-top:10px;}

#header .icons .mailingList{float:left; margin-top:3px;}
#header .icons a:link, #header .icons a:visited{color:#F9EFEE;}
#header .icons a:hover{color:#FFF;} 

a.send-to-friend:link, a.send-to-friend:visited, a.email:link, a.email:visited{
	height:25px;
	width:18px;
	display:block;
	float:right;
	padding:2px 5px 0px 5px;
	
}
* html a.send-to-friend:link, * html a.send-to-friend:visited, * html a.email:link, * html a.email:visited{height:22px;}
a.send-to-friend:link, a.send-to-friend:visited{background: url(/img/send_to_friend.gif) no-repeat;}
a.send-to-friend:hover{
	background-position: -981px 0; text-decoration:none;
}
a.email:link, a.email:visited{background: url(/img/email_icon.gif) no-repeat;}
a.email:hover{
	background-position: -983px 0; text-decoration:none;
}

/* ----------------[ navigation ]---------------- */
#nav{
	margin:0;
	padding:0;
	list-style: none;
	font-size: 1.3em;
	font-weight: bold;
}
*:first-child+html #nav{font-weight:normal; font-size:1.4em;}
#nav li{
	position: relative; float: left; margin-right:3px; padding:0;
}
* html #nav li{
 	margin-top:6px;
}

#nav li a:link, #nav li a:visited{ display: block;  padding:7px 10px 8px 10px; background: url(/img/nav_bg.jpg) repeat-x; color:#F3DEDE;}
*:first-child+html #nav li a:link, *:first-child+html #nav li a:visited{padding:9px 10px 8px 10px;}
* html #nav li a:link, * html #nav li a:visited{padding:8px 10px 8px 10px;}
#nav li a:hover{background: url(/img/nav_active_bg.jpg) repeat-x; text-decoration: none;}

#nav ul { 
	position: absolute;
	min-width:150px;
	font-size:.9em;
	font-weight:normal;
	max-width: 220px;
	top: 2.2em;
	left: 0;
	padding:0;
	list-style-type: none;
	list-style-position: outside;
	background:url(/img/submenu_bck.png);
}
	
*:first-child+html #nav ul { left: -3.1em; font-size:.8em;}
* html #nav ul { left: -3.1em; }
#nav ul li { display: none; float:none; padding:4px 0 2px 0; margin:0; border: none;  }
#nav li li a:link, #nav li li a:visited { color: #FFF;  background:url(/img/submenu_arrow.gif) no-repeat 0 50%; margin:0; padding:0 2px 0 17px;} 
*:first-child+html #nav li li a:link, *:first-child+html #nav li li a:visited{ padding:0 2px 0 17px;}

#nav ul li a:hover, #nav li.active ul li a:hover {text-decoration:underline;  }
* html  #nav ul li a:hover{background-image:none;}
#nav li:hover li, #nav ul li:hover, #nav li.hovered li, #nav ul li.hovered{ display: block; }

/* ----------------[ content ]---------------- */
#content{
	padding:10px 0 10px 0;
}
/* ----------------[ main content ]---------------- */
#main-content{
	float:left;
	width:560px;
	margin-right:15px;
}
#main-content img{float:left; border: solid #993333 1px; margin:0 5px 0 0;}
#main-content div.main-news a, #main-content div.short-news a, #main-content div.school-list a{
	float:right;
	padding:0 0 0 10px;
	text-align: right;
	background: url(/img/red_arrow.gif) no-repeat left bottom;
}

div.main-news{background: url(/img/main_news_bg.jpg) repeat-x; padding:4px 8px 4px 8px; margin: 0 0 17px 0;}
div.main-news-img{width:303px; float: left; margin-right: 5px; overflow: hidden; }
/* div.main-news span{float:left;} */
div.main-news-text{margin-bottom:8px;}
	#main-news.loading { height: 150px; background: url(/img/loading.gif) no-repeat center center; }


.short-news{
 	border-bottom:solid 1px #F3DEDE; padding:0 0 3px 0; margin:0 0 20px 8px;
 }
.short-news div.main-short-news{width:420px; float:right;}
.short-news div.noimage{width:100%}
 #main-content .short-news a{
 	padding-right:8px;
 }
 .short-news img{
 	border: solid 1px #993333; float:left;
 }
 #main-content .title-date{
 	width:100%; float: right; border-bottom:solid 1px #CCCCCC; margin-bottom:5px; 
 }
 .short-news-title{
 	width:70%; float:left; 
 }
.short-news-date{
 	width:28%; float: right; text-align: right;
 }
 .short-news-cont{
 	width:100%; float: right;
 }

.main-static-cont{
	background: url(/img/main_news_bg.jpg) repeat-x; padding:4px 8px 4px 8px; margin: 0 0 17px 0;
}
.about-img{
	background:url(/img/about_us_bg.jpg) no-repeat;
	height:147px;
	text-align:right;
	font-style:italic;
	margin-top:30px;
}

div.partner{border-bottom:solid 1px #F3DEDE; margin-top:10px; padding-bottom:4px;}
div.partner .partner-banner{width:170px; float:left; text-align:center;}
div.partner .partner-banner img{float:none; border:none;}
div.partner .partner-text{float:right; width:360px;}

/* ----------------[ wwc content ]---------------- */
.wwc{margin:0 0 12px 0; padding:0; list-style:none;}
.wwc li{margin:0; padding:0; border:solid #394459 1px; float:left; width:48%}
.wwc li.left{margin-right:3%}
.wwc .wwc-town{height:16px; padding:0 2px 0 3px; font-weight:bold; background:url(/img/wwc_town_bg.jpg)repeat-x; color:#FFF;}
.wwc a{color:#4D5866;}
#main-content .wwc a img{border:none;}
.wwc .wwc-title{ width:49%; font-size:1.2em; font-weight:bold; margin:2px 0 2px 0; text-align:center; float:left; border-right: 2px solid #F0E0DF; height:60px;}
.wwc .wwc-title a{}
.wwc .wwc-logo{width:49%; float:right; text-align:center;}
.wwc .wwc-logo img{vertical-align:middle;}

/* ----------------[ school detail ]---------------- */
.schools-main{float:left;}
.schools-main ul{list-style:none; margin:0 0 0 5px; padding:0;}
.schools-main li{margin:0 0 8px 0;}

.school-cont{margin: 0 0 10px 0; padding:0 0 0 8px;}

/* ----------------[ school list ]---------------- */

.school-list{background: url(/img/main_news_bg.jpg) repeat-x; padding:10px 0 0 8px}
#main-content .school-list #school-list-cont img{float:left;}
.school-list #school-list-cont ul{list-style:none; margin:0 0 10px 0; width:545px; padding:0 0 5px 0; border-bottom: dashed 1px #993333;}
.school-list #school-list-cont ul ul{float:right; margin:0; width:415px; border-bottom: none;}
.school-list #school-list-cont li{margin:0; padding:0;}
.school-list #school-list-cont li li{margin:0 0 5px 0;}
.school-list #school-list-cont li.school-list-name{font-size:1.3em; font-weight:bold; color:#993333; border-bottom: solid 1px #993333;}
#main-schools.loading { height: 150px; background: transparent url(/img/loading.gif) no-repeat center center; }

#news-nav-container{text-align: center}

/* ----------------[ school&news nav]---------------- */
#news-nav, #schools-nav{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

#news-nav li, #schools-nav li { display: inline; margin:0; padding:0; }
#news-nav li img, #schools-nav li img{float:none; border:none; vertical-align:middle;}


/* ----------------[ links column ]---------------- */
#links-column{
	width:250px;
	float: left;
}
#links-column a:link, #links-column a:visited{color:#0A1C26}
#schools-list{margin:8px 0; list-style:none; padding:0;}
#schools-list li{background:url(/img/blue_arrow.png) no-repeat 0% 50%; padding:0 0 15px 18px;}
* html #schools-list li{background:url(/img/blue_arrow.jpg) no-repeat 0% 50%; }
#links-list{list-style:none; margin:8px 0; padding:0;}
#links-list li{margin-left:5px; padding:3px 0 3px 14px; background: url(/img/links_list_bg.gif) no-repeat 0 50%; }

/* ----------------[ advertising column ]---------------- */
#advertising{width:122px; float:right;}
div.advetise-cont{background:url(../img/map_content_bg.jpg) repeat-x; padding-top:15px;}
a.map-link:link, a.map-link:visited{
	display:block;
	margin:0 0 0 20px;
	padding:65px 0 30px 0;
	background: url(../img/schools_map.gif) no-repeat;
}
a.map-link:hover{
	display:block;
	background-position: -256px 0;
}
#advertising ul{margin:8px 0; list-style: none; padding:0;}
#advertising ul li{margin:0 0 5px 0; text-align: center;}
#advertising ul li.red-line img{border:solid 1px #993333;}
#advertising ul li.blue-line img{border:solid 1px #0A1C26;}

/* ----------------[ footer ]---------------- */
#footer{
	background: url(../img/footer_bg.jpg) repeat-x; border-top:solid 1px #993333; height: 70px; padding:2px 8px 0 8px;
}
#footer .footer-links{
	width:45%; float:left;
}
#footer .footer-copy{
	width:50%; float:right; text-align: right;
}

/* ----------------[ float clears & fixes ]---------------- */
#content, div.main-news,#content, div.main-schools, .short-news, #news-nav, #schools-nav, .main-static-cont, .school-list, .school-list ul, div.partner, .wwc{ overflow: hidden;}

/* IE5-6 */
* html #content, * html div.main-news, * html #news-nav, * html #schools-nav, * html .short-news, * html .main-static-cont, * html .school-list, * html div.partner
	{ overflow: visible; height: 1%; }

/* IE7 */
*:first-child+html #content, *:first-child+html .main-static-cont, *:first-child+html #schools-nav, *:first-child+html .school-list,
*:first-child+html #news-nav, *:first-child+html .short-news
{ min-height: 0;}
