CSS CODE

#container
{
width: 90%;
margin: 10px auto;
background-color: #fff;
color: #333;
border: 1px solid gray;
line-height: 130%;
}

#head {
  background-color: #000;
  background-image: url(trsc.jpg);
}

#top
{
padding: .5em;
background-color: #000;
background-image: url(trsc.jpg);
background-repeat: no-repeat;
height: 152px;
}

#top h1
{
color:#f00;
padding: 0;
margin: 0;
padding: 45px 250px;
}

#midrealm
{
background-color: black;
background-image: url(goth2.jpg);
}

#logo {
   float: left;
   padding-left: 1em;
   clear: left;
}
.spacer {
   clear: both;
}

#nav
{
float: left;
width: 160px;
margin: 0;
padding: 1em;
color: red;
}
#nav ul
{
margin: 0;
padding: 0;
list-style-type: none;
}
#nav a
{
display: block;
width: 7em;
padding: .3em .8em;
text-decoration: none;
background-color: #000000;
border: 1px solid #000000;
}

#nav a:link { color: #f1e1a0; }
#nav a:visited {color: #d1d1a0;}
#nav a:hover { 
                  border: 1px solid red;
                  background-color: #850000;
                  color: black; }

#neck {background: black; margin: 0 0 0 0;
  list-style: none; font: bold 0.8em Verdana, sans-serif;}
#neck ul { margin: 0 0 0 0; margin-right: 20px; }
#neck li { display: inline; margin-right: 5px; margin-top: -12px;
           float: right; padding: 5px 2px;
           background: #850000; }
#neck li a { padding: 2px 10px;
             text-decoration: none;
             border: 1px solid black;
           }
#neck li a:link { color: black;}
#neck li a:visited {color: white;}
#neck li a:hover { color: black; background: #ff0000; }



#content
{
margin-left: 200px;
padding: 1em;
max-width: 86em;
background-color: black;
color: #dcdcdc;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #fff;
background-color: #000;
border-top: 1px solid black;
font-size: smaller;
}

#nav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; color: #4f6f85; }
#content h1 { color: #4f6f85; }