html, body{
	margin:0; padding:0;
	background:#386A96 url(../images/background.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#656565; line-height:17px;
}
#wrapper{
	margin:0 auto; width:938px; min-height:685px; overflow:hidden;
	background:url(../images/content-back.png) repeat-y;
}
#container{
	margin:0 9px; padding:0; display:block;
	background:url(../images/cont-back.jpg) repeat-x;
}
#header{
	margin:0; padding:0; width:920px; height:116px;
	background:url(../images/header.jpg) no-repeat;
}
.logo{
	margin:0; padding:0;
}
#menu{
	margin:0; padding:0; height:38px;
}
#content{
	margin:0; padding:20px;
}
#content .left{
	float:left; width:200px;
}
.search{
	margin:0; padding:8px 0 0 0;
}
.search input{
	margin:0; padding:3px; width:168px; height:16px; float:left; color:#666666;
	background:#FFF; border:1px solid #999; border-right:none;
}
.left-btns{
	margin:22px 0 0 0; padding:0;
}
.requestmoreinformation:link, .requestmoreinformation:active, .requestmoreinformation:visited{
	display: block; width:200px; height:29px; text-decoration:none;
	background:url(../images/btn-requestmoreinformation.jpg) no-repeat;
	}
.requestmoreinformation:hover{
	text-decoration:none; background-position:0 -29px;
	}

.howtoregister:link, .howtoregister:active, .howtoregister:visited{
	display: block; width:200px; height:29px; text-decoration:none; margin:15px 0 0 0;
	background:url(../images/btn-howtoregister.jpg) no-repeat;
	}
.howtoregister:hover{
	text-decoration:none; background-position:0 -29px;
	}

.schoolcalendar:link, .schoolcalendar:active, .schoolcalendar:visited{
	display: block; width:200px; height:29px; text-decoration:none; margin:15px 0 0 0;
	background:url(../images/btn-schoolcalendar.jpg) no-repeat;
	}
.schoolcalendar:hover{
	text-decoration:none; background-position:0 -29px;
	}

.photogallery:link, .photogallery:active, .photogallery:visited{
	display: block; width:200px; height:29px; text-decoration:none; margin:15px 0 0 0;
	background:url(../images/btn-photogallery.jpg) no-repeat;
	}
.photogallery:hover{
	text-decoration:none; background-position:0 -29px;
	}

.contactstmary:link, .contactstmary:active, .contactstmary:visited{
	display: block; width:200px; height:29px; text-decoration:none; margin:15px 0 0 0;
	background:url(../images/btn-contactstmary.jpg) no-repeat;
	}
.contactstmary:hover{
	text-decoration:none; background-position:0 -29px;
	}
	

.quicklinks{
	margin:36px 0 0 0; padding:0;
}
.quicklinks ul{
	margin:0; padding:0; list-style:none;
}
.quicklinks ul li{
	margin:0; padding:0 0 0 18px; list-style:none;
}
.quicklinks ul li a:link, .quicklinks ul li a:visited, .quicklinks ul li a:active{
	font-size:13px; font-weight:bold; color:#666; text-decoration:none; line-height:23px;
}
.quicklinks ul li a:hover{
	text-decoration:underline;
}

#content .right{
	float:left; width:660px; padding:0 0 0 20px;
}
.section{
	margin:0; padding:0 0 42px 0;
}
.hpsection{
	margin:0; padding:0 0 20px 0;
}
.section-detail{
	margin:0; padding:52px 0 0 0;
}
.hpsection-content{
	margin:0 0 0 -20px; padding:0; width:680px;
}
.hpsc-news{
	margin:0 0 0 20px; padding:0; width:450px;
}
.hpsc-news a:link, .hpsc-news a:visited, .hpsc-news a:active{
	text-decoration:none; color:#666; font-weight:bold;
}
.hpsc-news a:hover{
	text-decoration:underline;
}
.hpsc-news p{
	margin:0; padding:0;
}
.viewallnews a:link, .viewallnews a:visited, .viewallnews a:active{
	text-decoration:none; color:#3f8ec1; font-weight:bold;
}
.viewallnews a:hover{
	text-decoration:underline;
}

.viewallevents a:link, .viewallevents a:visited, .viewallevents a:active{
	text-decoration:none; color:#3f8ec1; font-weight:bold; line-height:32px;
}
.viewallevents a:hover{
	text-decoration:underline;
}
.hpsc-events{
	margin:0 0 0 20px; padding:0; width: 211px;
}
.section-content{
	margin:0; padding:0 0 0 20px; width:620px;
}
.section-content a:link, .section-content a:visited, .section-content a:active{
	font-weight:normal; text-decoration:none; color:#3F8DC1;
}
.section-content a:hover{
	font-weight:normal; text-decoration:underline;
}
.section-content ul li{
	margin:0; padding:0;
}
#content-end{
	margin:0 auto; width:938px; height:43px;
	background:url(../images/content-end.png) no-repeat;
}
#footer{
	margin:0 auto; width:900px; padding:0px 10px; color:#FFF; font-size:11px;
}
.fleft{
	float:left; width:375px;
}
.fright{
	float:right; text-align:right; display:block;
}
#footer a:link, #footer a:visited, #footer a:active{
	text-decoration:none; font-weight:bold; color:#FFF;
}
#footer a:hover{
	text-decoration:underline;
}
.calendar{
	margin:0; padding:0; color:#3F8DC1;
}
.calendar a:link, .calendar a:visited, .calendar a:active{
	text-decoration:none; font-weight:bold; color:#3F8DC1;
}
.calendar a:hover{
	text-decoration:underline;
}
/*Calender*/
.cal01{
	background:#FFF; border:1px solid #CCCCCC; width:203px;
	}	
a:link, a:visited, a:active{
	color:#999999; text-decoration:underline;
	}
a:hover{
	text-decoration:none;
	}
/*Calendar Box*/
.calendar1{
	margin:0; padding:0;
	text-align: center;
	background:#FFF;
	}
.calendar1 .cnav, .calendar1 .cnav a {
	color: #fff;	
	text-align: center;
	text-decoration: none;
	}	
.calendar1 th {
	font-weight:bold; color:#999999; vertical-align:middle; width:29px; height:21px;
	background:#FFF; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC;
	}
.calendar1 th.tfirst {
	font-weight:bold; color:#999999; padding-bottom:5px;
	background:#FFF; border-bottom: 1px solid #CCCCCC;
	}
.calendar1 .cevent, .calendar1 td.cevent a, .calendar1 td.cevent a:link, .calendar1 td.cevent a:visited {
	color:#999999; background:#CCCCCC; font-weight:normal;
	}
.calendar1 .month {
	text-align:left; padding:0 0 0 6px; height:21px; line-height:21px;	
}
.calendar1 .cleft1 {
	border-left: none; width: 29px;
	height: 21px;
	}
.calendar1 .cleft {
	border-left: 1px solid #CCCCCC;  width: 29px; line-height:21px;
	height: 21px;
	}
.calendar1 td {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	width: 29px;
	height: 21px; line-height:21px;
	text-align: center;
}
.calendar1 .tdend {
	border-right: 1px solid #CCCCCC;
	border-bottom:none;
	width: 29px;
	height: 21px; line-height:21px;
	text-align: center;
}
.calendar1 .tdlast {
	border-right: none;
	border-bottom: 1px solid #CCCCCC;
	width: 29px;
	height: 21px; line-height:21px;
	text-align: center;
}
.calendar1 .tdlastend {
	border-right: none;
	border-bottom: none;
	width: 29px;
	height: 21px; line-height:21px;
	text-align: center;
}
.calendar1 td a {
	text-decoration: none;
	font-weight:normal;
	display: block;
}

.calendar1 td a:link, .calendar1 td a:visited, .calendar1 td a:active {	
	color:#666;  font-weight:normal; background:#DDEEFA;
}

.calendar1 td a:hover {
	color:#FFF; font-weight:normal; background:#cc0000;
}

/*End*/

/*Tool Tip start*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

a.tt:hover{ z-index:999; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:2px; left:-72px;
	padding: 20px 0px 0 0;
	width:105px;
	color: #FFF; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:15px; text-align:center;
}
a.tt:hover span.top{
	display: block;
	padding: 8px 8px 0;
    background: url(../images/bubble.png) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../images/bubble_filler.png) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(../images/bubble.png) no-repeat bottom;
}

/*Tool Tip End*/


/*Tool Tip Last Line start*/
a.ttend{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
a.ttend span{ display: none; }

a.ttend:hover{ z-index:999; color: #aaaaff; background:;}
a.ttend:hover span.tooltipend{
    display:block;
    position:absolute;
    top:-70px; left:-72px;
	padding: 20px 0px 0 0;
	width:105px;
	color: #FFF; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:15px; text-align:center;
}
a.ttend:hover span.topend{
	display: block;
	padding: 8px 8px 0;
    background: url(../images/bubble.png) no-repeat top;
}
a.ttend:hover span.middleend{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../images/bubble_filler.png) repeat bottom; 
}
a.ttend:hover span.bottomend{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(../images/bubble.png) no-repeat bottom;
}

/*Tool Tip Last Line End*/

hr {
	color:#FFF; background:#FFF; border: 0; height: 1px; width: 100%; text-align: left;
}
td{
	vertical-align:top; text-align:left;
}
.row1{
	background:#FFF; height:22px; line-height:22px; text-align:left; vertical-align:middle;
	padding:0 0 0 4px;
}
.row2{
	background:#F0F0F0; height:22px; line-height:22px; text-align:left; vertical-align:middle;
	padding:0 0 0 4px;
}
h1{
	margin:0; padding:0 0 23px 0; *padding-top:2px;
	font-size:28px; color:#003365; font-weight:normal;
}
h2{
	margin:0; padding:0 0 6px 0;
	font-size:18px; font-weight:bold; color:#CB0000;
}
h3{
	margin:0; padding:0 0 3px 0;
	font-size:16px; font-weight:normal; color:#6FA1C5; text-transform:uppercase;
}
h4{
	margin:0; padding:0; float:left; white-space:nowrap;
	font-size:12px; font-weight:bold; color:#cc0000;
}
 h5{
	margin:0; padding:0 0 6px 0; line-height:17px;
	font-size:14px; font-weight:normal; color:#cc0000;
}
h6{
	margin:0; padding:0;
	font-size:14px; font-weight:normal; color:#CB0000;
}

.label{
	float:left; width:120px; display:block; text-align:right; padding:0 10px 0 0; font-weight:bold ; 
	}
.label1{
	float:left; width:60px; display:block; text-align:right; padding:0 10px 0 0;
	}
.input{
	width:200px; margin:0 0 7px 0;
	}