a img{
border:none;
}
a,a:link,a:visited{
color:#CC0000;
text-decoration:underline;
}
a:hover,a:active{
color:#CC0000;
text-decoration:none;
}
body{
background:url(/_assets/img/BG_Body.png) #3399FF repeat-x fixed top;
margin:0;
padding:0 0 30px 0;
}
body#Calendar #page h2{
color:#CC0000;
font:bold 24px/28px "Century Gothic",Verdana,Geneva,sans-serif;
margin:0;
padding:0;
text-align:center;
text-transform:uppercase;
}
body#Contact #page .byEmail{
display:inline;
float:left;
width:354px;
}
body#Contact #page .byStreet{
display:inline;
float:right;
width:354px;
}
form{
margin:0;
padding:0;
}
form .button{
background:url(/_assets/img/BG_Button.png) #CC0000 repeat-x top;
border-bottom:1px solid #890000;
border-left:1px solid #DD5454;
border-right:1px solid #890000;
border-top:1px solid #DD5454;
color:#FFFFFF;
font:bold 14px/35px "Century Gothic",Verdana,Geneva,sans-serif;
height:45px;
}
form .txtArea{
border:1px solid #BFBFBF;
color:#000000;
font:normal 12px "Century Gothic",Verdana,Geneva,sans-serif;
width:98%;
}
form .txtField{
border:1px solid #BFBFBF;
color:#000000;
font:normal 12px "Century Gothic",Verdana,Geneva,sans-serif;
width:98%;
}
form label{
color:#000000;
display:block;
font:normal 10px/12px "Century Gothic",Verdana,Geneva,sans-serif;
}
#container{
margin:0 auto;
padding:0;
width:752px;
}
#footer{
background:#76BBFF;
margin:3px 0 0 0;
padding:8px;
text-align:right;
}
#footer .copyright p{
color:#2267AB;
font:bold 14px/18px "Century Gothic",Verdana,Geneva,sans-serif;
margin:0;
padding:0;
}
#footer .nav{
margin:0;
padding:0;
}
#footer .nav li{
border-left:1px solid #2267AB;
color:#2267AB;
display:inline;
font:normal 10px/12px "Century Gothic",Verdana,Geneva,sans-serif;
margin:0 0 0 8px;
padding:0 0 0 8px;
text-transform:uppercase;
}
#footer .nav li:first-child{
border-left:none;
margin:0;
padding:0;
}
#footer .nav ul{
margin:10px 0 0 0;
padding:0;
}
#header{
margin:0;
padding:0;
}
#header .logo{
margin:8px 0;
padding:0;
text-align:center;
}
#header .nav{
background:url(/_assets/img/BG_Nav.png) #CC0000 repeat-x top;
margin:0;
padding:0;
}
#header .nav ul{
border-bottom:1px solid #890000;
border-right:1px solid #890000;
list-style:none outside none;
margin:0;
overflow:hidden;
padding:0;
width:751px;
}
#header .nav ul li{
border-left:1px solid #DD5454;
display:inline;
float:left;
margin:0;
padding:0;
}
#header .nav ul li a{
display:block;
font:bold 14px/47px "Century Gothic",Verdana,Geneva,sans-serif;
margin:0;
padding:0 10px;
text-decoration:none;
}
#header .nav ul li a:link,#header .nav ul li a:visited{
color:#FFFFFF;
}
#header .nav ul li a:hover,#header .nav ul li a:active{
color:#76BBFF;
}
#page{
background:#FFFFFF;
border-bottom:1px solid #2267AB;
border-left:1px solid #76BBFF;
border-right:1px solid #2267AB;
border-top:1px solid #76BBFF;
margin:3px 0 0 0;
overflow:auto;
padding:14px 14px 28px 14px;
width:722px;
}
#page .calloutImg{
display:inline;
float:right;
margin:0 0 14px 14px;
padding:0;
width:300px;
}
#page .gradeBanners{
display:inline;
float:right;
margin:0;
padding:0;
width:356px;
}
#page .gradeBanners a img{
border:1px solid #BFBFBF;
margin:0;
padding:0;
vertical-align:bottom;
}
#page .gradeBanners li{
margin:0 0 5px 0;
padding:0;
}
#page .gradeBanners ul{
list-style:none outside none;
margin:0;
padding:0;
}
#page .halfClmn{
display:inline;
float:left;
width:354px;
}
#page .homeBanner{
background:url(/_assets/img/BG_homeBanner.png) #FFFFFF no-repeat bottom;
border:1px solid #76BBFF;
margin:0 0 15px 0;
padding:10px;
}
#page .homeBanner h1{
color:#3399FF;
font:normal 32px/36px Impact,"Arial Black",sans-serif;
margin:0;
padding:0;
}
#page .homeBanner li{
color:#2267AB;
float:left;
font:bold 11px/12px "Century Gothic",Verdana,Geneva,sans-serif;
margin:0 14px 4px 0;
padding:0;
width:150px;
}
#page .homeBanner p{
width:500px;
}
#page .homeBanner ul{
color:#000000;
font:normal 10px/14px "Century Gothic",Verdana,Geneva,sans-serif;
list-style:none outside none;
margin:10px 0 0 0;
overflow:hidden;
padding:0;
width:500px;
}
#page .moreInfo{
clear:both;
margin:0;
padding:0;
}
#page .moreInfo h2{
background:#76BBFF;
color:#FFFFFF;
font:normal 20px/30px Impact,"Arial Black",sans-serif;
margin:0;
padding:0 8px;
}
#page .supp{
border:1px dotted #890000;
display:inline;
float:right;
margin:0 0 5px 10px;
padding:5px;
width:150px;
}
#page .supp h2{
border-bottom:1px solid #BFBFBF;
color:#2267AB;
font:bold 13px/17px "Century Gothic",Verdana,Geneva,sans-serif;
margin:0;
padding:2px;
text-align:center;
}
#page .upcomingEvents{
display:inline;
float:left;
margin:0 0 15px 0;
padding:0;
width:356px;
}
#page .upcomingEvents dd{
color:#000000;
display:inline;
font:normal 13px/17px "Century Gothic",Verdana,Geneva,sans-serif;
margin:0 5px 0 0;
padding:0;
}
#page .upcomingEvents dd.date{
color:#3399FF;
font-weight:bold;
}
#page .upcomingEvents dl{
margin:0;
padding:0;
}
#page .upcomingEvents dt{
color:#CC0000;
display:block;
font:bold 15px/19px "Century Gothic",Verdana,Geneva,sans-serif;
margin:8px 0 0 0;
padding:0;
}
#page .upcomingEvents h2{
border-bottom:1px solid #BFBFBF;
color:#2267AB;
font:normal 20px/24px Impact,"Arial Black",sans-serif;
margin:0;
padding:0;
text-transform:uppercase;
}
#page .upcomingEvents h2 a,#page .upcomingEvents h2 a:link,#page .upcomingEvents h2 a:visited{
color:#2267AB;
text-decoration:none;
}
#page .upcomingEvents h2 a:hover,#page .upcomingEvents h2 a:active{
color:#2267AB;
text-decoration:underline;
}
#page dl{
margin:0;
padding:0;
}
#page dl dd{
color:#000000;
font:normal 13px/16px "Century Gothic",Verdana,Geneva,sans-serif;
margin:0 0 10px 0;
padding:0;
}
#page dl dt{
color:#000000;
font:bold 13px/16px "Century Gothic",Verdana,Geneva,sans-serif;
margin:0;
padding:0;
}
#page dl dt+dt{
margin:0 0 10px 0;
padding:0;
}
#page em{
font:normal italic 10px/13px "Century Gothic",Verdana,Geneva,sans-serif;
}
#page h1{
color:#2267AB;
font:normal 32px/36px Impact,"Arial Black",sans-serif;
margin:0;
padding:0;
}
#page h2{
color:#CC0000;
font:bold 24px/28px "Century Gothic",Verdana,Geneva,sans-serif;
margin:0;
padding:0;
}
#page h3{
color:#2267AB;
font:bold 16px/20px "Century Gothic",Verdana,Geneva,sans-serif;
margin:5px 0 0 0;
padding:0;
}
#page h4{
color:#000000;
font:bold 13px/17px "Century Gothic",Verdana,Geneva,sans-serif;
margin:5px 0 0 0;
padding:0;
}
#page li{
color:#000000;
font:normal 13px/16px "Century Gothic",Verdana,Geneva,sans-serif;
margin:0 0 5px 0;
padding:0;
}
#page ol,#page ul{
color:#000000;
font:normal 13px/16px "Century Gothic",Verdana,Geneva,sans-serif;
margin:0 0 10px 20px;
padding:0;
}
#page ol.steps{
list-style:none outside none;
margin:0;
padding:0;
}
#page ol.steps li.step{
background:url(/_assets/img/BG_AdmStep.png) #FFFFFF repeat-x top;
border:1px solid #76BBFF;
margin:0 0 10px 0;
padding:10px;
}
#page ol.steps ul{
list-style:disc outside none;
}
#page p{
color:#000000;
font:normal 13px/16px "Century Gothic",Verdana,Geneva,sans-serif;
margin:0 0 10px 0;
padding:0;
}
#page p.action{
font:bold 15px/16px "Century Gothic",Verdana,Geneva,sans-serif;
text-transform:uppercase;
}
#page p.error{
border:1px dotted #CC0000;
clear:both;
color:#CC0000;
font-weight:bold;
padding:8px;
}
#page p.notice{
border:1px dotted #BFBFBF;
clear:both;
color:#2267AB;
font-weight:bold;
padding:8px;
}
#page table.calendar{
border-collapse:collapse;
border-left:1px solid #76BBFF;
border-top:1px solid #76BBFF;
margin:4px 0 0 0;
padding:0;
}
#page table.calendar p{
color:#000000;
font:normal 10px/12px "Century Gothic",Verdana,Geneva,sans-serif;
margin:0 0 6px 0;
padding:0;
}
#page table.calendar p.dayNum{
color:#DD5454;
font:bold 12px/16px "Century Gothic",Verdana,Geneva,sans-serif;
}
#page table.calendar td{
background:#FFFFFF;
border-bottom:1px solid #76BBFF;
border-right:1px solid #76BBFF;
height:102px;
margin:0;
padding:4px;
vertical-align:top;
width:102px;
}
#page table.calendar td.empty{
background:#F2F2F2;
}
#page table.calendar td.today{
background:#B9DCFF;
}
#page table.calendar th{
background:#B9DCFF;
border-bottom:1px solid #76BBFF;
border-right:1px solid #76BBFF;
color:#2267AB;
font:bold 15px/30px "Century Gothic",Verdana,Geneva,sans-serif;
margin:0;
padding:0;
}
#page ul.calendarCtrl{
list-style:none outside none;
margin:0;
overflow:hidden;
padding:4px 0 0 0;
width:100%;
}
#page ul.calendarCtrl li{
color:#000000;
font:normal 12px/14px "Century Gothic",Verdana,Geneva,sans-serif;
margin:0;
padding:0;
}
#page ul.calendarCtrl li.current{
display:inline;
float:left;
margin:0;
padding:0;
text-align:center;
width:240px;
}
#page ul.calendarCtrl li.next{
display:inline;
float:left;
margin:0;
padding:0;
text-align:right;
width:241px;
}
#page ul.calendarCtrl li.previous{
display:inline;
float:left;
margin:0;
padding:0;
text-align:left;
width:241px;
}
#page ul.hoursASP{
list-style:none outside none;
margin:0;
overflow:auto;
padding:0;
width:500px;
}
#page ul.hoursASP .afterSchool{
border:1px dotted #76BBFF;
display:inline;
float:right;
margin:0;
padding:5px;
width:233px;
}
#page ul.hoursASP .beforeSchool{
border:1px dotted #76BBFF;
display:inline;
float:left;
margin:0;
padding:5px;
width:233px;
}
#page ul.hoursASP h4{
background:#B9DCFF;
color:#890000;
font:bold 13px/17px "Century Gothic",Verdana,Geneva,sans-serif;
margin:0;
padding:0;
text-align:center;
}
#page div.error{
border:1px dotted #CC0000;
clear:both;
padding:8px 8px 0 8px;
margin:0 0 16px 0;
}
#page div.error p, #page div.error li{
color:#CC0000;
font-weight:bold;
}
#page div.notice{
border:1px dotted #BFBFBF;
clear:both;
padding:8px 8px 0 8px;
margin:0 0 16px 0;
}
#page div.notice p, #page div.notice li{
color:#2267AB;
font-weight:bold;
}