/* SITEWIDE */
body {
	margin: 0 0 47px 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 130%; 
	}

/* BACKGROUND COLORS */
body#homepage  {
	background-color: #243B24;
	}

body#lodgepage, body#directpage, body#contactpage, body#reservepage{
	background-color: #993300;
	}

body#actpage {
	background-color: #ddca73;
	}

/* PAGE SIZE & MARGIN */
#maindiv {
	margin: 25px auto;
	width: 630px;
	height: 475px; 
	}

body#contactpage div #maindiv, body#reservepage div #maindiv {
	margin: 25px auto;
	width: 630px;
	}


/* HEADER SIZE & COLOR */
body#homepage div#header {
	color: #ffffff;
	background-color: #243b24;
	height: 91px; 
	}

body#lodgepage div#header, body#directpage div#header, body#contactpage div#header, body#reservepage div#header {
	color: #ffffff;
	background-color: #993300;
	height: 91px; 
	}

body#actpage div#header {
	color: #240F0F;
	background-color: #ddca73;
	height: 91px; 
	}

a.wh:link { text-decoration: none; color: #ffffff; }
a.wh:visited { text-decoration: none; color: #ffffff; }
a.wh:hover { text-decoration: underline; color: #ffffff; }
a.wh:active { text-decoration: underline; color: #ffffff; }

a.tan:link { text-decoration: none; color: #240F0F; }
a.tan:visited { text-decoration: none; color: #240F0F; }
a.tan:hover { text-decoration: underline; color: #240F0F; }
a.tan:active { text-decoration: underline; color: #240F0F; }

.or {color: #240F0F; }



/* PHONE */
div#wrapper {
	float: right; 
	width: 66%;
	}
	
div#logodiv {
	float: left; 
	height: 83px; 
	width: 50%; }

div#phone {
	font-size: 100%;
	font-weight: normal;
	
	text-align: right;
	float: right;
	
	width: 50%;  
	position: relative;  
	top: 36px;
	height: 47px;
	}

div#reserv {
	font-size: 100%;
	font-weight: normal;
	
	text-align: left;
	float: left;
	width: 34%; 
	position: relative; 
	top: 67px; 
	height: 16px;
	
	}

/* LOGO */
#logo {
	padding-left: 0px;
	padding-right: 0px;
	}

/* BOTTOM TEXT */

#botttext { 
	font-size: 75%;
	color: #240F0F;
	line-height: 110%; 
	width: 501px;
	}

#botttext h1, #botttext h2, #botttext h3 {
	list-style-type: none;
	display: inline;
	font-weight: normal;
	font-size: 100%; 
	}
	
/* NAVIGATION */
body#homepage #nav {
	background-color: #993300;
	}

div#nav ul {
	width: 630px;
	height: 24px;
	margin: 0;
	padding: 0;
}

div#nav ul li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 24px;
	text-indent: -9999px;
	border: 0;
	float: left;
}

/* NAVIGATION COLOR SELECTION */
body#homepage #nav ul li a, body#actpage #nav ul li a {
	display: block;
	height: 24px;
	border: 0;
	outline: none;
	background-image: url(images/nav_Red.gif);
	background-repeat: no-repeat;
	text-decoration: none;
}

body#lodgepage #nav ul li a, body#directpage #nav ul li a, body#contactpage #nav ul li a, body#reservepage #nav ul li a{
	display: block;
	height: 24px;
	border: 0;
	outline: none;
	background-image: url(images/nav_Green.gif);
	background-repeat: no-repeat;
	text-decoration: none;
}

/* NAVIGATION ROLLOVER */
div#nav ul li#lodge a {
	width: 101px;
	background-position: 0 0;
}

div#nav ul li#maplink a {
	width: 102px;
	background-position: -101px 0;
}

div#nav ul li#direction a {
	width: 135px;
	background-position: -203px 0;
}

div#nav ul li#tour a {
	width: 145px;
	background-position: -338px 0;
}

div#nav ul li#activities a {
	width: 147px;
	background-position: -483px 0;
}

div#nav ul li#lodge a:hover, div#nav ul li#lodge a:active {
	background-position: -630px 0;
}

div#nav ul li#maplink a:hover, div#nav ul li#maplink a:active {
	background-position: -731px 0;
}

div#nav ul li#direction a:hover, div#nav ul li#direction a:active {
	background-position: -833px 0;
}

div#nav ul li#tour a:hover, div#nav ul li#tour a:active {
	background-position: -968px 0;
}

div#nav ul li#activities a:hover, div#nav ul li#activities a:active {
	background-position: -1113px 0;
}

/* CONTENT SITEWIDE */
#content {
	height: 336px; 
	}

body#contactpage div#content, body#reservepage div#content {
	height: auto; 
	}

/* FOOTER */
#footer {
	height: 16px; 
	display: block;
	border: 0;
	outline: none;
	color: #ffffff;
	font-size: 85%;
	padding: 4px 10px;
	}

body#homepage div#footer, body#actpage div#footer {
	background-color: #993300;
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	}

body#directpage div#footer {
	background-color: #993300;
	background-image: url(images/footer_direct.gif);
	background-repeat: no-repeat;
	}

body#lodgepage div#footer, body#contactpage div#footer, body#reservepage div#footer  {
	background-color: #240F0F;
	}


#footer h1 {
	font-size: 100%;
	font-weight: normal;
	display: inline;
	text-align: left;
	}

#footer h2 {
	font-size: 100%;
	font-weight: normal;
	display: inline;
	text-align: right;
	position: relative; left: 105px;
	}

/* BOTTOM NAVIGATION */
#bottom_nav {
	color: #a0742d;
	font-size: 80%;
	margin: 10px 0 5px 0;
	}

#bottom_nav a {
	color: #240F0F;
	text-decoration: none;
	}

#bottom_nav a:hover, #bottom_nav a:active {
	color: #240F0F;
	text-decoration: underline;
	}

div#bottom_nav h7 {
	color: #240F0F;
	font-size: 100%;
	font-weight: normal;
	display: inline;
	
	}

/* OTHER */
.size10 {
	font-size: 85%;
	}

/* HOME PAGE SPECIFIC */
body#homepage div#content {
	background-color: #993300;
	color: #000000;
	}

/* LODGING PAGE SPECIFIC */
body#lodgepage div#content {
	background-color: #000000;
	color: #ffffff;
	}

body#lodgepage div#content p {
	font-size: 90%;
	line-height: 120%;
	}

body#lodgepage div#content h2{
	font-size: 125%;
	display: inline;
	font-weight: bold;
	}

body#lodgepage div#content h5 {
	font-size: 110%;
	display:inline;
	font-weight: normal;
	color: #FFFCAB;
	}

body#lodgepage div#content h6 {
	display:inline;
	font-size: 95%;
	font-weight: normal;
	color: #FFFCAB;
	}

#lodge_pic {
	border: 2px solid #ffffff;
	}

/* CONTACT PAGE SPECIFIC */
body#contactpage div#content {
	background-color: #000000;
	color: #ffffff;
	}

body#reservepage div#content {
	background-color: #ffffff;
	color: #000000;
	}

body#contactpage div#content p, body#reservepage div#content p {
	font-size: 90%;
	line-height: 120%;
	}

body#contactpage div#content h2, body#reservepage div#content h2{
	font-size: 125%;
	display: inline;
	font-weight: bold;
	}

body#contactpage div#content h5, body#reservepage div#content h5{
	font-size: 110%;
	display:inline;
	font-weight: normal;
	color: #FFFCAB;
	}

body#contactpage div#content h6, body#reservepage div#content h6 {
	display:inline;
	font-size: 95%;
	font-weight: normal;
	color: #FFFCAB;
	}

#lodge_pic {
	border: 2px solid #ffffff;
	}


/* DIRECTION PAGE SPECIFIC */
body#directpage div#content {
	background-color: #ffffff;
	background-image: url(images/direct_bg.gif);
	background-repeat: repeat-y;
	color: #243b24;
	}

body#directpage div#mapto {
	padding-left: 15px;
	padding-right: 0;
	padding-top: 10px;
	}

body#directpage div#mapto h2 {
	font-size: 125%;
	font-weight: bold;
	display: inline;
	}

body#directpage div#content #view_map {
	padding-left: 5px;
	}

body#directpage div#content #direct_text {
	padding-left: 0;
	padding-right: 5px;
	padding-top: 10px;
	height: 336px;
	overflow: auto;
	font-size: 95%;
	line-height: 120%;
	}

body#directpage div#direct_text p {
	font-size: 90%;
	line-height: 120%;
	}

body#directpage div#direct_text h1{
	font-size: 95%;
	display: inline;
	font-weight: normal;
	}

body#directpage div#direct_text h6 {
	font-size: 95%;
	display: inline;
	font-weight: normal;
	color: #993300;
	}

body#directpage div#direct_text h6 a:link, body#directpage div#direct_text h6 a:visited {
	font-size: 95%;
	display: inline;
	font-weight: normal;
	text-decoration: none;
	color: #993300;
	}

body#directpage div#direct_text h6 a:hover, body#directpage div#direct_text h6 a:active {
	font-size: 95%;
	display: inline;
	font-weight: normal;
	text-decoration: underline;
	color: #993300;
	}

/* ACTIVITIES PAGE SPECIFIC */
body#actpage div#content {
	background-color: #000000;
	background-image: url(images/act_bg.gif);
	background-repeat: repeat-y;
	}

body#actpage div#content h1 {
	color: #ffffff;
	font-size: 125%;
	font-weight: bold;
	padding-left: 15px;
	padding-top: 0;
	padding-right: 15px;
	}

body#actpage div#content h2 {
	color: #ffffff;
	font-size: 125%;
	font-weight: bold;
	padding-left: 15px;
	padding-top: 15px;
	padding-right: 15px;
	}

body#actpage div#content h5 {
	color: #ffffff;
	font-size: 100%;
	font-weight: bold;
	padding-left: 30px;
	padding-top: 0;
	padding-right: 15px;
	}

body#actpage div#content h5 a:link, body#actpage div#content h5 a:visited {
	color: #ddca73;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	}

body#actpage div#content h5 a:hover, body#actpage div#content h5 a:active {
	color: #ddca73;
	font-size: 100%;
	font-weight: bold;
	text-decoration: underline;
	}





.room-calendar {
    font-family: verdana, arial, sans-serif;
    font-size: 12px;
}

.room-calendar th {
    font-size: 12px;
}

.header {
    font-weight: bold;
	width: 100%;
}

.legend {
    margin-left: 15px;
    font-family: verdana, arial, sans-serif;
    font-size: 14px;
}

.room-calendar {
    margin-left: 10px;
    margin-right: 10px;
}

.vacancy-calendars .left-icon {
    margin: 0px;
    padding: 0px;
    height: 28px;
    width: 40px;
    background-color: transparent;
}

.vacancy-calendars .right-icon {
    margin: 0px;
    padding: 0px;
    height: 28px;
    width: 40px;
    background-color: transparent;
}

.availability-calendar .monthName {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.availability-calendar tbody td {
    width: 30px;
    height: 25px;
    vertical-align: center;
    text-align: center;
    font-size: 14px;
}

.availability-calendar tbody td a:link {
    color: black;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 7px;
    padding-right: 7px;
    font-size: 14px;
}

.availability-calendar tbody td a:visited {
    color: black;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 7px;
    padding-right: 7px;
    font-size: 14px;
}

.availability-calendar tbody td a:active {
    color: black;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 7px;
    padding-right: 7px;
    font-size: 14px;
}

.availability-calendar tbody td a:hover {
    color: black;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 7px;
    padding-right: 7px;
    font-size: 14px;
}

.availability-calendar tbody th {
    width: 30px;
    height: 25px;
}

.calendar {
    background-color: white;
    border: 1px solid #EDEADC;
}

.availability-calendar .vacant {
    color: gray;
    background-color: #D2F2CE;
    border: 1px solid #EDEADC;
}

.availability-calendar .shared {
    color: gray;
    background-color: #FEEA9B;
    border: 1px solid #EDEADC;
}

.availability-calendar .filled {
    color: gray;
    background-color: #EEB9BB;
    border: 1px solid #EDEADC;
}

.availability-calendar .unavailable {
    color: #515151;
    background-color: #CFCFCF;
    border: 1px solid #EDEADC;
}

.availability-calendar .blackout {
    color: gray;
    background-color: #F9F900;
    border: 1px solid #EDEADC;
}

.availability-calendar .desired_vacant {
    background-image: url(/images/circled-available.gif);
    background-color: #66FF66;
}

.availability-calendar .desired_shared {
    background-image: url(/images/circled-shared.gif);
    background-color: #FED94E;
}

.availability-calendar .desired_filled {
    background-image: url(/images/circled-filled.gif);
    background-color: #D65155;
    color: gray;
}

.availability-calendar .desired_blackout {
    background-color: #FFFF00;
    border-bottom: 2px solid black;
}

.availability-calendar .selected_vacant {
    background-image: url(/images/circled.gif);
    background-repeat: no-repeat;
    background-color: white;
    font-weight: bold;
}

.availability-calendar .selected_filled {
    background-image: url(/images/circled.gif);
    background-repeat: no-repeat;
    background-color: #D65155;
    font-weight: bold;
}

.vacancy {
    background-color: #66FF66;
    border: 1px solid black;
    width: 50px;
    height: 10px;
    margin-right: 5px;
    line-height: 20px;
}

.shared-vacancy {
    background-color: #FED94E;
    border: 1px solid black;
    width: 50px;
    height: 10px;
    margin-right: 5px;
    line-height: 20px;
}

.no-vacancy {
    background-color: #D65155;
    border: 1px solid black;
    width: 50px;
    height: 10px;
    margin-right: 5px;
    line-height: 20px;
}

.owner-blackout {
    background-color: #FFFF00;
    border: 1px solid black;
    width: 50px;
    height: 10px;
    margin-right: 5px;
    line-height: 20px;
}

.not-available {
    background-color: #CFCFCF;
    border: 1px solid black;
    width: 50px;
    height: 10px;
    margin-right: 5px;
    line-height: 20px;
}

.even {
    background-color: #DFF0F7;
}

.odd {
    background-color: #FFFFFF;
}

.calendar_even { 
	width: 145px;
	height: 85px;
	vertical-align: top;
	border: 1px solid #E8E8E8;
}

.calendar_odd {  
	width: 145px;
	height: 85px;
	vertical-align: top;
	border: 1px solid #E8E8E8;
}

.blank-row {
    height: 20px;
}

.ice-button {
    background-image: url(/images/button-background.gif);
    background-repeat: repeat-x;
    background-color: white;
    border-top: none;
    border: 1px solid gray;
    height: 25px;
    padding-bottom: 2px;
}

.add-to-itinerary {
    background-image: url(/images/add-to-itinerary.gif);
    background-repeat: no-repeat;
    background-color: white;
    border: none;
    height: 35px;
    width: 205px;
}

.rates-chart {
    max-width: 350px;
    font-family: verdana, arial, sans-serif;
}

.availability-matrix {
    width: 530px;
}

.availability-matrix .directions {
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    margin-bottom: 10px;
}

.availability-matrix .legend {
    text-align: right;
    margin-bottom: 20px;
}

.availability-matrix .legend .label {
    margin-left: 5px;
    margin-right: 20px;
}

.availability-matrix .season {
    text-align: right;
    margin-top: 0px;
    margin-bottom: 10px;
    position: relative;
    right: 150px;
}

.availability-matrix .rooms {
    float: left;
    text-align: right;
    margin-top: 51px;
}

.availability-matrix .rooms .name {
    font-size: 14px;
    margin: 0px;
    height: 34px;
    padding-left: 10px;
    padding-top: 7px;
}

.matrix-scrollarea {
    overflow: auto;
    float: right;
    width: 400px;
    text-align: right;
}

.matrix-scrollarea-wide {
    overflow: auto;
    float: right;
    width: 600px;
    text-align: right;
    margin-right: 20px;
}

.availability-matrix td {
    height: 40px;
    width: 45px;
}

.availability-matrix .vacant {
    color: gray;
    background-color: #92F57F;
    border: 1px solid #EDEADC;
}

.availability-matrix .shared {
    color: gray;
    background-color: #ECDA0F;
    border: 1px solid #EDEADC;
}

.availability-matrix .filled {
    color: gray;
    background-color: #FBB8BB;
    border: 1px solid #EDEADC;
}

.availability-matrix .unavailable {
    color: #515151;
    background-color: #CFCFCF;
    border: 1px solid #EDEADC;
}

.availability-matrix .desired_vacant {
    background-color: #AAF3A1;
    border-bottom: 2px solid black;
}

.availability-matrix .desired_shared {
    background-color: #FED94E;
    border-bottom: 2px solid black;
}

.availability-matrix .desired_filled {
    background-color: #FBB8BB;
    border-bottom: 2px solid black;
}

.availability-matrix .selected_vacant {
    background-image: url(/images/circled.gif);
    background-position: 6px 5px;
    background-repeat: no-repeat;
    background-color: #92F57F;
    border: 1px solid #EDEADC;
}

.availability-matrix .selected_filled {
    background-image: url(/images/circled.gif);
    background-position: 6px 5px;
    background-repeat: no-repeat;
    background-color: #FBB8BB;
    border: 1px solid #EDEADC;
}

.availability-matrix .selected_shared {
    background-image: url(/images/circled.gif);
    background-position: 5px 5px;
    background-repeat: no-repeat;
    background-color: #ECDA0F;
    border: 1px solid #EDEADC;
}

.availability-matrix .day {
    font-size: 10px;
    color: black;
}

.availability-matrix .saturday {
    font-size: 10px;
    color: blue;
    font-weight: bold;
}

.availability-matrix .cell-contents {
    line-height: 10px;
    color: black;
    width: 35px;
}

.availability-matrix-wide {
    width: 800px;
}

.availability-matrix-wide .directions {
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    margin-bottom: 10px;
}

.availability-matrix-wide .legend {
    text-align: center;
    margin-bottom: 20px;
}

.availability-matrix-wide .legend .label {
    margin-left: 5px;
    margin-right: 20px;
}

.availability-matrix-wide .season {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 10px;
}

.availability-matrix-wide .rooms {
    float: left;
    text-align: right;
    margin-top: 51px;
}

.availability-matrix-wide .rooms .name {
    font-size: 14px;
    margin: 0px;
    height: 34px;
    padding-left: 10px;
    padding-top: 7px;
}

.availability-matrix-wide td {
    height: 40px;
    width: 45px;
}

.availability-matrix-wide .vacant {
    color: gray;
    background-color: #92F57F;
    border: 1px solid #EDEADC;
}

.availability-matrix-wide .shared {
    color: gray;
    background-color: #ECDA0F;
    border: 1px solid #EDEADC;
}

.availability-matrix-wide .filled {
    color: gray;
    background-color: #FBB8BB;
    border: 1px solid #EDEADC;
}

.availability-matrix-wide .unavailable {
    color: #515151;
    background-color: #CFCFCF;
    border: 1px solid #EDEADC;
}

.availability-matrix-wide .desired_vacant {
    background-color: #AAF3A1;
    border-bottom: 2px solid black;
}

.availability-matrix-wide .desired_shared {
    background-color: #FED94E;
    border-bottom: 2px solid black;
}

.availability-matrix-wide .desired_filled {
    background-color: #FBB8BB;
    border-bottom: 2px solid black;
}

.availability-matrix-wide .selected_vacant {
    background-image: url(/images/circled.gif);
    background-position: 6px 5px;
    background-repeat: no-repeat;
    background-color: #92F57F;
    border: 1px solid #EDEADC;
}

.availability-matrix-wide .selected_filled {
    background-image: url(/images/circled.gif);
    background-position: 6px 5px;
    background-repeat: no-repeat;
    background-color: #FBB8BB;
    border: 1px solid #EDEADC;
}

.availability-matrix-wide .selected_shared {
    background-image: url(/images/circled.gif);
    background-position: 5px 5px;
    background-repeat: no-repeat;
    background-color: #ECDA0F;
    border: 1px solid #EDEADC;
}

.availability-matrix-wide .day {
    font-size: 10px;
    color: black;
}

.availability-matrix-wide .saturday {
    font-size: 10px;
    color: blue;
    font-weight: bold;
}

.availability-matrix-wide .cell-contents {
    line-height: 10px;
    color: black;
    width: 35px;
}

.calendar-container {
    background-color: white;
    width: 275px;
    padding-top: 10px;
}