html { height: 100%;}
body { height: 100%;}
* html #nonFooter { height: 100%;}
#footer { position: relative; margin-top: -231px; }

#splash { border-left: 1px #85ADD1 solid; padding: 32px 35px 35px 32px; width: 400px; margin: 0 0 200px 179px; font-size: 21px; line-height: 32px; }
#splash p { margin: 0 0 30px 0; }

#footer { clear: both; width:100%; height: 231px; background: url(/images/template/tahoma.png) no-repeat top center; }
#footercontent { width: 940px; margin: 0 auto; height: 231px; position: relative; }
#footercontent p { text-align: center; font-size: 12px;  top: 205px; left: 400px; position: absolute; color: #C7D5B1; }
#footercontent p a { color: #C7D5B1; }
#become { position: absolute; height: 137px; top: 94px; left: 0; }
#become img { float: left; }
#supporters, #sponsors { position: absolute; top: 135px; }
#sponsors img { float: left; margin: 0 10px 0 0; }
#sponsors { left: 200px; }
#sponsors img { padding: 3px; border: 1px #FFF solid; background: #FFF; }
#sponsors a:hover img { border: 1px #666 solid; }
#supporters { left: 260px; width: 400px; }
#supporters ul { padding-bottom: 40px; }
#supporters li { float: left; width: 120px; font-size: 12px; }

#speakers { border-left: 1px #85ADD1 solid; padding: 32px 0 35px 32px; width: 726px; margin: 0 0 200px 179px; font-size: 14px; line-height: 18px; overflow: hidden; }
#speakers h2, #speakers p { margin-bottom: 10px; }
#panelists h2 { line-height: 22px; font-size: 18px; }
#content #speakers img { float: left; padding: 6px 25px 10px 0; margin: 0; }
.speaker { width: 700px; padding: 0 20px 0 0; float: left; }
.panel { width: 340px; float: left; padding: 0 20px 0 0; }
#speakers h3 { font-size: 14px; line-height: 18px; text-transform: uppercase; color: #000; margin: 5px 0 25px 175px; }
#speakers h4 { border-top: 1px #CCC dotted; margin: 40px 0; }
#speakers h3 span { padding: 5px 10px !important; background: #FFF; color: #666; }
#speakers h4 span { padding: 5px 10px !important; margin: -16px 0 20px 270px; background: #FFF; color: #666; float: left; width: 150px; text-align: center; display: block; text-transform: uppercase; }
#keynote h2 { font-size: 32px; line-height: 24px; margin: 10px 0 14px 0;  }
#keynote h2 a { font-size: 18px; margin: 6px 0 0 10px; color: #CCC; display: block; }
#panelists h2 a { font-size: 14px; line-height: 18px; margin: 6px 0 0 10px; color: #CCC; display: block; }
#keynote p { margin: 10px 0 25px 175px; font-size: 16px; line-height: 20px; }
#content #speakers #panelists img { padding: 2px 25px 40px 0; }
#panelists p { margin: 10px 0 25px 145px; font-size: 13px; line-height: 16px; }
#keynote, #panelists { overflow: hidden; }

#schedule { border-left: 1px #85ADD1 solid; padding: 10px 0 45px 32px; width: 726px; margin: 0 0 200px 179px; font-size: 14px; line-height: 18px; overflow: hidden; }
#schedule p { margin: 0 0 10px 200px; color: #DDD; font-size: 13px; font-family: Helvetica, Arial, sans-serif; line-height: 15px; }
#schedule p span { color: #DDD; font-size: 12px; }
#schedule div { width: 340px; float: left; padding: 0 15px 0 0; }
#schedule a { color: #DDD; }
#schedule h3 { float: none; font-size: 24px; line-height: 24px; font-style: italic; margin: 22px 0 12px 0; padding: 0; font-weight: normal; text-align: left; }
#schedule h3 strong { font-size: 17px; margin: 0; padding: 1px 0 10px 0; width: 200px; float: left; font-style: normal; }
#schedule h4 { margin: 0 0 6px 200px; font-size: 16px; }
#schedule h4 em { font-size: 13px; padding: 0 0 0 10px; color: #EEE; }

* { padding: 0; margin: 0; border: 0; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; color: #FFF; }
body { background: #1e5972 url(/back.jpg) no-repeat top center; }

#logo h3 { text-align: right; padding: 40px 0 25px 0; float: left; }
#logo h3 a { background: url(/images/template/register.png) no-repeat top center; width: 123px; height: 26px; line-height: 26px; padding: 5px 20px; font-weight: normal; font-size: 14px; text-decoration: none;  margin: 30px 0 0 0; }
#logo h3 a:hover { background: url(/images/template/register-on.png) no-repeat top center; }
#menu { border-bottom: 1px #85ADD1 solid; margin-left: 179px; }
#menu ul { width: 100%; overflow: hidden; }
#menu li { float: left; width: auto; list-style: none; }
#menu li a { display: block; font-size: 18px; margin-right: 2px; padding: 40px 30px 18px 30px; color: #c3e0eb; text-decoration: none; }
#menu li a:hover, #menu li a.active { background: url(/images/template/nav.png) repeat-x; color: #FFF; }
#content { position: relative; width: 940px; margin: 0 auto; overflow: hidden; min-height: 100%; }
#content img { float: left; margin-right: 40px;}
#content form { float: right; width: 350px; }
#content form p { font-size: 12px; }
#content .input { font-size: 18px; width: 240px; font-family: Helvetica, Arial, sans-serif; border: 0; padding: 3px 5px; color: #333; }
#content .submit { font-size: 15px; font-family: Helvetica, Arial, sans-serif; border: 0; padding: 5px 10px; margin: 0 0 0 1px; }
#content label { font-size: 14px; line-height: 22px; color: #FFF; font-family: Helvetica, Arial, sans-serif; margin: 0 0 20px 0; display: block; }
h1 { font-size: 32px; line-height: 39px; font-weight: normal; font-family:Helvetica, Arial, sans-serif; color: #FFF; padding-left: 20px;  }
#logo { float: left; padding: 40px 30px 230px 0; width: 149px; }
#content fieldset { border: 0; }
#clouds { width: 310px; float: right; position: relative; }
#clouds div { text-align: center; }
#clouds div a { color: #000; padding: 20px; display: block; }
#clouds div a:hover {text-decoration: none;}
.cloud1 { width: 243px; height: 94px; background: url(/images/template/cloud1.png) no-repeat top center; position: absolute; right: 0; top: 0; }
#clouds div.cloud1 a { padding: 20px 45px 30px 45px; }
.cloud2 { width: 176px; height: 102px; background: url(/images/template/cloud2.png) no-repeat top center; position: absolute; right: 30px; top: 75px; }
#clouds div.cloud2 a { padding: 45px 45px 30px 35px; }
.cloud3 { width: 246px; height: 143px; background: url(/images/template/cloud3.png) no-repeat top center; position: absolute; right: 40px; top: 140px; }
#clouds div.cloud3 a { margin-top: 30px; padding: 20px 45px 30px 45px; }
.cloud4 { width: 310px; height: 171px; background: url(/images/template/cloud4.png) no-repeat top center; position: absolute; right: 0; top: 250px; }
#clouds div.cloud4 a { height: 141px; }
#lead { border-left: 1px #85ADD1 solid; padding: 32px 35px 35px 32px; width: 360px; margin: 0 0 200px 179px; font-size: 16px; line-height: 22px; }
#lead ul { margin: 12px 0 12px 25px; }

#venue { border-left: 1px #85ADD1 solid; padding: 32px 35px 35px 32px; width: 650px; margin: 0 0 200px 179px; font-size: 16px; line-height: 22px; }
#venue p { width: 200px; float: right; }
#registered { border-left: 1px #85ADD1 solid; padding: 32px 35px 35px 32px; width: 650px; margin: 0 0 200px 179px; font-size: 16px; line-height: 22px; }
#registered li { float: left; width: 300px; padding: 0 15px 0 0; }
#registered ul { padding: 20px 0; list-style: none; overflow: hidden; }
#people { width: 300px; float: right; font-size: 13px; color: #afc8d2; padding-top: 32px; }
#people h4 { text-transform: uppercase; margin: 4px 0 10px 0; color: #afc8d2; font-size: 14px; }
#people h5 { font-size: 14px; margin: 12px 0 5px 0; color: #afc8d2; }
#people li { list-style: none; padding: 3px 0; color: #afc8d2; }
#people em {color: #afc8d2; }
#registered li span { font-size: 11px; text-transform: uppercase; margin-left: 10px; }