ul#nav {
	font: bold 9pt Arial, Helvetica, San Serif;
	margin: 0;
	padding: 0;
	list-style: none;
    width: 10.10em;
	}

ul#nav * {
	font: bold 9pt Arial, Helvetica, San Serif;
	margin: 0;
	padding: 0;
	list-style: none;
	}

ul#nav * ul {
	font: bold 9pt Arial, Helvetica, San Serif;
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
ul#nav li {
    padding-bottom: 8px;
    z-index: 1000;
	}
	
ul#nav li ul li {
    position:relative;
    margin: 0;
    padding: 0;
    z-index: 2000;
	}
	
ul#nav li.flyout, ul#nav li.over-flyout {
    position:relative;
    margin: 0px 0px 8px 0px;
    padding: 0;
    z-index: 2000;
	}
	
ul#nav li ul li ul, ul#nav * ul.flyout {
	position: absolute;
	display: none;
    background: #0A2390;
    width: 12em;
	left: 9.5em;
	top: -1px;
    border: solid 1px #CCC;
    z-index: 5000;
	}

ul#nav li ul li ul li {
	display: block;
    }
	
ul#nav li a {
	display: block;
	text-decoration: none;
    color:#F0E68C;
    margin: 0px;
    padding: 0px;
    padding-right:1px;
	}

ul#nav li ul li a {
	display: block;
	text-decoration: none;
    text-align: left;
    color:white;
    padding-left:5px;
	}

ul#nav li ul li ul li a {
	display: block;
	text-decoration: none;
    color:white;
    text-align: left;
    padding-left:3px;
    padding-right:3px;
	}
	
/* Holly Hack. IE Requirement \*/
* html li ul li { float: left; height: 1%; }
* html li ul li a { height: 1%; }
* html li.flyout { float: left; height: 1%; }
* html li.flyout a { height: 1%; }
* html li.over-flyout { float: left; height: 1%; }
* html li.over-flyout a { height: 1%; }
/* End */

ul#nav * li:hover, ul#nav * li.over- { z-index: 3000; background: #0033FF; } /* hover hi-light and bring to front */
ul#nav li ul li:hover ul, ul#nav li ul li.over- ul { left:9.5em; display: block; } /* The magic */

ul#nav li.flyout:hover, ul#nav li.over-flyout { z-index: 3000; background: #0033FF; } /* hover hi-light and bring to front */
ul#nav li:hover ul.flyout, ul#nav li.over-flyout ul.flyout { left:9.5em; display: block; } /* The magic */