body {
margin: 0;
padding: 0;
font: 80% verdana, arial, sans-serif;
}



#menu {
position: absolute;      /* Menu position that can be changed at will */
top: 185px;                /* Sets the top of the menu under the "About WCU" drop down menu*/
width: 165px;             /* For setting the width of the menu*/
z-index: 1;              /* For a z-index */
}

#menu dt {
	cursor: pointer;         /* For setting the image of the pointer */
	margin: 2px 0;
	;
	line-height: 21px;
	text-align: left;
	font-size: 11pt;
	color: #390D44;          /* For setting the font color of menu header */
	border-bottom-style: dashed ; 
	border-bottom-color: #CCCCCC; 
	border-bottom-width: 1px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.oneRowHeight{
height: 20px;
}

.twoRowHeight{
height: 40px;
}

.threeRowHeight{
height: 60px;
}

.oneRow{
/* For setting the sub-menu border */
position: absolute;
margin-top: -2.2em;
left: 9.8em;
width: 200px;
}

.twoRows{
border:3px solid #D9B607;  /* For setting the sub-menu border */
position: absolute;
margin-top: -3.8em;
left: 7.4em;
width: 200px;
}

.threeRows{
border:3px solid #D9B607;  /* For setting the sub-menu border */
position: absolute;
margin-top: -5.49em;
left: 7.4em;
width: 200px;
}

#menu li {
text-align: center;      /* li is used for the listing the links */
font-size: 9pt;
}

#menu li a, #menu dt a {
color: #390D44;   /* font color of nav bar */
text-decoration: none;
display: block;
border: 0px none;
height: 100%;
}

#menu li a:hover, #menu dt a:hover {
background: #CCCCCC;        /* For highlighting the link */
}

.darkerBG{
background: #555555;
}

.lighterBG{
background: #828282;
}