﻿@charset "utf-8";
/*=================================
============ Basic Layout ==========
===================================

*/*{
	padding: 0;
	margin: 0;
}
body{
	position: relative;
	font-family: Tahoma, Verdana, Georgia;
	color:#000;
	background-image: url('../img/School watermark.JPG');
	font-size: 14px;
}
#wrapper{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	background-image: url('../img/wrap_Bg.gif');
	border-right: thin #ccc solid;
	border-left: thin #ccc solid;
}
#header{
	position:relative;
	height:210px;
	background-color:white;
	background-image:url('../img/logo_800.png');
	background-repeat:no-repeat;
	font-size: small;
}
h1{
	font-size:1.2em;
	padding:2px;
	text-align:left;
}
#page{
	float:left;
	padding:5px 0 5px 10px;
	color:white;

}
/*========== Navbar ===========*/
#header ul{
	position:absolute;
	display:block;
	float:left;
	width:800px;
	bottom:0;
	left:0;
	background-image:url('../img/navBar.gif');
	background-repeat:repeat-x;
}
#header ul li{
	float:left;
	list-style:none;
}
#header li a{
	position:relative;
	text-decoration:none;
	background-image:url('../img/nav_sep.gif');
	top:0;
	background-repeat:repeat-y;
	padding:0 2em;
	line-height:1.5em;
	color:#CCFFFF;
	font-size:16px;
}
#header li a:hover{	
	position:relative;
	background-image:url('../img/navBarH.gif');
	padding-top:3px;
	padding-bottom:2px;
	background-repeat:repeat;
	color:#FFCCFF;
}

#header li#first a{
	background-image:none;
}
#header li#first a:hover{
	background-image:url('../img/navBarH.gif');
	background-repeat:repeat-x;
}

/*===========Google Search==============*/


#header form#googleForm input#txt1{
	position:absolute;
	top:85px;
	left:605px;
	width:180px;
	border:0;
	font-weight:bold;
	font-family:Tahoma, Verdana, Georgia;
	font-size:15px;
}

#header li#right{
	color:orange;
	position:absolute;
	right:0px;
	text-align:right;
	padding-top:3px;
}
#header li#right a{
	color:#99CCFF;
	font-size:80%;
	text-decoration:none;
	background-image:none;
}
#header li#right a:hover{
	text-decoration:underline;
	background-image:none;
	cursor:hand;
	color:#FF9900;
}
/*========== Left column ==============*/

#leftcol{
	position:relative;
	padding-top:5px;
	width:160px;
	float:left;
	height:100%;

}
#leftcol li{
	list-style:none;
}
#leftcol li a{
	text-decoration:none;
	position:relative;
	display:block;
	float:left;
	width:65%;
	padding:3px 0 3px 10px;
	color:#CCFFFF;
}
#leftcol li a:hover{
	position:relative;
	display:block;
	float:left;
	width:78%;
	padding-left:15px;
	background-image:url('../img/navBarH.gif');
	color:#FFCCFF;
}
li#page{
	color:#000033;
	margin-left:5px;
	width:110px;
	background-color:#6699FF;
	border:2px #FF9900 inset;
}
li#page ul{
	margin-left:20px;
	width:150px;
	background-color:#3333FF;
}
li#page ul li a{
	border:1px #3366FF ridge;
	text-decoration:none;
	width:90%;
	position:relative;
	display:block;
	float:left;
	background-color:#3333FF;
	color:#CCFFFF;
}
li#page ul li a:hover{
	position:relative;
	background-image:url('../img/navBar.png');
	display:block;
	float:left;
	width:78%;
	padding-left:25px;
	color:#000033;
}
/*=========Site Search==================*/
/*=========Left Column==================*/

#sitesearch{
	position:absolute;
	width:140px;
	height:65px;
	left:5px;
	top:338px;
	background-image:url('../img/sitesearch.gif');
	background-repeat:no-repeat;
}
#sitesearch input#txt2{
	position:absolute;
	top:22px;
	left:27px;
	width:105px;
	border:0;
	font-weight:bold;
	font-family:Tahoma, Verdana, Georgia;
	font-size:15px;
}
/*=========== Content ===============*/

#content{
	background-image:url('../img/good.gif');
	background-repeat:no-repeat;
	background-position:5px 7px;
	width:430px;
	float:left;
	font-size:.9em;
	font-family:Tahoma, Verdana, Georgia;
	text-align:justify;
	padding:40px 5px 0 0;
	
}
#content_head .center{
	text-align:center;
}
#content #contentads{
	float:right;
	width:222px;
	height:166px;
	margin-top:-30px;
	margin-left:5px;
}
#content_head{
	width:620px;
	float:left;
	font-size:.9em;
	font-family:Tahoma, Verdana, Georgia;
	text-align:justify;
	padding:5px 5px 0 0;
}
#content_head a{
	text-decoration:none;
	color:#FF9900;
}
#content_head a:hover{
	text-decoration:underline;
	color:#3366CC;
}
#content_head #contentads{
	float:right;
	width:222px;
	height:166px;
	margin-top:-35px;
	margin-left:5px;
	padding-top:35px;
}

#content_podcast{
	width:180px;
	float:left;
	font-size:.9em;
	font-family:Tahoma, Verdana, Georgia;
	text-align:justify;
	padding:20px 5px 5px 40px;
}
#content_podcast a{
	text-decoration:none;
	color:#FF9900;
}
#content_podcast a:hover{
	text-decoration:underline;
	color:#3366CC;
}
#ads{
	position:absolute;
	top:550px;
	right:150px;
	height:200px;
	width:500px;
	text-align:right;
}
#ads img {
	text-decoration:none;
	border:0;
}


/*========== For School times Page ============*/
#table{
	width:400px;
	margin:15px;
}
#table #alt{
	background-color:#D7EBFF;
}

#content_head td{
	list-style:none;
	padding:5px 10px 5px 10px;
}
#content_head #contentads_time{
	float:right;
	width:200px;
	height:166px;
}

#content_about{
	display:block;
	margin-left:40px;
	float:left;
	position:relative;
	background-image: url('../img/about/front.gif');
	background-repeat: no-repeat;
	background-position: center;
	height: 500px;
	width: 530px;
	text-align: center;
}
#content_about a{
	text-decoration: none;
	text-align: left;
	color:#FF9900;
}
#content_about a:hover{
	text-decoration:underline;
	color:#3366CC;
}
#content_about_film{
	display:block;
	margin-left:10px;
	float:left;
	position:relative;
	background-image:url('../extended/img/film.gif');
	background-repeat: no-repeat;
	background-position: center;
	height: 500px;
	width: 530px;
	text-align: center;
}
#content_about_film h1{
	font-size:16px;
	font-weight:bold;
	color:maroon;
	font-style:italic;
	}
	
#content_about_film a{
	text-decoration: none;
	text-align: left;
	color:#FF9900;
}
#content_about_film a:hover{
	text-decoration:underline;
	color:#3366CC;
}


/*=========== Right Column ==========*/
#rightcol{
	width:155px;
	margin-top:5px;
	margin-right:2px;
	padding:30px 2px 0 2px;
	float:right;
	color:#3333FF;
	font-weight:bold;
	text-align:center;
	background-image:url(../img/news.gif);
	background-position:5px 5px;
	background-repeat:no-repeat;
	border:4px #FF9900 outset;

}
#rightcol a{
	font-size:small;
	text-decoration:none;
	color:#FF9900;
}
#rightcol a:hover{
	color:#3366CC;
}
#rightAd{
	background-color:orange;
	border:thick #3366FF;
	color:white;
}
#counter{
	width:170px;
	margin-top:10px;
	margin-right:2px;
	padding:5px 2px 0 5px;
	float:right;
	color:#3399FF;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	border:4px #6699FF groove;
}
#counter a{
	color:orange;
	text-decoration:none;
	}
#counter a:hover{
	color:maroon;
	text-decoration:underline;
	}
#podcast img{
	position:absolute;
	left:420px;
	top:220px;
}
#count{
	color:#3399FF;
	font-weight:bold;
	font-style:italic;
	margin:5px;
	padding:5px;
}
/*============ Footers ==============*/

#upfooter{
	clear:both;
	text-align:right;
	font-size:80%;
	font-family:Verdana;
	padding:50px 160px 10px 0;
}
#upfooter a{
	text-decoration:none;
	color:#FF9900;
}
#upfooter a:hover{
	text-decoration:underline;
	color:#3366CC;
}

#footer{
	clear:both;
	background-color:#CC0000;
	text-align:right;
	font-size:70%;
	font-family:Verdana;
	padding:5px 20px;
	color:#FF6666;
}
