body {
	background-image: url('/images/swimming_pool_fadeout.jpg') ;
	background-repeat: no-repeat ;
	background-attachment: fixed ;
	background-position: bottom ;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif ;
	font-size: 80% ;
	color: #ffffff ;
}

a {
	color: #FFFFFF ;
}

div.frame {
	position: relative;
	padding: 5px 10px;
	top: 160px ;
	left: 160px ;
	margin-right: 180px ;
	background-color: #000033 ;
	border: 5px solid black ;
	/* for IE */
	filter:alpha(opacity=80) ;
	/* CSS3 standard */
	opacity:0.8 ;
	overflow-y: scroll ;
	overflow-x: auto ;
}

div.frame div.content h1, div.frame div.archive h1 {
	text-align: right;
	font-size: 24px ;
	border-bottom: 2px white solid ;
}

div.content {
	filter:alpha(opacity=100) ;
	opacity: 1.0 ;
	-moz-opacity: 1.0 ;
	z-index: 1 ;
}

div.logo {
	position: absolute ;
	left: 20px ;
	top: 20px ;
}

div.seahawk {
	position: absolute ;
	left: auto ;
	top: 70px ;
	right: 20px ;
}

div.swim21 {
	position: absolute ;
	left: auto ;
	top: 20px ;
	right: 20px ;
}

div.social {
	position: absolute;
	left: 120px ;
	top: 220px ;
}

div.sponsor {
	position: absolute ;
	top: 10px ;
	right: 150px ;
}

/* 
 * The width of this layer is the multiple of menu items times their width
 * as set in the hBar variable of pop_data.js
 */
div.menu {
	position: absolute ;
	width: 800px ;
	top: 142px ;
	right: 20px ;
}

a img {
	border: none ;
}

a.email	{
	background-image: url('/images/icon_email.gif');
	background-repeat: no-repeat;
	padding-left: 20px ;
	margin-left: 10px ;
	text-decoration: none ;
}