body {
 background-color:#fff;
 color:#847559;
 font-family:"trebuchet ms","arial narrow",arial,helvetica,sans-serif;
 font-size:13px;
 margin:0px;
 padding:0px;
 overflow: hidden;
 height: 100%; 
 max-height: 100%;
}

#maincontent{
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 bottom: 40px; /*Set bottom value to HeightOfFrameDiv*/
 overflow: auto; 
}

#main {
 width:750px;
 margin:20px auto 0 auto;
 padding-bottom:10px;
}

* html #main { /*IE6 hack*/
 padding-bottom:55px;
}

#nav {
 position: absolute; 
 bottom: 0; 
 left: 0; 
 width: 100%; 
 height: 40px; /*Height of frame div*/
 overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
 text-align:center;
 background:#fff;
 z-index:10;
}

* html #maincontent{ /*IE6 hack*/
height: 99%; 
width: 100%; 
}

.date {
 font-weight:bold;
 padding:1.5em 0 0 0;
 font-size:14px;
}

.artthumb {
 float:left;
 padding:10px;
}

.artthumb a {
 position:relative;
 z-index:24;
}

.artthumb a:hover {
 z-index:25;
}

.artthumb a span {
 display:none;
}

.artthumb a:hover span {
 position:absolute;
 display:block;
 top: 0; 
 left: -30px; 
 width: 150px;
 padding: 5px; 
 z-index: 100;
 color: #847559; 
 background: #fff;
 text-align: center;
 border:1px solid #847559;
}

#posters .artthumb a:hover span {
 position:absolute;
 display:block;
 top: 0; 
 left: -12px; 
 width: 160px;
 padding: 5px; 
 z-index: 100;
 color: #847559; 
 background: #fff;
 text-align: center;
 border:1px solid #847559;
}

.back {
 float:left;
 height:20px;
}

.next {
 float:right;
 height:20px;
}

#cont {
 text-align:center;
 font-size:14px;
}

#cont p {
 margin-top:3em;
}

img {border:0px}
img.border {border:solid 1px #000000}

a {color:#615338;text-decoration:none}
a:visited {color:#615338}
a:hover {color:#41351f;text-decoration:underline}
a:active {color:#41351f}
