body
{
    background-color:#003366;
    color:white;
    font-family:sans-serif;
}

div.wrapper
{
    position:absolute;
    left:15%;
    top:0%;
}

div.background
{
    position:absolute;
    left:15%;
    top:0%;
    width:760px;
    height:520px;
    opacity:0.4;
    filter:alpha(opacity=40);
    background-image:url("img/background.jpg");
}

.header
{
    position:absolute;
    left:0px;
    top:0px;
}

.header a img
{
    position:absolute;
    top:25px;
    left:0px;
    border-width:0px;
}

.header div
{
    color:red;
    font-style:italic;
    background-color:yellow;
    width:760px;
    position:relative;
    top:-5px;
}

.nav
{
    position:absolute;
    left:-45px;
    top:200px;
    width:220px;
}

.nav li
{
    list-style-type:none;
}

.nav li a
{
    height: 24px;
    text-decoration: none;
}

.nav li a:link, .nav li a:visited
{
    color:white;
    display: block; 
    padding: 8px 0 0 10px;
}

.nav li a:hover 
{
    color: red;
    padding: 8px 0 0 20px;
}

.nav li a.current:before 
{
    content:"> ";
}

hr.vr
{
    width:1px;
    background-color:yellow;
    border-color:yellow;
    position:absolute;
    left: 160px;
    top: 210px;
}

.article
{
    position:absolute;
    left:175px;
    top:200px;
    max-width:580px;
    min-width:580px;
}

.article div.title
{
    text-align:center;
    font-size:xx-large;
}

.article div.subhead
{
    font-size:x-large;
    background-color:white;
    color: #003366;
}

.article div.body
{
    padding-top:15px;
    padding-bottom:25px;
}

.article td, .article th
{	
    border:2px solid white;
    padding:5px;
}

.article th
{
    background-color:white;
    color:#003366;
}

.article div a:link, .article a:visited
{
    color:white;
    text-decoration:underline;
}

.article div a:hover
{
        color:red;
        text-decoration:underline;
}