* { margin: 0; padding: 0; }
body {
    background-color: #aaa;
    color: #333;
    text-align: center;
    font-family: trebuchet, "trebuchet MS", trebuchet MS, Lucida Grande, "Lucida Grande", Century Gothic, "Century Gothic", Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
}

a { color: #5588dd; }
a:hover { color: #224477; }

#page { margin: 0 auto; width: 1060px; text-align: left; }
#header { border: 2px solid #fff; background-color: #88bbff; height: 60px; color: #fff; }
#headeradmin { border: 2px solid #fff; background-color: #88bbff; color: #fff; }
#main { padding: 30px 0px 40px 20px; border: 1px solid #aaa; background-color: #fff; }
#main-home { }

a.videotitle { color: #224477; }

a.video {
    display:block;
    position:relative;
    border: 1px solid #224477;
}

a.video:hover {
    border: 1px solid #ddd;
}

a.video:hover span {
    background: url(/i/play.png) no-repeat;
    -moz-opacity:.80;
    opacity:.80;
    filter:alpha(opacity=80);
    display:block;
    position:absolute;
    top:45px;
    left:70px;  
    z-index:100;
    width:60px;
    height:60px;
}

#footer { padding: 4px 0px 0px 4px; color: #fff; text-align: left; }
#content { width: 800px; float: left; }
#content-100 { width: 100%; float: left; }
#sidebar { float: right; width: 245px; border: 1px solid #ddd; background-color: #fff; }
.sidebarBox { padding-left: 5px; }


.hl { border: 1px solid #aabbff; }

<input class="imageOff" type="image" src="" onmouseover="this.className='imageon'" onmouseout="this.className='imageOff'">

DrDoc bet me too it I would go along with his suggestions. 


.headerImage { margin: 0 6px 0 0; float: left; height: 60px; border-left: 2px solid #fff; border-right: 2px solid #fff; }
.messages { padding: 10px 20px 10px 20px; background-color: #fff; }
.messageboxMessage { border: 1px solid #224477; }
.messageboxError { border: 1px solid #ff0000; }
.messageMessage { color: #224477; }
.column { padding: 4px; } 
.widelines { line-height: 170%; }
.navlist { margin-left: 0; padding-left: 0; list-style: none; }
.navlist li { padding-left: 8px; background-image: url(/i/icon_list_arrow_blue.gif); background-repeat: no-repeat; background-position: 0 .75em; }
.navlist .active a { color: #224477; }
.msglist { margin-left: 0; padding-left: 0; list-style: square; list-style-position:inside; }
.msglistMessage { color: #224477; }
.msglistError { color: #ff0000; }

.hmForm fieldset { width: 90%; border: 1px solid #aaa; padding: 30px 10px 30px 10px;}
.hmForm legend { font-size: 20px; font-weight: bold; border: 1px solid #aaa; padding: 5px 20px 5px 20px; background: #ddd}
.hmForm .submit { border: 1px solid #999; background-color: #88bbff; color: #fff; font-weight: bold; padding: 2px 10px 2px 10px; margin-top: 5px; }
.hmForm .firstbutton { margin-left: 86px; }
.hmForm label { width: 80px; float: left; text-align: right; padding-right: 6px; padding-bottom: 6px; }
.hmForm textarea { margin-bottom: 6px; }
.hmForm label.error { float: none; color: red; padding-left: 10px; vertical-align: top; }
.hmForm p { clear: both; }
.hmForm em { font-weight: bold; padding-right: 1em; vertical-align: top; }