body {width: 100%; background-color: #000000; margin: 0px;}

/* page elements */

#heading {position: absolute; top: 0px; margin-left: 0px; margin-right: auto; border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: #0000ff; width: 100%; height: 15%; text-align:center; overflow: hidden;}
#navbar {position: absolute; top: 16.5%; margin-left: 0px; width: 15.5%; height: 83%; text-align:center; overflow: auto; border-right-width: 1px; border-right-style: solid; border-right-color: #0000ff;}
#main {position: absolute; top: 16.5%; margin-left: 22.5%; margin-right: auto; width: 77.25%; height: 83%; overflow: auto;}

/* page titles */
h1 {color: #ffcc99; 
font-size: 150%;
font-family: "Buckingham", "Times New Roman", serif; 
font-weight: bold;}

/* standard text */
h4 {color:#ffcc99; font-weight: normal; 
width: 75%; margin-left: 12.5%;
font-size: 110%; text-align: left;
font-family: "Times New Roman", serif;}

/*General Styling*/

/*Relates to overall box (the one with the blue bg)
*/
.cssfly {
font-family: "Times New Roman", serif; font-weight:bold; width:200px; height:260px;
position:relative; margin:10px; font-size:14px; color:#ffffff; background-color:#003399; margin:2% 3%; border:1px solid #ffcc99; float:left;
}


/*Relates to list entries*/
.cssfly ul li a, .menu ul li a:visited {
display:block; text-decoration:underline; color:#000; width:199px;
height:20px; text-align:left; border:1px solid #ffcc99;
background: #000000; color:#ffcc99;
line-height:20px; font-size:14px; font-weight:normal;
}


.cssfly ul {padding:0; margin:0;list-style-type: none; float:left;}
.cssfly ul li {margin-right:1px; position:relative;}
.cssfly ul li ul {display: none;}

/*General Styling ends*/


.cssfly ul li:hover a {color:#000000; background:#ccc;}
.cssfly ul li:hover ul {display:block; position:absolute; top:0;
left:120px; width:155px;
}