@charset "UTF-8";

body { margin: 0px; color: #666666; padding-top: 15px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-color: #e6e1d9; 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; }

#container { width: 973px; 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: #e6e1d9; width: 973px; height: 18px; }
#topnav p { margin-top: 0px; margin-bottom: 0px; width: 500px; padding-right: 5px; }
#topnav a { text-decoration: none; color: #666666; }
#topnav a:hover { color: #a17373; text-decoration: underline; }

#sidebar { float: left; width: 205px; height: 565px; }
#sidebartext { overflow: auto; height: 485px; padding-right: 10px; padding-left: 15px; }
#sidebar 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: 8px; margin-left: -20px; }
#logo { padding-top: 7px; padding-left: 8px; }

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

#bodywithmargin { width: 720px; height: 549px; overflow: auto; border-left: 1px dotted #666666; padding: 10px 20px; }
#bodywithmargin p { margin-top: 2px; margin-bottom: 7px; }

#bodywithmargin table.prices { width: 700px; padding: 0px; margin: 0px; }
#bodywithmargin table.prices td { padding: 5px 20px; margin: 0px; border: thin dotted #999999; }

#bodycontent { width: 760px; height: 569px; overflow: auto; border-left: 1px dotted #666666; }
#bodycontent table.press { width: 740px; }
#bodycontent table.press td { border-bottom: 1px dotted #666666; padding: 15px; width: 50%; }
#bodycontent table.press img { float: left; padding-right: 20px; padding-left: 10px; }

.marginZero { margin: 0px; padding: 0px; }

.marginMinus { margin-top: -3px; margin-bottom: 1px; } /* NB conditional element for IE on individual pages to tackle box model */

.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 */
	
.imgpadding { padding: 0px 3px 0px 0px; }

#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 */}

.sound { vertical-align: top; }

.sidebarbird { background-image: url(images/bkgrndBirdEFE6E6.jpg); background-repeat: no-repeat; background-position: bottom; }
.sidebarsnow { background-image: url(images/bkgrndSnowEFE6E6.jpg); background-repeat: no-repeat; background-position: bottom; }
.sidebarmtn { background-image: url(images/bkgrndMtnEDDDDD.jpg); background-repeat: no-repeat; background-position: bottom; }
.sidebartree { background-image: url(images/bkgrndTreeEFE6E6.jpg); background-repeat: no-repeat; background-position: bottom; }

.imgtl { padding-right: 1px; padding-bottom: 1px; }
.imgtr { padding-left: 1px; padding-bottom: 1px; }
.imgbl { padding-right: 1px; padding-top: 1px; }
.imgbr { padding-left: 1px; padding-top: 1px; }

h1 { font: normal 14px/16px "Trebuchet MS", Arial, sans-serif; color: #660000; margin-bottom: 0px; margin-top: 0px; }
h2 { font: normal 12px/14px "Trebuchet MS", Arial, sans-serif; color: #660000; margin-bottom: 0px; margin-top: 0px; }
h3 { font: normal 12px/15px "Trebuchet MS", Arial, sans-serif; color: #a17373; margin-bottom: 0px; margin-top: 0px; }
h4 { font: normal 11px/14px "Trebuchet MS", Arial, sans-serif; color: #a17373; margin-bottom: 0px; margin-top: 0px; }

.inlineheading { color: #660000;}
.inlineemphasis { color: #a17373; }

A.linkunderline:link { color: #666666; text-decoration: underline; }
A.linkunderline:visited { color: #666666; text-decoration: underline; }
A.linkunderline:hover{ color: #a17373; text-decoration: underline; }

A.linknoline:link { color: #666666; text-decoration: none; }
A.linknoline:visited { color: #666666; text-decoration: none; }
A.linknoline:hover{ color: #a17373; text-decoration: none; }

A.linkheading:link { color: #660000; text-decoration: underline; }
A.linkheading:visited { color: #660000; text-decoration: underline; }
A.linkheading:hover{ color: #a17373; text-decoration: underline; }

A.linkinlineemphasis:link { color: #a17373; text-decoration: underline; }
A.linkinlineemphasis:visited { color: #a17373; text-decoration: underline; }
A.linkinlineemphasis:hover{ color: #660000; text-decoration: underline; }

#credit { font-family: Arial, Helvetica, sans-serif; background-color: #e6e1d9; width: 973px; margin: 5px 0px -5px; padding: 0px; }
#credit p.junak {margin-top: 0px; margin-bottom: 0px; padding-right: 5px; text-align: right; padding-top: 5px; float: right;}
#credit p.junak a { text-decoration: none; color: #999999; }
#credit p.junak a:hover { color: #a17373; text-decoration: underline; }

#credit p.facebook { margin: 0px; padding: 2px 0px 0px 5px; float: left; }
#credit p.facebook a { text-decoration: none; color: #660000; }
#credit p.facebook a:hover { color: #a17373; text-decoration: none; }

.paddingleft { padding-left: 20px; }
.popup { 
text-decoration: underline;
cursor: pointer; cursor: hand;
}