/* CSS Document */
body { width: 100%; 
	text-align: center; 
	margin-top:60px; 
	margin-left:0px; 
/* #e1e1e1

Headline 1 - 1.25em (16 x 1.25 = 20)
Headline 2 - 1.125em (16 × 1.125 = 18)
Headline 3 - 1em (1em = 16px)
Main text - 0.875em (16 x 0.875 = 14)
Sub text - 0.75em (16 x 0.75 = 12)
Footnotes - 0.625em (16 x 0.625 = 10)
 */
	background:#f7fafe url(../images/bg.png) repeat;  /*c8deb2*/
		color: #333; 
	font-family: Calibri,Verdana; 
 }
 
div { border: #000 0px solid; }
#container { 
   width: 962px; 
   margin-right : auto;
   margin-left : auto;
   text-align:left;
   background:url(../images/side.png) repeat-y;
   border-bottom:#8c8c8c 2px solid;
   border-top:#504f4f 2px solid;
}

#header { 
   width: 100%; 
   height: 80px;
   position:fixed; 
   top:0px;
   background:url(../images/bar_shadow.png) repeat-x;
}

#footer { 
    width:100%;
	height:149px;
   background:url(../images/bar_shadow_bottom.png) repeat-x;
	position:fixed;
	bottom: 0px;
	text-align:center;
	overflow:hidden;
	z-index:100;
}
#footer-content{
position:absolute;
bottom:0px;
width:100%;
text-align:center;
}


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

}

#sidebar {


border:none; width:50px; position:fixed; top:88px; right:0px; z-index:1999;

}

.clear {
	clear:both;
}



.nav    { color:#FFCC33; font-family: Arial; font-size:.65em; font-weight:bold; font-stretch:expanded 1pt; }
.nav  a  { color:#FFCC33;}
a:hover.nav    { color:#FFFFFF;}


.icon {

			width: 222px;
			height: 222px;
			float:right;
			background:url(../images/icon_bg.png) no-repeat center;
			padding-right:9px;
	margin:5px;

}

		#rightcol {
			width: 222px;
			height: 100%;
			float:right;
			background-color:#FFCC33;
			padding: 9px 9px 9px 9px;
				border-top:1px solid #CCCCCC;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	border-left:1px solid #CCCCCC;
	margin:22px;
		}
		.rightcolgreen {
			width: 222px;
			height: 100%;
			float:right;
			background-color:#c8deb2;
			padding: 9px 9px 9px 9px;
				border-top:1px solid #CCCCCC;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	border-left:1px solid #CCCCCC;
	margin:22px;
		}
				.rightcolblue {
			width: 222px;
			height: 100%;
			float:right;
			background-color:#6cadd0;
			padding: 9px 9px 9px 9px;
				border-top:1px solid #CCCCCC;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	border-left:1px solid #CCCCCC;
	margin:22px;
		}
		
		
		
		#rightinside {
			background-color:#FFFFFF;
			padding: 4px 4px 4px 4px;
		}

		#leftcol {
			 padding: 17px;
		}
		#leftcolfull {
			 padding: 17px;
		}
		
		.fpfeature  {
		padding:17px;
   background:url(../images/side_feature.png) repeat-y;
   border-top:#504f4f 2px solid;
		
		}
		
		#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: 111px;
			height: 100%;
			float:right;
	border-top:1px solid #CCCCCC;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	border-left:1px solid #CCCCCC;
	margin:22px;

		}

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

		#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: 111px;
			height: 610px;
			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;

		}



img.bordered {border-top:1px solid #CCCCCC;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	border-left:1px solid #CCCCCC;
	margin: 3px 11px 3px 11px;
	}

img.plain{
border:0px;
margin:0px;
	}


.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: #333; 
	font-family: Calibri,Verdana; 
	font-size: 1em;
}
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: 8pt }
a:link.footer  { color: #00FF00; text-decoration: none; font-size:8pt; font-family:Verdana }
a:hover.footer   { text-decoration: none; color: #FFFFFF;  font-size:8pt; font-family:Verdana }
.footerorange     { color: #FFCC33; font-family: Verdana; font-size: 8pt }
.footerwhite     { color: #FFFFFF; font-family: Verdana; font-size: 8pt }
.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: 962px; /*For KHTML*/
  list-style: none;
  height: 50px;  

}

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;
}