/********************************************************************
 * Reset.css from Eric Meyer
 ********************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
:focus { outline: 0 } /* remember to define focus styles! */
img { vertical-align: middle }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0 }
caption, th, td { text-align: left; font-weight: normal }
td { text-align: left; vertical-align: top }

blockquote:before,
blockquote:after,
q:before,
q:after { content: "" }
blockquote, q { quotes: "" "" }

/* Generic settings */

h1, h2, h3 {
  margin: 1em 0 .5em 0;
  font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #3E2F6A;
}
h1 { clear: both; font-size: 150%; font-weight: bold }
h2 { clear: both; font-size: 130%; font-weight: bold }
h3 { font-size: 110%; font-weight: bold }

#content p { margin: .5em 0 }

address { font-style: italic }
table td { background-color: white }
table.layout td { background-color: transparent }
table thead td { font-weight: bold; background-color: #CCC0DA }
cite, em { font-style: italic }
strong { font-weight: bold }
sup { font-weight: bold; font-size: 80%; vertical-align: super }
.top { margin-top: 0 !important }
dl, dt, dd { margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0;
             padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0 }
input { font-size: 100%; margin: 0; padding: .1em }
select { font-size: 100%; padding: 0; margin: 0 }
iframe { border: solid 0px transparent !important }
ul.loose li { margin: .5em 0 }

a:link, a:visited { text-decoration: none; color: black }
a:hover, a:active { text-decoration: underline; color: #008800 }

.divider { width: 100%; height: 13px; background: #507700 url(images/divider.png) repeat-x }
.quick-link { text-align: center; font-size: 120%; font-weight: bold }
.quick-link li { display: inline }
.strong-note { font-style: italic; margin: 0 2em 1em 2em !important; padding-bottom: 2em; border-bottom: solid 1px #CCC0DA }
.note { font-style: italic; margin: 0 2em !important }

#content p.step { margin: 0 0 .2em 6.5em }
.step-name { float:left; font-weight: bold; margin-left: -4em }

/* Global structure */

body {
  font: 14px/1.5 "Segoe UI", "Trebuchet MS", Helvetica, sans-serif;
  padding: 1em;
  text-align: center;
  background: #B2A1C7 url(images/bkgnd.png) repeat;
}
body#iframe-body {
  padding: 0;
  border: 0;
  overflow:visible;
  background: transparent url(images/content-bkgnd.png) repeat;
}

#wrapper {
  width: 770px;
}
#frame-wrapper {
  width: 560px;
  border: 0;
}
#wrapper, #frame-wrapper {
  margin: 0 auto;
  text-align: left;
}

/* Banner */

#loc-date { text-align: center; }

/* Body (nav and content) */

#body { width: 100% }

/* Navigation */

#nav-cell { width: 180px; color: white; background: #222222 }
#nav-cell a:link, #nav-cell a:visited { color: white }
#nav-cell a:hover, #nav-cell a:active { color: #507700 }
#nav {
  margin: 0;
  padding: .5em .5em 0 .5em;
  font-size: .8em;
  border-bottom: #507700 1px solid;
}
#nav ul { margin-left: 1em; padding: 0 }
#nav li {
  margin: 0;
  padding: .5em 0 ;
  list-style: none;
  font-weight: bold;
  text-transform: uppercase;
  border-top: #507700 1px solid;
}
#nav ul li {
  padding: 0;
  font-weight: normal;
  text-transform: none;
  border-top: none;
}

/* Content */

#content-cell { width: 590px; background: white url(images/content-bkgnd.png) repeat }
#content { position: relative; padding: .5em 7px .5em 14px; font-size: .9em }
#content a:link { text-decoration: underline; color: #008800 }
#content a:visited { text-decoration: underline; color: #507700 }
#content a:hover, #content a:active { color: #CC0000 }

/* Footer */

#footer {
  /*position: relative;
  width: 770px;
  margin: -7em auto 0 auto; */
  padding: .5em;
  color: white;
  background: #073007;
}
#footer a:link { color: #CFC }
#footer a:visited { color: #CFC }
#footer a:hover, #content a:active { color: #CCCC00 }

#footer p { font-size: .8em }
#footer #copyright {
  margin: 1em 10em 0 10em;
  padding: .5em 0;
  text-align: center;
  font-style: italic;
  font-family: "Georgia", serif;
}
#footer #tiger-heron-link { float: right }

/* Home page */

#reg-now {
  float: right;
  background-color: transparent;
  margin: 1em 0 0 0;
  text-align: center;
  font-size: 90%;
}

.fancy1 { font-size: 130%; font-weight: bold; color: #B4B }
.fancy2 { font-size: 110%; font-weight: bold; color: #338 }
.fancy3 { font-size: 140%; font-weight: bold; color: #570 }
.fancy4 { font-size: 110%; font-weight: bold; color: #C33 }

/* Conference registration + Sponsors and career fair registration pages  */

address#conf-reg-addr { margin-left: 6.5em }

#reg-form-frame { border-width: 0; width: 100%; height: 97em }

#reg-contact-info { font-size: 90% }
#reg-contact-info .item { clear: both }
#reg-contact-info .label {
  float: left;
  width: 17em;
  margin-bottom: .5em;
  text-align: right;
  font-weight: bold;
}
#reg-contact-info.small .label { width: 8em }
#reg-contact-info .value { float:right; width: 30em; margin-right: 1em }
#reg-contact-info.small .value { margin-right: 10em }
#reg-contact-info .inner-label { font-weight: bold }

#sponsorship-level { margin: 0; padding: 0 }
#sponsorship-level li { margin: 1em 0 0 0; padding: 0; list-style: none; font-weight: bold }
#sponsorship-level input { vertical-align: middle }

#sponsorship-level li ul { margin-left: 2em; padding: 0; font-size: 90% }
#sponsorship-level li li { margin: 0; font-weight: normal }

#total { padding-top: 1em; font-weight: bold; text-align: center }
#total-value { text-decoration: underline }

#career-fair-display { font-size: 80% }
#career-fair-display td { padding: 0 1em; background-color: transparent }
#career-fair-display input { vertical-align: middle }

#content p.form-buttons { display: none; margin: 2em 0 0 0 ; text-align: center }
#content p.form-buttons input { font-size: 110%; font-weight: bold  }
#content p.footnote { margin-top: 3em; font-size: 90%; border-top: solid 1px gray }

.registration { width: 100%; font-size: 90% }
.registration td { width: 33% }
.col4 td { width: auto !important }

address { margin: 1em 0 1em 1em }

/* Travel & Accommodations page */

#img-hilton { float: right; margin-left: 1em }

#group-rates { margin: 1em auto }
#group-rates td { width: 5em; padding: .25em; text-align: center; border: 1px solid black }
#group-rates td.col1 { width: 10em !important; font-weight: bold; background-color: #B1A0C7 }

#hilton-vancouver-map { float: right; margin: 1em 0 .5em .5em; border: solid 1px black }

/* Conference schedule page */

.schedule-chart {
  margin-bottom: 2em;
  background: #CCC url(images/pattern.png);
  border: solid 1px black;
}

.schedule-chart { width: 100% }
.friday td { width: 30%}
.saturday td {  width: 22.5% }
.sunday td { width: 30% }
.schedule-chart td.time,
.schedule-chart td.time-alt { width: 10% }

.schedule-chart td { font-weight: bold;  font-size: 80%; border: 1px solid black }
.schedule-chart thead td { font-size: 90%; background-color: #CCC }
.schedule-chart tbody tr { height: 6em }
.schedule-chart tbody tr.half { height: 3em }
.schedule-chart tbody tr.quarter { height: 1.5em }
.schedule-chart td {
  padding: .1em .5em;
  text-align: center;
  vertical-align: middle;
}
.schedule-chart .meal { font-weight: bold; color: white; background-color: #60497B }
.schedule-chart .break { background-color: #CFE }
.schedule-chart .event { background-color: #AFC }
.schedule-chart .reg { background-color: #CCC0DA }
.schedule-chart .mtg { background-color: #D7E4BC }
.schedule-chart .fair { background-color: #CCC0DA }
.schedule-chart td span.hilight { font-size: 150%; font-weight: bold }
.schedule-chart .banquet { font-weight: bold; color: white; background-color: #3F3151 }
.schedule-chart .nothing { background-color: transparent; border: none; border-right: 1px solid black }

.schedule-chart td.time,
.schedule-chart td.time-alt {
  font-size: 70%;
  vertical-align: top;
  background-color: #CCC !important;
  border-bottom: none;
}
.schedule-chart td.time-alt { border: none; border-right: solid 1px black }

.schedule-chart tr.tracks td { background-color: white }
.schedule-chart td.track1 { background-color: #E5E0EC !important }
.schedule-chart td.track2 { background-color: #EAF1DD !important }
.schedule-chart td.track3 { background-color: #D7E4BC !important }

/* Seminars and workshops + Tours and activities pages */

.event-list {  }

.event-list, .event-list li { margin: 0; padding: 0; list-style: none }
.event-list .event {
  position: relative;
  padding-top: 1em; padding-bottom: 1em;
  border-bottom: solid 1px #CCC0DA;
}

#content .event-list p { margin: 0 }

#content .event-list p.title { font-weight: bold }
.event-list .sponsor { font-style: italic; font-weight: bold; color: #4F7600 }
#content .event-list p.track,
#content .event-list p.type {
  position: absolute;
  top: 2.6em; right: 0;
  text-align: right;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-size: 95%;
}

#content .event-list p.time {
  position: absolute;
  top: 1.3em; right: 0;
  font-size: 90%;
  font-weight: bold
}
.event-list .speaker { margin: 0 !important; font-style: italic }
.event-list .company { text-transform: uppercase; font-style: normal; font-size: 80% }
#content .event-list div.description p { margin: .5em 0 }
#content .event-list p.about { margin: 1em 0; font-size: 95% }
.event-list .cost { padding-bottom: 1em }
.event-list span.speaker { font-style: italic; font-weight: bold }

/* Keynote speakers page */

.keynote { position: relative }
.keynote .type { font-weight: bold; font-size: 120% }
.keynote p.sponsor {
  position: absolute;
  top: 1.5em; right: 0;
  font-style: italic; font-weight: bold; color: #4F7600 }
.keynote p.time {
  position: absolute;
  top: 0; right: 0;
  font-style: italic;
}
.keynote img { float: left; margin-right: .5em; margin-bottom: .5em }

/* Sponsors + Career fair pages */

ul.left-col { float: left; width: 50%; margin-right: 1em }
ul.right-col { float: right; width: 50%; margin-left: 1em }

ul.company-list { margin: 0; padding: 0; }
.company-list li { clear: both; margin: .5em 0; padding: .5em 0; list-style: none}
.company-list img { margin-left: 2em }
.company-list p { font-size: 110%; font-style: italic; font-weight: bold; color: #4F7600 }

h2.presenting, h2.diamond, h2.platinum, h2.gold, h2.silver, h2.bronze {
  border-bottom: solid 1px #B1A0C7
}

ul.presenting, ul.diamond, ul.platinum, ul.gold, ul.silver, ul.bronze {
  text-align: center;
}

ul.presenting img, ul.diamond img, ul.platinum img,
ul.gold img, ul.silver img, ul.bronze img {
  margin-left: 0;
}

.presenting p.name { font-size: 150% }
.diamond p.name{ font-size: 140% }
.platinum p.name { font-size: 130% }
.gold p.name { font-size: 120% }
.silver p.name { font-size: 110% }
.bronze p.name { font-size: 110% }

/* Region Highlights page */

#img-vancouver { float: right; margin: 0 0 .5em.5em }
#img-bridge { float: left; margin: 0 .5em .5em 0 }

/* Contact Us page */

#contact-info { margin: 0 }
#contact-info li { position: relative; list-style: none; height: 4em }
#contact-info .name { position: absolute; top: 0; left: 0; width: 12em; font-weight: bold }
#contact-info .info { position: absolute; top: 0; left: 12em }
.responsibilities { font-size: 90% }

/* Print styles */

@media print {
  body { background: white none !important }
  #wrapper, #frame-wrapper { width: 100% !important }
  #banner,
  .divider,
  #nav-cell,
  #footer { display: none !important }
  #content-cell { width: 100% !important; background: white none !important }
  body#iframe-body { width: 100% !important; background: white none !important }
  #content { width: 100% !important; margin: 0 auto }
  a { color: black !important }
}