*
{
margin: 0 auto;
padding:auto;
}
 
a:link
{
text-decoration:none;
}
 
a:visited
{
text-decoration:none;
}
 
html
{
background-color:#022345;
color:white;
}
 
body
{
width:1024px;
margin:auto;
min-height:709px;
}
 
#header
{
height:auto;
background-color:#022345;
}
 
h1 a
{
padding-left:16px;
padding-top:43px;
font-family:sans-serif;
font-weight: bold;
font-size: large;
color:white;
}
 
h1 p
{
padding:16px;
color:white;
font-family:sans-serif;
font-size: small;
line-height:20px;
}

 #menu a
{
border:1px solid red;
padding:10px;
color:white;
}
 
#menu a:hover
{
background-color:white
}
 
#content
{
height:auto;
}

 #slideshow {
    position:relative;
    height:350px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

function slideSwitch() {
    var $active = $('#slideshow IMG.active');
    var $next = $active.next();    
    
    $next.addClass('active');
    
    $active.removeClass('active');
}

$(function() {
    setInterval( "slideSwitch()", 5000 );
});

#content p
{
padding:36px;
color:white;
font-family:sans-serif;
}
 
#footer
{
height:auto;
background:#022345;
padding-top:143px;
}
 
#footer p
{
text-align:center;
line-height:30px;
font-size: small;
color:white;
font-style:italic;
}