/* Layout */
* {padding: 0; margin: 0; border: 0; }
body { text-align: center; }
#header, #foot { width: 780px; margin-right: auto; margin-left: auto; }
#nav { margin-left: auto; margin-right: auto; }
#nav ul {list-style-type: none; }
#nav li { display: inline; padding: 5px; }
#nav a { padding-left: 5px; padding-right: 5px; padding-bottom: 5px; }
#left { margin-top: 20px; float: left; width: 190px; padding: 3px; margin-left: 5px;}
#content {margin-top: 20px; min-width: 120px; width: auto;  margin-left: 210px; margin-right: 210px; }
#right { position: absolute; right: 0px; top: 100px;  margin-top: 20px; width: 190px; padding: 3px; margin-right: 5px; }
#foot { clear: both; }
.post { margin-top: 10px; }
#foot { margin-top: 50px; padding: 5px; }
.post td { padding: 2px; }
/* text */
html, body { font-size: 100%; }
h1 { font-size: 190%; font-style: italic; font-weight: bolder; }
#nav a { text-decoration: none; font-weight: bold; }
#header { font-weight: bold; }
h3 { font-size: 110%; }
p { text-indent: 8px; }


/* colors */
input, textarea { border: 2px solid black; }

div.post { border: 2px solid black ; }
#left, #right { border: 1px dashed black; background: #ffffcc; }
#header, #foot { border: 2px solid gray; background: #ccffcc;}
#nav a { background: #ffff99; border: 2px solid gray; color: black;}
#current a { background: #6666cc; }

#compare
{
text-align: center;
margin-left: auto; margin-right: auto;
border-width: 3px;
border-style: groove;
border-color: #FFFF66;
background-color: #FFFFCC;
font-weight: bold;
 }