body {
    margin: 0; 
    padding: 0; 
    background: #fff; 
    text-align: center; 
    font: 12px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; color: #333;
}

h1 {margin-bottom: 0;}

#header, #main {
    width: 770px;
    margin: 10px auto;
    text-align: center;
}

#content {
    float: right;
    width: 450px;
}

#sidebar {
    float: left;
    margin-left: 10px;
    margin-top: 30px;
    width: 200px;
    font: 10px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
}
#sidebar h2 {
    font-size: 13px;
}
#sidebar h3 {
    font: 14px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; color: #777777;
    margin: 0;
}
#sidebar h4 {
    font-size: 10px;
    margin: 0;
}

   
ul {
    list-style: none outside; 
    margin: 0; 
    padding: 0 0 1em 0;
}

div.clearer {
    clear: both;
    display: block; 
    margin: 0;
    padding: 0;
    height: 0;
    line-height: 1px;
    font-size: 1px;
}

A:link {
    font-weight: 400;
    font-size: 12px;
    color: #0068ad;
    text-decoration: none
}
A:visited {
    text-decoration: none;
    font-weight: 400;
    font-size: 12px; 
    color: #0068ad;
}
A:hover {
    text-decoration: none;
    font-weight: 400;
    font-size: 12px; 
    color: #f8130d
}

td.hat {
    color: #ffffff;
    font-weight: bold;	
}		

td {
   font: 13px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; color: #333;
}

pre.whois {
   font: 11px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; color: #333;
}

wbr:after { content: "\00200B" }

#ImageRight {
    text-align:left;
    float:right;
    margin-left: 5px;
    margin-bottom:5px;
    padding: 5px;
    display:inline;
}

#ImageLeft {
    text-align:right;
    float:left;
    margin-right: 5px;
    margin-bottom:5px;
    padding: 5px;
    display:inline;
}

.letter {
 font-size: 220%;
 float: left;
 color: #0068ad;
 padding-right: 3px;
 line-height: 32px;
 font-weight: bold;	
}