/* CSS Document */


#topmenubar-left h1{
	font-family:Arial, Helvetica;
	font-size: 17px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	margin-left: 10px;
}


#topmenubar-left .adv{
	color: #fff000;
	margin-left: -5px;
	margin-right: -5px;
}


#topmenubar-left .dotcom{
	font-size: 12px;
	text-transform: none;
	margin-left: -5px;
}

.textbox{
	font-family: Arial, Verdana;
	font-size: 12px;
	line-height: 20px;
	padding: 10px 10px 0px 10px;
}

.textbox a{
color:#0000FF;

}
.textbox a:hover{
color: #FF0000;

}
.textbox a:hover{
color: #0000FF;

}


.textbox h2{
	font-size: 17px;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
}

.textbox1{
	font-family: Arial, Verdana;
	font-size: 12px;
	line-height: 19px;
	padding: 10px 5px 0px 5px;
}
.textbox1 a{
color:#0000FF;

}
.textbox1 a:hover{
color: #FF0000;

}
.textbox1 a:hover{
color: #0000FF;

}

.textbox1 h2{
	font-size: 17px;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
}

/**side menu **/

.mainmenu-box {
	background: #77aab7;
	float: left;
	width: 99%;
	border-top: 0px;
	border-left: 0px;
	margin: -1px 0px 15px 0px;
}

.mainmenu-box h2 {
	background: #015562;
	padding: 10px;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #FFF;
}

.mainmenu {
	float: left;
	padding: 0px 0px 5px 0px;
	margin: 0px;
	font: bold 12px Arial, Helvetica, sans-serif;
}


.mainmenu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}


.mainmenu ul li {
	float:left;
	padding: 0px;
	width: 100%;
	list-style: none;
	overflow: hidden;
}

.mainmenu ul li a {
	display:block;
	text-decoration:none;
	color:#003333;
	padding: 6px 0px 6px 25px;
	background: url(../images/arrow.gif) left center no-repeat;
	border-bottom: 1px solid #699797;
	border-top: 1px solid #8ed7d8;
}
	
.mainmenu ul li a:hover {
	color: #FFF;
	background: #2d3a3a url(../images/arrow1.gif) left center no-repeat;
	text-decoration: none;
}

#3col{
	padding: 0px;
	margin: 0px;
}
	
.info-ad{
	width: 280px;
	height: 90px;
	border: 1px solid #000000;
	float: left;
}

.rightimg{
	 float: right;
	 border: 0px;
	 margin: 5px 0px 5px 15px;
	 padding: 2px;
	 border: 1px solid #9dbbcb;
	 background: #b4d3e4;
 }
 
  .leftimg{
	 float: left;
	 border: 0px;
	 margin: 5px 15px 5px 0px;
	 padding: 2px;
	 border: 1px solid #9dbbcb;
	 background: #b4d3e4;
 }

.myh2{
	font-family: Arial; 
	font-size: 17px; 
	background:#deeeff url(../images/h2curve.gif) right top no-repeat; ; 
	width:200px; 
	margin: 0px 0px 0px 1px; 
	padding:7px 15px 5px 10px;
	border: 0px;
}

/*** Bucket ***/

#mycontainer {
	clear:left;
	margin: auto;
	width:930px;
	overflow:hidden;
	background:#deeeff;
	border-left: 1px solid #c0d0d0;
	border-bottom: 1px solid #c0d0d0;
	border-right: 1px solid #c0d0d0;
}

.buckets {
	clear: left;
	margin:5px 0 0 1px;
	width: 930px;
	font-family: "Lucida Grande", Tahoma, Arial;
	position:relative;
}

.bucket {
	font-family: Tahoma, Arial;
	width:280px;
	float:left;
	margin:10px 0 10px 0;
	padding:0 10px 0 10px;
	font-size: 11px;
	line-height: 17px;
}

.buckets .num-1,
.buckets .num-2 {
	border-right:#bfbfbf 1px solid;
}

.bucket h2 {
	font-family: Helvetica, "Lucida Grande", Tahoma, Arial;
	font-size:14px;
	padding-bottom:10px;
	color: #004117;
}

.bucket p {
	padding-top:5px;
	color:#565656;
	font-size:11px;
	line-height:20px;
	font-family: Tahoma, Arial;
}

.readmore {
	clear:left;
}


.linkbox{
	border-bottom: 1px solid #EAEAEA;
	width: 95%;
}

.linkbox h2{
	font: 14px bold Helvetica, "Lucida Grande", Arial;
	color: #d31700;	
	padding-top: 5px;
	padding-bottom: 0px;
	letter-spacing: -1px;
}

.linkbox h2 a{
	text-decoration: none;
	color: #b40066;	
}

.linkbox h2 a:hover{
	text-decoration: underline;
	color: #117b00;	
}

.linkbox p{
	font: 11px normal Arial, "Lucida Grande", Helvetica, Arial;
	color: #878787;	
	margin-bottom: 10px;
}

.linkbox .day{
	font: 11px normal "Lucida Grande", Helvetica, Arial;
	color: #333;
}


.flink{
	margin-top: 25px;
	margin-left: 20px;
	font-family: Tahoma, Arial;
	font-size: 11px;
}

.flink a{
	padding: 3px 6px;
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 15px;
}

.flink .bar{
	border-right: 1px dotted #747474; 
}
	
.flink a:hover{
	background: #f8eee2;
	color: #b92503;
	text-decoration: none;
}


/**** Menu ***/


.menu {
	width: 455px;
	height: 35px;
	position:relative;
	z-index:100;
	font: bold 12px Arial, Helvetica, sans-serif;
	padding: 0px 0px;
	
	}

/* hack to correct IE5.5 faulty box model */

* html .menu {
padding-top: 20px;
width: 460px;

	}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	
	}
.menu ul ul {

	}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {
	float:left;
	position:relative;
	padding: 0px 0px 0px 1px;
	}
/* style the links for the top level */
.menu ul li a, .menu ul li a:visited {
	display:block;
	font-size:12px;
	text-decoration:none;
	color:#00111e;
	padding:10px 25px;
	font-weight:bold;
	background: #b8d8e8;

	}

/* style the third level background */
.menu ul ul li a, .menu ul ul li a:visited {
	background:#2580a2;
	border-bottom: 1px solid #106987;
	text-transform: none;
	padding: 5px 0px 5px 10px;
	width: 170px;
	color: #f5f5f5;
	opacity: 0.9;
filter: alpha(opacity=90);
font-size: 12px;
text-align: left;
font-weight: normal;
	}
/* style the third level hover */
.menu ul ul li a:hover {
	background:#2298cc;
	color: #FFF;
	}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:35px;
	left:0;
	width:180px;
	font-size: 12px;
	font-weight: normal;
	}
	
.menu ul ul li {
	background: none;
	}
/* another hack for IE5.5 */
* html .menu ul ul {
	top:35px;
	t\op:35px;
	}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
	}
	



/* style the top level hover */
.menu a:hover, .menu ul li a:hover{color:#cccccc; background:#2580a2;}
.menu :hover > a, .menu ul li :hover > a {color:#cccccc; background:#2580a2;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}




		
		/*** 3 Box ***/
		
.image-box{
	width: 100%;
	padding: 0px;
	float: left;
	background: #FFF;
	margin:0px;
	height: 110px;
}

* html .image-box{
	margin: 5px 2.5px;
}


.image-box a.c-title {
	margin: 65px 0px 0px 0px;
	background: #000;
	opacity: .8;
	filter: alpha(opacity=80);
	padding: 5px 0px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	float: left;
	width: 270px;
	text-transform: uppercase;
}

.image-box a.c-title {
	color: #FFF;
	background: #bd3301;
}

		
/*** Mark Menu ***/

#mymenu{
	background: url(../images/paper-bkg.jpg);
	width: 100%;	
}


.markermenu{
	width: 100%; /*width of menu*/
}

.markermenu h2 {
	font-family: Arial, Verdana;
	font-weight: bold;
	font-size: 14px;
	background: #97b2c1;
	padding: 5px;	
}
.markermenu ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.markermenu ul li a{
	background: transparent url(../images/arrow-list.gif) no-repeat 2px center;
	font: bold 12px Arial, Verdana, Helvetica, sans-serif;
	color: #00014e;
	display: block;
	width: auto;
	padding: 5px 0px 5px 0px;
	padding-left: 20px;
	text-decoration: none;
	border-bottom: 1px solid #b4c9d0;
}

* html .markermenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
	width: 92%;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
	color: #00014e;
}

.markermenu ul li a:hover{
	color: green;
	text-decoration: underline;
	background-color: #bfd5e0;
	background-image:url(../images/arrow-list-red.gif); /*onMouseover image change. Remove if none*/
}

/*** Weather ***/

.weather p{
	font-family: Arial, Verdana, Helvetica;
	font-size:12px;
	width: auto;
	left: auto;
	right: auto;
	margin: 0;
	padding: 2px;
	border-bottom: 1px dashed #CCCCCC;
	height: 15%;
}

* html .weather p{
	font-family: Arial, Verdana, Helvetica;
	font-size:12px;
	width: auto;
	left: auto;
	right: auto;
	margin: 0;
	padding: 2px;
	border-bottom: 1px dashed #CCCCCC;
	height: 1%;
}

.weather .day{
	font-weight: normal;
	font-size: 12px;
	float: right;
	margin-right: 5px; 
	width: 8%;
	text-align: center;
}

.imgright {
	border: 1px solid #CBCBC5;
	background-color: #FFFFFF;
	padding: 4px;
	margin-left: 10px;
	margin-bottom: 5px;
	float: right;
}

.leftimg{
	border: 1px solid #DDDDDD;
	background-color: #FFFFFF;
	padding: 4px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
	float: left;
}


.permitmenu {
	font: normal 12px/1.6 Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 5px;
	text-align:justify;
	padding-: 0px 0px 0px 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-top: 5px;
}

.listmenu {
	font: bold 12px/1.6 Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 30px;
}

.listmenu a{
	text-decoration: none;
}

.listmenu a:hover{
  color:#AF0909;
  text-decoration: underline;
}


.formbox{
	width: auto;
	padding: 10px;	
}

.formbox p{
	font-family: Arial, Verdana, Helvetica;
	font-size:12px;
	width: auto;
	clear: left;
	right: auto;
	margin: auto;
	padding: 5px 2px 5px 2px;
	border-bottom: 1px dashed #CCCCCC;
	height: 5%;

}
* html .formbox p{
	font-family: Arial, Verdana, Helvetica;
	font-size:12px;
	width: auto;
	clear: left;
	right: auto;
	margin: auto;
	padding: 5px 2px 5px 2px;
	border-bottom: 1px dashed #CCCCCC;
	height: 1%;

}

.formbox .writespace{
	font-weight: bold;
	font-size: 12px;
	float: left;
	margin-left: 5px; 
	width: 25%;
	text-align: left;
}

.title {
	font: bold 14px Helvetica, Arial, Verdana, sans-serif;
	padding: 5px 0px 5px 0px;
	color: #004060;
	}

.read {
    font: Arial, Helvetica, sans-serif;
	color: #455239;
	text-decoration: none;
}


.departure p{
	font-family: Verdana, Arial, Helvetica;
	font-size:12px;
	width: auto;
	clear: left;
	left: auto;
	right: auto;
	margin: 0;
	padding: 2px;
	border-bottom: 1px dashed #CCCCCC;
	height: 15%;
}

* html .departure p{
	font-family: Verdana, Arial, Helvetica;
	font-size:12px;
	width: auto;
	clear: left;
	left: auto;
	right: auto;
	margin: 0;
	padding: 2px;
	border-bottom: 1px dashed #CCCCCC;
	height: 1%;
}

.departure .day{
	font-weight: normal;
	font-size: 12px;
	float: right;
	margin-right: 5px; 
	width: 15%;
	text-align: center;

}

.note{
      font:normal 12px/1.5 Arial, Helvetica, sans-serif;
      color:#000000;
      line-height: 1.5em;
      margin-bottom: 10px;

}
.policy{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: bold;
	color:#01425f;
}
.note-write{
	font: bold 12px/1.5 Arial, Helvetica, sans-serif;
	color:#CD3500;
	line-height: 1.5em;
	margin-bottom: 10px;
}
/* Photo Gallery */

.pgallery p{
	font: normal 12px Arial, Tahoma, Helvetica, sans-serif;
	width: auto;
	clear: left;
	left: auto;
	right: auto;
	margin: 0;
	padding: 2px;
	border-bottom: 1px dashed #bdb6a9;
	height: 170px;
	line-height: 1.3;
	margin-bottom: 10px;
	text-align: center;
	width: 100%;
	padding: 0 30px 0 0;
}

* html .pgallery p{
	font-family: Arial, Verdana, Helvetica;
	font-size:11px;
	width: auto;
	clear: left;
	left: auto;
	right: auto;
	margin: 0;
	padding: 2px;
	border-bottom: 1px dashed #bdb6a9;
	height: 170px;
	text-align: center;
	margin-bottom: 10px;
}

.pgallery .name{
	font-weight: normal;
	font-size: 12px;
	float: right;
	margin-right: 5px; 
	width: 24%;
	text-align: center;
}
.photo-gallery{
	border: 2px solid #FFFFFF;
}
.document-text{
	font: normal 12px Arial, Tahoma, Helvetica, sans-serif;
	color: #00CC00;
}
.inquiry-text{
	font: normal 12px Arial, Tahoma, Helvetica, sans-serif;
	color: #898686;
}



.myintro{
	font-family: Arial, Georgia, Verdana;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	padding: 0px 5px 0px 0px;
	text-align: justify;
}


.myintro .firstletter {
	font-size : 350%;
	float : left;
	color : #000;
	margin: 10px 5px 7px 0px;
}

.myintro h2{
	font-size:25px;	
	padding: 15px 0px;
}

.myintro h3{
	font-size:18px;	
	padding: 10px 0px;
}
/* Mountain Flights */


.flight p{

	width: auto;
	clear: left;
	left: auto;
	right: auto;
	margin: 0;
	padding: 2px;
	border-bottom: 1px dashed #CCCCCC;
	height: 15%;



}

* html .flight p{

	width: auto;
	clear: left;
	left: auto;
	right: auto;
	margin: 0;
	padding: 2px;
	border-bottom: 1px dashed #CCCCCC;
	height: 1%;



}

.flight .day{
	font-weight: normal;

	float: right;
	margin-right: 5px; 
	width: 15%;
	text-align: center;

}

/* Trip Fact Box */

#factbox{
		height: auto;
		padding: 9px;
		background:#0B9BDB url("../images/bot-right1.gif") bottom right no-repeat;
		float: left;
		width: 97%;
		margin-top: 15px;
		font: normal 12px/1.5 Arial, Helvetica, sans-serif;
	}
	
* html #factbox{
		float: none;
	}
	
	#factbox p{
		padding: 3px 5px 3px 5px;
		margin: 0px;
		font: Arial, Helvetica, sans-serif;
	}
	
	#factbox #twocolumns {
		/*set that background image*/
		/*repeat it and center it*/
		background: url(../images/bg.gif) repeat-y center;
		float: left;
		width: 100%;
		margin:auto;
		margin-bottom:0px;
	}


#factbox #twocolumns #column1 {
		height: auto;
		width: 100%;
		padding:0px;
		background: #F9F6EF;
	}
	/*clear the above float*/
	#factbox .clr {
		clear:both;
	}
	
	.facttext{
	padding:4px 10px 4px 7px;
	text-align:justify;
}
	.facttitle{
		padding:5px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		font-weight: bold;
		color: #FFFFFF;
		width: auto;
		background-color: #0161A7;
	}

.facttitle a{
	color: #FFFFFF;
}


/* Tinclude Box */

#include{
		height: auto;
		padding: 9px;
		font: Arial, Helvetica, sans-serif;
		float: left;
		width: 100%;
		margin: 10px 0px;
}

* html #include{
		float: none;
}

#include p{
		font: Arial, Helvetica, sans-serif;
		padding: 0px 0px 0px 20px;
		margin: 0px;
		background: url(../images/include_arrow.gif) center left no-repeat;
		text-align:justify;
}
.includetitle{
padding:5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
color: #000000;
width: auto;
background-color: #B8D8E8;
}

.tripprice{
color: #18BD07;
font: bold 14px/1.5 Arial, Helvetica, sans-serif;
}
.pricebold{
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #740A02;
}

#marquee {

	width: 130px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 220px 10px 5px 770px;
	position: absolute;
	margin /*\**/: 220px 10px 5px 500px\9;
}

* html #marquee {

	width: 130px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 220px 5px 5px 350px;
	position: absolute;
}