* { margin: 0; padding: 0; }
html { height: 100%; margin-bottom: 1px; }
body { font: 100% verdana, geneva, helvetica, arial, sans-serif; line-height: 1.125em; min-height: 100%; text-align: center; }
img { border: none; }

body.blue { background: #b3cce3 url(../images/blue_back.gif) repeat-y top center; color: #000; }
body.purple { background: #d9c9d8 url(../images/purple_back.gif) repeat-y top center; color: #000; }
body.green { background: #bad6cc url(../images/green_back.gif) repeat-y top center; color: #000; }
body.pink { background: #e187c3 url(../images/pink_back.gif) repeat-y top center; color: #000; }
body.lilac { background: #cccde6 url(../images/lilac_back.gif) repeat-y top center; color: #000; }

#outer { margin: 0 auto; overflow: auto; text-align: left; width: 760px; }
#inner { background-color: #fff; color: #000; font-size: 0.75em; margin-left: 100px; overflow: auto; padding-bottom: 30px; width: 660px; }

body #inner a { background-color: #fff; color: #000; text-decoration: underline; }

#header { margin-bottom: 20px; overflow: hidden; }
#header ul { display: inline; list-style-type: none; }
#header li { display: block; float: left; line-height: 3em; text-align: center; text-transform: lowercase; width: 132px; }
#header li a { text-decoration: none; }
#header li.bluenav { background-color: #f7efb5; color: #6799c8; }
#header li.bluenav a { background-color: #f7efb5; border: 1em solid #f7efb5; color: #6799c8; }
#header li.bluenav a:hover { background-color: #6799c8; border-color: #6799c8; color: #f7efb5; }
#header li.purplenav { background-color: #f7efb5; color: #b493b1; }
#header li.purplenav a { background-color: #f7efb5; border: 1em solid #f7efb5; color: #b493b1; }
#header li.purplenav a:hover { background-color: #b493b1; border-color: #b493b1; color: #f7efb5; }
#header li.greennav { background-color: #f7efb5; color: #76ae99; }
#header li.greennav a { background-color: #f7efb5; border: 1em solid #f7efb5; color: #76ae99; }
#header li.greennav a:hover { background-color: #76ae99; border-color: #76ae99; color: #f7efb5; }
#header li.pinknav { background-color: #f7efb5; color: #c41088; }
#header li.pinknav a { background-color: #f7efb5; border: 1em solid #f7efb5; color: #c41088; }
#header li.pinknav a:hover { background-color: #c41088; border-color: #c41088; color: #f7efb5; }
#header li.lilacnav { background-color: #f7efb5; color: #9a9bcd; }
#header li.lilacnav a { background-color: #f7efb5; border: 1em solid #f7efb5; color: #9a9bcd; }
#header li.lilacnav a:hover { background-color: #9a9bcd; border-color: #9a9bcd; color: #f7efb5; }

#checkerboard { margin-top: 20px; }
.checkstrip { clear: right; float: right; }
.checkstrip div { float: left; height: 130px; width: 130px; }
.tower { background: url(../images/tower.jpg) no-repeat top left; }
.stoneflower { background: url(../images/stone_flower.jpg) no-repeat top left; }
.window { background: url(../images/window.jpg) no-repeat top left; }
.stainedglass { background: url(../images/stained_glass.jpg) no-repeat top left; }

#logo { margin-left: 19px; }

#mainnav { list-style-type: none; margin: 72px 0 30px 20px; }
#mainnav li { margin-top: 10px; }
#inner #mainnav li a:hover { background-color: #fff; color: #000; }

#inner h1 { font-size: 1.167em; margin: 1em 150px 1em 20px; }
body.blue #inner h1 { background-color: #fff; color: #6799c8; }
body.purple #inner h1 { background-color: #fff; color: #b493b1; }
body.green #inner h1 { background-color: #fff; color: #76ae99; }
body.pink #inner h1 { background-color: #fff; color: #c41088; }
body.lilac #inner h1 { background-color: #fff; color: #9a9bcd; }

#inner h2 { font-size: 1em; margin: 1em 20px -1em 20px; }
#inner p { margin: 1em 150px 1em 20px; }
#inner img.map { margin: 1em 0 1em 20px; }
#inner ul.list { margin: 1em 150px 1em 36px; }
#inner ul.nolist { list-style-type: none; margin: 1em 20px; }

#inner h1.dtm { margin-top: 2em; }

body.green #inner table { border-collapse: collapse; border: 1px solid #328666; border-left-width: 40px; border-right-width: 40px; margin: 1em 20px 1em 40px; width: 580px; }
body.green #inner table td, #inner table th { background-color: #fff; border: 1px solid #328666; color: #328666; padding: 5px; vertical-align: top; }
body.green #inner table thead th { background-color: #dbe9e3; color: #328666; padding-top: 1.5em; }
body.green #inner table td { padding-bottom: 1.5em; }
body.green #inner table #tabvenue { width: 40%; }

#inner table.nostyle { border-collapse: collapse; border: none; margin: 0 20px 1.5em; width: 290px; }
#inner table.nostyle td.cost { text-align: right; width: 15%; }
#inner table.nostyle td, #inner table.nostyle th { background-color: #fff; color: #000; border: none; padding: 0; vertical-align: top; }
body.pink #inner table.nostyle td { border-bottom: 1px solid #e187c3; }

#inner div.columnwrap { margin-right: 130px; overflow: auto; }
#inner div.columnwrap div { float: left; width: 265px; }

#inner div.columnwrapfull { clear: right; margin-top: -1em; overflow: auto; }
#inner div.columnwrapfull div { float: left; width: 330px; }
#inner div.columnwrapfull div h2 { margin: 0 20px; }
#inner div.columnwrapfull div table h2 { margin: 0; }

#inner span.normal { font-weight: normal; }
#inner .full { clear: right; }

body.pink #inner p.note { background-color: #fff; color: #c41088; clear: both; font-size: 0.833em; line-height: 1.4em; margin-right: 20px; }

@media print {
  html { height: auto; margin: 0; }
  body { height: auto; min-height: 0; width: auto; }
  body.blue, body.purple, body.green, body.pink, body.lilac { background-color: #fff; background-image: none; color: #000; }
  #outer { height: auto; margin: 0; width: auto; }
  body.blue #outer, body.purple #outer, body.green #outer, body.pink #outer, body.lilac #outer { background-color: #fff; color: #000; }
  #inner { height: auto; margin: 0; width: auto; }
  #header { display: none; }
  #checkerboard { display: none; }
  #logo { margin: 0 0 80px 0; }
  #mainnav { display: none; }
  #inner h1, #inner p { margin: 1em 0; }
  #inner h2 { margin-left: 0; margin-right: 0; }
  #inner ul { margin: 1em 0 1em 16px; }
  #inner ul.nolist { margin: 1em 0; }
  body.green #inner table { border-left-width: 1px; border-right-width: 1px; margin: 1em 0; width: auto; }
  #inner table.nostyle { margin: 0 0 1.5em; width: auto; }
  #inner div.columnwrap { margin-right: 0; }
  #inner div.columnwrap div { float: none; padding-right: 20px; width: auto; }
  #inner div.columnwrapfull { margin-top: 0; }
  #inner div.columnwrapfull div { float: none; width: auto; }
  #inner div.columnwrapfull div h2 { margin: 0; }
  body.pink #inner p.note { margin-right: 0; }
}