/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
		MAIN PAGE PARAMETERS
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* //////////////// Sets tiled background //////////////////// */
body {background:#000000;
	margin:0;
	padding:0 0 0 0;
	height:100%
	}


/* //////////////// Sets main image  //////////////////// */
#maincontainer {background:url(pics/back01.jpg) no-repeat;
	width:1100px;
	height:880px;
	text-align:left;
	}
	
/* //////////////// Sets logo area  //////////////////// */
#logo {
	position:absolute;
	top:5px;
	left:45px;
	outline:none;
	border:0;
	}

/* //////////////// Sets image replacement & area for title  //////////////////// */
span.title {
     	display:block;
	position:absolute;
	left:320px;
	top: 5px;
     	width:290px;
     	height:100px;
     	margin-right:0px;
     	background-image:url("pics/title.gif");
     	background-repeat:no-repeat;
	outline:none;
	border:0;
}

span.title span {display:none;} 

/* //////////////// Sets school address area  //////////////////// */
#schoolinfo {
	position:absolute;
	top:200px;
	left:720px;
	width:150px;
	text-align:left;
	font:bold 10px arial,sans-serif;
	color:#c0c0c0;
	}

/* //////////////// Sets school area links  //////////////////// */
#schoolinfo a {
	outline:none;
	color:#ffffff;
	}	

#schoolinfo a:hover {
	color:#808080;
	}	
	
/* //////////////// Sets Category menu areas  //////////////////// */
#menu1, #menu1 a {
	position:absolute;
	top:75px;
	left:15px;
	padding:0px 0 0px 8px;
	margin:0px 0 9px 0;
	width:100px;
	display:block;
	font:bold 10px arial,sans-serif;
	color:#fff;
	text-align:left;
	text-decoration:none;
	line-height:10px;
	outline:none;
	}
	
#menu2, #menu2 a {
	position:absolute;
	top:294px;
	left:30px;
	padding:0px 0 0px 8px;
	margin:0px 0 9px 0;
	width:100px;
	display:block;
	font:bold 10px arial,sans-serif;
	color:#fff;
	text-align:left;
	text-decoration:none;
	line-height:10px;
	outline:none;
	}
	
#menu3, #menu3 a {
	position:absolute;
	top:456px;
	left:30px;
	padding:0px 0 0px 8px;
	margin:0px 0 9px 0;
	width:100px;
	display:block;
	font:bold 10px arial,sans-serif;
	color:#fff;
	text-align:left;
	text-decoration:none;
	line-height:10px;
	outline:none;
	}
	
	#menu4, #menu4 a {
	position:absolute;
	top:272px;
	left:15px;
	padding:0px 0 0px 8px;
	margin:0px 0 9px 0;
	width:100px;
	display:block;
	font:bold 10px arial,sans-serif;
	color:#fff;
	text-align:left;
	text-decoration:none;
	line-height:10px;
	outline:none;
	}
	
	/* //////////////// Sets Item menu area  //////////////////// */
#menuB {
	position:absolute;
	top:168px;
	left:60px;
	padding:0px;
	margin:0px 0 0 0;
	width:235px;
	}

/* //////////////// Sets rollover image and formatting for menu items  //////////////////// */
a.item {
	width:120px;
	max-height:3px;
	display:block;
	padding:0px 0 25px 20px;
	_padding: 0px 0 18px 20px;
	font:bold 10px arial,sans-serif;
	color:#000;
	text-align:right;
	text-decoration:none;
	line-height:10px;
	outline:none;
	}

/* //////////////// Sets hover action for menu items  //////////////////// */
a.item:hover {
	outline:none;
	}

/* //////////////// Sets sub-page area used by iframe  //////////////////// */
#centercontent {
	position:absolute;
	top:100px;
	left:225px;
	padding:0px;
	width:490px;
	}

/* //////////////// Sets iframe parameters for sub-page usage  //////////////////// */
iframe  {
	border: 0px;
	margin: 0;
	scrolling:no;
	padding: 0px;
	}

/* //////////////// Sets copyrite area  //////////////////// */
#copy{
  position:absolute;
	top:685px;
	left:285px;
	text-align:left;
	font:8px arial;
	color:#fff;
	}
	
/* /////////////// Sets scrolling announcement area //////////////// */
#announce {
  position:absolute;
	top:279px;
	left:716px;
	width:207px;
	height:141px;
	}

/* /////////////// Sets scrolling announcement area //////////////// */
#calendar {
  	position:absolute;
	top:441px;
	left:716px;
	width:207px;
	height:141px;
	}

/* /////////////// Sets top right pic area ////////////////////// */
#pic01 {
 	 position:absolute;
	top:0px;
	left:690px;
	outline:none;
	}
	
/* /////////////// Sets bottom left pic area ////////////////////// */
#pic02 {
  position:absolute;
	top:585px;
	left:175px;
	outline:none;
	z-index:100;
	}
	
/* /////////////// Sets bottom right pic area ////////////////////// */
#pic03 {
  position:absolute;
	top:583px;
	left:650px;
	outline:none;
	}
	
/* /////////////// Sets slideshow area ////////////////////// */	
#slide {
  position:absolute;
	top:605px;
	left:14px;
	outline:none;
	z-index:90;	
	}

/* /////////////// Sets awards areas ////////////////////// */
#award07 {
  position:absolute;
	top:715px;
	left:390px;
	outline:none;
	z-index:5;
	}

#award08 {
  position:absolute;
	top:720px;
	left:425px;
	outline:none;
	z-index:25;
	}

#award09 {
  position:absolute;
	top:710px;
	left:460px;
	outline:none;
	z-index:45;
	}
	
#award10 {
  position:absolute;
	top:715px;
	left:495px;
	outline:none;
	z-index:65;
	}
	
/* //////////////// Sets footer: Webmaster contact area //////////////////// */
#footer {
	position:absolute;
	top:760px;
	left:700px;
	width:100px;
	}

/* //////////////// Sets footer text parameters using <p> //////////////////// */
#footer p , #footer p a {
	text-align:right;
	font:8px verdana,arial;
	color:#c0c0c0;
	outline:none;
	text-decoration:none;
	}

/* //////////////// Sets blog link area //////////////////// */
#blog {
	position:absolute;
	top:650px;
	left:590px;
	outline:none;
	z-index:100;
	}

/* //////////////// Sets footer hover action //////////////////// */
#footer a:hover {color:#808080; outline:none;}

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
		SUB PAGE PARAMETERS
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* /////////////// Sets main content area and formatting ////////////////////// */
#content {
  background:url("pics/back02.jpg");
  width:430px;
  height:580px;
  padding:30px 25px 20px 25px;
  margin:0px;
  font:10px times,arial,serif;
  text-align:justify;
  color:#000;
	line-height:15px;
  outline:none;
  }

	/* /////////////// Sets content link formatting ////////////////////// */
#content a {
  font:bold 10px times,arial,serif;
  color:#720D0D;
  text-decoration:none;
  outline:none;
  }

/* /////////////// Sets content link hover formatting ////////////////////// */
#content a:hover {
  font:bold 10px times,arial,serif;
  color:#0F26B1;
  outline:none;
  text-decoration:none;
  }

/* /////////////// Sets content link bold hover formatting ////////////////////// */
#content a b:hover {
  font:bold 10px times,arial,serif;
  color:#0F26B1;
  outline:none;
  text-decoration:none;
  }

#content u {
	line-height:15px;
	}
	
/* /////////////// Sets content preceding capital letter formatting ////////////////////// */
#content span{
  font: 40px monotype corsiva,times,serif;
  color:#000;
  outline:none;
  text-decoration:none;
	line-height:30px;
  }

	/* /////////////// Sets header formatting ////////////////////// */
h1 {
	font:50px monotype corsiva,times,serif;
	color:#000;
  display:block;
  margin:0;
	line-height:5px;
  }
		
h2 {
	font:bold 28px monotype corsiva,times,serif;
	color:#720D0D;
  display:block;
  margin:0;
	line-height:5px;
  }

h3 {
  font:bold 20px monotype corsiva,times,serif;
  color:#720D0D;
  display:block;
  margin:0;
  } 

/* /////////////// Sets sitemeter area below view ////////////////////// */	
#meter {
  position:absolute;
	top:800px;
	outline:none;
	}

/* /////////////// Sets sitemeter area below view ////////////////////// */	
.pic{
	margin: 0 5px 0 5px;
	}
	
/* /////////////// Sets space around bottom pics to prevent overlapping text ////////////////////// */

#leftfloat {
	width:50px; 
	height:100px;
	float:left;
	clear:left;
	}

#rightfloat {
	width:40px; 
	height:60px;
	float:right;
	clear:right;
	}