* {
margin: 0;
padding: 0;
}
/*html, body {
background-color: #fff;
color: #000;
}*/
img {
border:none;
}
div.clearer {
clear:both;
height:0;
line-height:0;
}
body {
margin: 0;
padding: 0;
font: 12px/18px Arial, Helvetica;
color:#3B2F24;
text-align: center;
background: #B6A992 url(gfx/bgBody.gif) repeat-x;
}
p {
padding: 10px 15px 5px 15px;
}
#container {
text-align: left;
width: 745px;
margin-left: auto;
margin-right: auto;
}
#header {
position: relative;
margin: 7px 0 0 0;
width: 745px;
height: 158px;
background: transparent url(gfx/header.gif) no-repeat;
}
#header #logo {
position: absolute;
top: 15px;
right: 20px;
width: 179px;
height: 11px;
}
#contentTop {
font-size: 0;
line-height: 0;
margin: 25px 0 0 0;
width: 745px;
height: 10px;
background: #cfc         url(gfx/bgContentTop.gif) no-repeat;
}

#content {
min-height:400px;
width: 745px;
background: url(gfx/bgContent.gif) repeat-y;
padding: 0 0 40px 0;
}
#contentBottom {
width: 745px;
background: transparent url(gfx/bgContentBottom.gif) no-repeat;
height: 10px;
}
#content #scrabble                {
width: 204px;
float: left;
margin: 0 20px 65px 1px;
}
#contenttext  {
width: 520px;
float: left;
margin: 0 0 0 0;
}
#content #scrabble h2        {
font: bold 12px/14px Arial, Helvetica;
margin: 15px 0 0 15px;
}
#content p {
padding: 10px 30px 5px 0;
}
#content p.subtext {
padding: 10px 30px 5px 0;
font: normal 10px/12px Arial, Helvetica;
}

#content h1 {
font: bold 16px/20px Arial, Helvetica;
padding: 30px 0 0 0;
}
#content h3 {
font: bold 12px/20px Arial, Helvetica;
padding: 10px 30px 0 0;
}
#content ul {
margin: 10px 15px 5px 0;
list-style-type: none;
}
* html #content ul {
margin: 10px 15px 5px 225px;
}
#content ul li {
margin: 10px 15px 5px 0;
padding: 0 0 0 15px;
background: url(gfx/iconListArrows.gif) no-repeat;
background-position: 2px 3px;
display: block;
/*width:500px;
height:20px;*/
}

.picture {
margin: 10px 50px 10px 0;
padding: 5px;
border: 1px solid #3B2F24;
float:right;
}

a {
color:  #669;
font: bold 12px/1.6 Arial, Helvetica;
}
a:hover {
color:#669;
}
a:active {
color: #669;
}
#navcontainer {
padding: 131px 0 0 1px;
margin: 0 0 0 0;
height: 26px;
background-color: transparent;
z-index: 100;
}
#navcontainer ul {
border: 0;
list-style-type: none;
text-align: center;
}
#navcontainer ul li {
display: block;
float: left;
text-align: center;
}
#navcontainer ul li a
{
background: #BCDD6E;
width: 146px;
height: 24px;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
border-right: none;
color: #71644C;
text-decoration: none;
display: block;
text-align: center;
font: bold 12px/26px Arial, Helvetica;
letter-spacing : 1px;
}
* html #navcontainer ul li a {
height: 24px;/* Correct value for compliant browers. */
font: bold 12px/24px Arial, Helvetica;
}
#navcontainer ul li a.empty {
width: 0;
}
#navcontainer ul li a:hover {
color: #DFD9CF;
background: #71644C;
border-bottom: 1px solid #71644C;
}
#navcontainer li#active a {
color: #DFD9CF;
background: #71644C;
border-bottom: 1px solid #71644C;
height: 24px;
}
#footerAll {
text-align: right;
width: 737px;
height: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 0;
}
* html #footerAll {
p\adding-left: 15px;
padding-left: 0;
}
#footer {
width: 737px;
height: 72px;
border-top: 1px solid #3B2F24;
margin-top: 10px;
font: 11px/1.5 Arial, Helvetica;
color: #3B2F24;
}
#footer a {
font: 11px/1.5 Arial, Helvetica;
color: #3B2F24;
}
