/* PAGE BACKGROUNDS AND ELEMENTS ======================= */ body { margin: 0px; padding: 0px; background: #ffffff; color: #666666; font-size: 12px; line-height: 1.3em; font-family: Arial, sans-serif; } #wrap { position: relative; margin: 0 auto; padding: 0; width: 790px; background: #ffffff; text-align: left; } /* CONTENT ELEMENTS ======================= */ img { border: 0; } p { margin: 0px 0px 7px 0px; padding: 0px; color: #666666; font-size: 12px; font-weight: normal; } h1 { margin: 0px 0px 7px 0px; padding: 0px; color: #1B5677; font-size: 22px; font-weight: bold; } h2 { margin: 0px 0px 7px 0px; padding: 0px; color: #1B5677; font-size: 18px; font-weight: bold; } h3 { margin: 0px 0px 7px 0px; padding: 0px; color: #1B5677; font-size: 14px; font-weight: bold; } h4 { margin: 0px 0px 7px 0px; padding: 0px; color: #1B5677; font-size: 12px; font-weight: bold; } /* NAV ELEMENTS ======================= */ a { color: #4595C1; text-decoration: underline; } a:visited { color: #4595C1; text-decoration: underline; } a:hover { color: #1B5677; text-decoration: underline; } a.before { color: #4595C1; padding-left: 17px; text-decoration: none; background: url(../images/navigation/nav_arrow.gif) no-repeat 0 -1px;} a.before:hover { color: #1B5677; text-decoration: underline; } /* TOP NAVIGATION ======================= */ #navmain { height: 115px; margin: 0px; padding: 0px; background: url(../images/masthead/background_nav.gif) no-repeat;} .topnav { margin: 0px 0px 0px 0px; padding: 75px 0px 0px 0px; color: #4B9BC5; position: relative; } .topnav ul { display: block; float: right; clear: both; margin: 0px; padding: 0px; } .topnav li { display: block; float: right; margin: 0px; padding: 0px; border:none; line-height: 0; white-space: nowrap; } .topnav a { text-decoration: none; border: none;} .topnav a:visited { text-decoration: none; border: none;} .topnav a:hover { text-decoration: none; border: none;} .topnav a#homelink { display: block; position: absolute; top: 0; left: 0; width: 275px; height: 115px; text-decoration: none; } /* MASTHEAD ======================= */ #attraction { height: 187px; margin: 0px; padding: 0px; background: url(../images/masthead/background_attractions.jpg) no-repeat; } #attraction_museum { height: 187px; margin: 0px; padding: 0px; background: url(../images/masthead/background_museum.jpg) no-repeat; } #attraction_antique { height: 187px; margin: 0px; padding: 0px; background: url(../images/masthead/background_antique.jpg) no-repeat; } #attraction_wine { height: 187px; margin: 0px; padding: 0px; background: url(../images/masthead/background_wine.jpg) no-repeat; } #attraction_outdoor { height: 187px; margin: 0px; padding: 0px; background: url(../images/masthead/background_outdoor.jpg) no-repeat; } #attraction_golf { height: 187px; margin: 0px; padding: 0px; background: url(../images/masthead/background_golf.jpg) no-repeat; } #lodging { height: 187px; margin: 0px; padding: 0px; background: url(../images/masthead/background_lodging.jpg) no-repeat; } #events { height: 187px; margin: 0px; padding: 0px; background: url(../images/masthead/background_events.jpg) no-repeat; } #events-summer { height: 187px; margin: 0px; padding: 0px; background: url(../images/masthead/background_events_summer.jpg) no-repeat; } #events-fall { height: 187px; margin: 0px; padding: 0px; background: url(../images/masthead/background_events_fall.jpg) no-repeat; } #events-winter { height: 187px; margin: 0px; padding: 0px; background: url(../images/masthead/background_events_winter.jpg) no-repeat; } #events-spring { height: 187px; margin: 0px; padding: 0px; background: url(../images/masthead/background_events_spring.jpg) no-repeat; } #contact { height: 187px; margin: 0px; padding: 0px; background: url(../images/masthead/background_contact.jpg) no-repeat; } .mleft { float: left; width: 583px; margin: 58px 0px 0px 0px; padding: 0px 0px 0px 0px; } .mleft p { margin: 0px 30px 0px 195px; padding: 0px; color: #ffffff; font-style: italic;} .mleft p.internal { margin: 0px 30px 0px 195px; padding: 0px; color: #5f99b9; font-style: italic;} .mright { float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .mright a { text-decoration: none; border: none;} .mright a:visited { text-decoration: none; border: none;} .mright a:hover { text-decoration: none; border: none;} .mright ul.attractions { margin: 0px 0px 0px 0px; padding: 62px 0px 0px 0px; list-style: none; width:180px; background: url(../images/navigation/attractions/attractions_nav.gif) no-repeat;} .mright ul.lodge { margin: 0px 0px 0px 0px; padding: 86px 0px 0px 0px; list-style: none; width:180px; background: url(../images/navigation/lodging/lodging_nav.gif) no-repeat;} .mright ul.event { margin: 0px 0px 0px 0px; padding: 70px 0px 0px 0px; list-style: none; width:180px; background: url(../images/navigation/events/events_nav.gif) no-repeat;} .mright ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; } .mright li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border:none; line-height: 0; white-space: nowrap;} #contact .newsletter { margin: 0px 0px 0px 0px; padding: 70px 15px 0px 10px; list-style: none; width:155px; background: url(../images/navigation/contact/contact_nav.gif) no-repeat;} #contact label { float:left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-weight:bold; width:100%;} #contact input[type="text"] { float:left; margin: 2px 0px 10px 0px; padding: 0px 0px 0px 0px; width:99%; font-size:11px; color: #1B5677;} #contact .button { margin: 2px 0px 5px 0px; padding: 0px 0px 0px 0px; } /* EVENT STREAM ======================= */ #eventstream { width: 790px; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 22px; background: #ffffff; } /* COLUM LEFT ======================= */ #left { float: left; margin: 0px 0px 0px 0px; padding: 0px 15px 0px 15px; background: #ffffff; width: 616px; /* ie5win fudge begins */ voice-family: "\"}\""; voice-family:inherit; width: 586px; } html>body #left { width: 586px; /* ie5win fudge ends */ } #left .featured { float: left; width: 586px; margin: 0px 0px 0px 0px; padding: 0px 0px 13px 0px; } #left .featured img { float: left; margin: 0px 13px 0px 0px; padding: 0px 0px 0px 0px; } #left .featured h2 { margin: 0px 0px 4px 0px; padding-top: 9px; color: #1B5677; font-size: 16px; font-weight: bold; } #left .featured ul { margin: 7px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; } #left .featured li { margin: 0px 0px 3px 0px; padding: 0px 0px 0px 0px; } #left h3.lodging { margin: 0px 0px 12px 0px; padding: 0px; color: #4595C1; font-size: 16px; font-weight: bold; } #left h3 a { color: #4595C1; text-decoration: none; border-bottom: none; } #left h3 a:visited { color: #4595C1; text-decoration: none; border-bottom: none;} #left h3 a:hover { color: #4595C1; text-decoration: none; border-bottom: none;} #left .detail { float: left; margin: 0px 0px 0px 0px; padding: 13px 0px 13px 0px; border-top: 1px solid #ededed; width: 100%;} #left .detail h3 { margin: 0px 0px 12px 0px; color: #4595C1; font-size: 16px; font-weight: bold; } #left .detail ul { margin: 7px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; } #left .detail li { margin: 0px 0px 1px 0px; padding: 0px 0px 0px 0px; } #left .detailleft { float: left; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 0px; background: #ffffff; line-height: 1.1em; width: 501px; /* ie5win fudge begins */ voice-family: "\"}\""; voice-family:inherit; width: 441px; } html>body #left .detailleft { width: 441px; /* ie5win fudge ends */ } #left .detailleft img { float: left; margin: 2px 13px 0px 0px; padding: 0px 0px 0px 0px; } #left .detailleft h3 { margin: 0px 0px 5px 0px; line-height: 1.1em;} #left .detailleft h4 { margin: 0px 0px 6px 0px; padding: 0px 0px 0px 0px; font-size: 14px;} #left .detailleft p { margin: 0px 0px 4px 0px; padding: 0px 10px 0px 0px;} #left .detailleft ul { margin: 0px 0px 0px 0px; padding: 0px 10px 0px 0px; list-style: none; } #left .detailleft li { margin: 0px 0px 3px 0px; padding: 0px 0px 0px 0px; } #left .detailleft label { float:left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-weight:bold; width: 100px;} #left .detailleft input[type="text"] { float:left; margin: 2px 0px 10px 0px; padding: 0px 0px 0px 0px; width: 300px; font-size:11px; color: #1B5677;} #left .detailleft textarea { float:left; margin: 2px 0px 10px 0px; padding: 0px 0px 0px 0px; width: 300px;} #left .detailright { float: left; margin: 2px 0px 0px 0px; padding: 0px 15px 0px 0px; background: #ffffff; width: 135px; /* ie5win fudge begins */ voice-family: "\"}\""; voice-family:inherit; width: 120px; } html>body #left .detailright { width: 120px; /* ie5win fudge ends */ } #left .detailright ul { margin: 0px; padding: 0px; list-style: none; } #left .detailright li { margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; } #left .eventlist { clear:both; margin: 0px; padding: 13px 0px 0px 0px;} #left .eventlist ul { margin: 0px; padding: 0px; list-style: none; } #left .eventlist li { float: left; margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px solid #ededed; width:100%; } #left .eventlist li h2 { margin: 10px 0px 0px 0px; padding: 0px; color: #cccccc; font-size: 18px; font-weight: bold; } #left .eventlist li h3 { float: left; margin: 0px; padding: 0px; color: #4595C1; font-size: 16px; font-weight: bold; } #left .eventlist li .date { color: #4595C1; font-size: 12px; font-weight: normal; } #left .eventlist li h4 { float: left; margin: 0px; padding: 0px; font-size: 14px;} #left .eventlist li a { float: right; } #left .newsletterlist { clear:both; margin: 0px; padding: 13px 0px 0px 0px;} #left .newsletterlist h2 { margin: 15px 0px 10px 0px; padding: 0px; color: #cccccc; font-size: 18px; font-weight: bold; } #left .newsletterlist ul { margin: 0px; padding: 0px; list-style: none; } #left .newsletterlist li { margin: 0px 0px 7px 0px; padding: 0px 0px 7px 0px; border-bottom: 1px solid #ededed; width:100%; } #left .newsletterlist li a { color: #4595C1; padding-left: 17px; text-decoration: none; background: url(../images/navigation/nav_arrow.gif) no-repeat 0 -1px;} #left .newsletterlist li a:hover { color: #1B5677; text-decoration: underline; } /* SIDEBAR ======================= */ #sidebar { float: left; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; background: #ffffff; border-left: 1px #ededed solid; width: 158px; height: 100%; /* ie5win fudge begins */ voice-family: "\"}\""; voice-family:inherit; width: 158px; } html>body #sidebar { width: 158px; /* ie5win fudge ends */ } #sidebar h4 { margin: 0px 0px 7px 15px; padding: 0px; color: #1B5677; font-size: 12px; font-weight: bold; } #sidebar h5 { margin: 0px 0px 4px 15px; padding: 0px; color: #999999; font-size: 12px; font-weight: bold; } #sidebar ul { margin: 0px 0px 0px 13px; padding: 0px; list-style: none; } #sidebar li { margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; font-size: 11px;} /* FOOTER ======================= */ #footer { clear: both; margin: 0px 0px 0px 0px; padding: 30px 0px 30px 0px; background: #ffffff; color: #C4C4C4; font-size: 11px; font-family: Arial, sans-serif; } #footer .navfooter { margin: 0px 0px 0px 15px; padding: 15px 0px 0px 0px; } #footer a { color: #808080; text-decoration: none; font-size: 11px; border-bottom: none;} #footer a:visited { color: #808080; text-decoration: none; border-bottom: none;} #footer a:hover { color: #2D7EAD; text-decoration: underline; border-bottom: none;} /* CALENDAR ===================== */ #calendar-wrap { font-family: Arial, Helvetica, sans-serif; margin: 10px 10px 0px 10px; z-index: 9999;} * html #calendar-wrap { margin-top: 5px; background-color: transparent;} #calendar-wrap #calendar-header { border-bottom: 1px solid #343976; font-weight: 700; font-size: 13px; height: 17px; line-height: 17px; width: 154px; } #calendar-wrap #calendar-header #month-year { float: left; color: #343976; margin-left: 8px;} * html #calendar-wrap #calendar-header #month-year { margin-left: 4px; } #calendar-wrap #calendar-header #nav-left { width: 11px; height: 11px; background-color: transparent; background-image: url('../images/leftarrow.gif'); float: right; background-repeat: no-repeat; background-position: center center; } #calendar-wrap #calendar-header #nav-divide { width: 11px; height: 11px; background-color: transparent; background-image: url('../images/navdivide.gif'); float: right; background-repeat: no-repeat; background-position: center center; } #calendar-wrap #calendar-header #nav-right { width: 11px; height: 11px; background-color: transparent; background-image: url('../images/rightarrow.gif'); float: right; margin-right: 8px; background-repeat: no-repeat; background-position: center center; } * html #calendar-wrap #calendar-header #nav-right { margin-right: 4px; } #calendar-wrap #calendar-header #nav-left a {display: block; width: 11px; height: 11px;} #calendar-wrap #calendar-header #nav-right a {display: block; width: 11px; height: 11px;} #calendar-wrap table#calendar { margin-left: -2px; background-color: transparent;} #calendar-wrap table#calendar tr#days { height: 17px; } #calendar-wrap table#calendar tr.days { height: 17px; } #calendar-wrap table#calendar tr#days td { font-size: 10px; color: #d84c52; width: 18px; text-align: center; font-weight: 500;} #calendar-wrap table#calendar tr.dates td {font-size: 12px; color: #343976; width: 18px; text-align: center; font-weight: bold;} #calendar-wrap table#calendar tr.dates td a {display: block; width: 18px; height: 16px; color: #d84c52; text-decoration: underline;} .cal-details {margin-right: 40px;}