@charset "utf-8";
/* CSS Document */

#header{
	position:absolute;
	width:761px;
	height:127px;
	background-image:url(images/banner9.jpg);
	background-repeat:no-repeat;
	left: 0px;
	top: 0px;
}
#header h1{
	color:#FFFFFF;
	font-size:48px;
	margin-left:170px;
	margin-top:-2px;
	}
#header h2{
	text-align:right;
	color:#FFFFFF;
	margin-right:80px;
	margin-top:-10px;
	}
body{
	background-color:#9D9D9D;
}
#menu {
	position:absolute;
	left:2px;
	top:129px;
	width:162px;
	height:375px;
	z-index:1;
}
#content {
	position:absolute;
	left:169px;
	top:130px;
	width:716px;
	height:629px;
	z-index:2;
	font-size:14px;
}
/* Begining of menu code thanks to http://www.therotunda.net/code/rollover-buttons-css.html */

	#links { float:left; } 
#button { margin-right:1px; }
#button ul {list-style:none; border:none; margin:0px; padding:0px}
#button li { margin:0px;height:50px;background-image:url(images/ega1.jpg); background-repeat:no-repeat; width:160px;}
#button li.top {   
   font-family:Arial, Lucida, Helvetica, sans-serif; 
  color:#FFFFFF; font-size:10pt; font-weight:bold; display:block; 
  padding-top:10px ; width:100%; text-align:center;text-decoration:none; }
#button li a {
  font-family:Arial, Lucida, Helvetica, sans-serif; 
  color:#FFFFFF; font-size:10pt; font-weight:bold; display:block; 
  padding-top:10px ; width:100%; text-align:left;margin-left:40px;text-decoration:none; }
html>body #button li a, html>body #button li.top {width:auto;}  
#button li a:hover {/*background-image:url(images/over.gif); background-repeat:repeat-y;*/width:160px;height:50px;color:#CCCCCC;}
/* End of nav */
.fl1{ 
	float:left;
	width:240px;
	
	}
.fl2{ 
	float:left;
	width:50px;
	margin-left:2px;
	}

.fl{
	float:left;
	margin:1px;
	text-align:center;
	width:19%;
	height:190px;
	}
#mascot{
	background-color:#FFFFFF;
	width:650px;
	margin:auto;
	text-align:center;
	}
a:link{
	text-decoration:none;
	}
a:visited{
	text-decoration:none;
	}