@charset "UTF-8";

body { margin: 0px; color: #999999; padding-top: 15px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-color: #333333; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ font: 11px/13px Arial, Helvetica, sans-serif; }

img { border-width: 0px; }
hr { margin-top: 8px; margin-bottom: 8px; border-top: 1px dotted #CCCCCC; }
h1 { font: normal 12px/14px "Trebuchet MS", Arial, sans-serif; color: #7E99CE; margin-bottom: 4px; margin-top: 0px; }
h2 { font: normal 11px/13px "Trebuchet MS", Arial, sans-serif; color: #7E99CE; margin-bottom: 4px; margin-top: 0px; }
/* if style below is updated it must be updated in user.css too */
.inlineemphasis { color: #7E99CE; }

a:link { color: #999999; text-decoration: underline; }
a:visited { color: #999999; text-decoration: underline; }
a:hover{ color: #7E99CE; text-decoration: underline; }

A.linkheading:link { color: #7E99CE; text-decoration: underline; }
A.linkheading:visited { color: #7E99CE; text-decoration: underline; }
A.linkheading:hover{ color: #999999; text-decoration: underline; }

#container { width: 975px; height: 100%; background: #FFFFFF; margin: 0 auto; padding: 0px 0px 4px; text-align: left; /* this overrides the text-align: center on the body element. */ }

#topnav { background-color: #333333; width: 975px; height: 18px; }
#topnav p { margin-top: 0px; margin-bottom: 0px; width: 400px; padding-right: 5px; }
#topnav a { text-decoration: none; color: #CCCCCC; }
#topnav a:hover { color: #729AD1; text-decoration: underline; }

#logo { padding-top: 7px; padding-left: 8px; }

#sidebar { float: left; width: 205px; height: 565px; }
#sidebarsnow { float: left; width: 205px; height: 565px; background-image: url(../images/sidebarsnow.gif); background-repeat: no-repeat; background-position: center bottom; }
#sidebarflower { float: left; width: 205px; height: 565px; background-image: url(../images/sidebarflower.gif); background-repeat: no-repeat; background-position: center bottom; }
#sidebarchalet { float: left; width: 205px; height: 565px; background-image: url(../images/sidebarchalet.gif); background-repeat: no-repeat; background-position: center bottom; }
#sidebartrack { float: left; width: 205px; height: 565px; background-image: url(../images/sidebartrack.gif); background-repeat: no-repeat; background-position: center bottom; }

#sidebartext { overflow: auto; height: 485px; padding-right: 10px; padding-left: 15px; }
#sidebartext h1 { font: normal 12px/14px "Trebuchet MS", Arial, sans-serif; color: #7E99CE; margin-bottom: 4px; margin-top: 0px; }
#sidebartext h2 { font: normal 11px/13px "Trebuchet MS", Arial, sans-serif; color: #7E99CE; margin-bottom: 4px; margin-top: 0px; }
#sidebartext p {font: 11px/13px Arial, Helvetica, sans-serif; margin-bottom: 9px; margin-top: 1px;  }
#sidebartext ul { list-style: square; padding: 0px 0px 0px 30px; margin: 0px; }
#sidebartext li { margin-top: 0px; margin-bottom: 2px; margin-left: -20px; }

#maincontent { padding: 0px; margin: 7px 0px 2px 208px; /* the left margin on this div element creates the column down the left side of the page*/ }

#bodyflash { margin: 0px; padding: 0px; width: 760px; height: 569px; }

#body1up { width: 720px; height: 549px; overflow: auto; border-left: 1px dotted #666666; padding: 10px 20px; }
#body1up p { margin-top: 2px; margin-bottom: 7px; width:700px; }
#body1up table { width: 700px; padding: 0px; margin: 0px; }
#body1up table td { padding: 1px 30px; margin: 0px; border: thin dotted #999999; line-height: 1.5em; text-align: center; }

#body1upimg { width:700px; border:none; margin-bottom: 10px; }

#body6up { width: 760px; height: 569px; overflow: auto; border-left: 1px dotted #666666; }
#body6up table { width: 740px; }
#body6up table td { border-bottom: 1px dotted #666666; padding: 15px; width: 50%; }
#body6up img { float: left; padding-right: 20px; padding-left: 10px; }
#body6up h1 { font: bold 12px Arial, Helvetica, sans-serif; color: #7E99CE; }

#body4up { width: 760px; height: 577px; }
#body4up table { margin: 0px; padding: 0px; }
#body4up table tr { margin: 0px; padding: 0px; }
#body4up table td { margin: 0px; padding: 0px; }

table.prices { line-height: 1.1em; font-size: 12px; }
table.prices th { background-color:  #cbc0c0; border: 1px dotted #999; color: #7E99CE; font-size: 12px; line-height: 1.2em; font-weight: normal; padding: 5px 3px 3px 20px; text-align: center; }
table.prices tr { border:  1px dotted #999; margin: 0px; padding: 0px; }
table.prices td { border:  1px dotted #999; padding-right: 10px; padding-left: 10px; }
/* if 2 styles below are updated they must be updated in user.css too */
.booked { background-color: #966; color: #FFF; }
.partiallybooked { color: #FFF; background-color: #748DBD; }

.floatright { float: right;} /* float an element right in your page. The floated element must precede the element it should be next to on the page. */
.floatleft { float: left;} /* this class can be used to float an element left in your page */

.clearfloat { clear:both; height:0;font-size: 1px;line-height: 0px; } /* placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

#footer { padding: 0px; margin: 0px; } 
#footer p { margin: 0px; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */}

#credit { font-family: Arial, Helvetica, sans-serif; color: #CCCCCC; background-color: #333333; width: 975px; margin: 5px 0px -5px; padding: 0px; }
#credit p { margin-top: 0px; margin-bottom: 0px; padding-right: 5px; text-align: right; padding-top: 5px; }
#credit a { text-decoration: none; color: #999999; }
#credit a:hover { color: #729AD1; text-decoration: underline; }