/* Global Elements */
body {margin:20px 0 0; font-size:14px; color:#666; font-family:georgia; text-align:center; background:#fff url('../images/blue_gradient.jpg') repeat-x;}
h1 {margin:0; padding:0;}
h2 {color:#428cc5; font-size:36px; font-weight:normal; margin:0 0 10px; padding:0;}
h3.section {margin:0; padding:0; font-size:14px;}
h5 {margin:0; font-weight:normal; color:#fff; text-align:center;}
h5 a:link, h5 a:visited {color:#fff;}

a img {border:0;}
a:link, a:visited {color:#f09001;}
a:hover {text-decoration:none;}

a.blue {color:#3399cc;}
a.blue:hover {color:#1a4c65;}

/* General */
.loud {font-weight:bold;}
.block {display:block;}
.italic {font-style:italic;}
.small {font-size:11px;}
.hidden {display:none;}
.zero {margin:0 !important; padding:0 !important;}
.vZero {margin-top:0 !important; margin-bottom:0 !important; padding-top:0 !important; padding-bottom:0 !important;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* Registration call out */
.register, .coming {margin:20px 0; text-align:center; background:url('/images/orange_gradient.jpg') center top no-repeat; padding-top:10px;}
.register div, .coming div {margin:0; padding-bottom:20px; background:url('/images/orange_gradient.jpg') center bottom no-repeat;}

/* Coming Soon */
.coming {margin-top:40px; padding-top:30px;}
.coming h2 {font-size:30px; margin-top:0; padding-top:0; color:#999;}
.coming div {padding-bottom:50px;}

/* Layout */
#top {width:1040px; height:24px; background:transparent url('/images/top_border.png') no-repeat; margin:0 auto;}
#container {width:1040px; text-align:left; margin:0 auto; background:transparent url('/images/side_border.png') repeat-y; position:relative; padding-top:110px;}
#header {width:1000px; height:122px; background:transparent url('/images/header_back.jpg') no-repeat; position:absolute; top:-16px; left:20px;}
#header a {display:block; width:211px; height:107px; position:relative; top:9px; left:108px;}
#bgImage {width:1000px; min-height:800px; margin:0 20px; background-color:#428cc5; background-repeat:no-repeat; padding-bottom:50px;}
#content {min-height:650px; margin:0px 0 0 202px; width:752px; background:transparent url('/images/content_bottom.png') left bottom no-repeat; padding-bottom:44px;} 
#nav {height:34px; width:100%; padding-top:19px;}
#nav ul{margin:0; padding:0; list-style-type:none; margin-left:40px;}
#nav li {float:left; width:108px; height:34px; text-align:center; background:transparent url('/images/tab_off.png') no-repeat; padding-top:10px;}
#nav li a:link, #nav li a:visited {color:white; text-decoration:none;}
#nav li a:hover {text-decoration:underline;}
#main {margin:35px 0 0; padding:0 30px 30px; background-color:#fff;}
#footer {width:752px; margin:30px 0 0 202px; text-align:center; padding:0 0 10px;}

/* Different images for different pages */
#bgImage {background-image:url('/images/bg_home.jpg');}
#home #bgImage {background-image:url('/images/bg_home.jpg');}
#register #bgImage {background-image:url('/images/bg_register.jpg');}
#speakers #bgImage{background-image:url('/images/bg_speakers.jpg');}
#agenda #bgImage {background-image:url('/images/bg_agenda.jpg');}
#contact #bgImage {background-image:url('/images/bg_contact.jpg');}
#attendees #bgImage {background-image:url('/images/bg_presentations.jpg');}

/* Min height for content area varied here */
#home #content {min-height:737px}
#speakers #content, #register #content {min-height:601px;}

/* 'You are here' for nav links */
#home #hl, #register #rl, #speakers #sl, #agenda #al, #contact #cl{background:transparent url('/images/tab_on.png') no-repeat;}
#home #hl a, #register #rl a, #speakers #sl a, #agenda #al a, #contact #cl a {color:#428cc5;}

/* This gets spaced differently on a couple different pages */
.callOut {margin:50px 0 30px;}
#register .callOut {margin-top:30px;}
#contact .callOut {margin-top:90px;}

/* Index */
h3.thankYou {font-size:24px; margin-bottom:24px; color:#428cc5; font-weight:normal;}

/* Agenda */
#agenda dl {margin:25px 0; padding:0;}
#agenda dt {font-weight:bold; margin-bottom:10px;}
#agenda dl dd {margin:0; padding-left:0; margin-bottom:20px;}
#agenda dl dd ul {margin-top:0; margin-bottom:0;}
#agenda dl dd ul li {margin-bottom:10px;}
#agenda dl dd ul li em {display:block;}

/*
#agenda h3 {font-weight:500; text-decoration:underline; margin:0; padding:0; font-size:14px;}
#agenda h4 {margin:0; padding:0; font-size:14px; font-style:italic; font-weight:normal}
#agenda #main ul {margin-top:10px; margin-bottom:10px;}
#agenda ul.topics {list-style-type:none;  list-style-image:url('/images/dash.gif');}
#agenda ul.topics li {margin-bottom:10px;}
*/

/* Contact */
#contact ul.contact {list-style-type:none; margin-left:0; padding-left:0;}
#contact ul.contact li {margin-left:0; padding-left:0;}

/* Speakers */
#speakers dl {margin-bottom:20px;} 
#speakers dt {float:left; clear:left; width:100px;} 
#speakers dd {margin: 0 0 0 157px; padding:0 0 0.5em 0;}
#speakers dd.name {font-weight:bold;}

#speakerContact {width:100%; background: url('/images/speaker_bl_grad.jpg') center top no-repeat; margin-top:35px; padding:10px 0;}

/* Presentations */
#downloads {margin-top:40px;}
#downloads h3 {margin-bottom:10px;}

#downloads div.media {float:left; width:280px;}

#downloads #dlHeader {height:20px; background-color:#eaf6fe; margin-bottom:10px; font-weight:bold; padding:6px 0 6px 30px;}
#downloads #dlHeader img {margin-right:6px;}
#downloads #dlHeader span {position:relative; top:-6px;}
#downloads #dlHeader div.video {padding-right:30px;}
#downloads #dlHeader div.pdf {padding-left:20px;}

#downloads #dlContent div.media {padding:6px 0 6px 20px;}
#downloads #dlContent div.video {padding-right:20px;}
#downloads #dlContent div.pdf {padding-left:30px; border-left:1px solid #999;}

#downloads #dlContent dl, #downloads #dlContent dt {margin:0; padding:0;}
#downloads #dlContent dd {padding:0; margin:0 0 10px 0;}