/* CSS Document */
body { width: 100%; 
	text-align: center; 
	margin-top:18px; 
	margin-left:0px; 
/* #e1e1e1 */
	background:#c8deb2; /* url(../images/snow_animated.gif); */
	color: #000000; 
	font-family: Verdana; 
	font-size: 10pt; 
 }
div { border: #000 0px solid; }
#container { 
   width: 750px; 
   margin-right : auto;
   margin-left : auto;
   text-align:left;
   background-color:#FFFFFF;
   border: #000033 3px solid;
}
#header { 
   width: 750px; 
   height: 120px; 
   position: relative;
   z-index:10;
   background-color:#000033;
}

#footer { 
    width:742px;
    background-color:#000033;
	position: relative;
    padding: 4px 4px 4px 4px;

}


#breadcrumbs { 
	height:13px;
	background-color:#666666;
	padding: 4px 4px 4px 4px;
	position: relative;

}


.clear {
	clear:both;
}



.nav    { color:#FFCC33; font-family: Arial; font-size: 8pt; font-weight:bold; }
a:hover.nav    { color:#FFFFFF;}


		#rightcol {
			width: 155px;
			height: 100%;
			float:right;
			background-color:#FFCC33;
			padding: 9px 9px 9px 9px;
		}
		#rightinside {
			background-color:#FFFFFF;
			padding: 4px 4px 4px 4px;
		}

		#leftcol {
			 width: 550px;
			 padding: 11px 11px 11px 11px;
		}
		#leftcolfull {
			 padding: 11px 11px 11px 11px;
		}
		
		#fprightcontainer{
		    padding:0px;
			width: 260px;
			height: 100%;
			float:right;
		
		}
   		#fprightcol {
			background-color:#FFCC33;
			padding: 10px 10px 10px 10px;
			width: 240px;
			height: 100%;
			float:right;
		}
		
   		#rightcolsm {
			background-color:#FFCC33;
			padding: 10px 10px 10px 10px;
			width: 90px;
			height: 100%;
			float:right;
		}

		#fprightcolwhite {
			background-color:#FFFFFF;
			padding: 9px 9px 9px 9px;
			border-left:dashed #FFCC33 3px;
		}

		#fpleftcol {
			 width: 465px;
			 padding: 11px 11px 11px 11px;
		}
		#staffcol {
			width: 688px;
			background-color:#FFFFFF;
			padding: 11px 11px 11px 11px;
		}
		#studentcol {
			width: 500px;
			background-color:#FFFFFF;
			padding: 11px 11px 11px 11px;
		}
		#whazzupleft {
			width: 110px;
			height: 350px;
			background-color:#CC0000;
			padding: 3px 8px 3px 8px;
			float:left;
			overflow:scroll;
		}
		#whazzuparchivemiddle {
			 width: 610px;
			 padding: 11px 11px 11px 11px;
			 margin-left: 125px;
		}
		#whazzupmiddle {
			 width: 340px;
			 padding: 11px 11px 11px 11px;
			 margin-left: 125px;
		}
		#clock { 
            width:100px;
			height:100px;
			position: relative;
			float:right;
			z-index:-1;

		}

.tablewhite{ border: #000 2px solid; padding:6px 6px 6px 6px; background-color:#FFFFFF;
border-top-color:#999;
border-left-color:#CCC;
background-image:url(../images/snow_animated.gif);}
		
.tablelike { border: #000 1px solid; padding:4px 3px 4px 4px; }
#box { 
  background-color: #FFFFCC; padding: 5px; border:solid #666666 thin; 
  }
 #menubox { 
  background-color: #000033;
  padding: 5px;
  width: 750px;
  }
#split1 {
	position:relative;
	width: 290px;
	float: right;
	padding: 5px 5px 5px 5px;
	background-color:#FFFFCC;
}
#split2 {
	position:relative;
	width: 200px;
	float: right;
	padding: 5px 5px 5px 5px;
	border-color:#CCCCCC;
	border-width:thin;
}
#split2outer {
	position:relative;
	width: 214px;
	float: left;
	padding: 7px 7px 7px 7px;
}
#split3 {
	position:relative;
	width: 200px;
	padding: 5px 5px 5px 5px;
	background-color:#CCCCCC;
    box-shadow: black 0.5em 0.5em 0.3em	float:left;
}
a.link       { color: #0033CC; text-decoration: none; }
a:hover      { text-decoration: none; color: #cc0000; }
.fpheads     { color: #000033; letter-spacing: 2pt; font-family: Arial; text-transform: 
               uppercase; font-size: 11pt; font-weight: bold }
.regular     { color: #000000; font-family: Verdana; font-size: 10pt; }
h6           { font-family: Verdana; font-size: 12pt; color: #000033; font-weight: bold }
h3           { font-family: Verdana; font-size: 12pt; color: #000033; font-weight: bold }
h4           { font-family: Verdana; font-size: 14pt; color: #cc0000; font-weight: bold }
h5           { color: #0000FF; font-family: Verdana; font-size: 12pt; font-weight: bold }
.limehead           { font-family: Verdana; font-size: 14pt; color: #00FF00; font-weight: bold }

a:link.fp       { color: #0000FF; text-decoration: none; font-size:10pt }
a:hover.fp      { text-decoration: none; color: #cc0000;  font-size:10pt  }
A {text-decoration:none}

a:link.bottom       { color: #0000FF; text-decoration: none; font-size:9pt; font-family:Verdana }
a:hover.bottom      { text-decoration: none; color: #cc0000;  font-size:9pt; font-family:Verdana }


.whaz     { color: #FFFFFF; font-family: Verdana; font-size: 10pt }
a:link.whaz  { color: #FFFFFF; text-decoration: none; font-size:10pt; font-family:Verdana }
a:hover.whaz   { text-decoration: none; color: #FFFF00;  font-size:10pt; font-family:Verdana }

.small    { color: #000000; font-family: Verdana; font-size: 8pt }
.fineprint    { color: #000000; font-family: Verdana; font-size: 8pt; font-style:italic }
.verysmall    { color: #666666; font-family: Arial; font-size: 7pt }
.tagcloud1    { color: #000000; font-family: Verdana; font-size: 14pt }
.tagcloud2    { color: #666666; font-family: Verdana; font-size: 12pt }
.tagcloud3    { color: #ccc; font-family: Verdana; font-size: 8pt }
.tagcloud4    { color: #333; font-family: Verdana; font-size: 10pt }

.lite     { color: #FFFFCC; font-family: Verdana; font-size: 10pt }
a:link.lite  { color: #00FF00; text-decoration: none; font-size:10pt; font-family:Verdana }
a:hover.lite   { text-decoration: none; color: #FFFF00;  font-size:10pt; font-family:Verdana }

.footer     { color: #00FF00; font-family: Verdana; font-size: 9pt }
a:link.footer  { color: #00FF00; text-decoration: none; font-size:9pt; font-family:Verdana }
a:hover.footer   { text-decoration: none; color: #FFFFFF;  font-size:9pt; font-family:Verdana }
.footerorange     { color: #FFCC33; font-family: Verdana; font-size: 9pt }
.footerwhite     { color: #FFFFFF; font-family: Verdana; font-size: 9pt }
.regularbigred     { color: #CC0000; font-family: Verdana; font-size: 12pt; font-weight:bold;}
.regularred     { color: #CC0000; font-family: Verdana; font-size: 11pt; letter-spacing:2px;}
a:link.regularred    { color: #CC0000; font-family: Verdana; font-size: 11pt; letter-spacing:2px;}
a:hover.regularred    { color: #ff0000; font-family: Verdana; font-size: 11pt; letter-spacing:2px; background-color:#FFFFCC;}
a:visited.regularred    { color: #CC0000; font-family: Verdana; font-size: 11pt; letter-spacing:2px;}
.regularfp       { color: #0033CC; text-decoration: none; }
a:link.regularfp       { color: #0033CC; text-decoration: none; }
a:hover.regularfp     { text-decoration: none; color: #cc0000; }
a:visited.regularfp    { color: #003399; text-decoration: none; }

.regularbigyellow     { color: #FFFF00; font-family: Verdana; font-size: 12pt; font-weight:bold;}
.footergreen     { color:#006600; font-family: Verdana; font-size: 9pt }
.emphasis     { color: #000099; font-weight:bold;}

.backyellow { background-color:#FFFF00; padding:5px;}

input.plain {
cursor:pointer;
border:0px #ccc;
color:#000000;
font-weight:bold;
font-size:14px;
text-align:left;
background-color:transparent;
}
input.plaine {
cursor:pointer;
border:0px #ccc;
color:#cc0000;
font-size:16px;
font-weight:bold;
text-align:left;
background-color:transparent;
}

/*THIS IS FOR MENU!!!!!*/

/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 750px; /*For KHTML*/
  list-style: none;
  height: 24px;  

}

ul#navmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 41px;
  left: 20px;
    z-index:999998;
}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu ul li {
  width: 103px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu a {
  border: 1px solid #000033;
  border-right-color: #000000;
  border-bottom-color: #000000;
  padding: 0 6px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #000033;
  color: #666;
  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/

}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  background: #000033;
  color: #FFF;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
  background: #000033;
  color: #b1b1b1;
  text-align:left;
  width:160px;

}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #ffcc33;
  color: #333;

}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
  width:200px;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
  width:200px;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 170px;
    z-index:999999;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}