body {background: #D9E2EC url(../images/bg-body.gif) repeat-x; color: #000;}
#wrap {width: 960px; margin: 0 auto; padding: 0; position: relative; font-size: 1em;}

/**************************************************header**************************************************/
#header {background: url(../images/bg-header.gif) no-repeat; color: #fff; width: 960px; height: 40px; margin: 0 auto; margin-top: 41px; position: relative; z-index: 9999;}
#header ul#headerNav {width: 100%; height: 40px; position: relative; z-index: 999;}
#header ul#headerNav li {height: 40px; top: 0px; list-style: none; display: inline; position: absolute;}
#header ul#headerNav li:hover, #header ul#headerNav li.iehover {background-position: 0 -40px;}
#header ul#headerNav li a {background: transparent; height: 40px; left: 0; position: absolute; display: block; text-indent: -9999px;}
#header ul#headerNav li a:hover {text-decoration: none;}
#header ul#headerNav li#fs {background-image: url(../images/headerNav-fslnk.gif); width: 123px; left: 212px;}
#header ul#headerNav li#fs a#fslnk {width: 123px;}
#header ul#headerNav li#es {background-image: url(../images/headerNav-eslnk.gif); width: 117px; left: 335px;}
#header ul#headerNav li#es a#eslnk {width: 117px;}
#header ul#headerNav li#ps {background-image: url(../images/headerNav-pslnk.gif); width: 103px; left: 452px;}
#header ul#headerNav li#ps a#pslnk {width: 103px;}
#header ul#headerNav li#cs {background-image: url(../images/headerNav-cslnk.gif); width: 105px; left: 555px;}
#header ul#headerNav li#cs a#cslnk {width: 105px;}
#header ul#headerNav li#cu {background-image: url(../images/headerNav-culnk.gif); width: 118px; left: 660px;}
#header ul#headerNav li#cu a#culnk {width: 118px;}
#header ul#secondaryNav {position: absolute; left: 852px; top: 52px; font-size: 1.1em;}
#header ul#secondaryNav li {color: #567; display: inline; list-style: none;}
#header ul#secondaryNav li a {color: #567; font-weight: bold;}
#header form {width: 153px; height: 26px; position: absolute; left: 787px; top: 9px; z-index: 9999;}
#header form fieldset {background: url(../images/bg-search.png) no-repeat; width: 153px; height: 26px;}
#header form label {}
#header form input#txtSearch {color: #b60; width: 120px; height: 13px; padding: 3px 0 3px 5px; top: 3px; left: 20px; font-size: 1.1em; position: absolute; border: 1px solid #666;}
#header form button {background: url(../images/form-button.gif) no-repeat; width: 13px; height: 28px;}

/*1st level dropdown*/
#header ul#headerNav li div {width: 177px; height: auto; margin: 41px 0 0 0; left: -9999px; position: absolute; z-index: 99;}
#header ul#headerNav li div span.headerNavBottom {background: url(../images/bg-headerNav-ul-bottom.png); width: 177px; height: 12px; display: block;}
#header ul#headerNav li ul {background: url(../images/bg-headerNav-dropdown.gif) repeat-y; height: 100%; padding: 10px 0 10px 0;}
#header ul#headerNav li ul li {background: url(../images/li-dropdown-underline.png) no-repeat 27px  100%; height: auto; top: auto; padding: 0 0 1px 0; display: block; position: relative;}
#header ul#headerNav li ul li.first {background: none;}
#header ul#headerNav li ul li:hover, #header ul#headerNav li ul li.iehover {background-position: 27px 100%;}
#header ul#headerNav li ul li a {color: #654; height: auto; margin: 0 11px 0 0px; padding: 2px 10px 3px 27px; left: auto; font-size: 1.1em; font-weight: bold; position: relative; text-indent: 0;}
#header ul#headerNav li ul li a:hover {background: url(../images/li-dropdown-ro.png) no-repeat 8px 0; display: block; text-decoration: none;}
#header ul#headerNav li:hover div, #header ul#headerNav li.iehover div {left: 0;}
#header ul#headerNav li#cu:hover div, #header ul#headerNav li#cu.iehover div {left: auto; right: 0px;}

/**************************************************content area********************************************/
#content {background: url(../images/bg-content.png) repeat-y; overflow: hidden;/* This hides the excess padding in non-IE browsers */ position: relative; width: 960px; margin: 0 auto;}/*see ie.css for fixes*/
#content:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}
#content #flash {background: url(../images/bg-flash.gif) no-repeat; width: 623px; height: 510px; float: left;}
#content #contentRight {background: #fff url(../images/bg-content-right.gif) no-repeat; width: 337px; min-height: 510px; float: left;}
#content #contentRight h2 {background: url(../images/welcome.gif) no-repeat; width: 113px; height: 20px; margin: 107px 0 20px 0; text-indent: -9999px;}
#content #contentRight h4 {color: #b60; width: 290px; font-size: 2em; font-weight: bold; font-style: italic; text-align: center;}
#content #contentRight h5 {color: #654; width: 290px; margin: 15px 0 15px 0; font-size: 2em; font-weight: normal; text-align: center;}
#content #contentRight p {color: #555; width: 290px; font-size: 1.2em; line-height: 1.45em;}
#content #contentRight p.time {color: #b60; width: 290px; padding: 5px 0 0 0; font-size: 1.5em; font-weight: bold; font-style: italic; text-align: center;}
#content #contentRight p.location {color: #b60; width: 290px; padding: 5px 0 0 0; font-size: 1.5em; font-weight: bold; font-style: italic; text-align: center; line-height: 1em;}
#content #contentRight p.phone {color: #b60; width: 290; padding: 5px 0 0 0; font-size: 2.2em; font-weight: bold; font-style: italic; text-align: center;}
#content #contentRight p a {text-decoration: underline;}

/**************************************************center column*******************************************/
#main {background: url(../images/bg-main.png) repeat-y; width: 960px; margin: 0 auto; padding: 0 0 20px 0; position: relative;}/*see ie.css for fixes*/
#main:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}
#main #contentContainer {line-height: 1.3; font-size: 1.1em;}
#main #exhibitorReservations {margin: 0 0 0 16px; float: left;}
#main #exhibitorReservations p {color: #555; margin: 0 0 0 48px;}
#main #exhibitorReservations p#register {margin: 10px 0 0 76px; text-indent: -9999px;}
#main #exhibitorReservations p#register a {background-image: url(../images/register.gif); width: 152px; height: 50px; display: block;}
#main #exhibitorReservations p#register a:hover {background-position: 0 -50px;}
#main #exhibitorReservations h3 {background: url(../images/bg-exhibitor.gif) no-repeat; width: 312px; height: 99px; text-indent: -9999px;}
#main #exhibitorReservations h4 {color: #BB6600; margin: 20px 0 0 48px; font-size: 14px;}
#main #exhibitorReservations h4 em {font-size: 1.5em; font-style: normal;}
#main #exhibitorReservations h5 {color: #DE8D2C; margin: 13px 0 5px 48px;}
#main #eNews {margin: 0 0 0 0px; float: left;}
#main #eNews {width: 306px; float: left;}
#main #eNews h3 {text-indent: -9999px; position: relative;}
#main #eNews h3 a {background-image: url(../images/bg-enews.gif); width: 306px; height: 99px; display: block;}
#main #eNews h3 a:hover {background-position: 0 -101px;}
#main #eNews img {margin: 15px 0 15px 35px;}
#main #eNews p {color: #555; margin: 0 15px 0 40px;}
#main #directions {margin: 0 0 0 0px; float: left;}
#main #directions img {margin: 15px 0 15px 35px;}
#main #directions p {color: #555; margin: 17px 15px 0 40px;}
#main #directions span.address {color: #697A8E; width: 120px; font-size: 1.1em; font-weight: bold; float: left;}
#main #directions #viewMap a {background-image: url(../images/view-map.gif); width: 93px; height: 36px; margin: 5px 0 0 10px; display: block; float: left; text-indent: -9999px;}
#main #directions #viewMap a:hover {background-position: 0 -36px;}
#main #directions {width: 315px; float: left;}
#main #directions h3 {background: url(../images/bg-directions.gif) no-repeat; width: 315px; height: 100px; text-indent: -9999px;}
#main .calloutContent {width: 290px;}
#main img.left {float: left; margin: 0 20px 10px 0;}
#main img.right {float: right; margin: 0 0 10px 20px;}
#main h4 {margin: 0 0 20px 0; font-weight: bold; font-size: 1.2em;}
#main h5 {margin: 0 0 20px 0; font-weight: bold; font-size: 1.1em;}
#main p {margin: 0 0 20px 0;}
#main ul {margin: 0 0 20px 20px;}
#main ol {margin: 0 0 20px 30px;}
#main ul li {margin: 0 0 10px 0;}
#main ol li {margin: 0 0 10px 0;}
#main ol li ul, #main ul li ul {margin: 10px 0 0 20px;}
#main ol li ol, #main ul li ol {margin: 10px 0 0 30px;}
#main ol li ol li, #main ul li ol li {list-style: decimal;}
#main dl {margin: 0 0 20px 0;}
#main dl dt {margin: 0 0 3px 0;}
#main dl dd {margin: 0 0 15px 0;}
#main table {width: 600px; margin: 0 0 20px 0; border: 1px solid #910000; display: table; border-collapse: collapse;}
#main table thead {display: table-header-group;}
#main table thead tr {display: table-row;}
#main table thead tr th, #main table tfoot tr td {background: #910000; color: #fff; display: table-cell; padding: 5px 10px; text-align: left; vertical-align: bottom;}
#main table tbody {display: table-row-group;}
#main table tbody tr {display: table-row;}
#main table tbody tr td {display: table-cell; padding: 5px 10px; border-bottom: 1px solid #910000; vertical-align: middle;}
#main table.table2column thead tr th, #main table.table2column tbody tr td {width: 50%;}
#main table.table2column.rightleft tbody tr td.col1 {width: 80%;}
#main table.table2column.rightleft tbody tr td.col2 {width: 20%;}
#main table.table3column thead tr th, #main table.table3column tbody tr td {width: 33%;}
#main table.table4column thead tr th, #main table.table4column tbody tr td {width: 25%;}
#main table.table5column thead tr th, #main table.table5column tbody tr td {width: 20%;}
a.grunt-file-pdf {background: url(/app/images/icon-adobepdf.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-doc {background: url(/app/images/icon-msword.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-ppt {background: url(/app/images/icon-mspowerpoint.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-xls {background: url(/app/images/icon-msexcel.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-txt {background: url(/app/images/icon-text.gif) no-repeat; padding: 0 0 10px 23px;}
/*form elements*/
#main form label {color: #999; margin: 0 0 10px 0; font-weight: bold; float: left; display: block;}
#main form input {color: #999; margin: 0 0 10px 0; padding: 3px; font-size: 1em; border: 1px solid #999;}
#main form div {margin: 0 0 15px 0; padding: 0 0 30px 0; position: relative;}
#main form .text label {width: 125px; text-align: right;}
#main form .text input {margin: 0 0 10px 15px;}
#main form .checkbox label {width: 275px;}
#main form .checkbox input {margin: 0 5px 20px 0; padding: 0; float: left; display: block; border: none;}
#main form .radio label {width: 275px;}
#main form .radio input {margin: 0 5px 20px 0; padding: 0; float: left; display: block; border: none;}
#main form br {clear: both;}
#main form input#btnNext, #main form input#btnEdit, #main form input#btnSubmit {margin: 0; padding: 0; border: none;}
#main form p.required {color: #999; font-size: .9em; font-style: italic;}
#main ul.formVerify {margin: 0 0 20px 0; position: relative;}
#main ul.formVerify li {margin: 0 0 5px 0; list-style: none; display: block; clear: both; border-bottom: 1px dotted #666;}
#main ul.formVerify li:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}
#main ul.formVerify li strong {background: #fff; margin: 0; top: .6em; font-weight: normal; float: left; display: block; position: relative;}
#main ul.formVerify li em {background: #fff; margin: 0; top: .6em; float: right; display: block; position: relative;}
#main ul.formVerify li.textbox {margin: 15px 0 0 0; border: none;}
#main ul.formVerify li.textbox strong {float: none;}
#main ul.formVerify li.textbox em {float: none; overflow: auto;}
/*end form elements*/


/**************************************************footer**************************************************/
#footer {color: #567; background: transparent url(../images/bg-footer.gif) no-repeat; width: 960px; height: 21px; margin: 0 auto; padding: 31px 0 20px 0; position: relative; clear: both;}
#footer p {margin: 0 0 0 28px; font-size: 1.1em;}
#footer p a {text-decoration: underline;}
/*Safari needs this - otherwise the ghost overflow, though painted correctly obscures links and form elements that by rights should be above it. An unintended side-effect is that it cause such elements to vanish in IE 5.01 and 5.5, hence the child selector hack*/
* > #footer, * > form {position: relative; z-index: 1000;}