@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, img, form, label, input{ margin: 0; padding: 0; border: 0; outline: 0;}
a:focus, input:focus { outline: 0;}
ins, a {text-decoration: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
/* Site CSS */
p{padding-bottom:6px;}
.clear{clear:both}
.cL{clear:left}
.cR{clear:right}
.fL{float:left}
.fR{float:right}

#main{
	width:980px;
	margin:0 auto}
	
#top{
	width:100%;
	height:138px;
	background:url(../images/banner_bg.jpg) top center no-repeat}
	
.logo{
	padding:20px 0 0 15px;
	width:240px;
	height:81px}
	
.logo h1 a{
	width:188px;
	height:71px;
	display:block;
	background:url(../images/schoolpool_logo.jpg);
	text-indent:-5000px}
	
.menu{
	width:805px;
	height:36px;
	font:12px/22px Arial}
	
ul.topnav {
	list-style: none;
	padding: 0;	
	margin:8px 0 0 8px;
	float: left;
}
ul.topnav li {
	float: left;
	margin: 0 8px 0 0;	
	padding: 0;
	position: relative;
}
ul.topnav li a{
	padding-bottom:7px;
	padding-left:10px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover, ul.topnav li a.active, ul.topnav li a.selected{
	background:url(../images/menu_leftbg.jpg) no-repeat left top;
}
ul.topnav li a span{ 
	cursor:pointer;
	float:left;
	display:block;
	padding-right:10px;
}
ul.topnav li a:hover span, ul.topnav li a span.active,  ul.topnav li a span.selected{ 
	background:url(../images/menu_rightbg.jpg) no-repeat right top;
}
ul.topnav li a span b{
	width::8px;
	float:left}
ul.topnav li a span b img{
	padding-right:3px;
	_padding-right:0px;
	padding-top:7px}

ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; 
	left: 0; top: 28px;
	background: #2490ca;
	margin: 0;
	padding:0 2px;
	display: none;
	float: left;
	width: 218px;
	border-bottom:#296687 1px solid;
	border-left:#296687 1px solid;
	border-right:#296687 1px solid;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	clear: both;
	width: 218px;
	height:24px;
	display:block;
}
ul.topnav li ul.subnav li a {
	float: left;
	width: 200px;
	font:11px/20px Arial;
	color:#FFF;
	padding-left: 8px;
	padding-bottom:0 !important;
}
ul.topnav li ul.subnav li a:hover {
	background:url(../images/subnav_leftbg.jpg) left top no-repeat; 
}
ul.topnav li ul.subnav li a span{ 
	cursor:pointer;
	float:left;
	display:block;
	padding-right:10px;
	width:100%;
	height:22px;
}
ul.topnav li ul.subnav li a:hover span, ul.topnav li ul.subnav li a span.active{ 
	background:url(../images/subnav_rightbg.jpg) right top no-repeat;
}
	
.search{
	width:165px;
	_width:150px;
	height:20px;
	padding-right:5px;
	padding-top:10px;
	text-align:right;
	float:right}
	
.searchtb{
	width:120px;
	_width:110px;
	height:15px;
	padding:1px 2px 2px 2px;
	border:#257099 1px solid;
	font:11px/14px Verdana, Geneva, sans-serif;
	color:#257099;
	background:#dfecf3}
	
#banner{
	width:100%;
	height:401px}
	
.bannertext{
	width:215px;
	height:375px;
	padding:26px 18px 0 18px;
	font:12px/18px Verdana, Geneva, sans-serif;
	color:#FFF;
	overflow:hidden;
	background:url(../images/bannertext_bg.jpg) repeat-x}
	
.bannertext span{
	display:block;
	padding:10px 0;
	font-size:14px}
	
.bannerimg{
	width:729px;
	height:401px}
	
#page{
	padding:10px 0 30px 0;
	width:100%}
	
.block{
	width:189px;
	height:125px;
	font:10px/14px Verdana, Geneva, sans-serif;
	color:#000;
	padding:27px 28px 18px 28px}
	
.block img{margin-bottom:6px;}
	
.block a{
	text-decoration:underline;
	color:#199ee6}
	
.block a:hover{
	color:#8dba45}
	
		
.block span{
	display:block;
	font:bold 12px/14px Arial, Helvetica, sans-serif;
	padding-bottom:5px;
	color:#000;}
	.block span a:link{
	display:block;
	font:bold 12px/14px Arial, Helvetica, sans-serif;
	padding-bottom:5px;
	color:#000;}
	.block span a:hover{
	display:block;
	font:bold 12px/14px Arial, Helvetica, sans-serif;
	padding-bottom:5px;
	color:#000;}
	.block span a:visited{
	display:block;
	font:bold 12px/14px Arial, Helvetica, sans-serif;
	padding-bottom:5px;
	color:#000;}
	

	
.bg1{background:url(../images/bl_bg1.jpg)}
.bg2{background:url(../images/bl_bg2.jpg)}
.bg3{background:url(../images/bl_bg3.jpg)}
.bg4{background:url(../images/bl_bg4.jpg)}

#footer{
	width:100%;
	background-color:#f0f0f0;
	border-top:#d0d3d4 1px solid;
	padding-top:10px}

.flinks{
	width:980px;
	margin:0 auto}
	
.flinks ul{
	list-style-type:none;
	padding:0;
	margin:0 35px 15px 0;
	float:left}
	
.flinks ul li{
	margin:0;
	padding:0;
	font:9px/21px Verdana, Geneva, sans-serif;
	color:#000}
	
.flinks ul li a{
	text-decoration:underline;
	color:#000}
	
.flinks ul li a:hover{
	text-decoration:underline;
	color:#8dba45}
	
.flinks ul li span{
	font-weight:bold;
	color:#8e8e8e}
	
.flinks ul li span a{
	text-decoration:none;
	color:#8e8e8e}
	
.flinks ul li span a:hover{
	text-decoration:none;
	color:#8dba45}
	
.flogo{
	width:auto;
	height:47px;
	padding:20px 0 10px 0;
	border-top:#d0d3d4 1px solid;
	font:9px/47px Verdana, Geneva, sans-serif;
	text-align:center}
	
.flogo img{
	vertical-align:middle;
	margin:0 10px 0 50px}
	
/* Inner Page */

#pagein{
	width:100%}
	
.bannerin{
	width:100%;
	height:150px;
	padding-bottom:15px}
	
.content{
	width:100%}
	
.content_left{
	width:248px}
	
.menuin{
	width:248px}
	
.menuin ul{
	width:240px}
	
.menuin ul li{
	width:240px;
	float:right;
	margin-bottom:2px;
	text-align:right;
	font:12px/20px Arial;
	color:#000}
	
.menuin ul li a{
	height:21px;
	float:right;
	line-height:21px;
	padding-left:10px;
	text-decoration:none}

.menuin ul li a span{
	height:21px;
	line-height:21px;
	cursor:pointer;
	padding:3px 10px 3px 0;
	color:#000}

.menuin ul li a:hover, .menuin ul li a.active{
	background:url(../images/menuin_leftbg.jpg) no-repeat left top;
	color:#FFF}

.menuin ul li a:hover span, .menuin ul li a span.active {
	background:url(../images/menuin_rightbg.jpg) no-repeat right top;
	color:#FFF}

.content_right{
	width:710px;
	font:11px/16px Verdana, Geneva, sans-serif;
	color:#000}
	
.pagetitle{
	padding-bottom:15px;
	font:18px/20px Arial, Helvetica, sans-serif;
	color:#8dba45}
	
.content_right p{
	text-align:justify}
	
/* News */

.news_bg{
	width:245px;
	margin-top:5px;
	background:url(../images/news_repeat_bg.jpg) top center repeat-y}
	
.news{
	width:215px;
	min-height:130px;
	height:auto !important;
	height:130px;
	padding:25px 15px 0 15px;
	background:url(../images/news_top_bg.jpg) top center no-repeat}
	
.news_list{
	padding-bottom:10px;
	font:11px/16px Arial;
	color:#454545}
	
.news_list a{
	text-decoration:none;
	color:#000}
	
.news_list a:hover{
	color:#016ba4}
	
.news_date{
	padding-bottom:3px;
	display:block;
	color:#016ba4}
	
.news_link{
	text-align:center;
	padding-bottom:5px;
	font:11px/15px Arial;
	color:#454545}
	
.news_link a{
	text-decoration:none;
	color:#454545}
	
.news_link a:hover{
	text-decoration:underline;
	color:#199ee6}
	
.news_arow{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px}
	
.news_bot{
	width:245px;
	height:18px;
	display:block;
	background:url(../images/news_bot_bg.jpg) bottom center no-repeat}
	
/* calculator */
.calculator{width:583px; background:url(../images/tsc_mid_bg.jpg) center top repeat-y; margin-top:15px;}
.tsc_top{width:583px; background:url(../images/tsc_top_bg.jpg) center top no-repeat;}
.tsc_bot{width:569px; background:url(../images/tsc_bot_bg.jpg) center bottom no-repeat; padding:50px 12px 20px 2px;}
.border{background:url(../images/border.gif) left bottom repeat-x; padding-bottom:2px; height:34px; overflow:hidden;}
.tb{width:100px; height:15px; padding:5px; background-color:#c3e8fc; border:1px solid #268ec7; font:bold 12px/15px Arial; color:#00507e; text-align:right;}
#calculator{border:#1b6993 1px solid; width:550px; margin:10px auto; font:bold 12px/34px Arial; color:#39402f;}
.cal_right{padding-right:10px; width:80px; text-align:right;}
.cal_left{padding-left:10px;}
.cal1{background-color:#dceec5; border-bottom:3eff9e2 1px solid;}
.cal2{background-color:#e5f3d3; border-bottom:3eff9e2 1px solid;}