body		{
	padding:	20px 0 20px 0;
	background-image:	url(./coolwater.jpg);
	background-color:	#E6F0F9;
	color:	black;
	font-family:		verdana, helvetica, arial, sans-serif;
	font-size:	75%;
	line-height:	1.5em;
	text-align:	center;
}
html>body	{
	font-size:	12px;
}
p	{
	margin:	1em 0 1em 0;
}
#container		{
	background-color:	#ffffff;
	background-image:	url(dolphin_fade.jpg);
	background-repeat:	no-repeat;
	background-position:	bottom right;
	width:	760px;
	margin-left:	auto;
	margin-right:	auto;
	border:	1px solid black;
	text-align:	left;
	padding-bottom:	280px;
}
.article	{
	text-align:		justify;
}
.article p	{
	line-height:	1.5em;
}
a:active	{
	color:	#00185C;
}
#header	{
	position:	relative;
}
#header h1	{
	position:	absolute;
	left:	-999em;
}
#logo	{
	float:	left;
}
#nav	{
	float:	right;
	text-align:	right;
	margin-top:	1.2em;
	/* moves the link background over the border */
	position:	relative;
	left:	1px;
}
#nav a	{
	display:	block;
	color:	#0E3E6A;
	text-decoration:	none;
	padding:	.2em 0 .2em .5em;
	border:	1px solid white;
	border-right:	1px solid black;
}
#nav a:hover	{
	background-image:	url(./coolwater.jpg);
	background-color:	#E6F0F9;
	border:	1px solid black;
	border-right:	0;
	color:	black;
}
#nav a.currentpage	{
	font-weight:	bold;
	color:	#DC713C;
	letter-spacing:	.1em;
}
#nav a.currentpage:hover	{
	color:	#DC713C;
}
/* add 1px on hover to keep text from moving */
#nav #n1	{padding-right:	90px;}
#nav #n1:hover	{padding-right:91px;}
#nav #n2	{padding-right:	79px;}
#nav #n2:hover	{padding-right:	80px;}
#nav #n3	{padding-right:	68px;}
#nav #n3:hover	{padding-right:	69px;}
#nav #n4	{padding-right:	57px;}
#nav #n4:hover	{padding-right:	58px;}
#nav #n5	{padding-right:	46px;}
#nav #n5:hover	{padding-right:	47px;}
#nav #n6	{padding-right:	35px;}
#nav #n6:hover	{padding-right:	36px;}
#nav #n7	{padding-right:	24px;}
#nav #n7:hover	{padding-right:	25px;}

#content	{
	margin-top:	200px;
	width:	510px;
	margin-left:	100px;
}
#footer	{
	margin:	1em 0 1em 0;
	font-size:	.8em;
	line-height:	1.5em;
}
/* grr -- font-size affects laying an image flush underneath text */
#underline	{
	position:	relative;
	left:	-25px;
	font-size:	0;
}
h2	{
	font-size:	1.2em;
	font-weight:	bold;
	line-height:	1em;
}