@charset "utf-8";
img, div { behavior: url(scripts/iepngfix.htc) }

A {	
	COLOR: #ABCCFD;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none
}

A:HOVER {
	COLOR: #E4A651;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: underline
}


body {
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:  12px;
	background-color: #0099cc;
	background-image: url(images/mudflats.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	margin: 0px;
	color: #FFFFFF;
}

H1 {
	FONT-SIZE: 14px; 
	COLOR: #E4A651;
	FONT-FAMILY: Georgia, Garamond, "Times New Roman"; 
	FONT-WEIGHT: bold; 
	FONT-STYLE: normal;
	text-transform:uppercase;
}

i {
font-weight: bold;
font-style: italic; 
}

#wrapper {
	position:relative;
	text-align:left;
	width:1000px;
	height:800px;
	z-index:1;
	margin: auto;
}

#name {
	position:absolute;
	left:139px;
	top:57px;
	width:400px;
	height:60px;
	z-index:2;
	background-image: url(images/name.png);
	display:block;
}

#credits {
	position:absolute;
	left:139px;
	top:116px;
	width:347px;
	height:42px;
	z-index:2;
	background-image: url(images/credits.png);
	display:block;
}

#navigation {
	position:absolute;
	text-align: right;
	left:685px;
	top:240px;
	width:216px;
	height:230px;
	z-index:2;
}

#navcontainer ul {
	list-style-type: none;
	position:absolute;
	text-align: right;
	left:685px;
	top:240px;
	width:216px;
	height:230px;
	z-index:2;
}

#navcontainer ul li a
{
	background: transparent url(images/list_off.gif) right center no-repeat;
	padding-right: 15px;
	text-align: right;
	font: normal 12px verdana, lucida, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}

#navcontainer ul li a:hover
{
background: transparent url(images/list_on.gif) right center no-repeat;
color: #E4A651;
}

#navcontainer ul li a#current
{
background: transparent url(images/list_on.gif) right center no-repeat;
color: #E4A651;
}

#content {
	position:absolute;
	left:140px;
	top:195px;
	width:550px;
	height:420px;
	z-index:2;
	overflow:auto;
}

#lightning {
	position:absolute;
	left:759px;
	top:0px;
	width:241px;
	height:242px;
	z-index:2;
	background-image: url(images/lightning.png);
	display:block;	
}

#footer {
	position:absolute;
	left:160px;
	top:643px;
	width:860px;
	height:41px;
	z-index:2;
	overflow:auto;
	font: normal 10px verdana, lucida, sans-serif;
	border-top-width: 2px;
	border-top-style: groove;
	border-color: #8C8C64;
}
#list {
	position:static;
	left:140px;
	top:195px;
	width:540px;
	height:420px;
	z-index:3;
}

#list li a{
	font: normal 12px verdana, lucida, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}

#list li a:hover{
	font: normal 12px verdana, lucida, sans-serif;
	text-decoration: underline;
	color: #E4A651;
}

#footer a{
	font: normal 10px verdana, lucida, sans-serif;
	text-decoration: none;
	color: #E4A651;
}

#footer a:hover{
	font: normal 10px verdana, lucida, sans-serif;
	text-decoration: underline;
	color: #E4A651;
}