html {
	min-height: 100%;
	height: auto;
}
body {
	height:100%;
	margin:0;
	padding:0;
	background-color: #0E62A2;
	background-image: url("../gfx/bottom.gif");
	background-repeat: repeat-x;
	background-position: bottom;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 11px;
}
#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
#shark {
	position:absolute;
	left:217px;
	width:652px;
	height:180px;
	background-image: url("../gfx/logo.jpg");
	background-repeat: no-repeat;
}
#shark a {
	display:block;
	width:164px;
	height:80px;
	margin-left: 352px;
	margin-top: 46px;
}
#header {
	height:72px;
	background-image: url("../gfx/wave.gif");
	background-repeat: repeat-x;
}
#mainnav {
	padding-top: 26px;
	margin-left: 30px;
	position:relative;
}
#mainnav ul { 
	padding:0;
	margin:0;
}
#mainnav li {
	float:left;
	list-style: none;
	margin-right:10px;
}
#mainnav a {
	color: #3B3B3B;
	text-decoration: none;
}
#mainnav a:hover {
	color: black;
}
#content {
	position:relative;
	background-color: #E3E3E3;
	border:4px solid #B2B2B2;
	margin-top: 30px;
	margin-left: 30px;
	padding:15px;
	width:480px;
	min-height:250px;
}
* html #content {
	height:250px;
}
#content a {
	color: gray;
	text-decoration: none;
}
#content a:hover {
	color: black;
}
#footer {
	margin-top:10px;
	margin-left:30px;
	margin-bottom:20px;
	font-size:10px;
	color: #B2B2B2;
}
#footer a {
	color: #B2B2B2;
	text-decoration: none;
}

.source {
	overflow:auto;
	width:100%;
	height:70%;
	border:1px solid gray;
	background-color:white;
	margin-bottom:15px;
}

h1,h2,h3 {
	font-family: Georgia, "Trebuchet ms", serif;
	font-weight: normal;
	margin:0;
	padding:0;
}
h1 {
	margin-bottom:10px;
}
input, select, textarea {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 11px;
}