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;}
.fairdetails #header ul#headerNav li#fs {background-position: 0 -40px;}
#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;}
.exhibitors #header ul#headerNav li#es {background-position: 0 -40px;}
#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;}
.parents #header ul#headerNav li#ps {background-position: 0 -40px;}
#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;}
.campers #header ul#headerNav li#cs {background-position: 0 -40px;}
#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;}
.contactus #header ul#headerNav li#cu {background-position: 0 -40px;}
#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-internal.png) repeat-y; padding: 0 0 30px 0;}
#content:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}

/**************************************************center column*******************************************/
#main {background: url(../fairdetails/images/bg-main.jpg) no-repeat; color: #555; width: 697px; height: auto; margin-left: 257px; position: relative; float: left;}/*see ie.css for fixes*/
.exhibitors #main {background: url(../exhibitors/images/bg-main.jpg) no-repeat;}
.parents #main {background: url(../parents/images/bg-main.jpg) no-repeat;}
.campers #main {background: url(../campers/images/bg-main.jpg) no-repeat;}
.contactus #main {background: url(../contactus/images/bg-main.jpg) no-repeat;}
.search #main {background: url(../search/images/bg-main.jpg) no-repeat;}
#main #contentContainer {background: url(../images/bg-contentcontainter-internal.gif) no-repeat 0 100%; min-height: 400px; margin: 0; padding: 300px 62px 30px 50px; line-height: 1.3; font-size: 1.1em;}
#main #error {background: #fcc; margin: 0 0 25px 0; border: 2px dotted #f00;}
#main #error p {color: #f00; margin: 10px 15px 10px 15px; padding: 0; font-weight: bold;}
#main #notice {color: #b60; background: #F7F5ED; margin: 10px 0 15px 0; padding: 15px 5px 15px 10px; font-size: 1.2em; border: 2px dotted #b60;}
#main h1 a {background: url(../fairdetails/images/logo.gif) no-repeat; width: 254px; height: 131px; display: block; position: absolute; left: -254px; text-indent: -9999px;}
.exhibitors #main h1 a {background: url(../exhibitors/images/logo.gif) no-repeat;}
.parents #main h1 a {background: url(../parents/images/logo.gif) no-repeat;}
.campers #main h1 a {background: url(../campers/images/logo.gif) no-repeat;}
.contactus #main h1 a {background: url(../contactus/images/logo.gif) no-repeat;}
.search #main h1 a {background: url(../search/images/logo.gif) no-repeat;}
#main h2 {background: url(../fairdetails/images/bg-sidebar-title.gif) no-repeat; width: 254px; height: 67px; position: absolute; left: -254px; top: 131px; text-indent: -9999px;}
.exhibitors #main h2 {background: url(../exhibitors/images/bg-sidebar-title.gif) no-repeat;}
.parents #main h2 {background: url(../parents/images/bg-sidebar-title.gif) no-repeat;}
.campers #main h2 {background: url(../campers/images/bg-sidebar-title.gif) no-repeat;}
.contactus #main h2 {background: url(../contactus/images/bg-sidebar-title.gif) no-repeat;}
.search #main h2 {background: url(../search/images/bg-sidebar-title.gif) no-repeat;}
#main h3 {color: #DB3; margin: 0 0 20px 0; font-size: 1.7em;}
.exhibitors #main h3 {color: #9A1;}
.parents #main h3 {color: #E93;}
.campers #main h3 {color: #79B;}
.contactus #main h3 {color: #654;}
.search #main h3 {color: #79B;}
#main h4 {color: #555; margin: 0; font-size: 12px;}
#main h4.formTitle {width: 155px; float: left;}
#main h5 {margin: 0 0 10px 0; font-weight: bold; font-size: 1.1em;}
#main img.left {float: left; margin: 0 20px 10px 0;}
#main img.right {float: right; margin: 0 0 10px 20px;}
#main p {margin: 0 0 15px 0;}
#main p.add a {color: #555; background: url(../exhibitors/images/add-button.jpg) no-repeat; height: 16px; padding: 0 0 3px 25px;}
#main p.information {background: url(../exhibitors/images/information-button.gif) no-repeat; padding: 0 0 0 25px;}
#main p.add span {color: #777; margin: 0 0 0 30px;}
#main p.remove a {color: #555; background: url(../exhibitors/images/form-minus.gif) no-repeat; height: 16px; padding: 0 0 3px 25px;}
#main p.required {width: 400px;}
#main ul {margin: 0 0 20px 40px;}
#main ul#breadcrumbs {position: absolute; top: 283px; right: 62px;}
#main ul#breadcrumbs li {display: inline;}
#main ul#breadcrumbs li a {color: #8899AA;}
#main ol {margin: 0 0 20px 30px;}
#main ul li {margin: 0 0 10px 0; padding: 0 0 5px 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 #DB3; display: table; border-collapse: collapse;}
.exhibitors #main table {border: 1px solid #9A1;}
.parents #main table {border: 1px solid #E93;}
.campers #main table {border: 1px solid #79B;}
.contactus #main table {border: 1px solid #654;}
#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: #DB3; color: #fff; display: table-cell; padding: 5px 10px; text-align: left; vertical-align: bottom;}
.exhibitors #main table thead tr th, .exhibitors #main table tfoot tr td {background: #9A1;}
.parents #main table thead tr th, .parents #main table tfoot tr td {background: #E93;}
.campers #main table thead tr th, .campers #main table tfoot tr td {background: #79B;}
.contactus #main table thead tr th, .contactus #main table tfoot tr td {background: #654;}
#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 #DB3; vertical-align: middle;}
.exhibitors #main table tbody tr td {border-bottom: 1px solid #9A1;}
.parents #main table tbody tr td {border-bottom: 1px solid #E93;}
.campers #main table tbody tr td {border-bottom: 1px solid #79B;}
.contactus #main table tbody tr td {border-bottom: 1px solid #654;}
#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%;}
#main #quote {width: 255px; margin: 0 0 10px 20px; float: right;}
#main #quote p {color: #D82; font-size: 1.4em; margin: 0; font-style: italic;}
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 fieldset {position: relative;}
#main form label {color: #444; margin: 0 0 10px 0; font-weight: bold; float: left; display: block;}
#main form input,#main form select {background: #eee; color: #444; margin: 0 0 10px 0; padding: 3px; font-size: 1em; border: 1px solid #444;}
#main form div {margin: 0 0 5px 0; padding: 0; position: relative;}
#main form .text label {width: 155px; text-align: right;}
#main form .text label span {color: #777; font-size: 10px;}
#main form .text label em {color: #777; font-weight: normal;}
#main form .text input,#main form .text select {margin: 0 0 10px 5px;}
#main form .text p {width: 295px; margin: -5px 0 15px 160px;}
#main form .text textarea {background: #eee; margin: 0 0 7px 5px; padding: 3px 0 0 3px; border: 1px solid #444;}
#main form .text span.dropdownLabel {margin: 0 5px 0 15px;}
#main form .text select {border: 1px solid #444;}
#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 .checkbox span#virtualFair label {width: 550px; margin-left: 5px;}
#main form .radio label {width: 275px;}
#main form .radio input {margin: 0 5px 0 155px; padding: 0; float: left; display: block; border: none;}
#main form .radio span {width: 290px; float: left; margin: 0 0 20px 0;}
#main form .radio span input {margin: 0 5px 0 15px;}
#main form .radio span.agree input {margin: 0 10px 0 0;}
#main form .radio span label {width: 235px;}
#main form .radioRight span.radios {float: left;}
#main form .radioRight span.radios span {margin: 0 5px 0 0;}
#main form .radioRight label {width: 155px; text-align: right; float: left;}
#main form .radioRight label span {color: #999; font-size: 10px;}
#main form .radioRight input {margin: 0 3px 10px 5px; padding: 0; float: left; border: none;}
#main form h4 {margin: 0 0 5px 0;}
#main form br {clear: both;}
#main form hr {margin: 0 0 10px 0; border: solid #555; border-width: 1px 0 0 0;}
#main form input#btnNext, #main form input#btnEdit, #main form input#btnSubmit {margin: 0; padding: 0; border: none;}
#main ul.formVerify {width: 580px; margin: 0 auto 40px auto; 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: '.'; 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*/

/**************************************************left column*********************************************/
#sidebar {background: #fff url(../images/bg-sidebar.gif) no-repeat; width: 254px; min-height: 489px; margin: 198px 0 0 -99%; position: relative; float: left;}
#sidebar ul#sidebarNav {width: 210px; margin: 15px 0 0 0;}
#sidebar ul#sidebarNav li {margin: 0 0 8px 25px; padding: 0 0 0 17px; list-style: none;}
#sidebar ul#sidebarNav li.selected {background: url(../images/bg-sidebar-list-item.gif) no-repeat 0 1px;}
#sidebar ul#sidebarNav li:hover {background: url(../images/bg-sidebar-list-item.gif) no-repeat 0 1px; padding: 0 0 0 17px;}
#sidebar ul#sidebarNav li a {color: #654; font-size: 1.2em; font-weight: bold;}
#sidebar ul#sidebarNav li.selected a {color: #C72; font-weight: bold; font-size: 12px; text-decoration: underline;}
#sidebar ul#sidebarNav li a:hover {color: #C72; font-weight: bold; font-size: 12px;}
#sidebar ul#sidebarNav li ul {margin:  7px 0 0 0;}
#sidebar ul#sidebarNav li.selected ul li {background:  url(../images/second-level-bullet.jpg) no-repeat 0 7px; ;margin:  0 0 0 10px; padding: 0 0 0 10px; list-style: none;}
#sidebar ul#sidebarNav li.selected ul li a {color: #654; font-size: 1.1em; font-weight:  bold; text-decoration:  none;}
#sidebar ul#sidebarNav li.selected ul li.selected a {text-decoration: underline;}
#sidebar ul#sidebarNav li.selected ul li a:hover {text-decoration:  underline;}

/**************************************************footer**************************************************/
#footer {color: #567; background: transparent; width: 960px; height: 21px; margin: 0 auto; padding: 11px 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;}