body{
	background-color:black;
	color:yellow;
	font-size:30pt;

}

#outerlayer{
	width:100%;
	height:100%;
	background-color:black;
}
h1{
	font-size:32pt;
	color:#00ffff;
}
h2{
	font-size:32pt;
	color:#00ffff;
}
h3{
	font-size:32pt;
	color:#00ffff;
}
a{
	font-size:24pt;
}
/* first row */
#accessibility{
	text-align:right;
}

a.defaultstylelink{
	color:green;
	font-size:30pt;
	font-weight:bold;
}
a.defaultstylelink:hover{
	color:green;
	background-color:#add8e6;
	font-size:30pt;
	font-weight:bold;
}
a{
	color:green;
	font-size:30pt;
	font-weight:bold;
}

a.lowvisionlink{	
	visibility:hidden;
}

a.largetextlink{
	visibility:hidden;
}

span.hide{
	visibility:hidden;
}

/* second row */
#header{
}

img.crest{
	width:160px;
}

img.banner{
	width:780px;
}

/* third row */
#homebutton_and_title{}

#mainpagetitle{
	font-size:50pt;
	font-weight:bold;
	color:#00ffff;
	font-family:"Comic Sans MS";
}

/* fourth row*/
#navbar_and_mainpage{
}

/* skip links - important for screen reader software */
.skiplink{display: none;}

/* navigation menu */
#menu{
	position:relative;
	z-index:1;
	top:0;
	left:0;
	padding:2px;
	margin:0px;
	list-style:none;
	font-size:30pt;
	font-weight:bold;
}
li ul{
	position:relative;
	display:none;
	padding:0px;
	margin:0px;
	list-style:none;
}
li{
	position:relative;
	background-color:black;
	border:1px solid green;
	padding:2px;
	margin:0px;
	color:#ffe000;
}
.subMenu{
	background-repeat:no-repeat;
}
.click{
	background-color:black;
	color:green;
}
.click ul{
	display:block;
}
.hover, ul li a:hover{
	cursor:pointer;
	background-color:#add8e6;
	color:green;
}
li ul li.hover, li ul li.hover a:hover{
	background-color:#add8e6;
}
li a{
	width:100%;
}
li a, li ul li a, li.hover ul li a{
	text-decoration:none;
	color:green;
}
li.hover a, li ul li.hover a{
	color:green;
	text-decoration:none;
}
.dbMenu{
	width:202px;
}
.dbMenu .subMenu{
}
.dbMenu li ul{
	position:absolute;
	left:9.7em;
	top:0;
	width:10em;

}
.dbMenu li>ul{
	left:201px;
}
/*end navigation menu */

#last_update{
	font-size:18pt;
	color:#ffffff;
}

#topnavbar{
	visibility:hidden;
	font-size:30pt;
	position:absolute;
	top:0;
	left:0;
}

p{
	font-size:30pt;
	color:yellow;
}

/* schoolband */
#schoolbandlayer{
	background-color:black;
	width:100%;
}
img.notesl{
	float:left;margin:10px;
}
img.notesr{
	float:right;
}
div.img{
	margin: 2px;border: 1px solid #5577ff;height: auto;width: auto;float: left;text-align: center;
}
div.imgnofloat{
	margin: 2px;
	border: 1px solid #5577ff;
	height: auto;
	width: auto;
	text-align: center;
}
div.img img{
	display: inline;
	margin: 3px;
	border: 1px solid #5577ff;
}
div.imgnofloat img{
	display: inline;
	margin: 3px;
	border: 1px solid #5577ff;
}
div.img a:hover img{
	border: 1px solid #ee0440;
}
div.imgnofloat a:hover img{
	border: 1px solid #ee0440;
}
div.desc{
	text-align: center;
	font-weight: normal;
	font-size:30pt;
	width: 120px;
	margin: 2px;
}
.clicktoenlarge{
	text-align:center;
}
a.mp3{
	font-size:28pt;
}

/* pet's corner */
#petscornerlayer{
	background-color:black;
	width:100%;
	text-align:left;
}
#petsform{
}
p.petsform{
	font-size:26pt;
	font-weight:bold;
}
a.petlinks{
	color:green;
	font-size: 30pt;
}
a.petlinks:hover {
	color:#ff3333;
}	

/* history */
#historylayer{
	background-color:#000000;
	width:100%;
}
a.history{
	color:green;
}
a.history:hover {
	color:#ff3333;
}	

/* a day in the life */
#day_in_life_layer{
	background-color:#000000;
	width:100%;
}
.style_red{
	color:red;
}
#day_in_life_sport_layer{
	background-color:#000000;
	width:100%;
}
#day_in_life_music_layer{
	background-color:#000000;
	width:100%;
}
#day_in_life_ECAs_layer{
	background-color:#000000;
	width:100%;
}

/* contact us */
#contact_us_layer{
	background-color:#000000;
	width:100%;
	font-size:28pt;
}

/* homepage (index.html) */
#indexlayer{
	width:100%
}
#newsArea{
	height:150px;
	width:100%;
	overflow:auto;
	background-color:gray;
}
a.newslinks{
	color:green;
	font-size: 30pt;
	font-weight:bold;
}
a.newslinks:hover{
	color:green;
	background-color:#add8e6;
	font-size:30pt;
	font-weight:bold;
}


/* parent's area */
#parents_area_layer{
	background-color:#000000;
	width:100%;
}

/* graduation photos */
#grad_photos_layer{
	background-color:#000000;
	width:100%;
}

/* news */
#news_layer{
	background-color:#000000;
	width:100%;
}

/* resources */
#resources_layer{
	background-color:#000000;
	width:100%;
}

/*picturepages*/
#picturepage{
	background-color:black;
	text-align:center;
	width:100%;
}

#picturepage a{
	font-size:32pt;
	color:green;
}

#picturepage h1{
	font-size:34pt;
}