﻿body {
margin:0;
padding:0;
font-size:12px;
font-family:Verdana, sans-serif;
}

#container {
width:780px;
height:600px;
position:relative;
background:url(../images/bg.jpg) no-repeat 0 193px;
margin:8px auto 0 auto;
border:1px solid #369;
border-top:0;
border-bottom:10px solid #369;
}

body.table #container {
background-image:none;
}

object {
position:absolute; 
top:0;
left:0;
z-index:100;
}

#header {
width:100%;
height:169px;
}

#header img {
position:absolute;
top:4px;
left:7px;
z-index:1;
}

#content {
position:absolute;
z-index:1;
top:230px; 
right:30px;
border:1px solid #369;
background:#fff;
width:450px;
height:450px;
overflow:auto;
}

#content .staff {
float:right;
margin:5px 0 0px 10px;
}

body.table #content {
top:216px;
left:0;
width:100%;
border:0;
height:500px;
}

#content p {
font-size:11px;
padding:0 15px;
line-height:1.5em;
}

#extra_links {
position:absolute;
z-index:4;
top:407px;
left:48px;
width:215px;
}

a#extra1, a#extra2, a#extra3, p#extra {
position:absolute;
z-index:5;
top:415px;
left:48px;
font-size:10px;
text-decoration:underline;
padding:3px 5px;
font-weight:bold;
color:#fff;
}

p#extra {
top:375px;
text-decoration:none;
}

a#extra1:hover, a#extra2:hover, a#extra3:hover {
text-decoration:none;
}

a#extra2 {
top:455px;
}

a#extra3 {
top:509px;
width:300px;
}

li {
font-size:11px;
line-height:1.5em;
margin-bottom:10px;
}

ul#navigation {
position:absolute;
margin:2px 0 0 0;
padding:0;
}

ul#navigation li {
position:relative;
margin:0;
padding:0;
float:left;
list-style:none;
margin-left:2px;
}

ul#navigation li a {
color:#fff;
text-decoration:none;
display:block;
background:#69c;
padding:0 6px !important;
padding:0 1px;
border:1px solid #69c;
font-size:10px;
}

ul#navigation li a:hover {
color:#69c;
background:#fff;
}

ul#navigation li ul li a {
color:#666;
background:transparent;
border-bottom:0;
}

ul#navigation li ul li a.bottom {
border-bottom:1px solid #69c;
}

ul#navigation li ul li a:hover {
background:#369;
color:#fff;
}

ul#navigation li ul {
position: absolute;
left: -999em;
width:120px;
z-index:100;
}

ul#navigation li ul.first {
width:77px;
}

ul#navigation li ul.second {
width:162px;
}

ul#navigation li:hover ul {
left:auto;
direction:ltr;
z-index:100;
}

ul#navigation li:hover ul, ul#navigation li.sfhover ul {
left:-42px;
top:18px;
}

ul#navigation li ul li {
clear:left;
width:100%;
z-index:100;
background:#fff;
}

span {
position:absolute;
top:204px; 
right:30px;
z-index:1;
background:#369;
width:414px;
}

body.table span {
top:193px;
left:0;
width:100%;
}

h1 {
font-family:Times;
text-transform:uppercase;
margin:0 0 0 15px;
padding:4px 0;
color:#fff;
font-weight:normal;
font-size:1.5em;
letter-spacing:0.1em;
}

h2 {
font-size:11px;
margin:20px 0 0 15px;
}

p#footer {
width:100%;
text-align:center;
color:#666;
font-size:10px;
margin-top:16px;
}

a img {
position:absolute;
z-index:100;
display:block;
top:387px;
left:150px;
border:0;
}

thead td {
font-weight:bold;
}

td {
width:170px;
padding:10px 15px 10px 10px;
}

tr {
margin:2em 0;
}

tr.alt {
background:#eee;
}