body {
padding:0px;
margin:1px;
background: #ccaa66;
font: 11px verdana;
color: #000000;
text-align: center;
}

#container {
position:relative;
margin-left: auto;
margin-right: auto;
width: 800px;
text-align: left; 
font: 12px verdana;
color: #000000;

background: #ffffff;
}

#topnav {
position: relative;
background: #ffffff;
top: 0px;
left: 0px;
height: 120px;
background-image:url("newclaritylogo.jpg");
background-repeat:no-repeat;
background-position: left;

}

#focus {
position: absolute;
top:1px; right:0px;
width: 208px;
height: 120px;
/*background-image:url("http://www.clarity-media.co.uk/topright.gif");*/
background-repeat:no-repeat;
}
#bar {
position: absolute;
top: 77px; right:1px;
background: #666600;
width: 208px; height:42px;
}
.dtime {
display:block;
position:relative;top:14px;background: #cccccc;width:208px;height:15px;text-align:center
}
.navlink {
position:relative;top:3px;font-size:12px
}
#navbar {

position:relative;
height:20px;
background: #d0c8a6;
}
#smallbar {

margin:0px; padding:0px; height:4px; background: #666600;font-size:1px;
}
#maincontent {
width: 585px;
height: auto;
margin:4px;
font: 12px verdana;

}
#rightbar {
position: absolute;
background: #d0c8a6;
width: 205px;
padding-left: 4px;
margin-left: 4px;
top: 144px;
right: 0px;

}
#bottombar {

margin:0px; padding:0px; height:4px; background: #666600;font-size:1px;
}
td {
font: 12px verdana;
}
a {
color: #663300;
}
a:visited {
color: #996633;
}
a:hover {
color: #996633;
}
h1 {
font: 20px verdana;
color: #996633;
}
h2 {
font: 16px verdana;
color: #996633;
}
.puzlist {
font: 15px verdana;
margin: 3px;
color: #ffffff;
background: #663300;
height: 20px;
}

.showpuzzle { 
margin: 10px;
float: left; 
width: 150px; 
height: 175px; 
text-align: center;
}

.rightblue {
width: 200px;
color: #0000ff;
text-align: center;
align: center;
}
.bluetext {
color: #0000ff;
font-weight: bold;
}
.blue { color: #0000ff; }
.divider {
margin: 3px;
clear:both;
background: #cc9966; 
}