html  {padding:0; margin:0; height:100%; }
body {padding:0; margin:0; height:100%; }
* body { margin-left: 1px; }
body {background: #5F5F5F url('images/body-bg.jpg') repeat-y top center; text-align:center; font: 11px verdana, geneva; color: #333333; }

#wrapper { width:700px; margin:0 auto;}

#red a {display:block; width:700px; height:140px;  background: transparent url('images/red-logo.gif') no-repeat center center; float:left; }

#nav { height:30px; background: #f0f0f0; margin:0;}
#nav ul { margin: 3px; padding: 0; list-style-type: none; float:left; width:100%;}
#nav ul li { margin: 0; padding: 0; width: 50px; height:30px; line-height:30px; float:left; width:70px;} 
#nav ul li a { display: block; width: 100%; height:30px;  text-decoration: none; font: 11px verdana, geneva; line-height:30px; color: #333333;}
#nav ul li a:hover { color:#ffffff; background: #ae0000; }

#header { width:100%; height:80px; background:#5f5f5f /*url('header-bg.jpg')*/ repeat-x top left; clear:both; }

#content {margin:0; padding:0; width: 500px; float:left; height:30px; clear:both; }
* html #content .info {margin-left:5px;}
#content .info { margin:0; padding:0; width: 480px; margin-left:10px; margin-top:20px; }
#content .info span.date {
width: 80px;
height:30px;
float:left;
background:#ae0000 /*url('clock.gif')*/ no-repeat 2px 50%;
font: 11px verdana, geneva;
color: #f9f9f9;
line-height:30px;
margin:0;
padding:0;
} 
#content .info a.link { margin:0; padding:0; display:block; height: 30px; background:#5f5f5f; font: 11px verdana, geneva; color: white; line-height: 30px; text-decoration:none; padding-left:10px; text-align:left; position:relative; margin-left: 80px;} 
#content p { font: 14px arial, helvetica, san-serif; margin-left: 10px; margin-right:10px; text-align:justify; color:#555555;}

#side {width: 200px; float:right; }
#side ul { margin: 0; padding: 0; width: 200px; margin-top:20px; list-style-type: none;}
#side ul li { margin: 0; padding: 0; height:30px; line-height:30px; } 
#side ul li a { display: block; height:30px;  text-decoration: none; font: 11px verdana, geneva; line-height:30px; color: #333333; text-align:left; padding-left:15px;  background: transparent; }
#side ul li.top { font: 11px verdana, geneva; padding-left:15px; background:#5f5f5f; color: white; line-height:30px;  text-align:left;}
#side ul li a:hover { color:#ffffff; background: #ae0000; }

#comment {width: 480px; float:left; }
#comment ul { margin-left: 10px; padding: 0; width: 480px; margin-top:0px; list-style-type: none;}
#comment ul li { margin: 0; padding: 0; height:20px; line-height:20px; } 
#comment ul li a { display: block; height:20px;  text-decoration: none; font: 11px verdana, geneva; line-height:20px; color: #ffffff; text-align:right; padding-left:10px;  background: transparent; }
#comment ul li.top { font: 11px verdana, geneva; padding-left:10px; background:#5f5f5f; color: white; line-height:20px;  text-align:right;}
#comment ul li a:hover { color:#ffffff; background: #ae0000; }

#copy {background:#5f5f5f;}

/* start neat forms */
label
{
width: 12em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
}

.change
{
width: 25em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
}

.submitchange {
margin-left: 20em;
}

.submit
{
margin-left: 4.5em;
}
/* end neat forms */