body {
 margin: 0;
 padding: 0;
 font-family: Georgia, "Times New Roman", Times, serif;
 text-align: center;
 background-image: url(img/bg-tile.gif);
}

#pagewrapper {
 margin-top: 20px;
}

#pagewrapper p.footnote {
 font-size: 8pt;
 margin-top: 10px;
}

#pagewrapper p.footnote a:link,
#pagewrapper p.footnote a:visited {
 color: #645746;
 text-decoration: none;
}

#pagewrapper p.footnote a:hover {
 color: #423727;
}

#header {
 margin: 0 auto;
 height: 115px;
 width: 1024px;
 text-align: left;
 font: 10pt Georgia, "Times New Roman", Times, serif;
 letter-spacing: .01em;
}

#logo {
 width: 275px;
 height: 60px;
 text-align: center;
}

#homelogo {
 background: transparent url(/images/madonnainnlogo.gif) center no-repeat;
 width: 275px;
 height: 60px;
 text-align: center;
}

#homelogo h1,
#homelogo p,
#homelogo #contact {
 margin: 0;
 height: 20px;
 overflow: hidden;
}

#homelogo h1,
#homelogo #contact {
 text-indent: -9999px;
}

#skipnav {
 display: none;
}

#topnav {
 width: 1024px;
 height: 55px;
 background: transparent url(img/bg-2col-topnav.gif) no-repeat bottom left;
}

body.wide #topnav {
 background: transparent url(img/bg-topnav.gif) no-repeat bottom left;
}

/* ---------- reservation menu ---------- */

#topnav ul#resmenu {
 position: relative;
 float: left;
 width: 203px;
 height: 26px;
 margin: 0;
 z-index: 5;
}

#topnav ul#resmenu li {
 list-style: none;
 position: absolute;
}

#topnav ul#resmenu li,
#topnav ul#resmenu a {
 height: 26px;
 display: block;
}

#topnav ul#resmenu li a {
 text-indent: -9999px;
 text-decoration: none;
}

.rooms {
 left: 0px;
 width: 64px;
}

.steakhouse {
 left: 65px;
 width: 90px;
}

.spa {
 left: 154px;
 width: 49px;
}

.rooms a:hover {
 background: transparent url(img/resmenu.gif) no-repeat 0 -26px;
}

.steakhouse a:hover {
 background: transparent url(img/resmenu.gif) no-repeat -65px -26px;
}

.spa a:hover {
 background: transparent url(img/resmenu.gif) no-repeat -154px -26px;
}

#topnav #resmenu {
 top: 29px;
 left: 39px;
 background: transparent url(img/resmenu.gif) no-repeat top left;
}

/* ---------- end reservation menu ---------- */

#contentwrapper {
 margin: 0 auto;
 width: 1024px;
 background: #fff url(img/bg-2col.gif) repeat-y top;
 text-align: left;
 color: #645746;
 clear: both;
}

body.wide #contentwrapper {
 background: #fff url(img/bg-content.gif) repeat-y top;
}

#onecol { /* 1col template & defaults */
 margin: 0 40px;
 padding: 20px 0 30px 0;
 text-align: left;
 font: 10pt/18pt Georgia, "Times New Roman", Times, serif;
 background-color: transparent;
 color: #645746;
}

#onecol.floral-l {
 background: transparent url(img/bg-floral.gif) no-repeat top 75px;
}

#onecol.floral-r {
 background: transparent url(img/bg-floral.gif) no-repeat 93% -20px;
}

#left {
 float: left;
 margin: 0;
 width: 275px;
 text-align: center;
 background: transparent url(img/bg-floral-l.gif) no-repeat top center;
}

#left.floral {
 background: transparent url(img/bg-floral-left.gif) no-repeat top center;
}

#left.plain {
 margin-left: 6px;
 width: 271px;
 background: transparent url(none);
}

#left p {
 margin: 33px 0;
 color: #645746;
 font: 9pt/30pt "Trebuchet MS", "Arial Narrow", sans-serif;
 text-transform: uppercase;
}

#left p.placeholder {
 margin: 110px 90px;
}

#feature {
 margin: 33px 0;
}

#feature a {
 border-bottom: none !important;
}

#description {
 float: left;
 margin: 0;
 width: 410px;
 padding: 28px 0 40px 40px;
 font: 10pt/18pt Georgia, "Times New Roman", Times, serif;
 background: transparent url(img/bg-floral.gif) no-repeat top center;
}

#right { /* 2col template with left bg image or left.plain and no photo gallery */
 margin: 0 40px 0 295px;
 padding: 20px 0 30px 0;
 text-align: left;
 font: 10pt/18pt Georgia, "Times New Roman", Times, serif;
 background-color: transparent;
 color: #645746;
}

#right.no-pad-top { /* to accommodate a page title image */
 padding: 0 0 30px 0;
}

.container { /* container holds long text that wraps around photo gallery */
 margin: 0;
 padding: 8px 8px 30px 40px;
 text-align: left;
 font: 10pt/18pt Georgia, "Times New Roman", Times, serif;
 color: #645746;
 background: transparent url(img/bg-floral.gif) no-repeat top 95px;
}

.gallerywrapper { /* floats photo gallery right so text can wrap*/
 float: right;
 left: 450px;
 width: 537px;
 height: 381px;
 background: url(img/bg-frame.gif) no-repeat top;
}

#homecontent {
 margin-left: 275px;
 padding-bottom: 30px;
 background: #fff url(img/bg-home.gif) no-repeat top;
 width: 738px;
}

#homecontent p {
 margin: 0 50px;
 font: 10pt/18pt Georgia, "Times New Roman", Times, serif;
}

#contentwrapper a:link {
 color: #2f5dbf;
 text-decoration: none;
 border-bottom: 1px dotted #2f5dbf;
}

#contentwrapper a:visited {
 color: #645746;
 text-decoration: none;
 border-bottom: 1px dotted #645746;
}

#contentwrapper a:hover {
 color: #423727;
 text-decoration: none;
 border-bottom: 1px dotted #423727;
}

h1 {
 font-size: 1.1em;
 text-transform: uppercase;
 margin-top: 20px;
 color: #9d8e78;
}

h2,
h3 {
 font-size: 1em;
 text-transform: uppercase;
 margin-top: 40px;
 margin-bottom: 0;
}

h2 a:hover {
 text-decoration: none;
 border: none !important;
 color: #645746 !important;
}

h3 {
 color: #2f5dbf;
}

h3 a:hover {
 text-decoration: none;
 border: none !important;
 color: #2f5dbf !important;
}

ul {
 margin-left: 5px;
 padding-left: 10px;
 text-align: left;
 list-style-type: square;
 font: 10pt/18pt Georgia, "Times New Roman", Times, serif;
}

ul.inpara {
 margin-left: 5px;
 padding-left: 20px;
 text-align: left;
 list-style-type: square;
 font: 10pt/18pt Georgia, "Times New Roman", Times, serif;
}

p.indent {
 padding: 0 40px;
}

.roomcode {
 font-size: 8pt;
 font-weight: bold;
 text-transform: uppercase;
}

div#hours {
 clear: both;
 float: right;
 width: 502px;
 margin: -8px 8px 20px 0;
 padding-right: 35px;
 font-size: 8pt;
 font-weight: bold;
 line-height: 14pt;
 text-align: right;
 background-color: transparent;
}

div#back {
 clear: both;
 float: right;
 margin: 0;
 padding-right: 35px;
 font-size: 8pt;
 font-weight: bold;
}

div#back a {
 color: #645746 !important;
 border-bottom: 1px dotted #645746;
}

div#back a:visited {
 color: #423727 !important;
 border-bottom: 1px dotted #423727;
}

div#back a:hover {
 color: #423727 !important;
 border-bottom: 1px dotted #423727;
}

.caps {
 text-transform: uppercase;
 letter-spacing: 0.1em;
 padding-right: 1px;
}

.lowercase {
 text-transform: lowercase;
}

.note {
 font-size: .85em;
 font-weight: bold;
 line-height: 1.4em;
}

.jobTitle {
 font-style: italic;
 font-weight: bold;
 padding-right: .9em;
}

#footer {
 background: #d0c0a5 url(img/bg-2col-footer.gif) no-repeat top;
 margin: 0 auto;
 width: 1024px;
 text-align: center;
}

body.wide #footer {
 background: #d0c0a5 url(img/bg-footer.gif) no-repeat top;
}

#footernav {
 margin: 0 20px;
 padding: 50px 0 30px;
 font: 9pt Georgia, "Times New Roman", Times, serif;
 color: #fff;
}

#footernav a {
 padding: 0 8px;
 text-decoration: none;
 color: #fff;
}

#footernav a:hover {
 color: #8f8576;
}

dl.jumplist {
 margin-top: 35px;
 padding-left: 50px;
 text-align: left;
 line-height: 18pt;
 font-size: 7.5pt;
 text-transform: uppercase;
 font-weight: bold;
}

dl.jumplist dd {
 margin: 0;
 padding-left: 15px;
}

dd a,
dd a:visited {
 font-weight: normal;
 text-decoration: none;
 color: #2f5dbf;
 border-bottom: 0 !important;
}

dd a:hover {
 text-decoration: none;
 color: #645746;
 border-bottom: 0;
}

/* -------------------- Simple dropline menu -------------------- 
   posted on www.cssplay.co.uk 18 Jul 2007 
   permission for use received 25 Sep 2008 from stu@cssplay.co.uk 
   donation to the 'Support CSSplay' fund was made on 

   This copyright notice must be untouched at all times. The 
   original version of this stylesheet and the associated (x)html is  
   available at http://www.cssplay.co.uk/menus/simple_dropline.html
   Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
   This stylesheet and the associated (x)html may be modified in   
   any way to fit your requirements.
   -------------------------------------------------------------- */

#nav {
 position: relative;
 float: right;
 margin-right: 8px;
 width: 730px;
}

#nav .select,
#nav .current {
 margin: 0;
 padding: 0;
 list-style: none;
}

#nav li {
 display: inline;
 margin: 0;
 padding: 0;
 height: auto;
 text-transform: uppercase;
}

#nav .select a,
#nav .current a {
 display: block;
 height: 29px;
 float: left;
 padding: 0 10px;
 text-decoration: none;
 font-size: 8pt;
 line-height: 26px;
 white-space: nowrap;
 background: transparent;
 color: #645746; /* topmenu default link color */
}

* html #nav .select a,
* html #nav .current a {
 width: 1px;
 height: 30px;
}

/* top menu hover effect */
#nav .select a:hover,
#nav .select li:hover a {
 cursor: pointer;
 background-color: transparent;
 color: #423727;
}

#nav .sub {
 display: none;
}

/* for IE5.5 and IE6 */
#nav table {
 position: absolute;
 border-collapse: collapse;
 left: 0;
 top: 0;
}

/* topmenu current tab */
#nav .current a {
 font-weight: bold;
 background-color: transparent;
 color: #423727;
}

/* submenu inactive mouseover links */
#nav .sub li a:hover,
#nav .select a:hover .sub li a:hover,
#nav .select li:hover .sub li a:hover {
 background-color: #fff;
 color: #645746;
}

/* submenu active mouseover links */ 
#nav .sub_active a:hover {
 background-color: #fff;
 color: #423727;
}

/* submenu current link */ 
#nav .sub_active .current_sub a {
 font-weight: bold;
 background-color: #fff;
 color: #645746;
}

/* shows submenu when inactive topmenu links are moused over */
#nav .select li a:hover .sub,
#nav .select li:hover .sub {
 display: block;
 position: absolute;
 margin-top: 0;
 padding: 0;
 width: 725px;
 top: 29px;
 left: 0;
 font-size: 7.5pt;
 background-color: #fff; /* must be opaque to block underlying menus from showing */
 z-index: 100;
}

#nav .sub,
#nav .sub_active {
 margin: 0;
 padding: 0;
 list-style: none;
}

#nav .sub_active {
 display: block;
 position: absolute;
 margin-top: 0;
 padding: 0;
 width: 730px;
 top: 29px;
 left: 0;
 font-size: 7.5pt;
 background-color: #fff;
 z-index: 10;
}

* html #nav .sub_active,
* html #nav .select a:hover .sub {
 z-index: -1;
 margin-top: 0;
 margin-t\op: 1px;
}

/* active submenu */
#nav .sub_active a {
 float: left;
 height: 21px;
 display: block;
 margin: 0;
 padding: 5px 10px 0 10px;
 font-size: 7.5pt;
 line-height: 16px;
 white-space: nowrap;
 text-decoration: none;
 background-color: #fff;
 color: #8f8576; /* default link color */
}

/* inactive submenu on topmenu hover */
#nav .select a:hover .sub li a,
#nav .select li:hover .sub li a {
 height: 21px;
 display: block;
 margin: 0;
 padding: 5px 10px 0 10px;
 font-size: 7.5pt;
 line-height: 16px;
 white-space: nowrap;
 text-decoration: none;
 background-color: #fff;
 color: #8f8576; /* default link color */
}

/* ---------- slidegallery styles ---------- */

#homegallerywrapper {
 margin: 0;
 padding-bottom: 18px;
 float: right;
 width: 735px;
 height: 364px;
}

#myGallery.home {
 width: 641px !important;
 height: 300px !important;
 top: 26px;
 left: 38px;
 border: 8px solid #fff;
 z-index: 5;
}

#cakesgallerywrapper {
 margin: 8px 8px 0 0;
 padding-bottom: 18px;
 padding-bottom: 0px;
 float: right;
 width: 387px;
 height: 497px;
 background: url(img/bg-cakes.gif) no-repeat top;
}

#cakesgallerywrapper #myGallery {
 width: 325px !important;
 height: 433px !important;
 top: 18px;
 left: 23px;
 border: 8px solid #fff;
 z-index: 5;
}

#gallerywrapper {
 margin: 8px 8px 0 0;
 float: right;
 width: 537px;
 height: 381px;
 background: url(img/bg-frame.gif) no-repeat top;
}

#myGallery {
 width: 475px !important;
 height: 317px !important;
 top: 18px;
 left: 23px;
 border: 8px solid #fff;
 z-index: 5;
}

#noGallery {
 margin-top: 18px;
 margin-left: 23px;
 width: 475px !important;
 height: 317px !important;
 top: 18px;
 left: 23px;
 border: 8px solid #fff;
 z-index: 5;
}

#myGallery img.thumbnail {
 display: none;
}

.jdGallery {
 position: relative;
 overflow: hidden;
}

.jdGallery img {
 border: 0;
 margin: 0;
}

.jdGallery .slideElement {
 width: 100%;
 height: 100%;
 background: #2c2213 url(img/loading-bar.gif) no-repeat center center;
}

.jdGallery .loadingElement {
 width: 100%;
 height: 100%;
 position: absolute;
 left: 0;
 top: 0;
 background: #2c2213 url(img/loading-bar.gif) no-repeat center center;
}

/* slide info zone */

.jdGallery .slideInfoZone {
 position: absolute;
 z-index: 10;
 width: 100%;
 margin: 0;
 left: 0;
 bottom: 0;
 height: 40px;
 background: #2c2213;
 color: #fff;
 text-indent: 0;
 overflow: hidden;
}

* html .jdGallery .slideInfoZone {
 bottom: -1px;
}

.jdGallery .slideInfoZone h4 {
 padding: 0;
 font: 9pt/12pt Georgia, "Times New Roman", Times, serif;
 font-weight: bold;
 margin: 2px 8px;
 color: #fff;
}

.jdGallery .slideInfoZone p {
 padding: 0;
 font: 9pt/12pt Georgia, "Times New Roman", Times, serif;
 margin: 0 8px;
 color: #fff;
}

/* end */

.jdGallery div.carouselContainer {
 position: absolute;
 height: 135px;
 width: 100%;
 z-index: 10;
 margin: 0;
 left: 0;
 top: 0;
 text-align: left;
}

.jdGallery a.carouselBtn {
 position: absolute;
 bottom: 0;
 right: 20px;
 height: 20px;
 color: #fff;
 text-align: center;
 font: 9pt Georgia, "Times New Roman", Times, serif !important;
 width: 100px;
 background: #2c2213 url(img/carousel-btn.gif) no-repeat;
 cursor: pointer;
}

.jdGallery a.carouselBtn:hover {
 color: #fff !important;
 border-bottom: none !important;
}

.jdGallery .carousel {
 width: 100%;
 height: 115px;
 position: absolute;
 margin: 0;
 left: 0;
 top: 0;
 background: #2c2213;
 color: #fff;
 text-indent: 0;
 overflow: hidden;
}

.jdGallery .carousel .carouselWrapper {
 width: 100%;
 height: 80px;
 position: absolute;
 top: 10px;
 left: 0;
 overflow: hidden;
}

.jdGallery .carousel .carouselInner {
 position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail {
 float: left;
 border: 1px solid #fff;
}

.jdGallery .carousel .label {
 position: absolute;
 bottom: 5px;
 left: 10px;
 padding: 0;
 margin: 0;
 color: #ebe6d5;
 font-weight: bold;
 font-size: 9pt;
}

.jdGallery .carousel .label .number {
 color: #ebe6d5;
 font-weight: normal;
 font-size: 9pt;
}

.jdGallery a {
 font-size: 100%;
 text-decoration: none;
 color: inherit;
}

.jdGallery a.right,
.jdGallery a.left {
 /* width: 637px; */
 position: relative;
 margin: 5px auto;
 cursor: pointer;
 z-index: 10;
}

.jdGallery a.left {
 left: 0;
 top: 0;
 background: url('img/arrow-left.gif') no-repeat center left;
}

* html .jdGallery a.left {
 background: url('img/arrow-left.gif') no-repeat center left;
}

.jdGallery a.right {
 right: 0;
 top: 0;
 background: url('img/arrow-right.gif') no-repeat center right;
}

* html .jdGallery a.right {
 background: url('img/arrow-right.gif') no-repeat center right;
}

.jdGallery a.right,
.jdGallery a.left { /* sets left and right arrow active areas */
 height: 99%;
 width: 5%;
 position: absolute;
 cursor: pointer;
 z-index: 10;
 filter: alpha(opacity=50);
 -moz-opacity: 0.5;
 -khtml-opacity: 0.5;
 opacity: 0.5;
}

* html .jdGallery a.right,
* html .jdGallery a.left {
 filter: alpha(opacity=50);
}

.jdGallery a.right:hover,
.jdGallery a.left:hover { /* sets hover for left and right arrow active areas */
 filter: alpha(opacity=90);
 -moz-opacity: 0.9;
 -khtml-opacity: 0.9;
 opacity: 0.9;
}

.jdGallery a.open {
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
}

.withArrows a.open { /* sets center view details active area */
 position: absolute;
 top: 0;
 left: 5%;
 height: 99%;
 width: 90%;
 border-bottom: none !important;
 z-index: 10;
}

.imageElement h4 {
 margin: 0;
 padding: 0;
 color: #fff; /* to hide from showing while safari loads */
}

/* ---------- sortable table styles ---------- */

table#sortable {
 width: auto;
 margin: 0 auto;
 padding: 0;
 border-left: 1px solid #d6c5a9; /* left border entire table - set th & td cell borders to match*/
 border-collapse: collapse;
}

caption,
.caption {
 width: auto;
 margin: 0 auto;
 padding: 0 0 5px 0;
 font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
}

table#sortable th { /* default header row styles */
 padding: 8px 10px 8px 18px;
 background: #668bd2 url(img/th_bg.jpg) no-repeat 0 0; /* set bgcolor same as th.sortable */
 border-right: 1px solid #d6c5a9;
 border-bottom: 1px solid #d6c5a9;
 border-top: 1px solid #d6c5a9;
 font: bold 10px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 color: #fff;
 text-transform: uppercase;
 letter-spacing: 1px;
 text-align: left;
 vertical-align: middle;
 white-space: nowrap;
}

table#sortable th.sortable,
table#sortable th.sortable-sortImage,
table#sortable th.sortable-text,
table#sortable th.sortable-numeric {
 padding: 8px 10px 8px 18px;
 background: #668bd2 url(img/th_sortable.jpg) no-repeat 0 0; /* set a bgcolor for browers that don't use background image */
 cursor: pointer;
}

table#sortable th.forwardSort {
 background: #4971b5 url(img/th_down.jpg) no-repeat 0 0;
}

table#sortable th.reverseSort {
 background: #80a4ed url(img/th_up.jpg) no-repeat 0 0;
}

table#sortable th a {
 color: #fff !important; /* header cell link color */
 border-bottom: none !important;
 text-decoration: none;
 background: transparent;
}

table#sortable td a {
 white-space: nowrap;
 color: #2f5dbf; /* room name text links */
 text-decoration: none;
 background: transparent;
}

table#sortable td a:hover {
 color: #423727;
 border-bottom: 1px dotted #423727;
 background: transparent;
}

td img {
 margin: 0 auto;
 border: 0;
}

table#sortable td {
 padding: 6px 14px;
 border-right: 1px solid #d6c5a9;
 border-bottom: 1px solid #d6c5a9;
 font: normal 11px/12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 color: #423727;
 white-space: nowrap;
}

/* new class centers all cell data */
td {
 text-align: center;
}

/* new class to align first column data left */
table#sortable .cs3 td.left {
 text-align: left;
}

table#sortable tr.alt {
 background: #f1efe3;
 color: #423727;
}

/* IE6 image bug fixes */
table#sortable tr[class="alt"] td {
 background: #f1efe3 url(img/td_alt.jpg) no-repeat;
}

table#sortable td[class~="alt"] {
 background: #f8f5f0 url(img/col_alt.jpg) no-repeat !important;
}

/* IE6 :first-child fixes */
table#sortable tbody tr.alt td:first-child { /* alt rows first col bgcolor */
 background-color: #f1eee2;
 font-weight: bold;
}

table#sortable tbody tr td:first-child {
 background-color: #ebe6d5;
 font-weight: bold;
}

/* IE<7 image free rules */
* html table#sortable tr.alt td {
 background-color: #f1efe3;
}

* html table#sortable tr td.alt,
* html table#sortable tr.alt td.alt {
 background-color: #f8f5f0;
}

/* --- room preview images --- */

a.preview,
a.preview:visited {
 position: relative;
 z-index: 1;
}

a.preview span {
 position: absolute;
 visibility: hidden;
 width: 113px;
 height: 0;
 left: 113px;
 top: -7px;
}

a.preview:hover {
 text-decoration:none;
 border: 0;
 z-index: 1000;
}

a.preview:hover span {
 visibility: visible;
 height: 75px;
 cursor: pointer;
 z-index: 500;
}

a.preview:hover span img {
 border: 0;
}

/* ---------- facilities map styles ---------- */

#map {
 margin: 0;
 padding: 0;
 width: 944px;
 height: 580px;
 background: #fff url(/images/map/map.gif) no-repeat top left;
 clear: both;
}

#map li {
 margin: 0;
 padding: 0;
 list-style: none;
}

#map li a {
 position: relative;
 display: block;
 width: 25px; /* sets the default size of the hotspot area */
 height: 25px;
 background: transparent url(/images/dot_c.gif) repeat;/* Specifying a background image (a 1px by 1px transparent gif) fixes a bug in older 
 versions of IE that causes the block to not render at its full dimensions. */
 border: 0;
}

#map li a span {
 display: none;
}

/* sets the default position and size of the image displayed on hover */
#map li a:hover span {
 position: relative;
 display: block;
 top: 10px; /* position relative to hotspot */
 left: 20px;
 width: 216px; /* size of image displayed */
 height: 144px;
 filter: alpha(opacity=100);
 opacity: 1;
}

/* sets position of hotspot areas - they are relative to each other - if one moves the others will also */

#map a.entrance {
 top: 117px;
 left: 184px;
}

#map a.limos {
 top: 110px;
 left: 308px;
}

#map a.spa {
 top: -19px;
 left: 428px;
}

#map a.pool {
 top: 16px;
 left: 422px;
}

#map a.fitness {
 top: 5px;
 left: 594px;
}

#map a.building2 {
 top: 38px;
 left: 658px;
}

#map a.ladies {
 top: 3px;
 left: 534px;
}

#map a.cafe {
 top: 25px;
 left: 485px;
}

#map a.mens {
 top: -58px;
 left: 670px;
}

#map a.gourmet {
 top: -17px;
 left: 655px;
}

#map a.steakhouse {
 top: 158px;
 left: 512px;
}

#map a.registration {
 top: 208px;
 left: 582px;
}

#map a.building1 {
 top: -35px;
 left: 465px;
}

#map a.building3 {
 top: -150px;
 left: 754px;
}

#map a.expo {
 top: -97px;
 left: 841px;
}

/* ---------- end facilities map styles ---------- */

table.normal {
 width: auto;
 margin: 0 auto 30px;
 padding: 0;
 border: 1px solid #d6c5a9; /* border entire table - set th & td cell borders to match*/
 border-collapse: collapse;
}

table.normal td.note {
 padding: 5px;
 font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

table.normal th { /* default header row styles */
 padding: 6px 18px;
 background: #668bd2 url(img/th_bg.jpg) no-repeat 0 0; /* set bgcolor same as th.sortable */
 border-right: 1px solid #d6c5a9;
 border-bottom: 1px solid #d6c5a9;
 border-top: 1px solid #d6c5a9;
 font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 color: #fff;
 text-transform: uppercase;
 letter-spacing: 1px;
 text-align: left;
 white-space: nowrap;
 vertical-align: middle;
}

table.normal td {
 padding: 3px 18px;
 border-right: 1px solid #d6c5a9;
 border-bottom: 1px solid #d6c5a9;
 font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 color: #423727;
 white-space: nowrap;
 text-align: center;
}

td.left {
 text-align: left;
}

td.right {
 text-align: right;
}

table.normal tr.alt {
 background: #f1efe3;
 color: #423727;
}

table.normal tr td:first-child {
 background-color: #fff;
 font-weight: bold;
}

table.normal td.center,
table.normal th.center {
 text-align: center;
}

/* ------------------ music calendar ----------------- */

table.calendar {
 margin: 10px auto 0 auto;
 border: 1px dotted #9d8e78;
 border-top: 0;
 width: 940px
}

table.calendar caption {
 padding: 2px;
 color: #fff;
 font: 9pt Georgia, "Times New Roman", Times, serif;
 text-align: center;
 font-style: normal;
 font-weight: bold;
 background-color: #b9aa93;
 width: 940px;
}

table.calendar th {
 text-align: center;
 padding: 2px 18px 3px;
 font: 7.5pt Georgia, "Times New Roman", Times, serif;
 font-weight: bold;
 border-bottom: 1px dotted #9d8e78;
}

table.calendar td {
 width: 14%;
 text-align: center;
 padding: 2px 18px 3px;
 font: 8pt Georgia, "Times New Roman", Times, serif;
 white-space: nowrap;
}

table.calendar td.tint {
 background-color: #f1efe3;
}

/* ------------------ events calendar ----------------- */

.cTable {
 border: 1px dotted #9d8e78;
 border-top: 0;
 margin: 20px auto;
 padding: 0;
 width: 202px;
}

.cTable caption {
 padding: 2px 0;
 color: #fff;
 font: 9pt Georgia, "Times New Roman", Times, serif;
 background-color: #b9aa93;
 text-align: center;
 font-style: normal;
 font-weight: bold;
 width: 202px;
}

.cTable th {
 font: 8pt Georgia, "Times New Roman", Times, serif;
 width: 14%;
 padding: 2px;
}

.cTable th.weekend,
.cTable td.weekend {
 background-color: #f1efe3;
}

.cTable td {
 font: 9pt Georgia, "Times New Roman", Times, serif;
 text-align: center;
 padding: 2px 2px 3px 2px;
}

.cTable td a:link,
.cTable td a:visited {
 color: #2f5dbf;
 text-decoration: none;
}

.cTable td a:hover {
 color: #423727;
 border-bottom: 1px dotted #423727;
}

/* ---------- form styles ---------- */

form {
 margin: 0;
 padding: 0;
}

div.formfields {
 text-align: right;
 width: 450px;
}

input.data {
 font: 10pt Georgia, "Times New Roman", Times, serif;
 color: #2f5dbf;
 background-color: #fff !important;
 border: 1px solid #b9aa93;
 margin-left: 10px;
 padding: 3px 1px;
 width: 210px;
}

select.pulldown {
 font: 10pt Georgia, "Times New Roman", Times, serif;
 color: #2f5dbf;
 border: 1px solid #b9aa93;
 margin-left: 10px;
 padding: 3px 0;
 width: 212px;
}

textarea {
 font: 10pt Georgia, "Times New Roman", Times, serif;
 color: #2f5dbf;
 background-color: #fff !important;
 border: 1px solid #b9aa93;
 margin-top: 3px;
 padding: 3px 1px;
 width: 450px;
 height: 100px;
}

input.checkbox {
 margin-left: 15px;
 vertical-align: text-bottom;
}

input.button {
 font: 10pt "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 color: #000;
}

/* ---------- weather module ------------ */

#weathermod {
 margin: 0 auto;
 padding: 37px 15px 5px 15px;
 background: url(img/weather.gif) no-repeat top center;
 width: 209px;
}

.location {
 color:#736654;
 font: 9pt "Trebuchet MS", "Arial Narrow", sans-serif;
 padding-right: 20px;
}

.tempF {
 color:#fff;
 font: 10pt bold "Trebuchet MS", "Arial Narrow", sans-serif;
}

a.weather,
a.weather:visited {
 font: 7.5pt 'Trebuchet MS', 'Arial Narrow', sans-serif;
 color: #736654 !important;
 text-decoration: none;
}

a.weather:hover {
 color: #453929 !important;
}

/* ---------- spacers ---------- */


.mt40 {
 margin-top: 40px;
}

.mt28 {
 margin-top: 28px;
}

.mt12 {
 margin-top: 12px;
}

.mt0 {
 margin-top: 0;
}

.mtb0 {
 margin-top: 0;
 margin-bottom: 0;
}

.mtb10 {
 margin-top: 10px;
 margin-bottom: 10px;
}

.mb0 {
 margin-bottom: 0;
}

.pad-r {
 padding-right: 35px;
}

.pad-b {
 padding-bottom: 30px;
}

.clear-b {
 clear: both;
}

br.clear-l {
 clear: left;
 margin: 0;
}

br.spacer {
 padding: 10px;
}

/* ---------- etc ---------- */

img,
img a,
a.nounder,
#contentwrapper ul#map li a {
 border-bottom: none !important;
 margin: 0;
 border: 0;
}

img.center {
 margin: 0 auto;
 display: block;
}

img.right {
 float: right;
 margin-left: 8px;
 padding-top: 6px;
 display: block;
 clear: both;
}

img.left {
 float: left;
 margin-right: 10px;
 padding-top: 6px;
}

/* ---------- events ---------- */

div.newEvent .date {
 font-weight: bold;
}

div.newEvent .title {
 text-transform: uppercase;
 font-weight: bold;
 padding-right: .9em;
}

div.newEvent img.right {
 float: right;
 margin-left: 10px;
 clear: right;
}

div.newEvent img.left {
 float: left;
 margin-right: 10px;
 position: relative;
}

div.newEvent {
 margin: 30px 0;
}

div.newEvent p {
 margin: 7px 0;
}

#left p.more a:link,
#left p.more a:visited {
 color: #2f5dbf;
 text-decoration: none;
}

#left p.more a:hover {
 color: #423727;
 border-bottom: 1px dotted #423727;
}

ul#event {
 margin-top: 0;
 margin-bottom: 0;
}

ul#event li {
 margin-left: 10px;
 list-style-type: square;
 font: 10pt/18pt Georgia, "Times New Roman", Times, serif;
}

ul.subevent {
 margin-left: 20px;
}

/* ---------- traditions ---------- */

div.newStory {
 margin-top: 40px;
 clear: both;
}

div.firstStory {
 margin-top: 10px;
}

div.firstStory p,
div.newStory p {
 margin-top: 10px;
 margin-bottom: 10px;
}