a:link {color:#444444}
a:visited {color:#444444}
a:hover {color:white}
a:active {color:#444444}
table {background:#000000; color: #980003;}
th {border:inset; border-color:#333333;}
td {color:white}

body, html
{
	height:100%;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-image: url('plantskin.JPG');
	color:#ffffff;
}

.navigation
{
	z-index:2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align:center;
	color: #333333;
	top: 50px;
	padding: 5px;
	width: 593px;
	height: 36px;
}

#main
{ 
	background:#000000;
	border:inset;
	border-color:#333333;
	width: 500px; 
	height: 375px; 
	/*width: auto; 
	height: auto;*/
	position:relative; /*allows for top property to move the element*/ 
	top:22%; /*moves it 50% of #container's height down the page*/ 
	/*margin-top:-77px; pulls it back up by half it's height*/ 
	margin-left: auto;
	margin-right: auto; /*H-centering in complaint browsers*/  
	padding: 5px;
}