/*
   sunset
   front
   V1.8
   1/4/2012
*/

* {
margin: 0;
}
html, body {
background-color: white;
height: 100%;
}

#container
{
width: 100%;
min-height: 100%;
height: auto !important
height: 100%;
margin: 0px auto -5em;
background-color: #fff;
color: #333;
border: 1px solid gray;
line-height: 130%;
}

#top
{
margin-top: 0px;
background-color: #82828e;
border-bottom: 1px solid gray;
background-image: url(sunset-snow-sandias.jpg); 
background-position: top right;
background-repeat: no-repeat;
height: 142px;
}

#logo {
   float: left;
   padding-top: 30px;
   margin-left: 80px;
}
#spacer {
   clear: left;
}
#sitename {
   padding-top: 42px;
   height: 100px;
}

#sitename h1
{
text-align: center;
margin-left: 80px;
width: 50%;
padding: 18px 8px 18px 8px;
background-color: #ccac98;
color: black;
border-right: 4px solid #333333;
border-bottom: 4px solid #333333;
}

#neck {
background: black;
margin: 40 0 0 0;
padding: 10px 4px 10px 4px;
list-style: none;
font: bold 0.8em Verdana, sans-serif;
}

#neck ul { text-align: right; }
#neck li { display: inline;
           margin-right: 2px;
           margin-top: -12px;
           padding: 6px 6px 6px 6px;
           background: #c7581b;
}
#neck li a { padding: 2px 10px 2px 10px;
             text-decoration: none;
             border: 1px solid black;
             background: #c7581b;
           }
#neck li a:link { color: black;}
#neck li a:visited {color: white;}
#neck li a:hover { color: black; background: #f7c971; }

#midrealm { margin-top: 34px; }

#content
{
margin-left: 0px;
padding: 3em;
background-image: url(sunset-top.jpg);
background-repeat: repeat-x;
}
#content h1, h2 { color: #87b0ce; }

#footer
{
height: 5em;
margin: 0;
padding: .5em;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
font-size: smaller;
}

.push
{
height: 5em;
}

#footer, .push
{
clear: both;
}

#content h2 { margin: 0 0 .5em 0; }