html { background:#424E29; margin:0; padding:0; }
body { background:url('/images/gradient-bg.png') center top repeat-x #D6EDFA; margin:0; padding:0; width:100%; font-family:Arial, Helvetica, Sans-Serif; font-size:12px; color:#666; }

h1 { margin:3px 0 15px; font-family: Georgia, "Times New Roman", Times, serif; text-transform:uppercase; font-weight:normal; color:#77410D; }
h2 { font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#333; border-bottom:1px solid #CCC; padding-bottom:3px; }
h3 { color:#666; margin:15px 0 5px; }
img { border:none; }
a { text-decoration:none; color:#945210; }
a:hover { color:#77410D; }
p, ul { line-height:160%; }

#clouds { width:100%; background:url('/images/clouds.png') center top repeat-x; position:absolute; top:0; height:74px; }
#wrapper { width:950px; margin:0 auto; padding-top:55px; position:relative; }

/*HEADER*/
#header { background:url('/images/rounded-top.png') center bottom no-repeat; height:209px; position:relative; }
#header .logo { position:absolute; top:0; left:0; }
#header .sunbeams { position:absolute; top:-55px; left:-11px; }
#header .passport-weekend { position:absolute; top:17px; right:0; }
#header ul.nav { background:url('/images/nav-bg.png') center top no-repeat; position:absolute; bottom:21px; height:45px; width:940px; margin:0; padding:0 5px; list-style-type:none; }
#header ul.nav li { display:block; float:left; height:45px; width:auto; line-height:45px; }
#header ul.nav li a { color:#FFF; text-transform:uppercase; text-align:center; display:block; }
#header ul.nav li a:hover { color:#F1CD5F; }

/*CONTENT*/
#content { background:url('/images/content-bg.png') center top repeat-y; min-height:350px; padding:3px 20px 0; }
#content .sidebar { width:300px; float:left; }
#content .sidebar .buy-your-passport { margin-left:-8px; }
#content .sidebar p { margin:0 0 10px; }
#content .sidebar .sponsor-join-btn { margin:18px 0; }
#content .sidebar .EVNTHwxNewStyle { height:175px; width:270px; margin:0 auto; }
#content .main { width:595px; float:right; }
#content .main h1.home { background:url('/images/sierra-oro-farm-trail.png') center top no-repeat; height:21px; width:397px; text-indent:-9999px; margin:10px 0; border-bottom:none; }
#content .main .photo-box { background:url('/images/photo-box-bg.png') center center no-repeat; height:351px; width:587px; padding:12px; margin-left:-9px;  }
#content .main .photo-box .slideshow {  }
#content .main .address-box { float:left; width:270px; margin:5px 10px 15px 0; line-height:160%; }
#content .sponsors { border-top:1px solid #CCC; margin-top:20px; padding:12px 0 8px; }
#content .sponsors img { display:block; margin:0 auto; }
#become-sponsor { padding:15px 20px 0; }
#become-sponsor h2 { margin-top:0; }

/*FOOTER*/
#footer-content { background:url('/images/footer-content-bg.png') center top no-repeat #424E29; height:42px; width:auto; padding:23px 20px 0; font-family:Segoe UI, Myriad Pro, Arial, Helvetica, Sans-Serif; color:#FCF8DF; }
#footer-content .left { width:670px; }
#footer-content .left .logo { float:left; margin-right:10px; }
#footer-content .left .copyright { padding-top:7px; }
#footer-content .left .nav { margin-top:3px; }
#footer-content .left .nav a { padding-right:5px; border-right:1px solid #FCF8DF; color:#FCF8DF; }
#footer-content .left .nav a:hover { color:#F7EA9F; }
#footer-content .left .nav a:last-child { border-right:none; }
#footer-content .right { float:right; line-height:42px; width:220px; }
#footer-content .right .bysteps { float:right; margin:5px 0 0 10px; }
#footer { background:url('/images/footer-bg.png') center top repeat-x #424E29; width:100%; min-height:265px; min-width:950px; margin-top:-236px; }

/*UTILITY*/
.clear { clear:both; }
.center { text-align:center; }
.hidden { display:none; }
img.right { float:right; margin:0 0 10px 10px; padding:1px; border:1px solid #CCC; }
img.border { padding:1px; border:1px solid #CCC; }
a.pdf { display:block; background:url('/images/pdf.jpg') left center no-repeat; padding-left:45px; }

/*BUTTONS*/
.sponsor-join-btn { background:url('/images/sponsor-join-btns.png') no-repeat; display:block; height:38px; width:300px; text-indent:-9999em; outline:none; }
.sponsor-join-btn.sponsor { background-position:left top; }
.sponsor-join-btn.sponsor:hover { background-position:left -38px; }
.sponsor-join-btn.join { background-position:-300px top; }
.sponsor-join-btn.join:hover { background-position:-300px -38px; }

/*PAGE: Tour Destinations*/
.destinations .address-box { margin-bottom:0 !important; }
.destinations .farm, .destinations .winery, .destinations .lodging { display:block; float:left; height:40px; width:240px; line-height:40px; padding-left:55px; margin-bottom:6px; }
.destinations .farm { background:url('/images/barn-icon.png') left center no-repeat; }
.destinations .winery { background:url('/images/winery-icon.png') left center no-repeat; }
.destinations .lodging { background:url('/images/lodging-icon.png') left center no-repeat; }
.destination-popup h2 { margin:0 0 5px; }
.destination-popup p { line-height:180%; padding:0 10px; }
.destination-popup iframe { margin:0 auto; }
#destination-popup-map { width:225px; height:275px; border:1px solid #CCC; margin:0 auto; float:left }
#destination-popup-info { width:300px; float:left; margin-left:10px; }
#destination-popup-contact { font-size:14px; font-weight:bold; margin-bottom:8px; }
#destination-popup-desc { line-height:140%; }
.destination-popup-add-tour { float:right; }
.destination-popup-start-tour {  }
.destination-popup-end-tour {  }
.lodging-options { margin-top:8px; }
.create-tour-box { margin-bottom:10px; padding-bottom:10px; }
.create-tour-box h2 { margin-top:0; padding-top:0; }
.create-tour-selections .added-dest-link { display:block; height:24px; line-height:24px; margin:2px 8px; padding:0 0 0 25px; background:url(/images/remove.png) left center no-repeat; border-bottom:1px solid #CCC; }
.create-tour-selections .added-dest-link:hover { cursor:pointer; }
.create-tour-selections .added-dest-link:last-child { border-bottom:none; }
.create-tour-selections { background:#EFEFEF; border:1px solid #CCC; height:219px; margin:0; }
.create-tour-selections.empty { background:#EFEFEF url(/images/drag-dest-bg.png) center center no-repeat; }
.create-tour-selections.drop-active { border-color:#268432; }
.create-tour-selections.drop-ready { background-color:#FFFFDD; border-color:#268432; }
.create-tour-address-entry { margin:10px 0; font-weight:bold; }
.create-tour-address-entry input { width:289px; padding:3px; margin-top:3px; }
.create-tour-submit { display:block; margin:0 auto; padding:2px; width:200px; }


/*PAGE: About Us*/
.contact-form { width:342px; background:#F9F9F9; border:1px solid #CCC; }
.contact-form .form-section { margin:10px 10px; }
.contact-form .form-section span { display:block; }
.contact-form .form-section input[type="text"] { width:260px; padding:3px; }
.contact-form .form-section textarea { padding:3px; width:260px; height:100px; }

/*PAGE: MY TOUR */
#tour-map { width:910px; height:300px; border:1px solid #CCC;}
#page-title #routeSelect { float:right; }
      
.route-start { font-size:15px; border-bottom:1px solid #CCC; padding:5px; margin-top:10px; }
.route-stop { margin:10px 0 0; padding:0; border:1px solid #ccc; page-break-inside:avoid;}
      
.route-stop-header { background:#EDF2FA; padding:5px; }
.route-stop-title { font-weight:bold; font-size:15px; }
.route-stop-address { font-weight:normal; font-size:14px; }
.route-stop-distance { font-weight:normal; color:#666; font-style:italic; font-size:13px; margin-left:6px; }
      
.route-stop-table {  }
.route-stop-table-left { width:260px; vertical-align:top;  }
.route-stop-map { width:250px; height:250px; margin-right:10px; border:1px solid #CCC; }
.route-stop-table-right { vertical-align:top;  }
      
table.route-stop-directions { border-collapse:collapse; border-bottom:1px solid #DDD;  }
table.route-stop-directions td { padding:3px 7px; border-top:1px solid #DDD; }
table.route-stop-directions td.direction-number {  }
table.route-stop-directions td.direction-text {  }
table.route-stop-directions td.direction-distance { white-space:nowrap; }

.my-tour-error { font-size:16px; }
.my-tour-error-reason { font-size:14px; margin-top:15px; font-weight:bold; }

/* OTHER */
.featured-members { padding:0 0 30px 0; background:url(/images/featured-member.png) no-repeat bottom center; margin:10px 0; height:175px; }
.photo-gallery img { border:1px solid #ccc; padding:2px; margin:0 0 8px 10px; width:125px; height:125px; }
.member-logos { position:relative; }
.member-logos a { position:absolute; top:0; left:0; }