html,body
{
    height: 100%;
    text-align: center;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0px;
    background-image: url(wallpaper.jpg);
}

.thebox
{
    margin:0 auto;
    border: 0px solid #ffffff;
    color: #333333;
    width: 60%;
    padding: 5px;
    text-align: justify;
    background-color:#bac3db;
    filter:alpha(opacity=80); -moz-opacity:.5; opacity:.9;
    border: 3px solid #ffffff;
}

.logo
{
	float:left;
	background-image: url(logo.jpg);
	width: 259px;
	height: 111px;
}

.toptable
{
	height: 100%;
	border-width: 0px;
	padding: 0px;
	width: 100%;
	vertical-align: middle;
}

.innertable { border-width: 0px; width: 100%;}

.navstuff { float: right; }

.contable { padding: 3px; }

ul#nav {
	list-style:none;
	margin:0;
	padding:0;
	border:none;
	}
	
	
#navlist
{
padding: 2px;
margin-left: 0;
font-family: Geneva, Arial, Helvetica, sans-serif; 
font-size: 14px;
width: 14em;
color: #FFFFFF; 
}
#navlist li
{
list-style: none;
margin: 0px;
border-left: 0px #004080 solid;
border-bottom: 0px gray solid;
text-align: right;
}

#navlist li a
{
display: block;
padding: 0.6em 0.4em 0.6em 0.8em;
text-decoration: none;
}

#navlist li a:link { color: #006; }
#navlist li a:visited { color: #006; }

#navlist li a:hover
{
font-weight:bold;

text-decoration:underline;
color: #FFFFFF;
background: #424c5b;
border-left: 10px #004080 solid;
}