/* GENERAL STYLES */

body {
  margin: 0 auto 2em;
  width: 90%;
  max-width: 50em;
  color: #321;
  background-color: /*#fed*/ #fff8ee; /* 2010 */
  }
body, table {
  font-family: Georgia, "Times New Roman", serif;
  }
div#mainContent {
  float: right;
  width: 73%;
  padding-bottom: 1em;
  }
h1 {
  text-align: center;
  }
a:link:hover, a:visited:hover {
  background-color: #cda;
  }
address { /* address footer */
  clear: both;
  font-size: smaller;
  margin-top: 2em;
  border-top: 1px dotted #321;
  padding-top: 1em;
  text-align: right;
  }
address span { /* left half of address footer */
  float: left;
  margin-right: 2em;
  }
hr {
  border: 1px dotted #321;
  border-width: 1px 0 0 0;
  }
.no-show {
  margin-left: -20em;
  height: 1px;
  }
.centered {
  display: block;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  }
.hidden {
  display: none;
  }


/* MORE-SPECIFIC GENERAL ITEMS */

p#banner {
  text-align: center;
  margin: .5em 0 2em;
  }
p#banner a:hover, p#banner_split a:hover {
  background-color: transparent;
  }
p#banner img {
  width: 100%;
  max-width: 700px;
  min-width: 350px;
  border-width: 0;
  }
p#banner_split img {
  border-width: 0;
  }
p#banner_split img#A {
  float: right;
  margin: 2em 0 1em 2%;
  }
p#banner_split img#B {
  float: left;
  margin: 2em 2% 1em 0;
  }
img#map {
  float: right;
  padding: 0 0 2px;
  background-color: #fff8ee;
  border: 1px dotted #321;
  margin: 0 0 2em 1em;
  }
span.h2leader,
span.h2trailer {
  display: block;
  margin-bottom: .2em;
  font-size: medium;
  font-weight: normal;
  font-family: "Helvetica Narrow", "Arial Narrow", Helvetica, Arial, "Trebuchet MS", sans-serif;
  text-transform: uppercase;
  }
span.h2trailer {
  font-size: x-small;
  margin-top: .4em;
  color: #433;
  }


/* inset images and text boxes */
div.inset-text {
  float: right;
  clear: right;
  width: 18em;
  max-width: 50%;
  padding: 0 1em;
  margin: 1em 0 1em 1em;
  border: 1px dotted #321;
  }
img.inset-graphic {
  float: right;
  padding: 0 0 2px;
  background-color: #654;
  border: 1px solid #ba9;
  border-width: 0 2px 2px;
  margin: 1em 0 1em 1em;
  }
img.go-left {
  float: left;
  margin: 1em 1em 1em 0;
  }
img.lead-in { /* added because giving all inset-graphics 0 top margin means bad floats */
  margin-top: 0;
  }
p#hero { /* some dominant upper-left image */
  float: left;
  padding: 1em;
  margin: 0 1em 1em 0;
  border: 1px dotted #321;
  }
h2.sub-hero { /* a heading following a hero image */
  clear: left;
  }
img.generic { /* non-floated, non-framed image */
  padding: 1em;
  border: 1px dotted #321;
  }
p.starred, dt.starred {
  padding-left: 25px;
  background: url(images/redstar.gif) top left no-repeat;
  }
abbrev[title], acronym[title] {
  color: #930;
  }
div#lonelymessage { /* SINGLE-MESSAGE PAGES (THANK YOU, ETC.) */
  margin: 2em 10% 6em;
  padding: 0 1em;
  border: 1px dotted #642;
  }
span.construction {
  background: #f96;
  padding: .1em;
  }
span.dropcap {
  float: left;
  font-size: 2em;
  font-weight: bold;
  position: relative;
  top: -.2em;
  }


/* UNIQUE PIECES */

/* various pages */

body#concessions-page, body#demos-page {
  max-width: 55em;
  }
body#formprintable {
  font-size: smaller;
  }
body#volunteerform-page ul li,
body#exhibsign_form ul li {
  list-style-type: none;
  }

/* home */

body#home {
  background: #fff8ee url(images/banner1-1.jpg) top center no-repeat;
  padding-top: 160px;
  }
body#home h1 {
  margin-top: 0;
  }
body#home h1 { /* new, for logo */
  margin: 0 auto;
  width: 500px; height: 194px;
  background: url(images/logo3-redpink.jpg) top left no-repeat;
  }
body#home h1 span { /* new, for logo */
  display: none;
  }
body#home span.featured {
  font-weight: bold;
  color: #721;
  }

/* exhib-info page */

body#exhibinfo-page {
  padding-top: 170px;
  background: #fed url(2008/images/pumpkinpile.jpg) top center no-repeat;
  }
div#ratecard {
  float: right;
  margin-left: 1em;
  }
div#ratecard h3 {
  margin-top: 0;
  }
div#ratecard td[title] {
  cursor: help;
  }
div#sponsor-opps h3 {
  font-size: 1em;
  float: left;
  color: #732;
  margin: 0 1em 0 0;
  }

/* sponsors page */

#sponsors-page { /* looks too plain with only one platinum sponsor, so... */
  background: #fed url(2008/images/corn_palegold.gif) repeat-x fixed;
  }
div#sponsors {
  margin-bottom: 2em;
  }
p#sponsors-intro {
  margin-left: 10%;
  margin-right: 10%;
  text-align: center;
  }
div#sponsors h2 {
  color: #732;
  font-size: 1em;
  }
div#sponsors img {
  float: right;
  clear: right;
  margin-left: 2em;
  }
div#sponsors ul {
  list-style-type: none;
  }
div#sponsors ul#primary li {
  margin-left: 1em;
  text-indent: -1em;
  }
div#sponsors ul#primary span.sponsname {
  font-weight: bold;
  font-size: larger;
  }
div#sponsors span.donor {
  font-weight: bold;
  color: #732;
  }

/* schedule page */

#schedule-page table ul,
ul.tightlist {
  margin: 0 0 0 1em;
  padding: 0;
  list-style-position: inside;
  text-indent: -1em; 
  }
#schedule-page table td {
  max-width: 11em;
  }

/* family tent page */

/*dl#familytent {
  max-width: 30em;
  margin: 0 auto 2em 0;
  }*/
dl#familytent dt {
  margin-top: .5em;
  color: #732;
  }
dl#familytent dt.headliner {
  font-size: large;
  font-weight: bold;
  }
dl#familytent dd.donor {
  font-style: italic;
  font-size: small;
  margin-top: .25em;
  color: #543; /* subdued */
  }
dl#familytent dd.donor a:link {
  color: #22A; /* subdued, so they don't dominate the page */
  }


/* NAVIGATION MENU */

div#sidebar {
  float: left;
  width: 20%;
/*margin-right: 1.4em;*/
  margin-bottom: 1.5em;
  margin-top: 1em;
  padding: 1em 2%;
  font-size: small;
  background: #edc;
  }
div#sidebar a {
  text-decoration: none;
  }
div#sidebar a:hover {
  text-decoration: underline;
  }
div#sidebar #skiplink {
  margin-bottom: 1.5em;
  font-size: xx-small;
  font-family: Verdana, Helvetica, sans-serif;
  display: none; /* diveintoaccessiblity.org says it's okay! */
  }
div#secondary-nav h2 {
  margin: 0 0 0 -1000px;
  height: 0px;
  padding: 0;
  }
div#secondary-nav div.dingbat {
  height: 14px;
  background: url(images/dingbat.gif) 45% center no-repeat;
  }
div#sidebar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  }
div#sidebar li {
  margin: 0;
  padding: 0 0 .5em .5em;
  text-indent: -.5em;
  }
div#sidebar li a {
  }
div#sponsorsbar h2 {
  font-size: medium;
  border-top: .3em solid #fed;
  padding-top: .5em;
  }
div#sponsorsbar h3 {
  font-size: small;
  margin: 0 0 .5em;
  color: #732;
  }
div#sponsorsbar p {
  margin: .5em 0;
  border-top: .3em solid #fed;
  padding-top: .5em;
  }
/* don't display navlinks to same page */
body#concessions-page #foodlink,
body#contact-page #contaclink,
body#demos-page #demolink,
body#entertainers-page #musilink,
body#exhibitors-page #exhilink,
body#familytent-page #familink,
body#history-page #histlink,
body#home #homelink,
body#map-page #mapdlink,
body#presenters-page #preslink,
body#schedule-page #schelink,
body#sponsors-page #sponlink,
body#volunteerform-page #volulink {
  display: none;
  }



/* PARTICIPANT INFO */

dl.illustrated dt { /* people lists with a pic at right */
  font-weight: bold;
  margin-top: 1em;
  clear: both;
  }
dl.illustrated dd {
  margin-top: .25em;
  }
dl.illustrated dd img, .demo-detail img {
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  padding: .5em;
  border: 1px dotted #321;
  }
dl.illustrated ul {
  margin-top: .5em;
  margin-bottom: .5em;
  }
.times { /* entertainers page */
  font-style: italic;
  color: gray;
  margin-bottom: 2em;
  }
div#presentations { /* presenters page */
  float: right;
  width: 50%;
  }
div#presenter-bios {
  float: left;
  width: 45%;
  font-size: smaller;
  padding-right: 2%;
  }


div.variety {
  float: left;
  margin: 1em 2% 1em 0;
  border: 1px dotted #321;
  padding: 1em 2%;
  width: 26%;
  min-width: 190px; /*largest image is 180px wide */
  max-width: 16em;
  }  
div.variety dt {
  font-weight: bold;
  color: #732;
  }
div.variety dd + dt { /* items joined in 1 div */
  margin-top: 1.5em;
  }
div.variety dd {
  margin-left: 0;
  padding-left: 0;
  margin-top: .4em;
  }
div.variety img {
  display: block;
  margin: .5em auto;
  }
div.variety ul.menu, div.variety ul.menu ul {
  font-size: small;
  list-style-type: none;
  margin-left: 0;
  padding: .5em;
  background-color: #fff8ee;
  }
div.variety ul.menu ul {
  font-size: small;
  font-style: italic;
  }
div.variety ul.menu li {
  border-top: 1px dotted #321;
  padding-top: .25em;
  margin-top: .25em;
  text-indent: -.5em;
  padding-left: .5em;
  color: #732;
  }
div.variety ul.menu li:first-child,
div.variety ul.menu ul li {
  border: 0;
  padding-top: 0;
  }
div.variety .food-desc {
  color: #321;
  }
#shawarma_king #dessert_list {
  text-indent: 0;
  padding-left: 0;
  }
#shawarma_king ul.locations {
  margin-top: .25em;
  margin-bottom: 0;
  }
#shawna_greenway img {
  float: right;
  margin: 0 0 .5em .5em;
  }


/* TABLES */

table.format1 {
  border-collapse: collapse;
  border: 1px solid #321;
  border-width: 0 1px 1px 0;
  }
table.format1 th, table.format1 td {
  padding: .5em;
  border: 1px dotted #321;
  }
table.format1 th {
  border-style: solid;
  color: #732;
  }
table.format1 span.time {
  display: block;
  margin: .25em 0;
  font-weight: bold;
  color: #732;
  }
table.format1 td {
  min-width: 5em;
  }
table.format1 th.hide {
  border: 0;
  }
table.format1 th.hide span {
  display: none;
  }
table.format2 td {
  text-align: center;
  }
td.blank {
  background-color: #edc;
  }


/* FORMS */

form#volunteer, form#inquiry, form#exhibitor, div#exhibprintform, div#exhib-options {
  border: 1px solid #642;
  padding: 1em 2em;
  background: #fed;
  }
.warning {
  color: red;
  background-color: #ff9;
  }
#contact input, #contact textarea {  /* so they're not so small */
  font-size: .8em;
  }
input.formbox {
  width: 20em;
  max-width: 100%;
  }
p#city input {
  width: 10em;
  }
p#state input {
  width: 3em;
  }
p#postal input {
  width: 5em;
  }
p#city, p#state, p#postal {
  float: left;
  margin-right: 1em;
  margin-top: 0;
  }
p#email {
  clear: left;
  }
span#hear_the_word {
  font-size: smaller;
  }


/* CONTACT AND VOLUNTEER FORMS */

input.timebox {
  width: 4em;
  }
fieldset, div.contact {
  border: 0;
  padding: 0;
  margin: 0;
  }
fieldset ul {
  margin: 0 0 .5em;
  padding: 0;
  }
fieldset ul li {
  list-style-type: none;
  margin: 0 0 .25em 1.5em;
  text-indent: -1.5em;
  }
div#interests2, fieldset#availability {
  float: right;
  width: 48%;
  }
div#interests2 {
  float: left;
  }
span#date_note {
  font-weight: normal;
  margin-left: .5em;
  }
p#time_range {
  margin-left: 1.5em;
  }
fieldset p {
  margin-top: 0;
  }
div#contact label {
  display: block;
  }
form hr {
  border: 1px solid #642;
  border-width: 1px 0 0 0;
  margin: 1em 0;
  }
p.postal {
  margin-left: 1.5em;
  }


/* EXHIBITOR FORMS */

div#exhibprintform {
  background-color: white;
  }
div#exhibprintform h2 {
  font-size: 1em;
  }
div.exhibformcolumn {
  float: left;
  width: 45%;
  margin-right: 4%;
  }
div.exhibformcolumn ul {
  margin-left: 2.5em;
  padding-left: 0;
  }
div.exhibformcolumn li {
  list-style-type: none;
  text-indent: -1.5em;
  }
div.exhibformcolumn li p {
  margin: 0;
  }
div#exhib-options ul {
  margin-left: 4%;
  padding-left: 0;
  }
div#exhib-options li {
  list-style-type: none;
  text-indent: 0;
  clear: both;
  margin-top: .5em;
  padding-top: .25em;
  border-top: 1px dotted #642;
  }
div#exhib-options li:first-child {
  border-top-width: 0;
  padding-top: 0;
  }
div#exhib-options li form { /* 'Add to Cart' buttons */
  float: right;
  margin: 0 0 .5em .5em;
  }
div#exhib-options li#halfpagead form {
  float: none;
  }
div#exhib-options li#halfpagead span#orientbutton {
  float: left;
  }
div#exhib-options li#halfpagead span#addbutton {
  float: right;
  }
ul#exhibformcontact {
  clear: both;
  margin: 0;
  padding: 1em 0;
  }
ul#exhibformcontact li {
  list-style-type: none;
  margin-bottom: .5em;
  }
div#exhib-options div#viewcart {
  text-align: center;
  }
span.unavailable {
  color: #987;
  text-decoration: line-through;
  }
span.sold {
  font-weight: bold;
  color: #732;
  font-variant: small-caps;
  letter-spacing: .1em;
  }