body
{
text-align: center;
background: url(graphics/bg.jpg) 0 0;
}
#container
{
margin-left: auto;
margin-right: auto;
width: 821px;
text-align: left;
background: #ffffff;
border: 1px solid gray;
}
#header
{
padding-left: 20px;
padding-right: 20px;
padding-top: 20px; 
padding-bottom: 20px;
}
#header2
{
margin-left: 20px;
margin-right: 20px; 
border-bottom: 3px solid #dedbf8;
padding: 0;
}
#rightnav
{
float: right;
width: 190px;
margin: 0; 
text-align: left; 
padding-top: 20px;
}
#content
{
border-right: 3px solid #dedbf8;
margin-right: 210px;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
font:12px/18px verdana, arial; 
text-align: justify;
}
#footer
{
clear: both;
margin-left: 20px; 
margin-right: 20px;
text-align: center; 
padding-left: 10px; 
padding-right: 10px; 
padding-top: 15px; 
padding-bottom: 10px; 
color: #333; 
background-color: #ffffff; 
border-top: 3px solid #dedbf8; 
border-bottom: 3px solid #dedbf8; 
font: 10px verdana;
}
.footlink
{
color: #333;
}
#content h2
{
margin: 0 0 .5em 0; 
font-size: 28px; 
line-height: 28px; 
font-weight: 900; 
color: #4d6aa4;
}
#navcontainer
{
background: #e0ddfa;
width: 170px;
margin: 0 0;
padding: 10px 0;
font-family: verdana, arial, georgia, serif;
font-size: 11px;
text-align: center;
}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 150px;
}

ul#navlist li
{
display: block;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 6px 0 6px 10px;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #384a70;
text-decoration: none;
background: #afb7f5;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #c6c9fa;
color: #777;
}

ul#navlist li.subactive a
{
background: #e6e4fa;
padding: 6px 0 6px 15px;
color: #777;
width: 145px;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #4d6aa4;
background: transparent;
border-color: #aaab9c #fff #fff #aaab9c;
}
#bottom
{
margin: 0px; 
padding: 10px;
}
#left
{
float: left; 
margin: 5px 10px 0 0; 
border: 1px solid #666;
}
#pictures
{
height: 380px; 
border: 1px solid gray; 
margin: 0 auto 0 auto; 
position: relative; 
background: #e0e0e0 url(graphics/aihgall.jpg) 25px 20px no-repeat;
}
#pictures ul
{
padding: 0; 
margin: 5px; 
float: right; 
list-style-type: none; 
width: 45px; 
height: 339px; 
text-align: center; 
position: absolute;
top: 14px;
left: 489px;
}
#pictures li
{
float: right;
}
#pictures a.gallery span
{
position: absolute; 
width: 1px; 
height: 1px; 
top: 1px; 
left: 1px; 
overflow: hidden; 
background: #fff;
}
#pictures a.gallery, #pictures a.gallery.visited
{
display: block; 
color: #000; 
text-decoration: none;
font-family: verdana;
font-size: 16px;
font-weight: bold;
border: 1px solid #000; 
margin: 1px 2px 1px 1px; 
text-align: center;
padding-top: 5px;
cursor: default;
}
#pictures a.slidea
{
background-color: #4d6aa4; 
height: 25px; 
width: 30px;
}
#pictures a.slideb
{
background-color: #4d6aa4; 
height: 25px; 
width: 30px;
}
#pictures a.slidec
{
background-color: #4d6aa4; 
height: 25px; 
width: 30px;
}
#pictures a.slided
{
background-color: #4d6aa4; 
height: 25px; 
width: 30px;
}
#pictures a.slidee
{
background-color: #4d6aa4; 
height: 25px; 
width: 30px;
}
#pictures a.slidef
{
background-color: #4d6aa4; 
height: 25px; 
width: 30px;
}
#pictures a.slideg
{
background-color: #4d6aa4; 
height: 25px; 
width: 30px;
}
#pictures a.slideh
{
background-color: #4d6aa4; 
height: 25px; 
width: 30px;
}
#pictures a.slidei
{
color: #000000;

background-color: #4d6aa4; 
height: 25px; 
width: 30px;
}
#pictures a.slidej
{
background-color: #4d6aa4; 
height: 25px; 
width: 30px;
}
#pictures a.gallery:hover
{
border: 1px solid #fff;
color: #ffffff;
}
#pictures a.gallery:hover span
{
display: block;
position: absolute; 
width: 452px; 
height: 339px; 
top: 1px; 
left:-469px; 
color: #fff; 
background: #e0e0e0; 
border: 0;
padding: 0;
}