/* skeletal */
div#container {width: 774px; margin-left: auto; margin-right: auto; padding: 0; text-align: center; position: relative;}

/* main pic */
div#mainpic {margin: 4px 0; width: 506px; height: 140px;}
div#mainpicmaps {margin: 4px 0; width: 506px; height: 297px;}

/* right column */
div#rightcolumn {width: 246px; background: #E5EDE6; float: right; text-align: center; padding: 0 0 5px 0;}
div#rightcolumn h1 {color: black; margin: 20px 0 5px 0; font-size: 16px;}
div#rightcolumn p {text-align: left; margin: 0 10px 20px 10px; font-size: 11px;}
div#rightcolumn img.hr {margin: 0 0 5px 0;}
div#rightcolumn h5.backnext {display: inline; font-size: 11px; padding: 0 10px;}
div#rightcolumn h5.backnext a:link {text-decoration: none; color: black;}
div#rightcolumn h5.backnext a:visited {text-decoration: none; color: black;}
div#rightcolumn h5.backnext a:hover {text-decoration: none; color: red;}
div#rightcolumn h5.backnext img {margin: 3px;}
div#rightcolumn img.rcimg {margin: 5px 0;}
div#rightcolumn div#snapsDiv {height: 250px;}
div#rightcolumn h6 {margin: 0 10px; font-weight: normal; font-size: 11px; line-height: 1.5em; text-align: center;}

div#rightcolumn div.eventslot {text-align: center; margin: 0 5px 10px 10px;}
div#rightcolumn div.eventslot h2 {margin: 5px 2px 0 0; font-size: 12px;}
div#rightcolumn div.eventslot h3 {margin: 0 2px 0 0; font-size: 12px;}
div#rightcolumn div.eventslot p {margin: 0 2px 0 0; font-size: 11px; text-align: center;}
div#rightcolumn div.eventslot h4 {margin: 0 2px 0 0; font-weight:  normal; font-size: 11px;}
div#rightcolumn div.eventslot h4 a.green {color: #44B053;}
div#rightcolumn div.eventslot h4 a:hover.green {color: red;}

/*
div#rightcolumn div.eventslot {text-align: left; margin: 0 0 10px 30px; width: 160px;}
div#rightcolumn div.eventslot h2 {margin: 5px 2px 0 20px; font-size: 12px;}
div#rightcolumn div.eventslot h3 {margin: 0 2px 0 20px; font-size: 12px;}
div#rightcolumn div.eventslot p {margin: 0 2px 0 20px; font-size: 11px;}
div#rightcolumn div.eventslot h4 {margin: 0 2px 0 20px; font-weight:  normal; font-size: 11px;}
div#rightcolumn div.eventslot h4 a.green {color: #44B053;}
div#rightcolumn div.eventslot h4 a:hover.green {color: red;}
*/
div#rightcolumn div#amish {width: 208px; margin: 30px 18px 15px 18px; border: solid 1px white; background: #E6E6E6; padding: 0 0 10px 0;}
div#rightcolumn div#amish p {font-size: 12px; font-weight: bold; text-align: left; padding-left: 5px; text-indent: -8px; padding: 5px;}
div#rightcolumn div#weather {width: 208px; margin: 30px 18px 15px 18px; border: solid 1px white; background: #E6E6E6; padding: 0 0 10px 0;}
div#rightcolumn div#weather h1 {font-size: 14px; margin: 5px 0 0 0;}
div#rightcolumn div#weather div#weatherinfo {text-align: left; width: 180px; margin: 5px 0 5px 25px;}
div#rightcolumn div#weather div#weatherinfo img {float: left; margin: 0 5px 0 0;}
div#rightcolumn div#weather div#weatherinfo h2 {font-weight: normal; font-size: 13px; margin: 0 0 0 55px;}
div#rightcolumn div#weather div#weatherinfo h3 {font-weight:  normal; font-size: 11px; margin: 0 0 0 55px;}
div#rightcolumn div#weather div#weatherinfo h3 span.value {font-size: 110%;}
div#rightcolumn div#weather h4 {color: #07131A; margin: 0; font-size: 10px;}
div#rightcolumn img.promo {margin: 10px 0 20px 0;}
div#rightcolumn img.map {margin: 15px 0 0 0; width: 214px;}
div#rightcolumn div.mapslot {text-align: left; margin: 0 0 10px 0; width: 220px;}
div#rightcolumn div.mapslot h2 {margin: 5px 2px 0 20px; font-size: 12px;}
div#rightcolumn div.mapslot h3 {margin: 0 2px 0 20px; font-size: 11px; font-weight: normal;}
div#rightcolumn div.mapslot p {margin: 0 2px 0 20px; font-size: 11px;}
div#rightcolumn div.mapslot h4 {margin: 0 2px 0 20px; font-weight:  normal; font-size: 11px;}
div#rightcolumn div.mapslot h4 a {padding: 0 10px 0 0;}
div#rightcolumn div.mapslot h4 a.green {color: #44B053;}
div#rightcolumn div.mapslot h4 a:hover.green {color: red;}

/* lower left searchby (where applicable) */
div#lowerleft div#searchby {width: 145px; height: 175px; border-bottom: solid 5px white; background: #E5EDE6; text-align: center;}
div#lowerleft div#searchby h1 {font-family: arial, sans-serif; color: black; font-size: 12px; padding: 50px 0 0 0;}
div#lowerleft div#searchby p {font-family: arial, sans-serif; color: black; font-weight: bold; font-size: 11px; margin: 0; padding: 5px;}
div#lowerleft div#searchby form {margin: 5px 0 0 5px; padding: 0;}
div#lowerleft div#searchby form select {font-size:75%;}
div#lowerleft div#searchby h2.date {font-family: arial, sans-serif; color: black; font-size: 20px; font-weight: bold; padding: 15px 10px 10px 10px;}
div#lowerleft div#searchby div#lcSearchBy h1 {padding-top: 40px;}

/* page content */
div#pagecontent {width: 359px; margin-left: 145px; padding-top: 10px; border: solid 1px white;}
div#pagecontent p {margin: 0 5px 15px 15px; font-size: 11px;}
/* height: 325px; */
div#pagecontent h1 {margin: 5px 5px 5px 15px; font-size: 13px;}
div#pagecontent div.eventslot {margin: 0 5px 15px 15px;}
div#pagecontent div.eventslot h2 {margin: 0 2px 2px 0; font-size: 12px;}
div#pagecontent div.eventslot h3 {margin: 0 2px 0 0; font-weight: normal; font-size: 11px;}
div#pagecontent div.eventslot p {margin: 0 2px 0 0; font-size: 11px;}
div#pagecontent div.eventslot h4 {margin: 2px 2px 0 0; font-weight:  normal; font-size: 11px;}
div#pagecontent div.eventslot h4 a {padding-left: 10px;}
div#pagecontent div.eventslot h4 a.green {color: #44B053;}
div#pagecontent div.eventslot h4 a:hover.green {color: red;}
div#pagecontent h4#mapnav {float: right; margin: -10px 5px 10px 0; font-weight:  normal; font-size: 11px;}
div#pagecontent h4#mapnav a {padding-left: 10px;}
div#pagecontent h4#mapnav a.green {color: #44B053;}
div#pagecontent h4#mapnav a:hover.green {color: red;}
div#pagecontent img.handicapped {float: right; margin-right: 100px;}
div#pagecontent table {font-size: 11px; margin: 0 5px 5px 10px;}

div#pagecontent div.eventdetail {margin: 0 5px 15px 15px;}
div#pagecontent div.eventdetail h3 {margin: 10px 2px 5px 0; font-weight: normal; font-size: 18px;}
div#pagecontent div.eventdetail h3.place {font-size: 16px;}
div#pagecontent div.eventdetail h4 {margin: 0 2px 5px 0; font-weight: bold; font-size: 14px;}
div#pagecontent div.eventdetail h5 {margin: 0 2px 5px 0; font-weight: bold; font-size: 12px;}
div#pagecontent div.eventdetail p {margin: 0 2px 0 0; font-size: 11px;}

/* photo contest */
div#photobottom {margin: -15px 0 0 0; padding-left: 5px;}
.photo_faq {font-size: 10px;}
table#create_account { border: 0px none;}

/* popup windows */
div#popup h3 {font-size: 14px; margin: 10px;}
div#popup ul {font-size: 12px; list-style: none outside; margin: 0; padding: 0;}
div#popup ul li {margin: 5px 0;}

/* container for icons */
.icons { float: right; }
/* lc icon for regular lodging listing */
img#lcMemberIcon { padding: 3px 15px 3px 4px; }
/* icon for travel planner in listings */
img#tp_icon { padding: 3px 15px 0px 4px; }
/* alternate layout for lodging council */
div#pagecontentWide {width: 614px; background-color: white; margin-left: 145px; padding-top: 10px; border: solid 0px green;}

/* lodging council right column */
div#lcSearchBy {width: 145px; height: 175px; background: url('/gfx/lc_searchby_bgTile.gif') repeat;}
div#lcRightColText {height: 169px;}
div#lcRightColText p {margin: 5px; padding: 0; font-size: 10px; line-height: 10px;}
div#lcRightColText p a {font-weight: bold; font-size: 15px;}
/* very specific spacing here to accomodate the tight space */
div#lcRightColText p#availabilityLink {margin-bottom: 10px;}
div#lcRightColText p#amenitiesLink {margin-bottom: 7px;}
div#lcRightColText p#last {margin-bottom: 0;}
div#lcRightColText p#lcLogo {margin-top: 0; text-align: center;}

div#lcRightColText2 {height: 111px;}
div#lcRightColText2 p {margin: 5px; padding: 0; font-size: 10px; line-height: 10px;}
div#lcRightColText2 p a {font-weight: bold; font-size: 15px;}
/* very specific spacing here to accomodate the tight space */
div#lcRightColText2 p#availabilityLink {margin-bottom: 10px;}
div#lcRightColText2 p#amenitiesLink {margin-bottom: 7px;}
div#lcRightColText2 p#last {margin-bottom: 0;}
div#lcRightColText2 p#lcLogo {margin-top: 0; text-align: center;}

/* lodging council main page */
div#lodgingCouncilText p, div#lodgingCouncilText ul {font-size: 11px;}
div#lodgingCouncilText p {margin-top: 0; margin-bottom: 10px;}
div#lodgingCouncilText ul {margin: 0 20px 0 30px; padding: 0;}
div#lodgingCouncilText ul li {padding-bottom: 5px;}
div#lodgingCouncilText h4 {margin: 20px 20px 5px 20px; font-size: 12px;}
div#lodgingCouncilText p.alternate {margin: 0 10px 15px 20px; font-style: italic;}

/* amenities grid */
table#amenities {border-bottom: solid 1px black; margin: 0 0 0 20px;}
table#amenities td {border-top: solid 1px black; border-right: solid 1px black; border-bottom: solid 0px black; border-left: solid 0px black;}
table#amenities td.memberDisplay {font-size: 12px; padding: 4px; border-left: solid 1px black; width: 200px;}
table#amenities td#upperLeft {border-left: 0; border-top: 0;}
table#amenities td.amenityNumeric {font-size: 9px; font-weight: normal; padding-left: 1px;}

/* availability grid */
table#calendar {border-bottom: solid 1px black; border-top: 0; border-right: 0; border-left: 0; margin: 0 5px 5px 5px; font-size: 11px;}

table#calendar td {border-top: solid 1px black; border-right: solid 1px black; border-bottom: solid 0px black; border-left: solid 0px black; padding: 2px; background-color: #FBF5E0;}

table#calendar td.memberDisplay {font-size: 12px; padding: 4px; border-left: solid 1px black; background-color: #fff; width: 100px;}

table#calendar td.listing {width: 244px; padding-left: 2px; padding-right: 1px;}
table#calendar td.blank {width: 2px;}

table#calendar td#upperLeft {border-left: 0; border-top: 0; background-color: #fff;}

table#calendar td.dayCell {width: 17px; font-size: 9px; font-weight: bold; padding: 2px;}

table#calendar td.marker {text-align: center; padding: 1px 0 0 1px;}
span.soldOutMarker {color: red; font-size: 14px; font-weight: bold; font-family: helvetica, arial;}

div#availabilitySort {font-size: 11px; margin: 0 40px 0 10px;}
div#availabilitySort p {margin-bottom: 0;}
div#availabilitySort form {margin-top: 5px;}
div#availabilitySort form select, div#availabilitySort form input {font-size: 10px;}