/*-- ROOT ELEMENTS --*/
html { height: 100%}
/*body { background: #ffffff url(../images/pattern-01.gif) no-repeat bottom center; }*/
strong { font-weight: bold; }
.clear { clear: both; }
p.single { width: 100%; float: left; }
/*-- ROOT ELEMENTS --*/
/*-- MASTER POSITIONAL --*/
#nav-wrap { width: 100%; height: 20px; background: #e8e8e8; }
#nav-inner { width: 950px; height: 20px; margin: 0 auto; }
#nav-inner img { float: left; }
#nav-inner ul { float: left; width: 800px; height: 15px; *height: 20px; font-size: 0.8em; color: #838383; margin: 4px 0 0 5px; }
#nav-inner li { float: left; width: auto; height: 15px; *height: 20px; color: #838383; text-transform: uppercase; margin: 0 4px 0 0; }
#nav-inner a { color: #838383; text-decoration: none; }
#nav-inner a:hover, #nav-inner a.active { color: #000000; text-decoration: none; }
#sub-nav-wrap { width: 100%; height: 20px; background: #ffffff; }
#sub-nav-inner { width: 980px; height: 20px; margin: 0 auto; }
#sub-nav-inner ul { float: left; width: 860px; height: 20px; font-size: 0.8em; color: #e8e8e8; margin: 4px 0 0 135px; *margin: 3px 0 0 135px; }
#sub-nav-inner li { float: left; width: auto; height: 20px; color: #838383; text-transform: uppercase; margin: 0 4px 0 0; }
#sub-nav-inner a { color: #ffffff; text-decoration: none; }
#sub-nav-inner a:hover, #nav-inner a.active { color: #000000; text-decoration: none; }
#sub-nav-inner ul.inactive { display: none; }
#sub-nav-inner ul.active { display: block; }
#body-wrap { width: 100%; height: auto; }
#body-inner { position: relative; width: 950px; height: auto; margin: 5px auto; }
/*-- MASTER POSITIONAL --*/
/*-- HEADER --*/
#header h1 { font-size: 53px; text-align: left; font-weight: bold; text-transform: uppercase; color: #00b6dd; margin: 0; }
#header h2 { font-size: 20px; text-align: left; font-weight: normal; color: #00b6dd; margin: 0 20px 0 0; }
/*-- HEADER --*/
/*-- CONTENT --*/
#content { float:left; width: 100%; height: auto; }
#content p, #content ul { font-size: 0.9em; color: #676767; line-height: 1.4em; text-align: justify; margin: 0 0 15px 0; }
#content a { color: #676767; text-decoration: underline; }
#content a:hover { color: #b7b7b7; text-decoration: underline; }
#content hr { float: left; display: block; width: 100%; height: 1px; border: 0; }
#content hr.hr_meetdarwin { float: left; display: block; width: 100%; height: 1px; color: #c1d72e; background-color: #c1d72e; border: 0; margin: 0 0 15px 0; }
#content hr.hr_media { float: left; display: block; width: 100%; height: 1px; color: #e60e64; background-color: #e60e64; border: 0; margin: 0 0 15px 0; }
#content hr.hr_essential { float: left; display: block; width: 100%; height: 1px; color: #c41330; background-color: #c41330; border: 0; margin: 0 0 15px 0; }
#content hr.hr_event { float: left; display: block; width: 100%; height: 1px; color: #f8981d; background-color: #f8981d; border: 0; margin: 0 0 15px 0; }
#content img { float: left; }
#content li { list-style-type: square; list-style-position: outside; margin: 0 0 10px 20px;}
#content h3 { display: block; font-size: 18px;float: left; width: auto; height: auto; color: #ffffff; text-transform: uppercase; margin: 7px 0 0 7px; }
#content h4 { display: block; font-size: 18px; float: left; width: auto; height: auto; color: #ffffff; margin: 5px 0 0 7px; }
#content h5 { width: 100%; height: auto; color: #000000; text-transform: uppercase; margin: 0 0 10px 0; }
#content h6 { width: 100%; height: auto; color: #000000; text-transform: uppercase; margin: 0 0 0 0; }
#content h5.col_message, #content h6.col_message { color: #89cce2; }
#content h5.col_thecentre, #content h6.col_thecentre { color: #00a9cc; }
#content h5.col_meetdarwin, #content h6.col_meetdarwin { color: #c1d72e; }
#content h5.col_media, #content h6.col_media { color: #e60e64; }
#content h5.col_events, #content h6.col_events { color: #f8981d; }
#content h5.col_essential, #content h6.col_essential { color: #c41330; }
#content .panobox { float: left; width: 100%; height: 35px; margin: 0 0 20px 0; }
#content .thecentre_back { background-color: #00a9cc; color:#00a9cc; }
#content .meetdarwin_back { background-color: #c1d72e; color:#c1d72e; }
#content .media_back { background-color: #e60e64; color:#e60e64; }
#content .events_back { background-color: #f8981d; color:#f8981d; }
#content .essential_back { background-color: #c41330; color:#c41330; }
#content .message_back { background-color: #89cce2; color:#89cce2; }
#content-left { float: left; width: 770px; height: auto; }
#content-right { position: relative; float: right; width: 160px; height: auto; }
#content-right.thecentre_back_img { background: #00a9cc url(../images/sub_thecentre_bot.gif) no-repeat bottom center; }
#content-right.meetdarwin_back_img { background: #c1d72e url(../images/sub_meetdarwin_bot.gif) no-repeat bottom center; }
#content-right.media_back_img { background: #e60e64 url(../images/sub_media_bot.gif) no-repeat bottom center; }
#content-right.events_back_img { background: #f8981d url(../images/sub_event_bot.gif) no-repeat bottom center; }
#content-right.essential_back_img { background: #c41330 url(../images/sub_essential_bot.gif) no-repeat bottom center; }
#content-right.message_back_img { background: #89cce2 url(../images/sub_message_bot.gif) no-repeat bottom center; }
#content-right img.top { position: absolute; top: 0; }
#content-right ul { list-style-type: none; position: absolute; top: 10px; left: 10px; width: 130px;}
#content-right li { list-style-type: none; }
#content-right li.heading { color: #ffffff; text-transform: uppercase; font-weight: bold; text-align: left; margin: 0 0 0 0; }
#content-right li.sub { color: #ffffff; font-weight: bold; text-align: left; margin: 0 0 0 0; }
#content-right li a { color: #ffffff; text-decoration: none; }
#content-right li a:hover { color: #838383; text-decoration: none; }
#section-header { float: left; width: 770px; height: 150px; overflow: hidden; }
#front-wrap { width: 950px; height: 430px; overflow: hidden; }
#hero { position: absolute; z-index: 99; width: 950px; height: 430px; overflow: hidden; }
#site_sections { position: absolute; width: 950px; height: 430px; overflow: hidden; background: url(../images/site_sections_bck.gif) no-repeat; text-align: left; }
#site_sections ul { list-style-type: none; }
#site_sections li { list-style-type: none; margin: 0; }
#site_sections li.heading { color: #ffffff; text-transform: uppercase; font-weight: bold; margin: 0 0 0 0; }
#site_sections li.sub { color: #ffffff; font-weight: bold; margin: 0 0 5px 0; }
#site_sections li a { color: #ffffff; text-decoration: none; }
#site_sections li a:hover { color: #000000; text-decoration: none; }
#site_sections .col_1 { position: relative; float: left; width: 130px; height: auto; margin: 110px 0 0 10px; text-align: left; color: #ffffff; }
#site_sections .col_2 { position: relative; float: left; width: 140px; height: auto; margin: 110px 0 0 30px; text-align: left; color: #ffffff; }
#site_sections .col_3 { position: relative; float: left; width: 140px; height: auto; margin: 110px 0 0 20px; text-align: left; color: #ffffff; }
#site_sections .col_4 { position: relative; float: left; width: 140px; height: auto; margin: 110px 0 0 20px; text-align: left; color: #ffffff; }
#site_sections .col_5 { position: relative; float: left; width: 140px; height: auto; margin: 110px 0 0 18px; text-align: left; color: #ffffff; }
#site_sections .col_6 { position: relative; float: left; width: 140px; height: auto; margin: 110px 0 0 18px; text-align: left; color: #ffffff; }
#content ul.event { float: left; list-style-type: none; width: 100%; height: auto; margin: 0 0 20px 0; padding: 0 0 10px 0; border-bottom: 1px solid #f8981d; }
#content li.event_date { float: left; width: 150px; height: auto; list-style-type: none; text-align: left;}
#content li.event_detail { float: left; width: 450px; height: auto; margin: 0 0 0 25px; list-style-type: none; text-align: left; font-weight: bold; }
#content li.event_delegates { float: right; width: 100px; height: auto; list-style-type: none; text-align: left; }
#content ul.image_wrap { float: left; list-style-type: none; width: 770px; height: auto; margin: 0 0 20px 0; }
#content li.gal_left { float: left; text-align: center; width: 110px; height: auto; list-style-type: none; margin: 0 22px 22px 0; }
#content li.gal_right { float: right; text-align: center; width: 110px; height: auto; list-style-type: none; margin: 0 0 22px 0; }
.video_wrap { float: left; width: 100%; height: auto; padding-bottom: 20px; }
.video_wrap_left { float: left; width: 325px; height: auto; }
.video_wrap_right { float: right; width: 325px; height: auto; }
#content h4.sIFR-replaced { margin-top: 7px; }
.staff_member { float: left; width: 100%; margin: 0 0 10px 0; padding: 0 0 10px 0; /*border-bottom: 1px solid #c41330;*/ }
.staff_photo { float: left; width: 100px; height: 100px; }
.staff_detail { float: right; width: 640px; height: 100px; }
#maps { float: left; width: 100%; margin: 0 0 20px 0;}
.map { float: left; width: 100px; margin: 0 20px 10px 0; }
.map img { float: left; margin: 0 0 10px 0; }
.link { float: left; width: 100%; margin: 0 0 10px 0; border-top: 1px solid #c41330; padding: 10px 0 0 0; }
.link-left { float: left; width: 200px; }
.link-right { float: left; width: 400px; margin: 20px 0 0 20px; }
.newsletter { float: left; width: 100%; margin: 0 0 10px 0; }
.newsletter-left { float: left; width: 100px; }
.newsletter-right { float: left; width: 300px; margin: 0 0 0 20px; }
.menuitem { float: left; width: 135px; margin: 0 20px 10px 0; }
.menuitem img { float: left; margin: 0 0 10px 0; }
.links { line-height: 1.4em; }
/*-- CONTENT --*/
/*-- TABLES --*/
table.capacities { float: left; width: 100%; margin: 0 0 20px 0;}
table.capacities td { padding: 2px; border-bottom: 2px #ffffff solid; border-spacing: 1px; }
table.capacities tr.odd td { background-color: #d2e173; }
table.capacities tr.even td { background-color: #dee89a; }
table.capacities td.title { width: 208px; height: 16px; }
table.capacities td.value { width: 78px; height: 16px; text-align: center; border-left: 2px #ffffff solid; }
table.capacities td.heading_venue { width: 308px; height: 16px; text-transform: uppercase; text-align: centre; }
table.capacities td.heading_area { width: 160px; height: 16px; text-transform: uppercase; text-align: centre; }
table.capacities td.seating { width: 240px; height: 16px; text-transform: uppercase; text-align: centre; }
table.rental { float: left; width: 100%; margin: 0 0 20px 0;}
table.rental td { padding: 2px; border-bottom: 2px #ffffff solid; border-spacing: 1px; }
table.rental tr.odd td { background-color: #acdaeb; }
table.rental tr.even td { background-color: #c2e3f1; }
table.rental td.title { width: 238px; height: 16px; }
table.rental td.value { width: 76px; height: 16px; text-align: center; border-left: 2px #ffffff solid; }
table.rental td.heading_venue { width: 238px; height: 16px; text-transform: uppercase; }
table.rental td.heading_area { width: 160px; height: 16px; text-transform: uppercase; text-align: center; }
table.rental td.seating { width: 250px; height: 16px; text-transform: uppercase; text-align: center; }
table.rental td.standing { width: 80px; height: 16px; text-transform: uppercase; text-align: center; }
table.rental td.trade { width: 80px; height: 16px; text-transform: uppercase; text-align: center; }
table.rental td.rates { width: 160px; height: 16px; text-transform: uppercase; text-align: center; }
table.menu { margin: 0 0 20px 0;}
table.menu td { padding: 5px; border-bottom: 2px #ffffff solid; border-spacing: 1px; font-size: 0.9em; }
table { color: #676767; }
#content-left p a { font-weight: bold; }
#content-left ul li a { font-weight: bold; }
/*-- TABLES --*/
/*-- SIFR --*/
.sIFR-alternate { display: none; }
/*-- SIFRR --*/
/*-- FOOTER --*/
#footer { float: left; width: 100%; height: auto; margin: 30px 0 0 0; padding-bottom: 30px; }
#footer p { margin: 0 0 0.6em 0; font-size: 0.8em; color: #666666; text-transform: uppercase; }
#footer a { text-decoration: none; color: #666666; }
#footer a:hover { text-decoration: none; color: #000000; }
#footer-left { float: left; width: 600px; height: auto; }
#footer-right { float: right; width: 200px; height: auto; text-align: right; }
/*-- FOOTER --*/