html{
	top:0;
	height: 100%;
	text-align:center;
	margin:0 auto;
	padding:0;
	overflow:scroll;
}

body {
	top:0;
	height: 100%;
	width:100%;
	margin: 0 auto;
	padding:0;
	text-align:left; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1.5em;
}

p{	color: #FFFFFF;	margin:1em 0; }

h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p{	margin-top:-0.05em;}

h1, h2, h3, h4, h5, h6{ color: #FFFFFF; margin-bottom:0.5em; }

h1{ font-size:30px; font-weight:bold; color: #FFD800; }

h2{	font-size:20px;}

h3{	font-size:18px;}

h4{	font-size:16px;}

h5{	font-size:14px;}

h6{	font-size:12px;}

ol, ul{	margin: 1em 0 1em 2em; }

ol ol, ol ul, ul ol, ul ul{ margin-top:0; margin-bottom:0; }

ol li{	list-style:decimal }
ol li ol li{ list-style:upper-alpha; }
ol li ol li ol li{ list-style:upper-roman; }

ul li{ list-style:disc;}

em{font-style:italic;}

strong{font-weight:bold;}

em strong, strong em{ font-weight:bold; font-style:italic; }

.dark {
color:#25274E;
}

.light {
color:#FFFFFF;
}

#container {
	display:block;
	position: absolute;
	padding:0;
	width:100%;
	height:210px;
	background:#fff;
	top:50%;
	margin:-100px 0 0 0;
	border:solid #E69623;
	border-width:3px 0 3px 0;
	
	opacity: 0.90;
	-moz-opacity: 0.90;
	filter: alpha(opacity=90);
}

#logo{
	display:block;
	position: absolute;
	width:186px;
	height:32px;
	background: url(../img/logo.gif) no-repeat 0 0;
	left:50%;
	margin:0 0 0 -280px;
	top:15px;
	overflow:hidden;
	text-indent:999em;
	line-height:999em;
}

#content{
	position:relative;
	display:block;
	width: 400px;
	left:0%;
	margin:0 0 0 -50px;
	padding:15px 0;
	top:10px;
}

#footer {
	position: absolute;
	bottom: 0;
	margin:0;
	width:100%;
	text-align:center;
	left:0;
}

.topbar
{
width:1100px;
height:314px;
background-color:#FFFFFF;
border:1.0pt solid #25274E;
}

.topbarsm
{
width:1100px;
height:220px;
background-color:#FFFFFF;
border:1.0pt solid #25274E;
}

.topbartiny
{
width:95%;
height:80px;
background-color:#FFFFFF;
border:1.0pt solid #25274E;
}

.navbar
{
width:210px;
background-color:#FFFFCC;
border:1.0pt solid #25274E;
}

.logobar
{
background-color:#FFFFFF;
border:1.0pt solid #25274E;
}

.searchbar
{
width:210px;
background-color:#FFFFCC;
color:#25274E;
border:1.0pt solid #25274E;
padding:5px;
}

.pleap
{
width:210px;
background-color:#FFFFCC;
color:#25274E;
padding:5px;
}

.bodybar
{
width:1100px;
background-color:#25274E;
border:1.0pt solid #25274E;
padding:5px;
}

.bodybartiny
{
width:95%;
background-color:#25274E;
border:1.0pt solid #25274E;
padding:5px;
}

.wordybar
{
width:900px;
background-color:#25274E;
border:1.0pt solid #FFFFFF;
color: #25274E;
padding:10px;
cellpadding:10px;
text-align:left;
}

.menubut {
background-color:#FFFFFF;
color:#25274E;
border:1.0pt solid #25274E;
text-align:center;
}

A:menubut.hover {
   text-decoration: none;
   color: purple;
   background: pink;
   font-size: 22px;
   font-weight: bold;
}


#busytable
{
border-collapse:collapse;
}

#busytable td
{
border:1.0pt solid #25274E;
background-color:#FFFFCC;
text-align:left;
padding:5px;
cellpadding:5px;
}

#mapetable
{
border-collapse:collapse;
}

#mapetable td
{
border:1.0pt solid #25274E;
background-color:#FFFFCC;
text-align:center;
padding:5px;
cellpadding:5px;
}

#mapetable td.hover
{
border:1.0pt solid #25274E;
background-color:#FF0000;
text-align:center;
padding:5px;
cellpadding:5px;
}



table.mapet {
	border: none;
//	border: 1px outset gray;
//	border-collapse: separate;
	border-collapse: collapse;
	border-spacing: 2px;
	background-color: 25274E;
}
table.mapet th {
	border: 1px inset gray;
	padding: 5px;
	background-color: white;
	-moz-border-radius: 0px;
}
table.mapet td {
	border: none;
//	border: 1px inset gray;
	padding: 5px;
	-moz-border-radius: 0px;
}
span.depressed {
	border-style: inset;
	border-width: 1px;
	border-color: #CCCCCC;
	color: black;
	background-color: #F3CC12;
	-moz-border-radius: 5px;
	padding: 5px 5px 5px 5px;
	line-height: 1.4em;
}
span.raised {
	border-style: outset;
	border-width: 1px;
	border-color: #CCCCCC;
	color: black;
	background-color: #F3F3EE;
	-moz-border-radius: 5px;
	padding: 5px 5px 5px 5px;
	line-height: 1.4em;
}
span.greyed {
	border-style: outset;
	border-width: 1px;
	border-color: #CCCCCC;
	color: black;
	background-color: #444444;
	-moz-border-radius: 5px;
	padding: 5px 5px 5px 5px;
	line-height: 1.4em;
}
span.depressed:hover {
	cursor: pointer;
	background-color: #F3CC12;
}
span.raised:hover {
	cursor: pointer;
	background-color: #F3CC12;
}
span.greyed:hover {
	cursor: pointer;
	background-color: #444444;
}

input.depressed {
	border-style: inset;
	border-width: 1px;
	border-color: #CCCCCC;
	color: black;
	background-color: #F3CC12;
	-moz-border-radius: 5px;
	padding: 5px 5px 5px 5px;
	line-height: 1.4em;
}
input.raised {
	border-style: outset;
	border-width: 1px;
	border-color: #CCCCCC;
	color: black;
	background-color: #F3F3EE;
	-moz-border-radius: 5px;
	padding: 5px 5px 5px 5px;
	line-height: 1.4em;
}
input.greyed {
	border-style: outset;
	border-width: 1px;
	border-color: #CCCCCC;
	color: black;
	background-color: #444444;
	-moz-border-radius: 5px;
	padding: 5px 5px 5px 5px;
	line-height: 1.4em;
}
input.depressed:hover {
	cursor: pointer;
	background-color: #F3CC12;
}
input.raised:hover {
	cursor: pointer;
	background-color: #F3CC12;
}
input.greyed:hover {
	cursor: pointer;
	background-color: #444444;
}

#schedule
{
	border-collapse:collapse;
}

#schedule table
{
	border:2.0pt solid #F3CC12;
	background-color:#FFFFFF;
	text-align:left;
	padding:10px;
	color: #25274E;
}

#schedule td
{
	border:none;
	background-color:#FFFFFF;
	text-align:left;
	padding:5px;
	color: #25274E;
}

#schedule td.raised {
	border:none;
	color: #25274E;
	background-color: #FFFFFF;
	padding: 5px;
	line-height: 1.4em;
}

#schedule td.raised:hover {
	cursor: pointer;
	background-color: #F3CC12;
}


#mapetab
{
border:1.0pt solid #25274E;
padding:5px;
cellpadding:5px;
background-color:#FFFFCC;
color: #00FFFF;
text-align:center;
}

#mapetab:hover
{
background-color:#FF0000;
color: #00FFFF;
}

#mapetab span
{
  position: absolute;
  top: -999em;
}


#bmtable
{
border-collapse:collapse;
}

#bmtable td
{
border:1.0pt solid #25274E;
background-color:#FFFFCC;
text-align:center;
padding:5px;
cellpadding:5px;
}

#projtable
{
border-collapse:collapse;
}

#projtable td
{
border:none;
background-color:#FFFFFF;
text-align:center;
padding:5px;
cellpadding:5px;
}

#projtableleft
{
border-collapse:collapse;
}

#projtableleft td
{
border:none;
background-color:#FFFFFF;
text-align:left;
cellpadding:5px;
padding: 1px 10px 1px 10px;
}


#girlheader
{
border-collapse:collapse;
border:1.0pt solid #25274E;
background-color:#FF99FF;
text-align:center;
padding:5px;
cellpadding:5px;
}

#girlheader th
{
background-color:#FF99FF;
text-align:center;
}

#boyheader
{
border-collapse:collapse;
border:1.0pt solid #25274E;
background-color:#C6D9F1;
text-align:center;
padding:5px;
cellpadding:5px;
}

#boyheader th
{
background-color:#C6D9F1;
text-align:center;
}

#longtable
{
border-collapse:collapse;
}

#longtable td
{
border:none;
background-color:#FFFFFF;
text-align:left;
padding:5px;
}

#longtable table
{
border:3.0pt solid #FFFFCC;
background-color:#FFFFFF;
text-align:left;
padding:10px;
}



#leftheading
{
text-align:left;
font-weight:bold;
}