body {
 color: #ddd;
 padding: 0px 0px 0px 0px;
 background: #242424;
 font-family: sans-serif;
 color: #dddddd;
}

#container {
 margin: 30px 0px 0px 0px;
 padding: 0px 0px 5px 0px;
 width: 900;
}

#viewer {
 float: left;
 padding-top: 0px; 
 width: 900;
 margin-left: 2px;
}

#viewer h2 {
 text-align: left;
 font:16px Verdana, Arial, Helvetica, sans-serif;
 padding: 0px;
 margin: 0px 6px 18px;
}

#viewer span {
 float: left;
 width: 96px; 
 height: 96px; 
 padding: 0px; 
 margin:14px;
 text-align: left; 
 border: 1px solid #424242;
 font:7pt Verdana, Arial, Helvetica, sans-serif;
}

#viewer a:active, #calendar a:visited, #calendar a:link {
 text-decoration: none;
 color: #ddd; 
 font-weight: normal;
}

#viewer, .r7 {
 clear: left;
}

#rimage {
 position: absolute;
 z-index: 100;
 visibility:visible;
 width: 100%;
 text-align: center;
 top: 30px;
 left: 0px;
}

#phototitle {
 position: absolute;
 top: 0px;
 left: 0px;
 background-color: black;
 text-align: center;
 width: 100%;

}

#container a:active, #container a:visited, #container a:link {
 text-decoration: none;
 color: white; 
 font-weight: normal;
}

#clear {
 clear:both;
 height: 1px;
 overflow:hidden;
}

#back a:active, #back a:visited, #back a:link {
 color: #AA0000;
 text-decoration: none;
}