* {margin: 0; padding: 0;}
html {height: 100.02%;}
body {background: #FAFAFA;}
#header {margin: 20px 0 40px 0;}
#header img {width: 717px; position: relative; left: 50%; margin-left: -358px;}
#content {width: 776px; position: relative; left: 50%; margin-left: -388px;}
#top {height: 328px;}
ul {float: left; width: 244px; height: 288px; list-style-type: none; text-align: center;}
ul a, ul span {display: block; width: 244px; height: 27px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 29px; text-decoration: none; border-bottom: 1px solid #FAFAFA; background-color: #D0D0CC; color: #000;}
ul span {cursor: default;}
#overview {border-top: 1px solid #FAFAFA;}
#menu a:link {background-color: #E8E8E4; color: #20201C;}
#menu a:visited {background-color: #E8E8E4; color: #20201C;}
#menu a:hover {background-color: #E0E0DC; color: #000;}
#menu a:active {background-color: #A3A39F; color: #000;}
h1 {font: 19px/120px Arial, Helvetica, sans-serif;}
#subheader {position: relative; top: -35px; width: 452px; height: 258px; float: right; padding: 15px; text-align: center; font: 16px/22px Arial, Helvetica, sans-serif; color: #20201C;}
#subheader p {margin-bottom: 50px;}
#instruction {position: relative; top: 80px; font: 14px/20px "Lucida Grande", Geneva, Verdana, sans-serif; color: #888;}
br {line-height: 75px;}
.clip {width: 100%; height: 274px; margin-bottom: 20px; background-color: #E8E8E4;}
.title {width: 240px; height: 234px; float: left; text-align: left; padding: 20px; background-color: #E8E8E4; font: 14px/20px Arial, Helvetica, sans-serif; color: #20201C;}
.title span {display: block; font: 60px/60px Arial, Helvetica, sans-serif; margin-top: 25px;}
.link {width: 482px; float: right;}
.link img {float: right; width: 480px; height: 270px; border: 1px solid #000;}
#footer {clear: both; width: 100%; height: 20px;}
#footer img {display: block; margin: auto; border: none;}