body {

background-color:#000000;
text-align: left;
margin:0px;
padding:0px;
font-family: verdana, helvetica, arial, sans-serif;
font-size:11px;
color: #ffffff;
line-height: 1.3;

}

img{
border:0px;
}


.image {
border:1px;
border-color: #ffffff;
border-style: solid;
position:relative;
vertical-align: bottom;
z-index:3;
top:-200px;

}

/* links */

a {text-decoration: none; font-weight: bold; color: #ffff00;}
a:hover {text-decoration: underline; font-weight: bold; color: #ffffff;}
a:visited {text-decoration: none; font-weight: bold; color: #ffff00;}

/* text */
h1 { color: #ffffff; font-weight: bold; font-size: 24px; display:inline; line-height: 1.5;}
h2 { color: #ff0000; font-weight: bold; font-size: 120%; font-style: oblique; line-height: 0; }
h3 { color: #ffffff; font-weight: bold; font-size: 120%; display:inline;}
h4 { color: #ffff00; font-weight: bold; font-size: 100%; display:inline; } 
h5 { color: #ff0000; font-weight: bold; font-size: 100%; display:inline; }


/* homepage */


#container {
margin-top: 0px;
margin-bottom:0px;
width:1020px;
height:1000px;
text-align:left;
vertical-align:top;
overflow: hidden;
}

#topad {
margin-top: 0px;
margin-bottom:0px;
width:1020px;
height:97px;
text-align:left;

}


#title {
margin-top: 0px;
margin-bottom:0px;
width:1020px;
height:33px;
text-align: center;
background-image: url(../images/titlebg.gif);
background-repeat: repeat-x;
}

#titletext {
margin-top: 0px;
margin-bottom:0px;
width:840px;
height:33px;
float:left;
text-align: center;
background-image: url(../images/titlebg.gif);
background-repeat: repeat-x;
}

#navigation {
margin-top: 0px;
margin-bottom:0px;
width:1020px;
height:32px;
text-align: center;
background-color:#000000;
background-image: url(../images/navigationbg.gif);
background-repeat: repeat-x;
}


#audio {
margin-top: 0px;
margin-bottom:0px;
width:236px;
text-align: left;
float: left;
}

#previous {
margin-top: 8px;
margin-bottom:0px;
width:154px;
text-align: center;
float: left;
}

#photonumber {
margin-top: 8px;
margin-bottom:0px;
width:100px;
text-align: center;
float: left;
}

#next {
margin-top: 8px;
margin-bottom:0px;
width:126px;
text-align: center;
float: left;
}

#thumbnails {
margin-top: 8px;
margin-bottom:0px;
width:190px;
text-align: right;
float: left;
}

#empty {
margin-top: 0px;
margin-bottom:0px;
width:160px;
text-align: right;
}


#photo {
width:838px;
height:604px;
text-align:center;
vertical-align: text-top;
margin-left:8px;
margin-right:auto;
margin-top:auto;
margin-bottom:auto;
float: left; 
overflow: hidden;
}

#rightad {
margin-top: 0px;
margin-bottom:0px;
width:170px;
height:604px;
float: right;
text-align:center;
vertical-align:top;
overflow: hidden;
}


.photocaption {
background-color:#000033;
opacity: 0.8;
-moz-opacity: 0.8;
filter: alpha(opacity=80);
top:0px;
width:350px;
height:300px;
border:1px;
border-color: #ffff00;
border-style: solid;
padding:5px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
text-align:left;
margin-bottom:0px;
position:relative;
z-index:4;
} 

.closedphotocaption {
background-color:#000033;
opacity: 0.8;
-moz-opacity: 0.8;
filter: alpha(opacity=80);
top:0px;
width:180px;
height:20px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
position:relative;
z-index:4;
}