/* reset */
* {border: 0; margin: 0; padding: 0; outline: 0; text-decoration: none; letter-spacing: 1px}

/* global */
.clear {clear: both}
.red {font-weight: bold; color: #A00E0C}
#aboutPicture {float: right; margin: 10px 20px 10px 20px}
/*-moz-border-radius-topright
-webkit-border-top-right-radius
-webkit-border-radius
-moz-border-radius*/
body {background: #E7EAED}
#top a, #bottom a {color: #81A3C5; text-decoration: underline}
#top {background: #FAFAFA; padding: 0 0 20px 0}
.wrapper {width: 980px; margin: auto; font-family: Helvetica}
#header {position: relative; height: 40px; background: #FFFFFF; line-height: 40px; padding: 0 20px; border-bottom: 1px solid #F0F0F0; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px}
#header #logo {text-decoration: none; background: url('images/necso-logo-small.jpg') no-repeat; width: 110px; height: 24px; display: inline-block; float: left; margin: 8px 0}
#header span {font-size: 13px; margin: 0 20px; color: #767676}
#header #navigation {float: right; position: absolute; top: 0; right: 0}
#header #navigation li {float: left; list-style: none; display: inline-block; margin: 0 20px}
#header #navigation li a {text-transform: uppercase; font-size: 13px; color: #767676; text-decoration: none}
#header #navigation li a:hover {color: #000000}
#main {margin: 20px 0}
#main td {padding: 10px 20px}
#expirationTable {float: left; clear: left}
.leftColumn {width: 600px; float: left; display: inline-block}
#top .leftColumn p {margin: 10px 20px; padding: 10px; line-height: 20px; font-size: 13px}
#top .leftColumn h2 {letter-spacing: 2px; color: #7C7C7C; font-size: 20px; line-height: 30px; text-transform: uppercase; font-weight: normal}
#top .leftColumn td {line-height: 20px; font-size: 12px; vertical-align: top}
#top .leftColumn td.time {line-height: 20px; font-size: 16px;color: #7C7C7C; text-align: right; padding: 0 20px 20px 0; width: 200px; vertical-align: top}
.rightColumn {width: 380px; float: right; display: inline-block}
#top .rightColumn #registerNow {margin: 0 20px; cursor: pointer}
#top .rightColumn .box {background: url('images/right-box-background.png') 10px 0 repeat-y; position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px}
#top .rightColumn .box p {margin: 20px; padding: 10px; line-height: 20px; font-size: 13px}
#top .rightColumn #homeAbout {height: 300px}
#top .rightColumn #ribbon {background: #2C4A65 url('images/ribbon-top.png') no-repeat; padding: 15px 20px 10px 20px; margin: 0 10px}
#top .rightColumn #ribbon h3 {letter-spacing: 2px; color: #DFE0E3; line-height: 30px; font-size: 20px; font-weight: normal}
#top .rightColumn #ribbon span {color: #FAFAFA; line-height: 20px; font-size: 13px}
#bottom {background: #E7EAED url('images/footer-top-background.png') repeat-x; padding: 10px 0 0 0}
#bottom .box {background: #FAFAFA; margin-top: 10px; padding: 10px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px}
#bottom .box #agendaText {width: 220px; float: left; margin: 0 20px 0 0; border-right: 1px solid #DADADA}
#bottom .box #agendaList {float: left; width: 310px}
#bottom .box p {margin: 10px 0; font-size: 13px; color: #7C7C7C; line-height: 20px}
#bottom .box ul {margin: 10px 0; font-size: 13px; line-height: 20px}
#bottom .box li {color: #7C7C7C; margin: 0 20px}
label {font-size: 12px; color: #7C7C7C; float: left; clear: left; line-height: 30px}
.text {border: 1px solid #D1D1D1; font-size: 11px; padding: 2px; float: left; clear: left; font-family: sans-serif; width: 140px; display: block}
.button {float: left; clear: left; margin-top: 10px}
.textarea {border: 1px solid #D1D1D1; font-size: 11px; padding: 2px; float: left; clear: left; font-family: sans-serif; width: 330px}
select {border: 1px solid #D1D1D1; font-size: 11px; padding: 2px; float: left; clear: left; font-family: sans-serif; width: 140px}
#bottom #inputFields {float: left; width: 150px; padding-right: 10px}
#bottom .rightColumn .box {background: #FAFAFA; margin: 10px 20px 0 20px; padding-bottom: 10px}
#bottom .rightColumn .box span {font-size: 10px; line-height: 15px; color: #7C7C7C}
#bottom h3 {letter-spacing: 2px; color: #7C7C7C; font-size: 20px; line-height: 30px; text-transform: uppercase; font-weight: normal; background: url('images/h3-footer-background.png') 0 25px repeat-x}
#bottom .rightColumn h3 {margin: 0 20px; color: #7C7C7C}
#bottom h3:first-letter {font-size: 30px; float: left; margin-top: 3px; background: #E7EAED; color: #7C7C7C}
#bottom #footer {color: #7C7C7C; height: 40px; line-height: 40px; border-top: 1px solid #7C7C7C; margin: 20px 0; font-size: 13px}
#map {height: 320px}
