body, td, th {
	font-family:Arial, Gadget, sans-serif;
	color: #999;
}

body {
    text-align:center;
    background: black;
}

#bodydiv {
    position:absolute;
    height:646px;
    width: 800;
    margin-left: auto;
    margin-right: auto;
}

#headbox {
    position:relative;
    height:104px;
    z-index:1;
    width:550px;
    margin-left:auto;
    margin-right:auto;
    left:2px;
    top:5px;
    padding-bottom:20px;
}

#headlogo {
    position:absolute;
    width:79px;
    height:91px;
    z-index:1;
    left: 27px;
    top: 8px;
}

#headtitle {
    text-align:left;
    position:absolute;
    width:288px;
    height:54px;
    z-index:2;
    color:#FFFFFF;
    top: 12px;
    left: 118px;
}

#menubar {
    text-align:left;
    position:absolute;
    width:351px;
    height:37px;
    z-index:1;
    left: 162px;
    top:65px;
}

/* configure menu bar list items */
ul#list-nav {
    list-style-type:none;
    list-style-position:initial;
    list-style-image:initial;
    padding:0;
    margin-top: 8px;
}

ul#list-nav li {
    display:inline;
}

ul#list-nav li a {
    text-decoration:none;
    font-size: 11pt;
    color:#EEEEEE;
    text-align:left;
    padding:0em 10px 0em 6px;
    border-right: 1px solid;
    border-color: gray;
}


ul#list-nav li a.last {
    border-right: 0px;
}

ul#list-nav li a:hover {
	color: #999999;
	background-repeat: no-repeat;
}

#mainbox {
    background: black;
    width: 650px;
    height: 300px;
    padding-top: 20px;
    margin-left:auto;
    margin-right:auto;	
}

#lowerbox { 
    width: 660px; 
	max-height: 220px; 
	overflow-y: hidden;
	margin-left:auto;
    margin-right:auto;
}

.box {
	border: 2px solid #a8a8a8;
	border-radius: 7px;
	width: 192px;
	height: 200px;
	float: left;
	margin: 10px;
}