* {margin: 0; padding: 0}
body {padding: 0 0 1em 0; background: #fff url(img/bg_body-e.gif) repeat-x bottom; font-family: Trebuchet MS, Georgia, Bookman Old Style, Verdana, Georgia; }
p, h1, h2, h3, div {}
a img {border: none}

#headerLine1 {height: 31px; background: #1a2d08} 
#headerLine2 {height: 11px; background: #896e35} 
#headerContainer {height: 288px; margin: 0 0 0px 0} 
#hillsContainer {width: 930px; height: 288px; margin: 0 auto; background: url(img/bg_top-winter-3.jpg) no-repeat left bottom} 

#mainContainer {}
#mainMenuContainer {padding: 0px 0 0 0px; width: 930px; height: 128px; margin: 0 auto; background: white url(img/mm_bg_2009_02-.jpg) no-repeat top left; }
#mainMenuWrapper {padding: 0px 0 0 0px; }
#mainMenu {text-align: left; height: 128px; padding: 0 0 0 87px}
#mainMenu a {width: 80px; height: 128px; float: left}
#mainMenu a img {margin: 0 0px 0 0}
#mainMenu a:hover {color: #836623; }
#mainMenu a#ny2009 {background: url(img/mm_ny2009_bg.jpg) no-repeat}
#mainMenu a#accomodation {background: url(img/mm_accomodation_bg.jpg) no-repeat;}
#mainMenu a#events {background: url(img/mm_events_bg.jpg) no-repeat;}
#mainMenu a#trails {background: url(img/mm_trails_bg.jpg) no-repeat;}
#mainMenu a#pricelist {background: url(img/mm_pricelist_bg.jpg) no-repeat; }
#mainMenu a#order {background: url(img/mm_order_bg.jpg) no-repeat; margin-left: 150px}
#mainMenu a#howtoreach {background: url(img/mm_howtoreach_bg.jpg) no-repeat}
#mainMenu a#gallery {background: url(img/mm_gallery_bg.jpg) no-repeat}
#mainMenu a#forum {background: url(img/mm_forum_bg.jpg) no-repeat}
#mainMenu a#trails:hover {background: none}
#mainMenu a#accomodation:hover {background: none}
#mainMenu a#events:hover {background: none}
#mainMenu a#pricelist:hover {background: none}
#mainMenu a#order:hover {background: none}
#mainMenu a#howtoreach:hover {background: none}
#mainMenu a#gallery:hover {background: none}
#mainMenu a#forum:hover {background: none}

#contentContainer {padding: 1.5em 0 1em 0; }
#content {color: #006; } 
#content h1.pageTitle {margin: 0 auto 0.5em auto; font-size: 1.4em; color: #8b7849; text-align: center; } 
#content h2.pageTitle {margin: 0 auto 0.5em auto; font-size: 1.2em; color: #8b7849; text-align: center; } 
#maintext ul li {margin: 0em 0 0.75em 0}
#content ol li {margin: 0em 0 0.5em 3em}

div.center {width: 700px; margin: 0 auto; font-size: 1em; line-height: 1.2em;}
div.center p {margin: 0 0 0.7em 0}

#columnsContainer {width: 700px; margin: 0 auto; }

#intro {padding: 0.5em 10px 0px 0em; width: 490px; border-right: 1px dotted #ccc; margin: 0 15px 0 0; font-size: 1em; line-height: 1.2em; text-align: center; float: left}
#intro p {margin: 0 0 1em 0; text-align: justify}
#intro h1 {margin: 0 0 10px 0; color: #7b6430; font-weight: normal; font-size: 18px; margin: 0}

#newsTeasersBlock {width: 180px; margin-left: 500px; padding: 1em 0 0 0}
#newsTeasersBlock h2 {color: #8a6425; margin: 0em 0 0.5em 0;}
#newsTeasersBlock h3 {color: #8a6425; margin: 0.7em 0 0.5em 0}
#newsTeasersBlock h4 {color: #8a6425; margin: 0.7em 0 0.5em 0}
#newsTeasersBlock .newsItem {margin: 0.7em 0 1.5em 0; font-size: 0.85em}

div.clear {clear: both}

#logo {margin: 0em 0 1em 0}
#logo #line1 {padding: 0 0 0 0; font-size: 0.9em}
#logo #line2 {margin: 0px 0 0 0; color: #8b7849; font-size: 2.0em}

#features {margin-left: 0.5em; width: 300px; margin: 0 auto; font-size: 1em}
#features ul {list-style-type: none; list-style-position: outside; }
#features ul li {margin-bottom: 0.25em; padding-left: 22px; background: url(img/bullet-d.gif) no-repeat 0 5px}

#text {float: left; padding: 7.5em 0 0 0; width: 80%}

#text h1 {font-size: 1.5em; margin: 0 0 1em 0}
#text h2 {font-size: 1.4em; color: #8a6425}
#text a {font-size: 1.4em; color: #8a6425}
#text p {margin: 0 0 1em 0}

#mainMenu2Container {margin: 1em 0 0 0; padding: 0px 0 2em 0; text-align: center;}
#mainMenu2 {width: 624px; margin: 0 auto; height: 48px; padding: 4px 0 0 29px; background: white url(img/mm_bg.jpg) no-repeat top left; text-align: left; }

#pricelistContainer {width: 900px; margin: 0 auto 2em auto; }
#pr1 {margin: 1em 0 0 0em; font-size: 0.9em}
#pr2 {margin: 1em 0 0 0; font-size: 0.9em}
#pr1 h2, #pr2 h2 {margin: 0em 0 0.5em 0;}
#pr1 table, #pr2 table {border-collapse: collapse}
#pr1 th, #pr2 th {text-align: left; border: 1px solid #000; border-left: none; padding: 6px 0px 4px 6px}
#pr1 td, #pr2 td {text-align: left; border: 1px solid #dfdfdf; border-left: none; padding: 3px 0 0 6px}
#pr1 td.last, #pr2 td.last, #pr1 th.last, #pr2 th.last {border-right: none;}
#pr1 td.line, #pr2 td.line {font-weight: bold; border-right: none; color: #8b7849; height: 2em;}
#pr1 td h2, #pr2 td h2 {color: #8b7849; line-height: 2em; font-size: 1.3em; margin: 0; font-weight: bold; border-right: none}

form {width: 700px; margin: 0 auto; font-size: 0.9em}
form .label {width: 30%; float: left}
form .formElement {width: 70%; float: left; padding-bottom: 2px}
form .line  {clear: both; margin: 0px 0 10px 0;}
form input, form select, form textarea {width: 240px; margin: 0 0 0px 0}
form textarea {width: 240px; height: 90px}
form input.date {width: 88px}
form input.radio {width: 30px}
form input.checkbox {width: 30px; }
form input#beds {width: 20px}
form input.submit {border: 1px solid #333}
form #result {clear: both; }
form #result .line  {clear: both; margin: 0px 0 20px 0; height: 1%; }
form #result table {clear: both; width: 100%; border-collapse: collapse; }
form #result table td {border: none; border-bottom: 1px solid #ccc; padding: 2px 0}
form #result table th {font-weight: normal; font-size: 0.7em; color: black; background: #e5e5e5}
form #result table td.roomTitle {width: 50%; background: #fefed6}
form #result table td.roomTotalBeds {text-align: center; background: #fefed6}
form #result table td.roomFreeBeds {text-align: center; background: #fefed6}
form #result table td.roomFreeBedsEmpty {text-align: center; background: #cfc}
form #result table td.roomTotalBedsEmpty {text-align: center; background: #cfc}
form #result table td.roomTotalBedsOccupied {text-align: center; background: #fff}
form #result table td.roomTitleEmpty {width: 50%; background: #cfc}
form #result span#legendFree {width: 20px; height: 20px; background: #cfc; border: 1px solid #999; }
form #result span#legendPartly {width: 20px; height: 20px; background: #fefed6; border: 1px solid #999}

form fieldset {padding: 2px 4px; margin: 0 0 1em 0}
form fieldset legend {padding: 2px 4px}

#simple {width: 770px; margin: 0 auto; text-align: center}
#maintext {width: 800px; padding: 0 1em; margin: 0 auto; text-align: justify; font-size: 1em; }
#maintext h2 {color: green; margin: 0.7em 0 0.5em 0}
#maintext h3 {color: green; margin: 0.7em 0 0.5em 0;}
#maintext ul {margin: 0.3em 0 0.3em 2em}
#maintext p {margin: 0.7em 0 0.5em 0}
#maintext p.about img {margin: 0 2px 0}
#maintext p.emph {font-size: 1.1em; font-style: italic}
#orderResult {width: 420px; margin: 1em auto; text-align: center; padding: 2em; border: 1px solid #66ff66;  }

span.emph {color: red;}

div.warning {color: red}

#counters {margin: 1em 0; text-align: center}
div#howtoreach {text-align: center; padding: 1em 0 4em 0}

#footer {height: 73px; margin: 20px 0 10px 0; background: url(img/footer_bg.gif) no-repeat center top} 

#bottomMenuWrapper {padding: 0px 0 0 0px; }
#bottomMenu {font-size: 0.8em; text-align: center; margin: 1em 0 2em 0}

table.prices {width: 100%; border-collapse: collapse}
table.prices td {padding: 0.2em 1em 0.2em 0.2em; border-bottom: 1px solid #999; }
table.prices td.price {text-align: right; }

.newsListItem {margin: 0 0 1em 0.5em; clear: both}
.newsListItem .time {margin: 0 1em 0 0; float: left;}

div#gallery {width: 670px; margin: 10px auto;}
div#gallery a {margin: 0}
div#gallery a img {border: none}
div#gallery #thumbnails {padding: 12px 0px; display: block; }
div#gallery #thumbnails img {margin: 0 5px 8px 0}
div#gallery #thumbnails img.last {margin-right: 0px}
div#gallery #bigPicture {background: #f0f0f0; padding: 12px 12px; display: block; border: none; text-align: center}
div#gallery #bigPicture img {margin: 0;}
div#gallery .bigPicture {background: #f0f0f0; padding: 12px 12px; display: block; border: none; text-align: center}
div#gallery .bigPicture img {margin: 0;}

#gallerySmall {width: 520px; margin: 10px auto;}
#gallerySmall a {margin: 0}
#gallerySmall a img {border: none}
#gallerySmall #thumbnails {padding: 12px 0px; display: block; }
#gallerySmall #thumbnails img {margin: 0 0px 8px 0}
#gallerySmall #thumbnails img.last {margin-right: 0px}
#gallerySmall #bigPicture {background: #f0f0f0 url(./img/loading.gif) center no-repeat; padding: 12px 12px; display: block; border: none; text-align: center}
#gallerySmall #bigPicture img {margin: 0;}
#gallerySmall .bigPicture {background: #f0f0f0 url(./img/loading.gif) center no-repeat; padding: 12px 12px; display: block; border: none; text-align: center}
#gallerySmall .bigPicture img {margin: 0;}

	.TextScrollStyle {
		visibility:hidden;
		font-family:Times;
		font-weight:normal;
		text-align:center;
		padding:0;
		margin:0 0 0 50px;
		width:600px; height: 70px; 
		overflow: hidden; display:inline;
	}
* html .TextScrollStyle {display: block}
#scrollContainer {position: absolute; left: 50%; top: 380px; margin-left: -70px;
					width: 160px; height: 30px; overflow: hidden; text-align: center;}
.forecastText {text-align: center; font-family: Trebuschet MS, Verdana, Arial; font-size: 10px; }
#weatherForecastMarquee {font-size: 11px; width: 160px; margin: 0 auto}
#weatherForecastMarquee marquee {margin: 0 auto; width: 160px; }
* html #fweatherForecastMarquee { width: 160px; font-size: 11px;}

#weatherNowContainer {position: absolute; left: 50%; top: 10px; 
					height: 57px; overflow: hidden; text-align: center;}
#weatherNowTemperature {float: left}
#weatherNowTemperature a {display: block; float: left; margin: 0 0 0 170px; width: 57px; height: 57px; background: url(./img/informer-temperature.gif) no-repeat; line-height: 55px; text-align: center; padding-left: 9px; color: white; font-size: 15px; text-decoration: none; }
#fweatherNowTemperature a {text-decoration: none; color: white; font-size: 15px}
#weatherNowSnowdepth {background: url(./img/informer-snowdepth.gif) no-repeat;}
#roadconditions {float: left}
#roadconditions a {display: block; margin: 0 0 0 2px; width: 57px; height: 57px; }
#weatherNowSnowdepth a {display: block; float: left; margin: 0 0 0 12px; width: 57px; height: 57px; background: url(./img/informer-snowdepth.gif) no-repeat; line-height: 55px; text-align: center; padding-top: 10px; color: #006fae; font-size: 15px; text-decoration: none; }
#fweatherNowSnowdepth a {text-decoration: none; color: #006fae; font-size: 15px}

#subscribe {background: #fefed6; border-top: 1px solid #006fae; border-bottom: 1px solid #006fae; padding: 2em; margin: 0 auto 1em auto}
#subscribe form {}
#subscribe form input.text {width: 120px; height: 16px}
#subscribe form input.submit {width: 40px; height: 20px}

form#subscribeForm {margin: 2em 0}
form#subscribeForm .field {clear: both; margin: 0.5em 0 1em 0; padding: 0 3em}
form#subscribeForm .field .caption {float: left; width: 130px; text-align: right; padding: 0 11px 0 0 }
form#subscribeForm .field .required {font-weight: bold; font-size: 1.2em}
form#subscribeForm .field input {float: left; width: 270px; font-size: 2em}
form#subscribeForm input.submit {width: 120px; font-size: 1.2em; line-height: 2em}

#bottomContacts {margin: 0.5em 0 1em 0; text-align: center; font-size: 0.85em}

#maintext h3.newsTitle {text-align: center}

#newsTeasersList {width: 425px; font-size: 0.88em; text-align: left; margin: 0 10px 0 0  }
.newsTeasersListH1 {margin: 30px 0 0  0; padding: 0 0 0 19px; font-size: 1em; color: #365035; text-align: left}
#newsTeasersList .newsListItem {clear: both; margin: 0 0 0em 0; border-bottom: 1px solid transparent;}
#newsTeasersList p {padding: 0 0 0 19px; clear: both; font-size: 0.9em}
#newsTeasersList p a {color: #8d9385}

#newsTeasersList .time {width: 82px; padding: 6px 0 6px 19px; margin: 0; float: left; color: #394c36; background: #c7d8c5}
#newsTeasersList .brief {width: 306px; float: left; padding: 6px 9px 11px 9px; line-height: 18px; background: #b4c8ac}
#newsTeasersList a {color: #394c36; text-decoration: underline; }
#newsTeasersList a:hover {}
#newsTeasersList .first {background: #c7d8c5}
#newsTeasersList .first .time {background: #c7d8c5}
#newsTeasersList .second .time {background: #ecf4e9}
#newsTeasersList .second {background: #ecf4e9}
#newsTeasersList .third .time {background: #e0e8dd}
#newsTeasersList .third {background: #e0e8dd}
#newsTeasersList .first .brief {background: #abc3a3}
#newsTeasersList .second .brief {background: #e0efdc}
#newsTeasersList .third .brief {background: #c7d6bf}

#newsTeasersList2 {float: left; width: 264px; padding: 8px; font-size: 0.88em; text-align: left; margin: 0 10px 0 0; border: 1px solid #abc3a3  }
#newsTeasersList2 .newsListItem {clear: both; margin: 0 0 0 0; border-bottom: 1px solid transparent;}
#newsTeasersList2 .newsTeasersListH1 {margin: 0px 0 0  0; padding: 0 0 0 19px; font-size: 1em; color: #365035; text-align: left}
#newsTeasersList2 p {padding: 0 0 0 11px; clear: both; font-size: 0.9em}
#newsTeasersList2 p a {color: #8d9385}

#newsTeasersList2 .time {width: 62px; padding: 6px 0 6px 4px; margin: 0; float: left; color: #394c36; background: #c7d8c5; font-size: 0.8em}
#newsTeasersList2 .brief {width: 180px; float: left; padding: 6px 9px 11px 9px; line-height: 18px; background: #b4c8ac}
#newsTeasersList2 a {color: #394c36; text-decoration: underline; }
#newsTeasersList2 .first {background: #c7d8c5}
#newsTeasersList2 .first .time {background: #c7d8c5}
#newsTeasersList2 .second .time {background: #ecf4e9}
#newsTeasersList2 .second {background: #ecf4e9}
#newsTeasersList2 .third .time {background: #e0e8dd}
#newsTeasersList2 .third {background: #e0e8dd}
#newsTeasersList2 .first .brief {background: #abc3a3}
#newsTeasersList2 .second .brief {background: #e0efdc}
#newsTeasersList2 .third .brief {background: #c7d6bf}

#newsTeasersList3 {font-family: Arial, sans-serif}
#newsTeasersList3 h3 {text-align: left; padding: 1px 0 4px 7px; font-size: 0.8em; color: #395138}
#newsTeasersList3 h3 a {font-size: 0.9em; font-weight: normal; color: #395138}
#newsTeasersList3 table {width: 770px; margin: 0; background: #ecf4e9; font-size: 0.8em}
#newsTeasersList3 table td {padding: 0 0 0px 7px; font-size: 12px; vertical-align: top}
#newsTeasersList3 p {margin: 0 0 5px 0}
#newsTeasersList3 table td a {color: #415840}
#newsTeasersList3 table td a.first {font-weight: bold}

table.foodMenu {width: 100%}
table.foodMenu td {text-align: center; padding: 12px 0; vertical-align: top}
table.foodMenu td img {border: 1px solid #896e35}

table.foodMenuText {width: 100%; border-collapse: collapse}
table.foodMenuText td {text-align: left; padding: 5px 11px; vertical-align: top; border-bottom: 1px solid #999; border-right: 1px solid #999;}
table.foodMenuText td.last {border-right: none}
table.foodMenuText td.border {border: none}
table.foodMenuText th {padding: 22px 0 0 0; border-bottom: 4px double #8a6425;}
table.foodMenuText td span {font-size: 0.73em;}

.floatLeft {float: left}
.floatRight {float: right}
img.floatLeft {margin: 0 1em 0 0}
img.floatRight {margin: 0 0 0 1em}
.clearLeft {clear: left}
.clear {clear: both}

hr {clear: both; margin: 1em 0}

.noprint {display: none}
.print {display: block; }
.print2 {display: block; }

div.submenu {text-align: center; font-size: 1em; margin: 0 0 1em 0}
div.submenu a {font-size: 0.8em}

#galleriesList {padding-left: 25px;}
#galleriesList .item {float: left; width: 152px; margin: 0 15px 10px 0; padding: 10px; border: 1px solid silver}
#galleriesList .item .image {}
#galleriesList .item .image img {width: 152px; height: 152px; border: 1px solid silver}
#galleriesList .item a:hover img {border: 1px solid red}
#galleriesList .item .title {height: 30px; padding: 10px 0 0 0; text-align: center; color: green; font-size: 0.7em}
#galleriesList .item .title a {color: green}

#galleryPicturesList {padding-left: 15px; }
#galleryPicturesList .item {float: left; width: 152px; margin: 0 10px 10px 10px; padding: 10px; border: 1px solid silver}
#galleryPicturesList .item .image {}
#galleryPicturesList .item .image img {width: 152px; height: 102px; border: 1px solid silver}
#galleryPicturesList .item a:hover img {border: 1px solid red}
#galleryPhotosList.item .title {text-align: center; color: green}

#picturesList {padding-left: 10px; }
#picturesList .item {float: left; width: 152px; margin: 0 10px 10px 5px; padding: 10px; border: 1px solid silver}
#picturesList .item .image {}
#picturesList .item .image img {width: 152px; height: 102px; border: 1px solid silver}
#picturesList .item a:hover img {border: 1px solid red}

img.right {float: right; margin: 0 0 4px 12px}
.polaroid {width: 322px; float: right; margin: 0 10px; border: 1px solid #ccc; padding: 8px; text-align: center}
.polaroid img {border: 1px solid #666}
.polaroid h4 {text-align: center; font-weight: normal; padding: 0.6em 0}

#weather-fact-link {position: absolute; width: 120px; height: 14px; left: 50%; top: 396px; 
margin: 0 0 0 -60px; font-size: 15px; text-align: center; padding: 0 0 0 16px}