* {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;}
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;}
#link {width: 480px; height: 288px; float: right; margin-bottom: 20px; border: 0px solid #000;}
#link img {border: 0px solid #000;}
video {width: 480px; height: 270px; float: right; margin-bottom: 20px; border: 1px solid #444;}
h1, #text {clear: both; font: 14px/20px "Lucida Grande", Geneva, Verdana, sans-serif; text-align: center; color: #20201C;}
h1 {font-weight: bold; font-size: 16px;}
h1, #text p {margin-bottom: 15px;}
#text a:link {color: #25D;}
#text a:visited {color: #25D;}
#text a:hover {color: #69E;}
#text a:active {color: #7AF;}
#CC, #PD {width: 254px; height: 200px; text-align: center; font-family: Arial, Helvetica, sans-serif; line-height: 2em; color: #000; margin-top: 10px;}
#CC {float: left; margin-left: 69px; margin-right: 20px;}
.bordered {display: block;}
#PD {float: right; margin-right: 69px; margin-left: 20px;}
#footer {clear: both; width: 100%; height: 20px;}
#footer img {display: block; margin: auto; border: none;}