body
{
background: #1F005C;background-image: url(../img/index/bg1.gif);
font-size: 0.9em;
margin: 0;
padding: 0;
height: 100%;
width: 100%;
color: #fff;
font-family: Verdana, "MS Sans Serif";
text-align: center;
}

#wrapper
{
width:800px;
margin: 40px auto;
padding: 15px;
background-color:#330099;
border:3px solid #FFCC00;
}

.copy
{
text-align: right;
margin-bottom: -10px;
margin-right: -12px;
padding: 0 5px;
font-size: 10px;

}

.copy a:link, .copy a:visited
{
color:#ffb90f;
text-decoration: none;
font-weight: bold;
}

.copy a:hover
{
color: #FF9900;
text-decoration: none;
font-weight: bold;
}
p {line-height: 1.2em;}

h1
{
color:#FFB90F;
margin-top:0px;
font-size: 2em;
}

h2
{
font-size: 1.5em;
color: #FF9900;
}

h3
{
font-size: 0.9em;
margin:5px 0;
color: #FF9900;
}

.navi
{
margin: 10px;
text-align: center;
font-size: 0.9em;
}

.navi li a:link, .navi li a:visited
{
color:#1F005C;
background-color: #ffb90f;
text-decoration: none;
padding: 0 3px;
}

.navi li a:hover
{
background-color: #FF9900;
text-decoration: none;
padding: 0 3px;
}


ul {margin: 5px;;list-style-type: none;}
li {display: inline;}


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -185px;
left: -110px; /*position where enlarged image should offset horizontally */
}


*html .thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -110px; /*position where enlarged image should offset horizontally */
}


*+html .thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0px;
left: -110px; /*position where enlarged image should offset horizontally */
}




#footer {height: 20px;}