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

dl, dt, dd, #menu ul, #menu li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {
position: absolute;      /* Menu position that can be changed at will */
top: 255px;                /* Sets the top of the menu under the "About WCU" drop down menu*/
width: 95px;             /* 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: 20px;
text-align: center;
font-size: 9pt;
color: #EBEBEB;          /* For setting the font color of menu header */
font-weight: bold;
border: 3px solid #cccccc;  /* For setting the border of the menu header */
border-style: outset;
background: purple;      /* For setting the background of the menu header */
}

.oneRowHeight{
height: 20px;
}

.twoRowHeight{
height: 40px;
}

.threeRowHeight{
height: 60px;
}

.fourRowHeight{
height: 80px;
}

.oneRow{
border:3px solid #D9B607;  /* For setting the sub-menu border */
position: absolute;
margin-top: -2.2em;
left: 7.4em;
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;
}

.fourRows{
border:3px solid #D9B607;
position:absolute;
margin-top: -7.18em;
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: #EBEBEB;
text-decoration: none;
display: block;
border: 0px none;
height: 100%;
}

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

.darkerBG{
background: #555555;
}

.lighterBG{
background: #828282;
}