/* CSS Document */

* {
	margin: 0;
	padding: 0;
} 
	
.clear {
	clear: both;
}

html {
     overflow-y: scroll; /* firefox only */
}

html, body, #wrap, form {
	height: 100%;
}

body > #wrap {
	height: auto;
	min-height: 100%;
}

body {
	background: #B5B5B5 url("../Images/bgShadow.jpg") repeat-y center top;
	color: #000;
	font-size: 11px;
	font-family: Verdana, Arial, Sans-Serif;
}

a, h1, h2, h3, h4 {
    line-height: 1.2em;
}

p {
    line-height: 1.4em;
}

.bold {
    font-weight: 700;
}

div.content {
    line-height: 1.4em;
    margin-bottom: 10px;
}

a img {
	border: none;
}

h1, h2, h3 {
    color: #963;
    font-family: Arial, Verdana, Sans-Serif;
}

h1 {
    font-size: 24px;
    margin-bottom: 10px;
}

.speakerDetail h1 {
    float: left;
}

h2 {
    font-size: 18px;
    margin-bottom: 10px;
}

h3 {
    font-size: 14px;
    margin-bottom: 2px;
}

.content h3 + strong {
    display: inline-block;
    margin-bottom: 2px;
}

.breadCrumbs {
    font-size: 10px;
    padding-bottom: 10px;
    font-family: Verdana, Arial, Sans-Serif;
}

.breadCrumbs a {
    font-weight: 400;
}

#main {
	padding: 0 30px 75px;  /* bottom padding must be same height as the footer */
	margin: 0 auto; 
	width: 890px;
} 

#footer {
	position: relative;
	margin-top: -75px; /* negative value of footer height */
	height: 75px;
	clear: both;
	width: 949px;
	right: 1px;
	background: url("../Images/footerBg.gif") left bottom repeat-x;
	margin-right: auto;
	margin-left: auto;
	border-top: solid 4px #000;
	font-size: 9px;
}

#footer img {
	margin: 8px 0 0 20px;
}

/* CLEAR FIX */
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */

a {
    color: #e15001;
    font-weight: 700;
}

a:link, a:visited {
	text-decoration: none;	
}

a:hover {
	text-decoration: underline;	
}

a:active {
	text-decoration: none;	
}

.print {
    float: right;
    padding-top: 8px;
}

.print a {
    background: url(../Images/printIcon.jpg) left top no-repeat;
    padding: 0 5px 2px 22px;
    display: inline-block;
}

ul.nav {
	height: 24px;
	text-align: left;
	width: 886px;
	padding: 0;
	margin: 3px 0 0;
}

ul {
	list-style: none;
}

.twoColMid ul, .threeColMid ul, .home .threeColRight ul {
    list-style: disc;
    list-style-position: inside;
    margin: 5px 0;
}

.twoColMid li, .threeColMid li, .home .threeColRight li {
    padding: 5px 0;
}

ul.nav li, .headerNav ul li, #footer li {
	display: block;
	float: left;
	font-family: Verdana, Arial, Sans-Serif;
}

ul.nav li a {
	background: url(../images/bg1.jpg) repeat 0 0;
	display: block;
	padding: 6px 36px;
	height: 100%;
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #fff;
	text-transform: uppercase;	
	font-weight: 400;
	font-family: 'Trebuchet MS', 'Helvetica CE 55 Roman', Verdana, Sans-Serif;
	font-size: 11px;
	letter-spacing: 0.1em;
}

ul.nav li.nav1 a {
    width: 50px;
}

ul.nav li.nav2 a {
    width: 50px;
}

ul.nav li.nav3 a {
    width: 60px;
}

ul.nav li.nav4 a {
    width: 140px;
}

ul.nav li.nav5 a {
    width: 100px;
}

ul.nav li.nav6 a {
    background: url(../images/bg2.jpg) repeat 0 0;
	border-right: none;
	width: 49px;
}

ul.nav li a:hover, ul.nav li a:focus, ul.nav li a:active {
	background-position: -350px 0;
	text-decoration: none;
}

#leftCol {
	float: left;
	width: 310px;
	margin-left: 30px;
}

#rightCol {
	float: right;
	width: 250px;
	margin-right: 34px;
}

#middleCol { 
	margin: 0 285px 0 341px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 20px;
}

.leftRegisterCol {
    float: left;
	width: 670px;
	padding-top: 9px;
}

.floatR {
	float: right;
}

.floatL {
	float: left;
}

#footer ul, .headerNav ul {
	float: right;
}

#footer ul {
	margin-top: 35px;
}

#footer p {
	float: right;
	margin: 35px 180px auto auto;
}

#footer li a {
	font-weight: 700;
	margin: 0 10px;
}

#footer ul li:first-child a {
	margin: 0 10px 0 0;
}

#header {
	width: 886px;
}

.headerNav {
	color: #fff;
	float: right;
	position: absolute;
	top: 10px;
	right: auto;
	margin-left: 590px;
	font-size: 9px;
}

.headerNav li a {
	margin: 0 5px;
}

.headerNav a:visited, .headerNav a:link, .headerNav a:active {
	color: #fff;
}

.headerNav li a:hover, #footer li a:hover {
	text-decoration: underline;
}

div.AspNet-DataList {
    width: 886px;
    margin: 0 auto;
}

div.AspNet-DataList table {
    width: 886px;
}

div.AspNet-DataList td {
    width: 400px;
    padding: 0 40px 80px 0;
    float: left;
}

div.AspNet-DataList table img, div.speakerDetail img {
    float: left;
    margin-right: 20px;
}

div.bioSummary {
    width: 240px;
    float: left;
}

div.bioSummary span {
    display: block;
    margin-bottom: 8px;
}

div.speakerDetail {
   padding: 0 20px 20px 0;
   width: 890px;
   float: left;
}

div.speakerDetail div.details {
    float: left;
    display: block;
    width: 700px;
}

.jobTitle {
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
}

/* page structure */

.threeColLeft {
	float: left;
	width: 165px;
}

.threeColMid {
	float: left;
	width: 490px;
	margin: 0 auto 10px 10px;
	padding: 9px 10px 10px;
}

.threeColRight {
	float: right;
	width: 165px;
}

.twoColLeft {
	float: left;
	width: 180px;
	padding-right: 20px;
}

.twoColRight {
	float: left; 
	width: 670px;
	margin: 0 0 10px 10px;
	padding: 9px 0 10px 10px;
}

#rightPanel div {
    margin-top: 7px;
}

.oneCol {
	float: left;
	width: 910px;
	margin: 0;
}

.rightCol {
	float: right;
	width: 164px;
}

/* home page structure */

.home .threeColLeft {
	width: 280px;
	margin-right: 10px;
	padding-top: 20px;
}

.home .threeColMid {
	width: 330px;
	margin: 0 auto 10px 10px;
	padding: 20px 10px 10px;
}

.home .threeColRight {
	width: 220px;
}

/* side nav */

#main div.AspNet-TreeView {
    margin-top: 15px;
}

.AspNet-TreeView li a, .AspNet-TreeView li span {
    display: inline-block;
    padding: 6px 0 6px 10px;
    border-top: 1px dotted #C2C2C2;
    width: 155px;
}

span.AspNet-TreeView-NonLink {
    color: #fff;
    background: transparent url(../images/bg1.jpg) repeat scroll -350px -10px;
}

/* right column */

div.related {
    margin-bottom: 20px;
}

.related div {
    padding: 0 0 1px 0;
    width: 160px;
    background-color: #efefef;
}

.related h1 {
    font-size: 12px;
    background-color: #000;
    color: #fff;
    font-weight: 400;
    padding: 5px;
    text-align: center;
    width: 150px;
}

.related ul {
    margin: 10px;
}

.related li {
    padding: 4px 0;
}

.related a {
    font-weight: 400;
}

table.agendaTbl {
    width: 670px;
    text-align: left;
    margin: 20px 0;
}

table.agendaTbl th, table.agendaTbl td {
    font-size: 12px;
    font-weight: 400;
    padding: 5px 10px 5px 15px;
    text-align: left;
}

table.agendaTbl th {
    border-bottom: solid 1px #a56e35;
}

table.agendaTbl td {
    border-bottom: 1px dotted #C2C2C2;
}

table.agendaTbl th.firstCell, table.agendaTbl td.firstCell {
    width: 150px;
}

table.agendaTbl th.secondCell, table.agendaTbl td.secondCell {
    width: 370px;
}

table.agendaTbl th.thirdCell, table.agendaTbl td.thirdCell {
    width: 150px;
}

.announcementsDiv {
    margin: 20px 0;
}

.announcementsDiv span {
    display: inline-block;
    width: 80px;
    margin-bottom: 10px;
}

.speakers {
    background: #f2d883;
    border: solid 1px #fc3;
    padding: 10px 20px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.home h4 {
    font-family: 'Myriad Pro', Arial, Verdana, Sans-Serif;
    text-transform: uppercase;
    color: #963;
    padding-bottom: 8px;
    margin-bottom: 6px;
    border-bottom: solid 1px #fc6;
    letter-spacing: 0.1em;
}

.speakers img {
    margin-bottom: 6px;
}

.speakers a {
    display: block;
}

.speakers p {
    margin-top: 5px;
}

.sponsors {
    height: 120px;
}

.dateCol {
    float: left;
    padding: 8px 0;
    width: 80px;
    clear: left;
}

.titleCol {
    float: left;
    padding: 7px 0 8px;
    width: 250px;
}

.button {
    font-family: 'Myriad Pro', Arial, Verdana, Sans-Serif;
    background: #f2d883;
    border: solid 1px #fc3;
    font-size: 16px;
    color: #963;
    padding: 2px 8px;
    font-weight: 700;
    margin: 10px 0 15px;
}

.accordion, .AspNet-DataList {
    float: left;
    clear: both;
}

#main .accordion:last-child {
    margin-bottom: 10px;
}

.accordionTitle {
    padding: 10px;
    background: #f2d883;
    margin-bottom: 1px;
    width: 866px;
}

.accordionDetail {
    padding: 5px 10px 10px;
}

.accordionTitle h3 + span {
    margin-left: 19px;  
    display: inline-block;
}

h3.cursor span {
    position: relative;
    bottom: 2px;
}

.accordionDetail ul{
   list-style-type:disc;
   margin-left:20px;
   margin-top:10px;
}