body {
  font-family: verdana, helvetica, arial, sans-serif;
  margin: 0px;
  padding: 0px
}

<!--		li a {
			background-color: transparent;
			text-decoration: none;
			color: #000000;
			/*line-height: 1.75em;*/
 			margin: 0px;
			padding-bottom: 5px;
			padding-left: 5px;
			display: block;
		}
		
		li a:hover {
			color: #FF0000;
			/*background-color: 223f8d;*/
		}
		
		/* remove list styling */
		#menuList ul {
			color: #FFFFFF;
			padding: 0px;
			margin: 0;
			list-style: none;
		}
		
		/* display inline */
		#menuList li { 
			list-style: none;
			float: left;
			position: relative;
			/*width: 8em;*/
			padding-top: 3px;
			padding-left: 2px;
			padding-right: 2px;
			background-color: #FFFFFF;
			border: 1px solid #FFFFFF; /*Need this border for Windoze XP*/
		}

		/* drop downs, not displayed, IE position fix*/
		li ul { 
			display: none;
			position: absolute;
			top: 2em;
			left: 0;
		}

		/* not for IE fix */
		li > ul { 
			top: auto;
			left: auto;
		}

		/* display when hovered, except IE*/
		li:hover ul, li.over ul{ 
			display: block;

		}
-->

    /* This is the part for the CSS menu - these settings are for a horizontal menu */
    #dmenu{                         /* menu list container */
        list-style-type: none;      /* disable the display of the list item bullets */
        margin: 0px;                /* space around the list container */
        padding: 0px;               /* space within the list container */
        position: static;           /* need this so that the z-index stuff works correctly */
        background-color: #ffffff;     /* the default background color within the main menu container */
        color: #000000;                /* the default font color (not links) within the main menu container */
        z-index: 20;                /* push the menu up in the layer order a bit so it isn't hidden behind anything */
            /* Browser plug-ins like Flash or Quicktime may not allow you to overlap then with this menu! */
    }
    #dmenu li{                      /* top-level menu element */
        list-style-type: none;      /* disable the display of the list item bullets */
        float: left;                /* this is to allow for the horizontal main menu */
        border: black solid 1px;    /* border for each of the main menu items */
        background-color: #223f8d;     /* main menu item background color */
        color: #000000;                /* main menu item font color (not links) */
        margin: 0px;                /* spacing between main menu items */
        padding: 0px;               /* padding within main menu items */
        /*width: 120px;*/               /* the width of each main menu item */
        display: block;
    }
    #dmenu li a{                    /* top-level menu element links */
        color: white;
        text-align: center;         /* text alignment in main menu item links */
       /* width: 120px;  */             /* set this to (#dmenu li -> width) - (2 * (#dmenu li -> padding)) */
        display: block;
    }
    #dmenu li ul{                   /* sub-menu list container */
        position: absolute;         /* this is so that it doesn't push that page content around on hover */
        margin: 0px;                /* space around the list container */
        padding: 0px;               /* space within the list container */
        list-style-type: none;      /* disable the display of the list item bullets */
        display: none;
        width: 120px;               /* the width of the sub menus */
        border: black solid 1px;    /* sub-menu borders */
        background-color: #223f8d;     /* sub-menu default background color */
        color: #ff0000;                /* sub-menu default font color (not links) */
    }
    #dmenu li ul li{                /* sub-menu element links */
        background-color: #223f8d;     /* default background color for sub-menu container */
        color: #000000;                /* default font color (not links) for sub-menu container */
        border: none;               /* sub-menu item border settings */
        margin: 0px;                /* spacing between sub-menu containers */
        padding: 3px;               /* This is for padding between menu items in the drop-downs */
       /* width: 109px;  */             /* (padding*2 - 5) must be subtracted from #dmenu li ul -> width and set for this one, or borders won't display properly...
                                       not sure where the other 5 pixels come from... Maybe it's actually padding*4 instead? I'll find out some other time */
    }
    #dmenu li ul li a{
        display: block;
        color: white;
        border: black solid 1px;
        /*width: 109px;*/               /* should be set to the same value as #dmenu li ul li -> width */
    }
    #dmenu li	 a:hover{
       /* background: yellow;*/
        color: red;
    }
    #dmenu li ul li a:hover{
       /* background: yellow;*/
        color: red;
    }
    #dmenu li:hover ul{ /* lists nested under hovered list items */
        display: block;
    }
    #dmenu li.over ul{ /* lists nested under hovered list items */
        display: block;
    }
    .content {
        clear: left;
    }







