/* CSS Document */

body{
	background-color:#eae8d8; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:100%; 
	color:#4a4a4e;
	margin:0px; 
	padding:0px; 
}
img{
	display:block;
}

/*Drop down layer styles*/
#closer{
	position:absolute;
	z-index:1; /*lowest layer*/
	top:125px;
	visibility:hidden;
}
.dd_header{
	position:relative; 
	z-index:3 /*higher than closer layer*/
}
.dd_all{
	position:absolute; 
	z-index:5;
	top:186px; 
	visibility:hidden;
}
#dd_lodge_outposts{
	 left:148px; 
}
#dd_hunting_fishing{
	left:284px; 
}
#dd_trip_information{ 
	left:418px; 
}
#dd_communication{
	left:544px;
}
/*End drop down layer styles*/
/*Drop down classes*/
.dd_connector{
	background-color:#004221;
	background-image:url('../images/dd_pattern.gif'); 
	border-width:1px 1px 0px 1px; 
	border-color:#004221; 
	border-style:solid;
}
.dd_emptyspot{
	border-width:0px 0px 1px; 
	border-color:#004221; 
	border-style:solid
}
.dd_emptyrow{
	height:1px;
	background-color:#eae8d8
}
.dd_item_container{
	border-width:0px 1px 0px 1px; 
	border-color:#004221; 
	border-style:solid;
}
.dd_item{
	background-color:#eae8d8; 
	color:#004221;
	font-size:70%;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	border-width:0px 0px 1px;
	border-color:#004221;
	border-style:solid;
}
/*End Drop Down classes*/

/*Links in drop down menus. Padding is added so that entire table cell is a link, rather than just words
Providing a width for the link causes the hot area to extend past the words (the width of cell)
Note that display:block is REQUIRED to get the hot area larger than the words in NN!!!
*/
.dd_link:link, .dd_link:visited{
	color:#004221;
	background-color:#eae8d8;
	text-decoration:none;
	width:160px;
	height:100%;
	display:block;
	padding: 4px 6px 4px;
}
.dd_link:hover, .dd_link:focus{
	color:#eae8d8;
	background-color:#004221;
	text-decoration:none;
	width:160px;
	height:100%;
	display:block;
	padding: 4px 6px 4px;
}
#date{
	 font-size:65%;
	 font-family:Verdana,Arial,Helvetica,sans-serif;
	 color:#4a4a4e;
	 padding:0.8em;
}
/*msg_box is used for all boxes (left and right)*/
.msg_box{
	background-color:#f4f3eb; 
}
.msg_box_content{
	font-size:64%;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#004221;
	padding:0em 5px 5px;
	text-align:left;
}
.msg_box img{
	display:inline;
}

.leftside_item{
	padding:0px 0px 15px;
}
#comment{
	color:#004221;
	font-size:64%;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	padding-top:0.5em;
}
#guest{
	color:#004221;
	font-size:64%;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	padding:0.5em 0em;
}

/*CONTENT BOX RELEVANT STYLES*/
#content{padding:0px 0px 0px;}
#content img{/* lets text wrap around images */
	display:inline;
}

.alignR{text-align:right;}
.alignL{text-align:left;}
.alignC{text-align:center;}
.alignT{vertical-align:top;}
.alignM{vertical-align:middle;}
.alignB{vertical-align:bottom;}
.floatL{float:left;}
.floatR{float:right;clear:right;}

.noBorder{border-width:0px;} /*no border desired  *"border=0" non-standards-compliant*/

div.reg, span.reg, p.reg, td.reg{
	font-size:70%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#4a4a4e;
}

div.small, span.small, p.small, td.small{
	font-size:64%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#4a4a4e;
}

#page_content{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#4a4a4e;
	padding:3px 12px 3px;
}
strong.green{
	color:#107241;
}
#imgHead{ /*h1 tag*/
	margin:0px 0px 0px;
	text-indent:-100em; /*Move h1 text over and out of the box and hide overflow*/
	overflow:hidden; 
	width:435px; 
	height:32px;
	/*background image shows thru; determined on page itself (inline)*/
	background-position: top left;
	background-repeat:no-repeat;
}
h2{
	color:#107241;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:85%;
	font-weight:bold;
}

h3{
	color:#107241;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
	font-weight:bold;
}

ul.listCircle li{
	list-style-image:url('../images/bullet_circle.gif');
}
ul.listArrow li{
	list-style-image:url('../images/bullet_arrow.gif');
}
li{
	padding-bottom:7px;
}
hr.regular {
	height:1px;
	color:#004221;
	text-align:center;
	width:90%;
}
/*END CONTENT BOX RELEVANT STYLES*/
/* FORM ELEMENTS */
label.regular {
	padding-right:10px;
	}
input.regular {
	background-color: #f4f3eb;
	border-color: #004221;
	border-width:1px;
}
textarea.regular {
	background-color: #f4f3eb;
	border-color: #004221;
	border-width:1px;
	
	scrollbar-face-color: #f4f3eb;
	scrollbar-arrow-color: #004221;
	scrollbar-track-color: #f4f3eb;
	scrollbar-darkshadow-color: #f4f3eb;
	scrollbar-shadow-color: #004221; 
	scrollbar-highlight-color: #004221; 
	scrollbar-3dlight-color: #f4f3eb;

}

/* END FORM ELEMENTS */

/*WEATHER RELATED STYLES*/
.title{
	padding:2px;
	color:#4a4a4e;
	font-size:70%;
}
.tempCondition{
	font-size:80%;
	font-weight:bold;
	color:#4a4a4e;
	padding:3px;
}
/*END WEATHER RELATED STYLES*/

/*RATE TABLE STYLES*/
.ratesTable{width:99%; border-collapse:collapse;}
.ratesHeader{
	background-color:#004221;
	color:#f4f3eb;
	font:bold 70% Verdana, Arial, Helvetica, sans-serif;
	border-width:0px;
	padding:1px;
	width:33%;
}
.ratesHeaderShaded{
	background-color:#f4f3eb;
	color:#004221;
	font:bold 70% Verdana, Arial, Helvetica, sans-serif;
	border-width:0px;
	padding:0px;
}

.ratesCell{
	font:64% Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #f4f3eb;
	border-width:0px 0px 1px;
	padding:3px;
}



th.headers {
	background-color:#004221;
	color:#f4f3eb;
	font-size:70%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-collapse:collapse;
	border-width:0px;
	padding:3px;
	}
td.rowWhite {
	text-align:center;
	font-size:75%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-width:0px;
	padding:3px;
}
td.rowYellow {
	text-align:center;
	font-size:75%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-collapse:collapse;
	border-width:0px;
	padding:3px;
	background-color:#f4f3eb;
}
#ratesNote {
	width:85%;
	}
.tableborder{
	background-color:#004221;
}
/* end table styling section */

.rightside_item{
	padding:0em 0em 1.3em;
}

/*subLink are submenu links*/
a.subLink{
	color:#004221;
	text-decoration:none;
}
a.subLink:hover{
	color:#004221;
	text-decoration:underline;
}

/*reg are regular text links*/
a.reg{
	color:#004221;
	text-decoration:underline;
}
a.reg:hover{
	color:#004221;
	text-decoration:none;
}

#textlinks{
	font-size:65%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/bottom_textlinks.gif); 
	background-repeat:no-repeat;
	color:#eae8d8;
}
#textlinks a{
	text-decoration:none;
	color:#eae8d8;
}
#textlinks a:hover{
	text-decoration:underline;
	color:#eae8d8;
}

a.kirsir:link, a.kirsir:visited{
	color:#004221;
	background-color:#eae8d8;
	text-decoration:none;
}
a.kirsir:focus, a.kirsir:hover{
	color:#eae8d8;
	background-color:#cc0000;
	text-decoration:none;
}
#copyright{
	font-size:64%; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	background-color:#eae8d8; 
	padding:0.5em; 
	color:#004221;
}

/*PREVIEW WINDOW*/
#preview{
	width:200px; 
	height:300px; 
	overflow:auto; 
}


/*class for items that should show ONLY when printing, otherwise, they are invisible!*/
.onlyPrint{
	display:none; 
}

/*STYLES FOR PRINTING ONLY*/
@media print{
	.noPrint{
		display:none;
	}
	.onlyPrint{
		display:inline;
		color:#000000;
		font-size:12pt;
		text-align:center;
		font-family:Verdana,Arial,Helvetica,sans-serif;
	}
	h3{
		color:#000000;
		font-size:11pt;
		font-family:Verdana,Arial,Helvetica,sans-serif;
	}
	.contentRegular{
		color:#000000;
		font-size:10pt;
		font-family:Verdana,Arial,Helvetica,sans-serif;
	}
}