html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, p, pre, form, fieldset, table, th, td { margin: 0px; padding: 0px; }
body { background: url('../img/body-background.gif') 0px 0px #e7e4d0 repeat-x; font: 12px/16px 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: center; }
#container { text-align: left; background: url('../img/container-background.gif') top center repeat-y; margin: 0px auto; padding: 0px 15px 5px 15px; width: 925px; overflow: auto; }

a:hover { text-decoration: none; }
a img { border: none; }

#header { background: url('../img/header-background.jpg') 10px 0px; width: 955px; height: 125px; overflow: hidden; margin: 0px auto; text-align: left; }
#header img { float: left; }

#header #get-updates { float: right; text-transform: uppercase; display: block; height: 20px; font-weight: bold; position: relative; top: 100px; left: 360px; }
#header #get-updates a { color: #023868; }

#header #utility-nav { float: right; height: 28px; margin: 15px 15px 0px 0px; }
#header #utility-nav ul { list-style-type: none; margin-top: 2px; }
#header #utility-nav ul li { float: left; height: 28px; background: url('../img/utility-nav-background.png'); padding: 0px 1px 0px 4px; }
#header #utility-nav ul li a { background: url('../img/utility-nav-a-background.gif') 0px 8px no-repeat; float: left; height: 22px; padding: 6px 3px 0px 8px; text-decoration: none; color: #023868; font-weight: bold; font-size: 11px; text-transform: uppercase; }
#header #utility-nav ul li a:hover, #header #utility-nav ul li a.current { color: #436c8f; }
#header #utility-nav ul li.first-child a { background: none; }
#header #utility-nav ul li.first-child { background: url('../img/utility-nav-background-left.png') top left no-repeat; padding-left: 10px; }
#header #utility-nav ul li.last-child { background: url('../img/utility-nav-background-right.png') top right no-repeat; padding-right: 10px; }

/* Primary navigation */
#header #nav { height: 36px; float: left; margin-top: 45px; }
#header #nav ul { list-style-type: none; width: 500px; padding-left: 8px; }
#header #nav ul li { float: left; }
#header #nav ul li a { display: block; float: left; height: 25px; padding-top: 11px; text-align: center; text-decoration: none; color: #fff; font-weight: bold; text-transform: uppercase; font-size: 14px; }
#header #nav ul li a:hover, #header #nav ul li a.current { color: #dc5855; }
#header #nav ul li#what-to-do a { width: 127px; }
#header #nav ul li#where-to-eat a { width: 139px; }
#header #nav ul li#where-to-stay a { width: 154px; }

#header #like {
	float: right; text-transform: uppercase; display: block; height: 20px; font-weight: bold; position: relative; top: 50px; left: 185px; width: 0; overflow: visible;
}

#background.index { background: url('../img/index-background-background.gif') repeat-y; overflow: auto; margin-bottom: 5px; }
#background { background: url('../img/secondary-background-background.gif') repeat-y; overflow: auto; margin-bottom: 5px; }

/* Sidebar/callouts */
#sidebar { width: 180px; float: left; }
#sidebar .callout { background: url('../img/callout-border.gif') top center no-repeat #d6d1b6; overflow: auto; }
#sidebar .callout:first-child { background: #d6d1b6; }
#sidebar .callout h3 { color: #17598b; font-size: 13px; padding: 10px 5px 5px 5px; }
#sidebar .callout p { font-size: 11.5px; padding: 0px 5px 10px 5px; }
#sidebar .callout img { display: block; }
#sidebar .callout a { color: #023868; }
#sidebar .callout a:hover { text-decoration: none; }
#sidebar #calendar-subscribe a { display: inline; }
#sidebar form { padding: 0px 5px; margin-bottom: 5px; }
#sidebar form input { width: 120px; }
#sidebar form label { color: #17598b; font-size: 13px; padding: 5px 0px; display: block; font-weight: bold; }

/* Secondary navigation */
#sidebar .callout ul { padding: 0px 0px 5px 5px; }
#sidebar .callout ul li a { text-transform: none; font-weight: normal; float: none; padding-left: 9px; display: block; }
#sidebar .callout ul li a:hover, 
#sidebar .callout ul li a.current { color: #dc5855; text-decoration: none; background: url('../img/secondary-nav-link-hover-link-background.gif') 0px 3px no-repeat; }

#sidebar .callout#calendar-subscribe a{padding-left: 0}
#sidebar .callout#calendar-subscribe ul li a:hover,
#sidebar .callout#calendar-subscribe ul li a.current {background: none}

/* Promotions */
#sidebar .promotion { background: url('../img/gift-card-callout.gif') center center no-repeat #ae042c;height: 220px; padding: 15px 5px 25px 5px; color: #fff; text-align: center; }
#sidebar #new.promotion {background: none; padding: 0; height: auto;}

#sidebar .promotion h3 { margin: 175px 0px 0px 0px; text-transform: uppercase; }
#sidebar .promotion h3 a { font-size: 14px; color: #fff; }

/* Main content area */
#content { margin: 0px 0px 0px 5px; background: url('../img/content-background.gif') top left repeat-x #17598b; float: left; width: 740px; color: #fff; padding: 20px 0px 5px 0px; }
#content h1 { font-size: 24px; line-height: 28px; font-weight: normal; margin: 20px 0px 10px 15px; }
#content h2 { font-size: 16px; line-height: 20px; font-weight: normal; margin: 10px 0px 10px 15px; }
#content h3 { font-size: 14px; line-height: 16px; font-weight: normal; margin: 10px 0px 10px 15px; }
#content.index { width: 490px; padding-top: 0px; }
#content.index h1 { font-weight: normal; font-size: 24px; margin: 15px; }
#content p { margin: 10px 15px; }
#content a { color: #fff; }
#content a:hover { text-decoration: none; }
#content ul, #content ol { margin: 0px 15px 10px 35px; }
#content ul li p, #content ol li p { margin: 10px 0px; }
#content img { float: right; clear: right; padding: 8px 8px 11px 9px; margin: 10px 0px 0px 0px; background: url('../img/photo-drop-shadow.gif') 0px 0px no-repeat #17598b; }
#content.index img, #content img.inline, #content #map img { float: none; clear: none; padding: 0px; margin: 0px; background: none; }
#content img.icon { float: left; background: none; clear: none; margin: 0px; padding: 0px; margin-right: 10px; }
#content hr { margin: 15px; height: 1px; border: none; color: #8bacc5; background-color: #8bacc5; }
#content hr.half { width: 50%; }
#content p.button { margin: 20px 15px }
#content p.button a { border: 1px solid #fff; background: #276493; padding: 3px 5px; text-decoration: none; text-transform: uppercase; }
#content p.button.red a { background: #ee3b33; }
#content p.button a:hover { text-decoration: underline; }

#content #newsletter-signup { margin: 0px 15px 0px 45px; }
#content #newsletter-signup button { border: 1px solid #fff; background: #033968; padding: 2px 5px; color: #fff; text-transform: uppercase; margin-left: 5px; cursor: pointer; }

/* Google map background */
#content #map-background { float: right; width: 400px; height: 440px; background: url('../img/map-background.gif'); margin: 20px 10px 0px 20px; }
#content #map { width: 391px; height: 432px; background: #fff; color: #000; }

/* Pagination on the Events page */
#content .pagination { float: right; }
#content .pagination a { display: block; float: left; padding: 3px 5px; border: 1px solid #fff; text-decoration: none; margin-right: 2px; }
#content .pagination a:hover, #content .pagination a.highlight { background: #fff; color: #17598b; }

#content .callout { width: 325px; float: right; margin: 0px 10px 0px 0px; }
#content .callout p { margin: 0px; }
#content .callout img { padding: 8px 8px 11px 9px; margin: 10px 0px 0px 0px; background: url('../img/photo-drop-shadow.gif') 0px 0px no-repeat #17598b; }

/* Callout box for venues */
#content .callout .info-box { clear: right; color: #000; width: 325px; background: url('../img/venue-callout-background.gif') no-repeat; margin: 10px 10px 0px 0px; padding: 10px 0px 0px 0px; }
#content .callout .info-box a { color: #17598b; text-decoration: none; }
#content .callout .info-box a.print { font-size: 11px; background: url('../img/printer.png') 0px 5px no-repeat; padding: 5px; text-transform: uppercase; font-weight: bold; padding-left: 20px; }
#content .callout .info-box a.email { font-size: 11px; background: url('../img/email.png') 0px 5px no-repeat; padding: 5px; text-transform: uppercase; font-weight: bold; padding-left: 20px; }
#content .callout .info-box a:hover { text-decoration: underline; }
#content .callout .info-box p { margin: 10px 15px; }
#content .callout .info-box h4 { margin: 0px 15px; color: #17598b; text-transform: uppercase; font-size: 12px; }
#content .callout .info-box img { padding: 0px; margin: 0px; float: none; display: block; }

/* Twitter stuff for venues */
#content ul.twitter { padding: 21px 0px 0px 0px; margin: 0px 0px 0px 15px; background: url('../img/twitter-top.gif') top left no-repeat; }
#content ul.twitter li {list-style-type: none; margin: 0px; padding: 6px 8px 10px; border-left: solid 1px #fff; border-right: solid 1px #fff; border-bottom: 1px solid #fff; width: 332px; }
#content ul.twitter-index { padding: 21px 0px 0px 0px; margin: 0px 0px 0px 15px; background: url('../img/twitter-top-index.gif') top left no-repeat; }
#content ul.twitter-index li {list-style-type: none; margin: 0px; padding: 6px 8px 10px; border-left: solid 1px #fff; border-right: solid 1px #fff; border-bottom: 1px solid #fff; width: 437px; }
ul.twitter li a.meta, ul.twitter-index li a.meta {text-decoration: none; color: #78b4dd}

/* Stuff on the homepage */
#slideshow { background: url('../img/slideshow-background.gif') top center no-repeat; width: 490px; height: 290px; }
#slideshow .position { width: 449px; height: 270px; position: relative; top: 17px; left: 21px; }
#slideshow .position div p { margin-top: 5px; }
#slideshow .controls { float: right; background: #023868; position: relative; bottom: 10px; right: 18px; z-index: 100; }
#slideshow .controls a { display: block; float: left; color: #fff; padding: 6px 8px; text-decoration: none; font-weight: bold; background: url('../img/slideshow-controls-background.gif') center left no-repeat; }
#slideshow .controls a:first-child { background: none; }
#slideshow .controls a.activeSlide { color: #dc5855; }

#event-search { margin: 40px 0px 0px 0px; }

#events { margin: 0px 0px 0px 5px; background: url('../img/content-background.gif') top left repeat-x #17598b; float: left; width: 245px; color: #fff; overflow: hidden;  height: 580px;}
#events h2 { color: #d6d1b6; font-size: 12px; font-weight: bold; margin: 6px 10px 15px 10px; text-transform: uppercase; }
#events h3 { color: #d6d1b6; font-size: 12px; font-weight: normal; margin: 10px 10px 5px 10px; text-transform: uppercase; }
#events h4 { font-size: 12px; background: url('../img/view-events-h4-background.jpg') top center no-repeat; height: 37px; padding-top: 10px; color: #fff; text-align: center; margin: 0px; }
#events h4 a { color: #d6d1b6; }
#events hr { height: 0px; border: none; border-top: 1px solid #3c739d; margin: 10px 10px 5px 10px; }

.calendar-background { width: 238px; text-align: center; margin-left: 3px; overflow: hidden; }
.calendar { margin: 0px auto; border-bottom: 1px solid #3c739d; }
.calendar-prev { padding-right: 20px; }
.calendar-next { padding-left: 20px; }
.calendar-month { color: #fff; font-size: 15px; font-weight: normal; padding: 5px 0px; letter-spacing: 2px; background: url('../img/calendar-month-background.jpg') center center no-repeat; }
.calendar th, 
.calendar td { text-align: center; width: 28px; height: 24px; color: #d6d1b6; }
.calendar th { font-size: 15px; font-weight: normal; color: #d6d1b6; border-bottom: 1px solid #3c739d; border-top: 1px solid #3c739d; }
.calendar td.linked-day { font-weight: bold; }
.calendar td a { color: #d6d1b6; text-decoration: none; font-size: 14px; display: block; width: 28px; padding-top: 4px; height: 20px; }
.calendar a:hover { text-decoration: underline; }

.calendar-background .controls { height: 1px; overflow: visible; }
#prev-month { float: left; position: relative; left: 20px; top: 5px; }
#next-month { float: right; position: relative; right: 20px; top: 5px; }

#rss { text-align: center; padding: 5px 0px 5px 0px; }
#rss a { color: #fff; font-weight: bold; }
#rss img { vertical-align: middle; }

#events .featured-event { clear: left; padding: 5px; margin: 0px; width: 215px; overflow: hidden; }
#events .featured-event p { margin: 5px 0px; }
#events .featured-event a { color: #fff; }
#events .featured-event a:hover { text-decoration: none; }

.calendar-icon { width: 50px; height: 47px; padding-top: 3px; color: #fff; margin-right: 5px; font-size: 10px; background: url('../img/calendar-icon.gif'); text-align: center; float: left; }
.calendar-icon.upcoming { margin-left: 15px; margin-right: 10px; }
.calendar-icon span { font-size: 18px; display: block; line-height: 12px; color: #000; padding-top: 6px; }

/* Grey tertiary nav on bottom of page */
#tertiary-nav { height: 20px; padding: 5px 0px 0px 0px; background: #b7b2af; width: 925px; clear: both; text-align: right; }
#tertiary-nav ul { list-style-type: none; float: right; }
#tertiary-nav ul li { float: left; background: url('../img/tertiary-nav-li-background.gif') 0px 0px no-repeat; padding: 0px 20px; }
#tertiary-nav ul li.first-child { background: none; }
#tertiary-nav ul li a { color: #023868; text-decoration: none; font-weight: bold; font-size: 12px; }
#tertiary-nav ul li a:hover, #tertiary-nav ul li a.current { color: #dc5855; }

/* "Sitemap" footer */
#sitemap-footer { width: 915px; padding: 40px 0px 20px 30px; margin: 0px auto; color: #4d4d4f; font-size: 11px; background: #d6d1b6; overflow: auto; text-align: left; }
#sitemap-footer .column { float: left; width: 210px; padding: 0px 35px 0px 15px; border-left: 1px solid #b7b2af; }
#sitemap-footer .column.first-child { border: 0px; }
#sitemap-footer .column ul { padding:0px 0px 15px 35px; }
#sitemap-footer .column a { color: #4d4d4f; }
#sitemap-footer .column h4 { font-size: 11px; color: #023868; border-bottom: 1px dotted #504c46; padding-bottom: 5px; margin-bottom: 5px; }
#sitemap-footer .column h4 a { color: #023868; }

/* Footer */
#footer { width: 955px; margin: 0px auto; color: #8f8d83;  font-size: 11px; text-align: left; padding: 0px 0px 20px 40px; }
#footer a { color: #8f8d83; }
#footer a:hover { text-decoration: none; }
#footer ul { list-style-type: none; margin: 10px 0px; }
#footer ul li { display: inline; background: url('../img/footer-li-background.gif') 0px 3px no-repeat; padding: 0px 3px 0px 9px; }
#footer ul li.first-child { background: none; padding-left: 0px; }