h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #666666;
	margin-top:3px;
	margin-bottom:-7px;
}

h2 a {
	color: #666666;
	}

h2 a:hover {
	color: #000000;
	}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #CC0000;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #000000;
}

h5 a:hover {
	color: #f00;
	}

h6 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 7px;
	font-weight: bold;
	color: #666666;
	margin-top:3px;
	margin-bottom:-7px;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #333333;
}

p.pad {
	font-size:5px;
	}

li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #333333;
}

#container {
	position: relative;
	text-align: left;
	margin: 0 auto;
	width: 700px;
}

#menu {
	position: relative;
	left: 10%;
	width: 400px;
	height: 20px;
}

#leftcontent {
	position: absolute;
	width:150px;
	margin: 5px 0 0 5px;
	top:130px;
}

#content {
	position: relative;
	top:0px;
	left:175px;
	width:481px;
	height:330px;
	background: url("../images/box2.gif") no-repeat center;
}

#copy {
	position: relative;
	top: 45px;
	left: 50px;
	padding-right: 20px;
	width: 350px;
	height:220px;
	overflow:auto;
}

#leftpic {
	position: relative;
	float: left;
	left: 100px;
	top: 40px;
	width: 115px;
	height:90px;
	background: url("../images/leftpic.gif") no-repeat center;
}

#rightpic {
	position: relative;
	left: 240px;
	top: 20px;
	width: 115px;
	height:90px;
	background: url("../images/leftpic.gif") no-repeat center;
}

#leftcaption {
	position: relative;
	left: 100px;
	top: 135px;
	width: 115px;
	height:20px;
}

#rightcaption {
	position: relative;
	left: 240px;
	top: 25px;
	width: 115px;
	height:20px;
}


#botleftpic {
	position: relative;
	float: left;
	left: 100px;
	top: 30px;
	width: 115px;
	height:90px;
	background: url("../images/leftpic.gif") no-repeat center;
}

#botrightpic {
	position: relative;
	left: 240px;
	top: 10px;
	width: 115px;
	height:90px;
	background: url("../images/leftpic.gif") no-repeat center;
}

#botleftcaption {
	position: relative;
	left: 100px;
	top: 15px;
	width: 115px;
	height:20px;
}

#botrightcaption {
	position: relative;
	right: 240px;
	top: 15px;
	width: 115px;
	height:20px;
}

#bottomcontent {
	position: relative;
	width: 100%;
	top: 2px;
}

#rhonda {
	position: relative;
	width: 100%;
	text-align: right;
	top: -6px;
}

a {
text-decoration: none;
}

a:link {
	text-decoration: none;
}

#rightcaption a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/* the new stuff */

	ul {
		margin: 0;
		padding: 0;
		list-style: none;
		width: 100%; /* Width of Menu Items */
		border-bottom: 1px solid #ccc;
		}

	ul li {
		position: relative;
		}
	
	li ul {
		position: absolute;
		left: 149px; /* Set 1px less than menu width */
		top: 0;
		display: none;
		}

	/* Styles for Menu Items */
	ul li a {
		display: block;
		text-decoration: none;
		font: 16px garamond;
		color: #000;
		background: #fd0; /* IE6 Bug */
		padding: 10px;
		border: 1px solid #222;
		border-bottom: 0;
		}

	/* Fix IE. Hide from IE Mac \*/
	* html ul li { float: left; height: 1%; }
	* html ul li a { height: 1%; }
	/* End */

	/* Hover Styles */
	ul li a:hover { 
		color: #540; 
		background: #f9f9f9; 
		text-decoration: underline;
		} 
		
	li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
		
	li:hover ul, li.over ul { display: block; } /* The magic */