@import url('dropmenu.css');

/*_______________GENERAL SETUP________________*/
body{margin: 0px;
    background-position: 50% top;
    font-size: 15px;
    font-family: font-family: "Times New Roman", Times, serif;;
    background: #C0DEFA url('../../images/SchoolBG.jpg') repeat-x fixed 50% top;
    line-height: 130%;}
html { height:100.1% }
a { color:#0A77AA }
a:hover { color:#0A5172 }
a img, :link img, :visited img { border:0; outline:none; }

/*___________________MAIN LAYOUT________________*/

#banner {
	width: 880px;
	height: 80px;
	background-color: #FFFFFF;
}
#bannerIcons {
	width: 180px;
	color: #fff;
	float: right;
	position: relative;
	height: 80px;
	display: inline;
	line-height: 1.1em;
	margin-top: 0px;
	margin-bottom: 0;
	margin-left: 0;
}
#navBar{height: 40px;
	width: 880px;
	background-color: #1B6E98;}
#mainContent{padding: 10px; text-align: center;}
#mainBg{width: 880px; background-color: #FFFFFF;}
#mainFull {padding: 10px; width: 860px; background-color: #FFFFFF;}
#mainLeft {padding: 10px; width:400px; float: left; background-color: #FFFFCC;}
#mainRight{padding: 10px; width: 400px; float: right; background-color: #FFFFCC;}
#homeLeft{width: 538px; margin:0 !important; margin:0 0 -16px 0; overflow: visible;
    float: left;
    padding: 15px;
    background-color: #FFFFFF;}
#homeRight{width:292px;
    float: right;
    color: #000;
    overflow: visible;
    padding: 10px;
    clear: right;
    background-color: #FFFFCC;}
#newsRight {
	width: 292px;
	float: right;
	background: #2E7092;
	color: #fff;
	overflow: visible;
	margin: 0;
	padding: 0;
	clear: right;
}
#randomBanner {float: left;
	position: relative;
	width: 880px;
	height: 165px;
	display: block !important;
	display: inline;}
#randomPhotos {
	border: 15px ridge #C0DEFA;
	float: left;
	position: relative;
	width: 448px;
	height: 336px;
	display: block !important;
	display: inline;
	margin-left: 25px;}
#specialLeft{
	width: 655px;
	float: left;
	padding-left: 10px;
}
#specialRight{width:180px;
    float: right;
    overflow: visible;
    padding: 5px;
    clear: right;}
#footer{width: 880px;
	height: 40px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	background-color: #1B6E98;}
#footer .text { padding:10px 15px 0 15px; font-size:0.9em; color:#fff;  }
#footer .text a { color:#F0EBD2  }
#wrapper{
	border: 1px solid #000000;
	width: 880px;
	margin: 20px auto 0 auto;
	background-color: #FFFFFF;
	padding-top: 3px;
}
#welcome{
	padding: 0 10px 0 0;
	margin: 55px 0 0 25px;
	text-align: center;
	position: relative;
}
 /*________________GENERAL STYLES_________________*/
.clear { clear:both }
.imageIcon{	margin: 10px;
	width: 30px;
	height: 30px;
	float: right;}
.article_separator { background:url('../../images/article-div.gif') repeat-x center;display:block; height:6px; width:97%; margin:10px auto}
.imageLeft{ float: left; margin: 10px;}
.imageRight{float: right; margin: 10px;}
.imageStack {border: thick inset #FFFFFF; float: left; margin-right: 45px; margin-left: 45px;}
.style1 {text-decoration: underline;}
.gold {	background-color: #FFCC00;}
.silver{ background-color: #CCCCCC;}
.bronze{ background-color: #663300;	color: #FFFFFF;}
.bg {	background-color: #C0DEFA; 	text-align: center;}
h1 {font-size: xx-large;}
h2 { font-size:x-large; border-bottom:1px dotted #0B4853; border-top:1px dotted #0B4853; padding:3px 0 }
h3 {font-size: large;}
h4 {font-size: medium}
h5 {font-size: 35px; font-family: Amienne; font-weight: bold; color: #FFFFFF;}

/*News */
.news {
	background-position: #000;
	background: #2E7092;
	color: #FFFFFF;
	margin: 0 auto 1px auto;
	padding: 15px;
}
.news .upcoming_events { height:255px; overflow:auto; padding-right:10px }
.news h3 { margin-bottom:10px; font-weight:normal }
.news a { color:#F2F0B6 }
.date { color:#FFFFCC; font-weight:bold }