/*Need to work on menu items not hiding behind iframe content. 02-23-14 menu items not hiding*/
*{
	margin: 0px, auto;
	padding: 0px;
	}
body {
	font-family: verdana;
	background-color: #cc6600;
	padding: 50px;
	}
p{
	text-align: center;
	color: right;
	}
h1{
	text-align: center;
	border-bottom: 2px solid #009;
	margin-bottom: 20px;
	}
h2{
	text-align: center;
	}
h4{
	text-align: center;
	color: blue;
	}

	

ul#navmenu li{
	
	width: 125px;
	text-align: center;
	position: relative;
	float: left;
	margin-right: 20px;
	}
ul#navmenu a{
	text-decoration: none;
	display: block;
	width: 125px;
	Height: 25px;
	line-height: 25px;
	background-color: white;
	border: 1px solid: blue;
	border-radius: 5px;
	}
#footer{
	width:100%;
	height:120px;
	position:fixed;
	bottom:0px;
	left:0px;
	right: 0px
	backgr
	text-algin: center;
	color:white;
	}


iframe{
	float: right;
	position: absolute;
	right: 365px;
	bottom: 165px;
	}
	
	ul#navmenu{
	
	position: realtive;
	width: 1160px;
	margin: 0px auto;
	
	}
	
	
ul#navmenu, ul.sub1, ul.sub2{
	list-style-type: none;
	font-size: 9pt;
	}
ul#navmenu .sub1 a{
	margin-top: 5px;
	}
ul#navmenu .sub2 a{
	margin-left: 10px;
	}
ul#navmenu li:hover > a{
	background-color: #CFC;
	}
ul#navmenu li:hover a:hover{
	background-color: #FF0;
	}
ul#navmenu ul.sub1{
	display:none;
	position: absolute;
	top: 26px;
	left: 0px;
	z-index: 10;
	}
ul#navmenu ul.sub2{
	display: none;
	position: absolute;
	top: 0px;
	left: 126px;
	}
ul#navmenu li:hover .sub1{
	display: block;
	}
ul#navmenu .sub1 li:hover .sub2{
	display: block;
	}