body
{
border: 0px;
margin: 0px;
padding: 0px;
background-color: #111111;
color: #fff;
font-family: "Arial", Georgia, Courier, monospace;
font-size: 1em;
text-align: center;
line-spacing:14px;
}

hr
{
border: 0;
align: center;
width: 95%;
color: #f00;
background-color: #111111;
height: 1px;
}

h2
{
text-align:center;
font-size:1em;
font-weight:bold;
color:330000;
letter-spacing:0.15em;
}

#container
{
position: relative;
margin: 10px auto 10px auto;
width: 780px;
padding: 0px;
text-align: left;
vertical-align:bottom;
}

#backdrop
{
width: 720px;
background-color: #663333;
margin:0px;
padding:30px;
}

#headimg
{
position: static;
margin: 0px;
padding:0px;
}

#headimg img
{
display:block; 
}

#subhead
{
position:static;
width:710px;
height:20px;
padding:5px;
margin: 0px;
border-width: 0px;
overflow: hidden;
background-image:url("subhead.jpg");
background-color:#cc9999;
font-family: "Monotype Corsiva", Georgia, Courier, monospace;
}

*html #subhead
{
width:720px;
height:30px;
}

#subhead a
{
color:333333;
font-weight:normal;
text-decoration:none;
font-size:1.2em;
}

#subhead a:hover
{
color:fff;
font-weight:normal;
text-decoration:none;
font-size:1.2em;
}

#subhead.gallery a
{
color:333333;
font-weight:normal;
text-decoration:none;
font-size:1.2em;
}

#subhead.gallery a:hover
{
color:fff;
font-weight:normal;
text-decoration:none;
font-size:1.2em;
}

#contentmiddle
{
position:relative;
width:720px;
text-align:right;
height:400px;
padding:0px;
margin:0px;
padding:0px;
background-color:#7B8191;
}

#mainimg
{
display:block;
float:left;
height:400px;
text-align:left;
margin:0px;
background-color:#ffffff;
width: 544px;
border-width:0px 1px 0px 0px;
border-color:#ffffff;
border-style:solid;
}

#maincontent
{
float: left;
overflow-y:scroll;
background-color:#ffffff;
height:390px;
text-align: justify;
margin: 0px;
padding:5px;
color: #330000;
font-weight: normal;
text-decoration: none;
width: 534px;
}

*html #maincontent
{
width:544;
height:400;
}

#maincontent a
{
color:#000033;
text-decoration:none;
border-bottom:1px dotted #666;
}

#maincontent a:hover
{
color:#000033;
border-bottom: 1px solid #666;
}

#menu
{
position:absolute;
bottom:0px;
right:0px;
margin: 0px;
padding:0px;
width: 175px;
}

* html #menu
{
margin: 0px;
width: 176px;
}

#menu a
{
text-decoration: none;
font-weight: bold;
color: #333333;
border: 0px;
font-size:0.9em;
}

#menu a:hover
{
text-decoration: none;
color: #fff;
font-weight: bold;
border: 0px;
font-size:0.9em;
}

#menu a.selected
{
color: #fff;
text-decoration: none;
font-weight: bold;
font-size:0.9em;
}

#menu a:hover.selected
{
color: #fff;
text-decoration: none;
font-weight: bold;
font-size:0.9em;
}

#menu img
{
display:block;
}

#random
{
width:145px;
height:118px;
margin:10px 5px 10px 10px;
padding:5px;
background-color:#ccc;
color:#111;
border-width:1px;
border-style:solid;
border-color:#fff;
text-align:center;
}

*html #random
{
width:160px;
height:138px;
margin:10px 5px 5px 10px;
}

#random a
{
text-decoration: none;
border:0px;
font-weight: bold;
color: #333;
font-size:0.9em;
}

#random a:hover
{
text-decoration: none;
border:0px;
color: #111;
font-weight: bold;
font-size:0.9em;
}

#credits
{
position: static;
margin: 5px 0px 0px 5px;
padding: 5px;
width: 750px;
color: #fff;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}

* html #credits
{
width: 750px;
}

#credits a
{
color: #fff;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}

#credits a:hover
{
color: #fff;
text-decoration: underline;
}

#form
{
position: relative;
}