<style type="text/css">
body {font-family: verdana, arial, sans-serif; font-size:100%}
* {
	margin:0;
	padding:0;
	border: 3px;
	border-color: #FF0;
} 

/* the horizontal menu starts here */

body div#listmenu ul li ul {display:none;}
body div#listmenu ul li:hover ul {display:block;}

div#picpostnleft {position: absolute;
			top:25px;
			left:10px;
			width:50px;
			}
div#picpostnright {position: absolute;
			top:25px;
			left:780px;
			width:50px;
			}



div#listmenu {
	width:550px; 	/* makes the div full width */
	left:170px;
	/*border-top:1px solid #;	/* draws line on top edge of div */
	/*border-bottom:1px solid #;	 /* draws line on bottom edge of div */
	font-size:1.0em ; 
	font-color:#FF0;	/* SET FONT-SIZE HERE */
	/*background-color:#00F; /* colors the div */
	margin-top:50px; /* TEMPORARY - pushes the div away from the top of the browser for clarity in this example*/
	}
/* the horizontal menu ends here */
/* END OF LIST-BASED MENU */

div#listmenu ul {margin:0 0 0 0 px;/* indents ul from edge of container */
				/* border: 0px solid #000;*/
				 z-index:3;
                 }
				
div#listmenu li {
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative;
	list-style-type:none;
	background-color:#FFA; /*sets the background of the menu items */
	/*/border-right:3px solid #069;   */
	}
div#listmenu li:first-child {
	/*border-left:3px solid #069;*/
}
div#listmenu	a {
	text-decoration:none;
	color:#069;
	background:#; /*creates background where link is active in cell*/
	padding:0 6px;
	}

div#listmenu	a:hover {
	color:#F33;
	}
div#listmenu	li:hover {
	background-color:#FFF;
	}
div#listmenu	ul li ul {  
			margin:0;
			width:6em;
			position:absolute;
			left:0px;
			} /*this makes drop down list in a menu*/


div#listmenu	ul li ul li {  
				width:100%;
				border-left:1px solid #069;
				border-bottom:1px solid #069;
				border-right:1px solid #069;*/
				} 			

div#listmenu ul li ul li:first-child {
	border-top:1px solid #069;
}


* html div#listmenu	ul {
	float:left;
	/*border-left:1px solid #000;*/
	margin-left:15px;
		}
	*html a {display:block;}

.girlsoccer {
	position:absolute;
	top:190px;
	left:15px;
	width:239px;
	border-style:solid;
	border-width:1mm;
	border-color:#FFFF00;
             }

.boysoccer {
	position:absolute;
	top:192px;
	left:720px;
	width:153px;
	border-style:solid;
	border-width:1mm;
	border-color:#FFFF00;
	height: 149px;
             }

.icelypark {
	position:absolute;
	top:183px;
	left:193px;
	width:540px;
	height:230px;
	z-index:1;
	background-image: url(images/new%20bannerRSC.swf);
	height: 203px;
			}		
	
	<style>

