body {
  text-align: center;
  background-color: #FFCC99;
  margin: 0;
  padding: 0;
  font-family: Verdana, Sylfaen, Myriad Condensed Web, Arial Narrow, Times New Roman;
}
img { 
  border: 0;
}
h1 {
  text-align: center;
  color: #CC0000;
}
#container {
  width: 900px;
  position: relative;
  margin-right: auto;
  margin-left: auto;
  margin-top: 10px;
  padding: 0px;
  text-align: left;
  display: block;
  background-color: #FFFFFF;
  overflow: hidden;
  border: solid 1px #330000;
}
#header {
  overflow: hidden;
  position: relative;
  width: 900px;
  height: 100px;
  float: left;
  background-color: #774994;
}
#linkbar {
  overflow: visible;
  position: relative;
  width: 200px;
  height: auto;
  padding: 0;
  margin: 0;
  float: left;
  background-color: #FFFFFF;
}
#document {
  overflow: hidden;
  width: 698;
  height: auto;
  padding: 0px;
  float: left;
  background-color: #FFFFFF;
}

span.help {
	text-decoration: none;
	background: url('images/helpunderline.gif') bottom left repeat-x;
	cursor: help;
}

ul.menu {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 200px; /* Width of Menu Items */
	border-bottom: 1px solid #ccc;
	}
	
ul.menu li.menu {
	position: relative;
	z-index:1;
	}
	
li.menu ul {
	position: absolute;
	left: 199px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	font-size: smaller;
	}

/* Styles for Menu Items */
ul.menu li.menu a {
	display: block;
	text-decoration: none;
	color: #333333;
	padding: 5px;
	padding-right: 0;
	border: 1px solid #ccc; /* IE6 Bug */
	border-bottom: 0;
	background-color: #774994;
	color: #fb9748;
	font-weight: 800;
	}
ul.menu li.menu a:hover {
	background-color: #9C6FB8;
	}
	
i.menu {
  font-size: smaller; 
  margin-left: 7px;
  color: #FFCC99;
  
}
	
	
/* Holly Hack. IE Requirement \*/
* html ul.menu li.menu { float: left; height: 1%; }
* html ul.menu li.menu a { height: 1%; }
/* End */

li.menu:hover ul, li.menu.over ul { display: block; } /* The magic */




ul.studentmenu {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 200px; /* Width of Menu Items */
	border-bottom: 1px solid #ccc;
	}
	
ul.studentmenu li.studentmenu {
	position: relative;
	z-index:1
	}
	
li.studentmenu ul {
	position: absolute;
	left: 199px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	font-size: smaller;
	}

/* Styles for Menu Items */
ul.studentmenu li.studentmenu a {
	display: block;
	text-decoration: none;
	color: #333333;
	padding: 5px;
	padding-right: 0;
	border: 1px solid #ccc; /* IE6 Bug */
	border-bottom: 0;
	background-color: #FFFFFF;
	}
ul.studentmenu li.studentmenu a:hover {
	background-color: #FFFF99;
	}
	
i.studentmenu {
  font-size: smaller; 
  margin-left: 7px;
  color: #777;
}
	
	
/* Holly Hack. IE Requirement \*/
* html ul.studentmenu li.studentmenu { float: left; height: 1%; }
* html ul.studentmenu li.studentmenu a { height: 1%; }
/* End */

li.studentmenu:hover ul, li.studentmenu.over ul { display: block; } /* The magic */