body {
background-color: #FFFFFF;
font-size: 11px;
font-family: Tahoma;
color:#607360;
padding: 0 ;
margin:0;
}

h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #E0A3B7;
border-top:0px solid #564b47;
border-bottom:2px solid #564b47;
padding:5px 15px;
margin:0 }

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0;}


/* ----------container to center the layout-------------- */
#container {
width: 1010px;
margin-bottom: 10px;
margin: 0 auto;
background-color: #f4f4ef;
}


/* ----------banner with logo-------------- */
#banner {
background-image: url(http://www.spudmud.com/beta/images/headerbackground.gif);
text-align: left;
padding: 0px;
margin: 0px;
}

#header-text {
text-align: center;
position:relative;
left:0px;
top:-63px;
}

#logo {
padding:0px 0px 8px 20px;
} 

/* -----------------header login--------------------- */
#loginbox-header {
position: relative; 
padding: 0px;
margin: 0px;
left: 610px; 
top: 155px;
}

/* -----------------navigation--------------------- */
#navigation {
height:32px;
background-image: url(http://www.spudmud.com/beta/images/headernavbackground.gif);
border-bottom:2px solid #e3e3d2;
text-align:center
}

/* -----------------content--------------------- */
#content {
background-color: #f4f4ef;
padding: 0px;
margin: 0px 184px 0px 0px;
}

div#content { 
min-height:600px;
margin: 12px 0px 0px 0px;
}

.contentmainbox {
float:left;
width: 598px;
margin: 5px 7px 14px 7px;
padding: 0;
background-color: #f3f4ef; 
border-top:0px;
border-right:1px solid #607360;
border-bottom:1px solid #607360;
border-left:1px solid #607360;
}

.contentmainboxtop {
height:29px;
width: 598px;
margin: 0;
padding: 0;
background-image: url(http://www.spudmud.com/beta/images/centralbackgroundheader.gif);
}

.contentmainboxtop img {
position: relative; 
left: 8px; 
top: -2px;
}

.contentmainboxcontent {
width: 598px;
margin: 0;
padding: 4px 5px 4px 5px;
}

.topgames{
padding: 0px 0px 0px 2px;
}

#topgames img{
padding: 0;
margin: 5px 2px 5px 2px;
border:solid 1px #3D3D3D;
}

.latestnewsheader
{background-color: #e6e7df;
padding: 5px 10px 5px 10px;
margin: 5px 2px 5px 2px;
color: #61745e;
display: block;
font-family: Tahoma;
font-size: 11px;
width:564px;
height: 15px;
}

.latestnewsheader a
{color: #ba3030;
font-weight:bolder;
text-decoration: none;
}

.latestnewscontent
{padding: 1px 15px 1px 15px;
}

.jokeoftheweek
{padding: 1px 15px 1px 15px;
}

/* --------------left bar------------- */
#leftspacer {
height:200px;
}

#left {
float: left;
width: 184px;
margin: 0;
padding: 10px 4px 0px 10px;
background-color: #f4f4ef; 
}

a.leftnav
{background-color: #f2f2f0;
padding: 0px 0px 0px 10px;
color: #3b3b3b;
display: block;
font-family: Veranda, sans-serif;
font-size: 10px;
font-weight: bolder;
line-height: 18px;
text-align: left;
text-decoration: none;
width: 158px;
}

a.leftnav:hover
{color: #ba3030;
}

a.leftnav2
{background-color: #e6e7df;
padding: 0px 0px 0px 10px;
color: #3b3b3b;
display: block;
font-family: Veranda, sans-serif;
font-size: 10px;
font-weight: bolder;
line-height: 18px;
text-align: left;
text-decoration: none;
width: 158px;
}

a.leftnav2:hover
{color: #ba3030;
}


.leftcontentmainbox {
width: 168px;
margin: 7px 7px 14px 7px;
padding: 0;
background-color: #ebece9; 
border-top:0px;
border-right:1px solid #607360;
border-bottom:1px solid #607360;
border-left:1px solid #607360;
}

.leftcontentmainboxtop {
height:29px;
width: 168px;
margin: 0;
padding: 0;
background-image: url(http://www.spudmud.com/beta/images/leftandrightbackgroundheader.gif);
}

.leftcontentmainboxtop img {
position: relative; 
left: 8px; 
top: -2px;
}

.leftcontentmainboxcontent {
width: 168px;
margin: 0;
padding: 4px 0px 5px 0px;
}

/* --------------right bar------------ */
#right {
float: right;
width: 184px;
margin: 0;
padding: 10px 10px 0px 0px;
background-color: #f4f4ef; 
}

.rightcontentmainbox {
width: 168px;
margin: 7px 7px 14px 7px;
padding: 0;
background-color: #ebece9; 
border-top:0px;
border-right:1px solid #607360;
border-bottom:1px solid #607360;
border-left:1px solid #607360;
}

.rightcontentmainboxtop {
height:29px;
width: 168px;
margin: 0;
padding: 0;
background-image: url(http://www.spudmud.com/beta/images/leftandrightbackgroundheader.gif);
}

.rightcontentmainboxtop img {
position: relative; 
left: 8px; 
top: -2px;
}

.rightcontentmainboxcontent {
width: 168px;
margin: 0;
padding: 4px 5px 4px 5px;
}


/* -----------footer----------------- */
#footer {
clear: both;
margin: 0;
padding: 0;
text-align: center; 
}

#footertop {
height:20px;
}

a.footertop
{color: #3b3b3b;
font-family: Veranda, sans-serif;
font-size: 10px;
font-weight: bolder;
text-decoration: none;
}

a.footertop:hover
{color: #ba3030;
}

#footermiddle {
height:32px;
background-image: url(http://www.spudmud.com/beta/images/footercopyright.gif);
}

#footerbottom {
height:24px;
background-image: url(http://www.spudmud.com/beta/images/footerrepeatbottom.gif);
}