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

h1 {
font-size: 13px;
height:0px;
display:block;
position:relative;
top:-10px;
text-align:center;
}


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


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

#header-text {
text-align: center;
position:relative;
left:-140px;
top:-66px;
}

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

/* -----------------header login--------------------- */
#loginbox-header {
float: right;
text-align:left;
visibility: visible;
margin-right:30px;
margin-top:10px;
position: inherit;
left: 30px;
width: 468px;
height: 60px;
background-image: url(/images/headerrepeatingcheckers.gif);
padding:5px;
}


.toplogintextfield{
width: 120px;
margin-bottom: 5px;
border: 0px;
padding:5px;
color: #ba3030;
font-family: Tahoma;
font-size: 11px;
}

.toploginsubmit{
width: 60px;
height: 25px;
position:relative;
top: 20px;
}

.forgottonlink {
font-size: 10px;
font-family: Tahoma;
color:#FFFFFF;
position:relative;
left: 10px;
top: 7px;
}
/* -----------------navigation--------------------- */
#navigation {
height:32px;
background-image: url(/images/headernavbackground.gif);
border-bottom:2px solid #e3e3d2;
text-align:center
}

/* -----------------content--------------------- */
#content {
background-color: #f4f4ef;
padding: 0px 0px 0px 0px;
margin: 12px 194px 0px 0px;
display: block;
min-height:400px;
}

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


#announcement {
background-color: #f4f4ef;
padding: 0px;
margin: 0px 184px 0px 0px;
color:#ba3030;
text-transform:uppercase;
font-weight:bold;
}

#announcement a {
color:#ba3030;
text-transform:uppercase;
font-weight:bold;
}

div#announcement { 
margin: 8px 0px 0px 0px;
text-align:center;
}

.contentmainbox {
float:right;
width: 598px;
margin: 5px 7px 14px 7px;
padding: 0px;
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(/images/centralbackgroundheader.gif);
}

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

.contentmainboxcontent {

margin: 0;
padding: 4px 5px 4px 5px;
}

.contentmainboxcontentgame {

margin: 0;
padding: 4px 0px 4px 0px;
}

.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;
}

.pagingbox {
width: 598px;
border: 0px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
}

/* --------------left bar------------- */

#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(/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: 168px;
margin: 0;
padding: 10px 10px 10px 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(/images/leftandrightbackgroundheader.gif);
}

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

.rightcontentmainboxcontent {
width: 168px;
margin: 0;
padding: 4px 0px 4px 0px;
/*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(/images/footercopyright.gif);
}

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