body 
{
    text-align:center;
}

#wrapper 
{
    text-align:left;
     font-family:Trebuchet MS, Arial, Verdana;
    font-size:12px;
    line-height:1.5;
    width:800px;
    margin: 0 auto;
}

#header 
{
    position:relative;
    height:303px;
}
#logo 
{
    z-index:100;
    position:absolute;
}
#sun
{
    z-index:101;
    position:absolute;
    float:right;
    right:0px;
    top:-15px;

}
#maingraphic 
{
    z-index:1;
    position:absolute;
    margin-top:30px;
}
#menu 
{

}
#maincontent
{
    background:url(../images/d27.gif) no-repeat 0 0;
    padding:10px;
    margin-top:-5px;
}

h1 
{
    color:#a6ac2a;
    font-style:italic;
    border-bottom: dashed 1px #a6ac2a;
}

#leftcol 
{
    width:70%;
    float:left;
    background-color:Transparent;
    clear:left;
}

#rightcol 
{
    width: 25%;
    float:right;
    clear:right;
}

#footer 
{
    margin-top:15px;
    clear:both;
    background: url(../images/doorway-27-footer.gif) no-repeat bottom left;
    height:115px;
}

#footer ul 
{
   margin: 0 0 0 15;
   padding: 0;
   list-style:none;
}

#footer ul li 
{
    float:left;
    width:75px;
    text-align:center;
}

a:link, a:visited 
{
    color:#900;
    text-decoration:none;
    font-weight:bold;
    background: url(../images/linkbackground.gif) repeat-x left bottom; 
    }
a:hover 
{
    background-color: #F4F4F4;
}

.join 
{
    border: solid 1px #E0A922;
    background-color:#EBECCE;
    font-weight:bold;
    color:#C43911;
}