* { margin: 0px; padding: 0px; }html, body { height: 100%; }body { font-family: Arial, Helvetica, sans-serif; background-color: #DEDEDE; }div#header { float: left; width: 100%; height: 5em; background-color: #333; }div#header img#logo { float: left; margin: 5px 0 0 5px; }div.back { float: left; width: 100%; background: url(images/arrow_white_back.gif) #666 10px 10px no-repeat; }div.back a { float: left; width: 96%; height: 3em; margin: 0 2%; display: block; text-decoration: none; }div.back a span { float: left; margin: 10px 0 0 20px; color: #FFF; font-weight: bold; font-size: 80%; }div.back:hover { background-color: #36F; }ul { float: left; width: 225px; list-style: none; }ul li { float: left; width: 100%; padding: 5px; border: 1px solid #999; border-top: none; }ul#mainNav > li { background: url(images/arrow.gif) #EEE 95% 50% no-repeat; }ul#mainNav li a { float: left; width: 100%; height: 100%; text-decoration: none; display: block; }ul#mainNav li a img { float: left; border: none; margin: 0 5px 0 0; }ul#mainNav li a span { float: left; margin-top: 13px; font-weight: bold; font-size: 80%; color: #000; }ul#mainNav > li:hover { background-color: #36F; background-image: url(images/arrow_white.gif); }ul#mainNav li:hover > a span { color: #FFF; }ul#mainNav li:hover ul.subNav { display: block; }ul.subNav { position: absolute; left: 240px; margin: -5px; display: none; }ul.subNav li { background: #EEE; }ul.subNav li a { float: left; width: 96%; margin: 0 1%; height: 100%; text-decoration: none; display: block; }ul.subNav li a span { float: left; margin-top: 18px; font-weight: bold; font-size: 80%; color: #000; }ul.subNav li:hover { background-color: #36F; }ul.subNav li:hover a span { color: #FFF; }h1 { margin-bottom: 24px; }div#body { float: left; width: 550px; margin: 50px; line-height: 24px; }