/* last updated December 31, 2007 */
/* fixed padding issue with Firefox */

body {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	text-align:center;

	font-size: 12px;

	padding: 0px; /* was 10px */

	margin: 0px;

	background-color: #004B18;

}





div#head {

	left:0px;

	width:750px;

	height:180px;

	background-color: #3399CC;

	top: 0px;

	position: absolute;

}



/* header image */

img#header {

top:0px; 

position: absolute;

width: 750px;

height: 150px;

}



/* header image - strip of bears*/

img#bearsheader {

top:150px;

position: absolute;

width: 750px;

height: 30px;

}



/* wrapper to center entire page */

div#wrapper {

	position: relative; /* was relative */

	margin: 0 auto;

	text-align: left; 

	top: 20px; 

	width:750px;  

	background-color: #CCCCCC; 

}



div#columns {

	width: 750px;

	position: absolute; /* was relative */

	margin: 0 auto;

	top: 180px;

	/*height: 800px; trying to force footer to bottom*/

	background-color: #FBEBCF; 

}



div#content {

	background-color: #FBEBCF;

	width: 750px; /* was 750px; reduced to adjust for padding in Firefox */

	position: absolute; 

	left: 0px;

	/*text-align: justify; to justify text; otherwise aligned to left */

	/* margin-top: 10px; was 10px */

	margin-left: 0px; /* was margin-left: 0px */

	padding: 0px; /* was 20px */

	line-height:1.6; 

}



/*added because of padding interfering with photos*/

div#contentphotos {

	background-color: #FBEBCF;

	width: 750px;

	position: absolute; 

	left: 0px;

	/*text-align: justify; to justify text; otherwise aligned to left */

	/* margin-top: 10px; was 10px */

	margin-left: 0px; 

	padding: 0;

	line-height:1.4; 

}



div#foot {

	background-color: #F8C473; 

	color: #FFFFFF;

	font-size: .5em;

	width: 750px;

	height: 25px;

	clear: both;

	left: 0px;

	margin-left: 0px; /* new */

	padding: 0; /* new */

	position: absolute;

	margin-bottom: 0px;

}



div#ratesterms {

line-height:1;

}



.clear {

	clear:both;

}







/* inverted tabs from dynamic drive */

#invertedtabs{

margin: 0 auto;

padding: 0; /* added 7 Jan */

width: 100%; /* 7 Jan was 750px */ 

background: transparent;

voice-family: "\"}\"";

voice-family: inherit;

padding-left: 13px; /*from left margin*/

}



#invertedtabs ul{

font: bold 11px Arial, Verdana, sans-serif;

margin:0;

margin-bottom: 1em; /*margin between menu and rest of content*/

padding:0;

list-style:none;

}



#invertedtabs li{

display:inline;

margin:0 2px 0 0;

padding:0;

text-transform:uppercase;

line-height: 1.5em;

}





#invertedtabs a{

float:left;

color: #FFFFFF;

background: #8b0000 url(images/color_tabs_left2.gif) no-repeat left bottom;

margin:0 2px 0 0;

padding:0 0 0 3px;

text-decoration:none;

letter-spacing: 1px;

}



#invertedtabs a span{

float:left;

display:block;

background: transparent url(images/color_tabs_right2.gif) no-repeat right bottom;

padding:3px 9px 3px 6px;

}



#invertedtabs a span{

float:none;

}



#invertedtabs a:hover{

background-color: #004B18;

}



#invertedtabs a:hover span{

background-color: #004B18;

}



#invertedtabs #current a, #invertedtabs #current span{ /*currently selected tab*/

background-color: #3399CC;

}

/* added 7 Jan */

#invertedtabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: #8b0000;
border-bottom: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}


/* end inverted tabs */



/*image float*/

.floatright {

float: right;

margin: 5px 0 10px 10px; /*top,bottom,right,left*/ 

border: 1px solid #666;

padding: 2px;

}



.floatleft {

float: left;

margin: 5px 10px 0px 10px;

border: 1px solid #666;

padding: 2px;

}



.columnfloatright {

float: right;

margin: 150px 0 150px 10px;

clear: right;

padding: 2px;

}



.columnfloatleft {

float: left;

margin: 5px 10px 15px 0;

clear: left;

padding: 0px; /* was 2px */

}



.containingbox p { margin-top: 0;}

/*end image float*/



/*link styles*/

.bottom a:link {

color: #8b0000;

text-decoration: none;

font: 14px Arial, Helvetica, sans-serif;

}



.bottom a:visited, active {

color: #8b0000;

text-decoration: none;

font: 14px Arial, Helvetica, sans-serif;

}



.bottom a:hover {

color: #004B18;

text-decoration : underline;

font: bold 14px Arial, Helvetica, sans-serif;

}



.inverted a { /*link styles for top navigation*/

color: #FFFFFF;

text-decoration: none;

font: bold 12px Arial, Verdana, sans-serif;

}



.inverted a:hover {

color: #FFFFFF;

text-decoration: none;

font: bold 12px Arial, Verdana, sans-serif;

}



.inverted a:visited, active {

color: #FFFFFF;

text-decoration: none;

font: bold 12px Arial, Verdana, sans-serif;

}

/*end link styles*/



/*table for rates*/

.rates table { 

margin: 1em;

border-collapse: collapse;

}



.rates th {

font: bold 18px Arial, Verdana, sans-serif;

}



.rates td, th { 

padding: .3em; 

border: 3px #000000 solid; 

/*width: 200px;*/

}



.rates thead { 

/*color: #FFFFFF;*/

/*background-color: #8b0000; */

}



th.season {

text-align: left;

width:300px;

}



th.amount {

text-align: center;

width:200px;

}



td.season1 {

font-weight: bold;

text-align: left;

background-color: #339900;

color: #FFFFFF;

}



td.amount1 {

font-weight: bold;

text-align: center;

background-color: #339900;

color: #FFFFFF;

}



td.season2 {

font-weight: bold;

text-align: left;

background-color: #FF0000;

color: #FFFFFF;

}



td.amount2 {

font-weight: bold;

text-align: center;

background-color: #FF0000;

color: #FFFFFF;

}



td.season3 {

font-weight: bold;

text-align: left;

background-color: #3399FF;

color: #FFFFFF;

}



td.amount3 {

font-weight: bold;

text-align: center;

background-color: #3399FF;

color: #FFFFFF;

}





td.season4 {

font-weight: bold;

text-align: left;

background-color: #FF6600;

color: #FFFFFF;

}



td.amount4 {

font-weight: bold;

text-align: center;

background-color: #FF6600;

color: #FFFFFF;

}



td.dates {

text-align: left;

padding-left: 20px;

font: 14px Arial, Verdana, sans-serif;

}



/*end table for rates*/



/*miscellaneous styles*/

.amenities {

font-weight: bold;

}



.text {

margin: 0 20px 0 20px;

}



h3, h4 {

text-align: center;

}

/*end miscellaneous styles*/