html { margin: 0px; padding: 0px; }
body { margin: 0px; padding: 0px; }

/* Theme Specific Styles */
body.summer { padding: 15px; background: white url(summer/background.gif) top left fixed repeat-x; font-family: Verdana, helvetica, sans-serif; }
body.summer #outerouter { position: relative; width: 819px; background-image: url(summer/clouds.jpg); background-position: 0px 0px; background-repeat: repeat-x; margin-left: auto; margin-right: auto; padding: 0px; }
body.summer #outerouterextra1 { position: absolute; top: 101px; left: 7px; width: 805px; height: 129px; background: url(summer/scenetop.gif) top center no-repeat; }
body.summer #outerouterextra2 { position: absolute; top: 230px; left: 7px; width: 805px; height: 199px; background: url(summer/chalet.jpg) top center no-repeat; }
body.summer #outercontainer { width: 819px; background: url(summer/bordertop.gif) top center no-repeat; }
body.summer #innercontainer { width: 819px; padding-bottom: 26px; padding-top: 26px; background: url(summer/borderbottom.gif) bottom center no-repeat; }
body.summer #container { width: 819px; background: url(summer/bordermiddle.gif) top center repeat-y; padding-top: 400px; }
body.summer #contentouter { margin-left: 7px; margin-top: 0px; width: 805px; background: #709a35 url(summer/grass.jpg) top left repeat-x; }
body.summer #contentinner { margin-left: 12px; width: 778px; padding-bottom: 17px; background: url(summer/contentbottom.gif) bottom center no-repeat; }
body.summer #navigation { height: 47px; width: 764px; background: url(summer/contentnav.gif) top center no-repeat; padding-left: 7px; padding-right: 7px; }
body.summer #contentinner3 { background: url(summer/contentmiddle.gif) top center repeat-y; text-align: justify; }
body.summer #contentinner4 { min-height: 350px; width: 778px; background: url(summer/contentdiag.gif) bottom center no-repeat; }
body.summer #contentinner5 { width: 750px; margin-left: 10px; padding: 3px; padding-bottom: 25px; }

body.summer #navigation ul#navbar { margin: 0px; padding: 0px; height: 47px; overflow: hidden; }
body.summer #navigation ul#navbar li { display: block; margin: 0px; padding: 0px; float: left; list-style: none; }
body.summer #navigation ul#navbar li a { display: block; float: left; color: white; margin-top: 8px; height: 45px; font-size: 15pt; padding: 0px 15px; padding-top: 2px; text-decoration: none; text-transform: uppercase; }
body.summer #navigation ul#navbar li.selected a { background: url(summer/lihover.gif) left top repeat-x; color: #f7941d; }
body.summer #navigation ul#navbar li a:hover { background: url(summer/lihover.gif) left top repeat-x; color: #f7941d; }

body.summer #logo { position: absolute; right: 25px; top: 25px; width: 314px; height: 31px; background: url(summer/logo.gif) center center no-repeat; }
body.summer #logo h1 { display: none; }

body.summer #contentinner5 h2 { margin-left: 10px; color: #f7941d; }
body.summer #contentinner5 h3 { margin-left: 10px; color: #e49f4b; margin-top: 0px; padding-top: 0px; }
body.summer #contentinner5 p { margin-left: 10px; margin-right: 10px; }
body.summer #contentinner5 span.unavailable { background-color: #f58181; padding-right: 4px; padding-left: 4px; }
body.summer #contentinner5 a { color: #e49f4b; }
body.summer #contentinner5 a:hover { color: #684922; }

body.summer table.prices { margin-left: 20px; margin-top: 25px; margin-bottom: 25px; width: 700px; }
body.summer table.prices tr.header td.title { font-weight: bold; }
body.summer table.prices tr.header td.week { background-color: #f2ea91; }
body.summer table.prices tr.header td.weekalt { background-color: #B8C4CC; }

body.summer table.prices tr.odd td.title { background-color: #f2ea91; }
body.summer table.prices tr.odd td.week { background-color: #FFF799; }
body.summer table.prices tr.odd td.weekalt { background-color: #cfdce5; }
body.summer table.prices tr.odd td.price { background-color: #fffbcc; }
body.summer table.prices tr.odd td.pricealt { background-color: #e5f5ff; }

body.summer table.prices tr.even td.title { background-color: #B8C4CC; }
body.summer table.prices tr.even td.week { background-color: #f5f7c0; }
body.summer table.prices tr.even td.weekalt { background-color: #dadbc7; }
body.summer table.prices tr.even td.price { background-color: #f9fbe2; }
body.summer table.prices tr.even td.pricealt { background-color: #f1f5e2; }

body.summer table.prices tr.even td.unavailable, body.summer table.prices tr.odd td.unavailable { background-color: #f58181; color: #f58181; }

body.summer img.house { margin-left: 75px; }
body.summer img.fronthouse { margin-left: 10px; width: 740px; overflow: hidden; }
body.summer img.event { float: left; clear: both; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; }
body.summer div.front { width: 300px; float: right; padding-left: 10px; }
body.summer form.contactsubmission { margin-left: 10px; width: 720px; }
body.summer a#emailto { position: absolute; top: 65px; right: 25px; }

/* Winter Style */

body.winter { background: #f5ffff url(winter/background.jpg) top left fixed repeat-x; font-family: Verdana, helvetica, sans-serif; }
body.winter #outerouter { width: 817px; padding-bottom: 170px; background: white url(winter/footer.jpg) bottom center repeat-x; margin-left: auto; margin-right: auto; padding: 0px; }
body.winter #outercontainer { width: 817px; padding-top: 447px; background: url(winter/header.jpg) top center no-repeat; }
body.winter #contentouter { width: 817px; position: relative; top: 0px; }
body.winter #contentinner3 { padding: 10px; padding-bottom: 160px; text-align: justify; }
body.winter #navigation { position: absolute; right: 0px; top: -25px; height: 35px; }

body.winter #navigation ul#navbar { margin: 0px; padding: 0px; height: 35px; overflow: hidden; }
body.winter #navigation ul#navbar li { display: block; margin: 0px; padding: 0px; float: left; list-style: none; }
body.winter #navigation ul#navbar li a { color: #5a6b81; /* color: #96a9c0; */ display: block; float: left; height: 35px; padding: 0px 15px; padding-top: 8px; text-decoration: none; text-transform: uppercase; border-left: 1px dotted #96a9c0; }
body.winter #navigation ul#navbar li.first a { border-left-width: 0px;  }
body.winter #navigation ul#navbar li.selected a { color: white; background-color: #96a9c0;  }
body.winter #navigation ul#navbar li a:hover { color: white; background-color: #5a6b81; }

body.winter #logo h1 { display: none; }
body.winter #contentinner5 h2 { margin-left: 25px; color: #96a9c0; }
body.winter #contentinner5 h3 { margin-left: 25px; color: #6486af; margin-top: 0px; padding-top: 0px; }
body.winter #contentinner5 p { margin-left: 25px; margin-right: 25px; }
body.winter #contentinner5 span.unavailable { background-color: #f58181; padding-right: 4px; padding-left: 4px; }
body.winter #contentinner5 a { color: #6486af; }
body.winter #contentinner5 a:hover { color: #3c5069; }

body.winter table.prices { margin-left: 50px; margin-top: 25px; margin-bottom: 25px; width: 700px; }
body.winter table.prices tr.header td.title { font-weight: bold; }
body.winter table.prices tr.header td.week { background-color: #f2ea91; }
body.winter table.prices tr.header td.weekalt { background-color: #B8C4CC; }

body.winter table.prices tr.odd td.title { background-color: #f2ea91; }
body.winter table.prices tr.odd td.week { background-color: #FFF799; }
body.winter table.prices tr.odd td.weekalt { background-color: #cfdce5; }
body.winter table.prices tr.odd td.price { background-color: #fffbcc; }
body.winter table.prices tr.odd td.pricealt { background-color: #e5f5ff; }

body.winter table.prices tr.even td.title { background-color: #B8C4CC; }
body.winter table.prices tr.even td.week { background-color: #f5f7c0; }
body.winter table.prices tr.even td.weekalt { background-color: #dadbc7; }
body.winter table.prices tr.even td.price { background-color: #f9fbe2; }
body.winter table.prices tr.even td.pricealt { background-color: #f1f5e2; }

body.winter table.prices tr.even td.unavailable, body.winter table.prices tr.odd td.unavailable { background-color: #f58181; color: #f58181; }

body.winter img.house { margin-left: 95px; }
body.winter img.fronthouse { margin-left: 25px; }
body.winter img.event { float: left; clear: both; margin-right: 10px; margin-bottom: 10px; margin-left: 25px; }
body.winter div.front { width: 300px; float: right; padding-left: 15px; margin-right: 22px; }
body.winter form.contactsubmission { margin-left: 30px; width: 720px; }
body.winter a#emailto { position: absolute; top: -60px; right: 15px; }

/* generic shared styles */
div.section { clear: both; }
div.front img { margin-bottom: 10px; }
table.contact { width: 100%; } table.contact .inputfield, table.contact .inputarea { width: 100%; } table.contact input.button { float: right; } table.contact textarea { height: 250px; } table.contact td.fields { width: 500px; }