/* Basic Definitions */

body { 
	/*font: 8pt/16pt;*/
	/* font-family:Arial, Helvetica, sans-serif;  */
	background-color: #F0F4F7;/*#e9ecf4; */
	font-family: verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	margin: 0px;
	padding: 0px;
	}
p { 
	text-align:left;
	padding: 0px;
	margin: 0px;
	padding-bottom: 15px;
	line-height: 15px;
	}
ul {
	padding: 0px;
	margin: 0px;
	margin-left: 16px;
	padding-top: 7px;
	margin-bottom: 4px;
	}
li   {
	padding-top:0;
	border-top: 0;
	line-height: 1.1em;
	color:#FFFFFF;
	}
h1  {
	background-color:#006510;
	font-weight: bold;
	font-size: 14px;
	padding: 4px;
	margin: 1px;
	color:#FFFFFF;
	}
h2  {background-color:#006510;
	font-weight: bold;
	font-size: 12px;
	padding: 3px;
	margin: 1px;
	margin-left:8px;
	margin-top:3px;
	color:#FFFFFF;
	}
h3 { 
	font: italic normal 11pt georgia; 
	letter-spacing: 1px; 
	background-color:#006510;
	font-weight: bold;
	font-size: 11px;
	padding: 3px;
	margin: 1px;
	margin-left:8px;
	color:#FFFFFF;
	}
a:link { 
	/*font-weight: bold;*/
	text-decoration: none; 
	color: #0033FF; /*#0077CC; */
	}
a:visited { 
	/*font-weight: bold;*/
	text-decoration: none; 
	color: #0033FF;
	}
a:hover { 
	text-decoration: underline;
	background-color:#FFEE00;
	}
/* links on image without hover background color */	
.imagelink a:hover { 
	text-decoration: none;
	background-color:transparent;
	}

/* links inside the left box has standard grey color */	
.left a:link { 
	color: #000000;
	}
.left a:visited { 
	color: #000000;
	}

.left a:hover { 
	/* text-decoration: underline; */
	color: #000000; 
	}


/* links inside the H1 green bar has white/blue colors */	
h1 a:link{ 
	color: #FFFFFF; 
	}
h1 a:visited{ 
	color: #FFFFFF; 
	}
h1 a:hover{ 
	color: #0033FF; 
	}

/* links inside the top navigation has black color */			
div a.tile_link:link {
			color: black;
			}
div a.tile_link:visited {
			color: black;
			}
div a.tile_link:hover {
			text-decoration: none; 
			background-color:#FFEE00;
			}
	
/* Classes for parts of the page */
.left {	/* float: left; */
		width:160px;
		background-color:#FFFFFF;
		position:absolute;
		left:0px;
		top:264px;

      }
.menu_block {
		width: 100;
		height:auto;
		}
.menu_block li {
		padding-top:0;
		border-top: 0;
		color:#FFFFFF;
		list-style:none;
		background-image:url(../Menu_Background.gif);
		}
.menu_block li a:link {
		font-size:12px;
		line-height: 1.1em;
		font-weight: bold; 
		text-decoration: underline; 
		color: black;
		}
.menu_block li a:visited {
		font-weight: bold; 
		text-decoration: underline; 
		color: black;
		}
.menu_block a:hover {background-color:#FFEE00;
	}
.menu_link {
		color: white;
	}
.tile_link {
			background-image: url(../Tile_r.gif);
			background-repeat:no-repeat;
			font-weight: bold; 
			text-decoration:none;
			color:black;
			font-size: 12px;
			line-height:.75;
			height:35px;
			width:60px;
			text-align:center;
			vertical-align:middle;
	
			/* margin-top:10;  pushes everything down */
}
/*.tile_link a{
			background-image: url(../Tile_r.gif);
			font-weight: bold; 
			text-decoration: underline; 
			color:black;
			font-size: 32px;
			} */

/* Class boxed is for floating link boxes contained in "left" class */
.boxed {
			/* background-image:url(../RegionMid_120.gif); */
			/* width:120px; */
			border-style:ridge;
			border-width:5px;
			border-color:#608065; /*#006510;*/
			margin:0;
			padding:0;
/*			
		-moz-box-shadow:inset 0 0 10px #000000;
		-webkit-box-shadow:inset 0 0 10px #000000;
		box-shadow:inset 0 0 10px #000000;
*/	
/*		-moz-border-radius: 5px; /* Firefox */
/*		-webkit-border-radius: 5px; /* Safari and Chrome */
/*		border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

		-moz-box-shadow: 5px 5px 5px #ccc; /* Firefox */
		-webkit-box-shadow: 5px 5px 5px #ccc; /* Safari and Chrome */
		box-shadow: 5px 5px 5px #ccc; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */

/*		behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
   }
.boxed li {
		color:#000000;
		font-size:12px;
		margin: 0 0 0 -5px;
		padding: 0px 4px 4px 0;
		border-top: 0;
		list-style:none;
}
.boxed h1 {
		color:#006600;
		font-size:12;
		font-weight:bold;
		background-color:#E4E4E4;
		margin: 0 0 0 0px;
		padding:3px 3px 3px 10px;
		border-top: 1px solid #99AA99;
		/*border-bottom: 1px solid #99AA99;*/
		/*text-decoration:underline;*/
}

/* This is the main center part of the page where the content goes */
.main {
			position:absolute;
			top:264px;
			left:182px;
			width: 603px;
			padding-left:2;
			padding-right:0;
			/* margin:10; 
			padding-top:0;
			padding-bottom:0;*/
		}
.main p {
		margin-left:8;
		}
.main li {
		list-style-type:circle;
		color:#000000;
		font-size:14px;
		padding-left:0;
		padding-top:2;
		padding-bottom:2;
		margin-top:1;
		margin-bottom:1;
		border-top: 0;
		}

/* Used on lunch page */
.lunch { font-size: small; font-family: Arial, sans-serif, Helvetica, Geneva, SunSans-Regular; font-weight: normal; margin-top: 4px; margin-bottom: 0; margin-left: 25px; padding-top: 0; padding-bottom: 0; }
.lunch_hdr { font-size: medium; font-family: Arial, sans-serif, Helvetica, Geneva, SunSans-Regular; margin-bottom: -5px; }

/* Used on outermost div */
.full_width {
			width:768px;
			}

/* instance positioners */
#main_top {
}
#main_bot {
}

#home_tile {
			position: absolute; 
			top: 129px; 
			left: 1px;
			width:358px;
			height:43px;
			vertical-align:middle;
			background-image:none;
			}
#home_tile:hover {
			background-image:url(../Front1signonly.gif);
			/* background-color:none; */
}
#staff_tile {
			position: absolute; 
			top: 170px; 
			left: 157px;
			vertical-align:middle;
			z-index:1;  /* this one overlaps the address bounding box */
			}	
#sports_tile {
			position: absolute; 
			top: 189px; 
			left: 224px;
			}	
#library_tile {
			position: absolute; 
			top: 202px; 
			left: 301px;
			}	
#music_tile {
			position: absolute; 
			top: 209px; 
			left: 384px;
			}	
#pta_tile {
			position: absolute; 
			top: 206px; 
			left: 469px;
			}	
#lunch_tile {
			position: absolute; 
			top: 192px; 
			left: 539px;
			}	
#banner_tile {
			position: absolute; 
			top: 172px; 
			left: 606px;
			}	
/*
#menu1 {
        position: absolute; 
		top: 31px; 
		left: 630px;
 }
*/

/* Used only on top div that holds masthead */
#top   {
		/* background: #FFF url(../Front1r.gif) no-repeat; */
 		background-repeat:no-repeat;
		background-image:  url(Front1r.gif);
		min-height: 256;
		height: 256;
		position:absolute;
		top:0px;
		left:0px;
		width:768px;
		}
/* Used on div that overlays school address on the masthead image */
#address {
	position: absolute;
	top: 172px;
	left: 4px;
	width: 200px;
	font-weight:bold;
	line-height:.5em;
}

#staff_list {
}
#staff_list td {
		font-size:11px;
	}
#staff_list th {
		font-size:13px;
		font-weight:bold;
		color:#000000;
	}
.xlgBold    {font-size: 1.5em;
             font-weight: bold;
            }
.lgBold     {font-size: 1.1em;
             font-weight: bold;
            }
.smBold     {font-size: 0.89em;
             font-weight: bold;
            }
.mdBold     {font-size: 14px;
             font-weight: bold;
            }
.bgBold     {font-size: 18px;
             font-weight: bold;
            }

.xsmBold    {font-size: 0.75em;
             font-weight: bold;
            }
.tinyBold   {font-size: 0.65em;
             font-weight: bold;
            }
.xlgReg     {font-size: 1.5em;
            }
.lgReg      {font-size: 1.2em;
            }
.smReg      {font-size: 0.89em;
            }
.xsmReg     {font-size: 0.75em;
            }
.tinyReg    {font-size: 0.65em;
            }

.headBox    {background-color: #c8c8c8;
             text-align: center;
            }
.smItalic {font-size: 9px;
			font-style:italic;
		}

A.TOC       {color: white;
             font-weight: bold;
            }
TD.TOC      {text-align: center;
             background-color: #0db14b;
            }

TD.celldata {background-color: #d3d7da;
             text-align: left;
             vertical-align: middle;
            }
/* from bell schedule page */
  TR.head { background-color: #006600;}
  TR.whiterow { background-color: #eeeeee;}
  TR.greenrow { background-color: #99cc99;}
  TH { text-align: center; color: white; font-weight: bold; font-family: Arial; }
  TD.caption { text-align: center; font-weight: bold ;}
  /* TD.cell { font-family: Arial,Helvetica,Geneva,Swiss,sans-serif } */

/* Sports page */

th.nobackground {
	color:#000000;
	font-size:10px;
	font-weight:bold;
	}
	
table.tabular th {
  font-size : 11px;
  font-family : Verdana,Helvetica,Arial,sans-serif;
  background : #006600 none; 
  color : #FFFFFF;
}
table.tabular td {
  font-size : 11px;
  font-family : Verdana,Helvetica,Arial,sans-serif;
  background : #FFFFFF none; 
  color : #000000;
}
/* layout reform */
h1.sectionTitle {
	background: #F0F4F7;
	color:#006600;
}