@charset "UTF-8";
/* CSS Document */

/* elements */
	body 
	{
		background: #759a9f url(../images/layout/bg_body.jpg) no-repeat fixed;
		font-family:Tahoma, Geneva, sans-serif;
	}
	
	a, a:visited
	{
		color:#bd0000;
		text-decoration:none;
	}
	a:hover {color:#333; text-decoration:none; }
	
	h1 {color:#472f91;}
	h2, h3 
	{
		color:#404040;
		font-weight:bold;
		text-transform: uppercase;
		letter-spacing:0.05em;
	}
	
	h2.title, h2.title a
	{
		font-weight:normal; 
		font-size:30px;  	
	}
	h3.title, h3.title a
	{
		font-weight:normal; 
		font-size:16px; 
		text-transform:uppercase; 
	}
	
	ul {}
	li{}
	
	div, p, table 
	{
		color:#404040;
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
		line-height:1.5em;
		font-size:1em;
	}
	
	hr
	{
		border:none;
		height:1px;
		background-color:#9f9272;
	}
	
/* ul and li adjust */
	ul.nav {margin: 0px 0 0 0; list-style: none; padding: 0; float:left;}
	ul.nav li { display:inline; margin: 0; padding: 0;}
	
/* image replacement */
	h1 a
	{
		float: left;
		text-indent: -999em;
		margin: 0px;
		padding: 0px;
		background: url(../images/layout/logo_site.gif) no-repeat;
		height: 61px;
		width: 380px;	
	}
	
	
	ul#primary_menu
	{
		background:url(../images/layout/nav_sep.gif) repeat-x;
		overflow:hidden;
		padding-right:1px;
	}
	
	li.ns a,
	li.nb a,
	li.nf a,
	li.pei a,
	li.ns_fre a,
	li.nb_fre a,
	li.nf_fre a,
	li.pei_fre a
	{
		float: left;
		text-indent: -999em;
		
		padding: 0px;
		height:59px;
	}
	
	/* set up backrounds for main nav */
	li.ns a 
	{
		background:#970000 url(../images/layout/nav_ns_off.gif) no-repeat;
		width:127px;
		margin: 0px 0 0 1px;
	}
	li.nb a 
	{
		background:#970000 url(../images/layout/nav_nb_off.gif) no-repeat;
		width:151px;
		margin: 0px 0 0 1px;
	}
	li.nf a 
	{
		background:#970000 url(../images/layout/nav_nf_off.gif) no-repeat;
		width:146px;
		margin: 0px 0 0 1px;
	}
	li.pei a 
	{
		background:#970000 url(../images/layout/nav_pei_off.gif) no-repeat;
		width:146px;
		margin: 0px 0 0 1px;
	}
	
	/* set up backrounds for french main nav */
	li.ns_fre a 
	{
		background:#970000 url(../images/layout/nav_ns_fre_off.gif) no-repeat;
		width:127px;
		margin: 0px 0 0 1px;
	}
	li.nb_fre a 
	{
		background:#970000 url(../images/layout/nav_nb_fre_off.gif) no-repeat;
		width:151px;
		margin: 0px 0 0 1px;
	}
	li.nf_fre a 
	{
		background:#970000 url(../images/layout/nav_nf_fre_off.gif) no-repeat;
		width:146px;
		margin: 0px 0 0 1px;
	}
	li.pei_fre a 
	{
		background:#970000 url(../images/layout/nav_pei_fre_off.gif) no-repeat;
		width:146px;
		margin: 0px 0 0 1px;
	}
	
	/* set up backrounds for main nav hover */
	li.ns, li.ns a:hover { background:#970000 url(../images/layout/nav_ns_on.gif) no-repeat; }
	li.nb, li.nb a:hover { background:#970000 url(../images/layout/nav_nb_on.gif) no-repeat; }
	li.nf, li.nf a:hover { background:#970000 url(../images/layout/nav_nf_on.gif) no-repeat; }
	li.pei, li.pei a:hover { background:#970000 url(../images/layout/nav_pei_on.gif) no-repeat; }
	
	/* set up backrounds for main french nav hover */
	li.ns_fre, li.ns_fre a:hover { background:#970000 url(../images/layout/nav_ns_fre_on.gif) no-repeat; }
	li.nb_fre, li.nb_fre a:hover { background:#970000 url(../images/layout/nav_nb_fre_on.gif) no-repeat; }
	li.nf_fre, li.nf_fre a:hover { background:#970000 url(../images/layout/nav_nf_fre_on.gif) no-repeat; }
	li.pei_fre, li.pei_fre a:hover { background:#970000 url(../images/layout/nav_pei_fre_on.gif) no-repeat; }
	
	

/* layout and postioning  */

	#outer_wrapper 
	{
		background: url(../images/layout/bg_nav.jpg) repeat-x;
		overflow:hidden;
	}
	
	#inner_wrapper
	{
		margin-left:auto;
		margin-right:auto;
		width:961px;
	}
	
	
	
	
		ul#secondary_menu
		{	
			clear:both;
			float:left;
			background:url(../images/layout/bg_secnav.png);
			padding:0px 0px;
			margin:0px;
			font-size:0.8em;
          	list-style: none;
			color:#860000;
		}
		ul#secondary_menu li
		{float:left;}
		
		ul#secondary_menu a {color:#860000; padding:10px; line-height:30px;}
		ul#secondary_menu a:hover {padding:7px 10px 12px 10px; color:#fff; background-color:#333333;}
		
		
		
		a#view_all 
		{ 
			background:url(../images/layout/bg_viewall.png) no-repeat;
			height:34px;
			width:163px;
			float: right;
			text-indent: -999em;
			margin: 0px;
			padding: 0px;
		}
		a#view_all:hover { background:url(../images/layout/bg_viewall_on.png) no-repeat; }
		
		
		
		
		#content_wrapper
		{
			overflow:hidden;
			clear:both;
			float:left;
			margin-top:25px;
			width:100%;
		}
		
			#content_wrapper #top
			{
				background:url(../images/layout/pp_top.png) no-repeat;
				width:960px;
				height:40px;
				clear:both;
				float:left;
			}
			
			#tabs_main
            {
				overflow:hidden; 
				float: left;
			}
			
			#content_wrapper #content
			{
				background:url(../images/layout/bg_content.png) repeat-y;
				clear:both;
				float:left;
				width:100%;
				overflow:hidden;
			}
			
		/** CSS FOR INSIDE ATTRACTION */
				#main 
				{
					float:left;
					overflow:hidden;
					padding:0px 20px 0 40px;
					margin-bottom:70px;
					width:852px;
					font-size:0.75em;
					
				}
				
				#main p {padding:0 0 20px 0}
				
				#main .breads
				{	
					font-size:0.9em;
					padding-bottom:20px;
				}
				#main .breads a 
				{
					color:#BA0000;
				}
				#main .breads a:hover {text-decoration:underline;}
				
				#main .left, #main .right
				{
					float:left;

					width:460px;
				}
				
		/* CSS FOR SLIDING COMMENTS */	
		
			
			.active {
				display:none;
			}
	
			#panel {
				display: none;
			}
			
			.slide {
				margin: 0;
				padding: 0;
			}
			
			a.btn-slide, .comments .item div a {
				border:1px #beab7c solid;
				float:right;
				background:url(../images/layout/bg_secnav.png);
				padding:8px 15px;
				color:#790000;
			}
			
			a.btn-slide:hover, .comments .item div a:hover {
				border:1px #790000 solid;
				float:right;
				background-color:#790000;
				background-image:none;
				padding:8px 15px;
				color:#fff;
			}
		


		/* CSS for COMMENTS SECTION */
		.comments,
		.submitcomment
		{
			padding:20px 0;
		}
			.comments h3,
			.submitcomment h3
			{
				float:left;
				margin:0;
				padding:0;
				text-indent:-999em;
				height:25px;
				width:100%;
				border-bottom:1px #a69a7c solid;
			}
				.comments h3
				{
				
					background:url(../images/layout/title_comments.png) no-repeat;
				}
				.submitcomment h3
				{
			
					background:url(../images/layout/title_submitcomment.png) no-repeat;
				}
				
			/* COMMENTS TEXT AREA */
				.comments .item 
				{
					margin-top: 8px;
					float:left;
				}
				
				.comments .item img
				{
					float:left;
					border:5px #beb389 solid;
					margin:0px 8px 8px 0;
				}
				.comments .item img:hover {border:5px #beb389 solid;}
				.comments .item div
				{
					background:url(../images/layout/bg_comment.png) repeat-y;
					float:left;
					width:329px;
					padding: 25px 10px 0px 25px;
					margin:0 0 30px 12px;
				
				}
				
				.comments .item div a
				{
						
				}
				
				.comments .item div p
				{
					font-size:1.15em;
				}
				
				.comments .item div p.user span
				{
					color:#790000;
					font-style:normal;
					display:block;
					margin-top:0;
				}
				.comments .item div p.user
				{font-size:0.95em; line-height:1.2em;}
				
		/* FORM STYLING */
		.submitcomment form { clear:both; font-size:0.9em;  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;}
		.submitcomment label,  div#checkbox p 
		{
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:1.2em;
			padding:20px 10px 0 10px; 
			display:block;
			color:#790000; 
			text-align:right; 
			font-weight:normal; 
			float:left; 
			clear:both;
			width:79px; 
		}
		
		div#checkbox
		{
			width:100%;
			padding:0px 0 30px 0;
			margin-top:-20px;
			overflow:hidden;
		}
                div#checkbox p	
				{
					width:auto;
					clear:both; 
					padding:0px; 
					margin-left:100px;
				}
		
		.submitcomment input, .submitcomment textarea 
		{
			padding:7px; 
			background-color:#f3ead0; 
			border:none; 
			width:345px; 
			margin:17px 0px;
			 font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
			 font-size: 1.1em;
			 overflow:hidden;
		}
		.submitcomment div.description {margin-left:170px; padding-top:3px;}
		.submitcomment textarea {height:150px;}
		.submitcomment input {width:345px; margin-bottom:0px;}
		.submitcomment input#edit-submit {margin-left:170px}
		.submitcomment input.form-submit 
		{ 
			width:auto; 
			margin:0px 0px 30px 0px; 
			padding-left:20px; 
			padding-right:20px; 
			background-color:#790000; 
			color:#fff; 
			font-family:georgia; 
float:right;
			
		}
		
		.submitcomment input.form-submit:hover {background-color:#fff; color:#790000;}
	.submitcomment input#preview {margin-right:10px;}
		
		.submitcomment div#checkbox input 
		{
			padding:0px; 
			width:10px; 
			text-align:left;
			background:none;
		}
				
				#main .right {width:322px; padding-left:37px; }
					
					#main .right h3 
					{
						font-weight: normal;
						font-style:italic;
						text-transform:capitalize;
						letter-spacing:0.015em;
						color:#645F4A;
					}
					#main .right h3.title
					{
						padding-top:20px;
						font-style:normal;
	
					}
					
					#main .right p
					{
						padding:0;
						margin-bottom:10px;
					}
					
					#main .right .longtext p
					{
						padding:10px 0px;
					}
					
					p.phone
					{
						font-family:Georgia, "Times New Roman", Times, serif;
						font-size:1.5em;
						color:#645F4A;
						font-weight:normal;
						display:block;
						
					}
					p.links {margin:3px 0; display:block;}
					
					div#content_wrapper p.links, 
					div#content_wrapper p.links a
					{
						color:#BA0000;
					}
					p.links a:hover {text-decoration:underline;}
					
					#main .right .map {padding:8px 0;}
					
					div.c_item
					{
						background:url(../images/layout/icon_quote.gif)  no-repeat;
						padding:10px 0px 0px 25px;
						margin-bottom:15px;
						overflow:hidden;
					}
					
						p.user
						{
							font-style:italic;
							float:left;
							color:#645F4A;
							
						}
							p.user span
							{
								color:#790000;
								font-style:normal;
								display:block;
								margin-top:25px;
							
							}
							
							.item p.user span {width:240px;}
							
							
					.user_photos img
					{
						border:9px #e1e9e5 solid;
						margin-right:22px;
						margin-bottom:22px;
						float:left;
					}
						.user_photos img:hover
						{
							border:9px #e28d0c solid;
						}
					
					.user_photos a
					{
						width:100px;
						float:left;
						color:#790000;
					}
						.user_photos a:hover
						{
							text-decoration:underline;
						}
						
						
			/** styling the red buttons **/
					div#content_wrapper a.red
					{
						background-color:#790000;
						color:#fff;
						padding:7px 15px;
						float:right;
						margin-top:25px;
					}
					div#content_wrapper a.red:hover
					{
						background-color:#fff;
						color:#790000;
					}
					
			/** styling the gallery **/
				#main #gallery
				{
				 
				}
				
					div#clicktext
					{
						position:absolute;
						z-index:100;
						margin: 140px 0 0 140px;
						text-transform:uppercase;
						color:#fff;
					}
				
				#main #gallery ul
				{
					display:none;
				}
				
				#main #gallery img
				{
					
					border:5px #fff solid;
					margin-bottom:20px;
				}
					#main #gallery img:hover {border:#e28d0c 5px solid;}
					
				.dropcap
					{
						float:left;
						font-size:5em;
						font-family:Georgia, "Times New Roman", Times, serif;
						padding:0;
						margin:15px 5px 10px 0;
					
					}

#map { height: 600px; width: 800px; margin-bottom:20px; }
				
				
		/** CSS FOR SIGN IN TABS  **/
				ul#tabs
				{
					width:48px;
					float:right;
				
				}
					ul#tabs li
					{
						overflow:hidden;
						margin-bottom:3px;
						
					}
				
					ul#tabs li a 
					{
						text-indent:-999em;
						float:left;
						margin:0;
						padding:0;
						width:48px;
						height:117px;
					}
					
					/* Preload Tab Grphics */
					ul#tabs li.signin {background:url(../images/layout/btn_signin_on.png) -999em -999em no-repeat; }
					ul#tabs li.joinin {background:url(../images/layout/btn_joinin_on.png) -999em -999em no-repeat; }
					
					ul#tabs li.signin a 
					{
						background:url(../images/layout/btn_signin_off.png) no-repeat;
						
					}
					ul#tabs li.joinin a 
					{
						background:url(../images/layout/btn_joinin_off.png) no-repeat;
					}
					ul#tabs li.signin a:hover
					{
						background:url(../images/layout/btn_signin_on.png) no-repeat;
						
					}
					ul#tabs li.joinin a:hover
					{
						background:url(../images/layout/btn_joinin_on.png) no-repeat;
					}
				
		/** CSS FOR BOTTOM LEFT IMAGES. IE HIKERS **/
				#hikers
				{
					background:url(../images/layout/img_hikers.png) no-repeat;
					width:343px;
					height:170px;
					margin-top:-144px;
					margin-left:18px;
					clear:both;
					position:relative;
					z-index:100;
				}
				
				/* CSS for columns within content par */
				
.col2 {
	float:left;
	width:350px;
	margin-right:40px;
}
				

		/** CSS FOR PROVINCE LOGOS  **/	
				ul#logos 
				{
					list-style:none; 
					clear:both;
					margin:0px 0px 0 370px;
					overflow:hidden;
					padding:0;
				}
				ul#logos li 
				{
					float:left;
					margin:0;
					padding:0;
					background:none;
					
				}
				
				ul#logos li a
				{
					text-indent:-999em;
					margin:0;
					padding:0 0 0 10px;
					height:64px;
					overflow:hidden;
					float: left;
				}
				
				ul#logos li.ns a {background:url(../images/layout/logo_ns.png) no-repeat; width:94px;}
				ul#logos li.pei a {background:url(../images/layout/logo_pei.png) no-repeat; width:84px;}
				ul#logos li.nf a {background:url(../images/layout/logo_nf.png) no-repeat; width:103px;}
				ul#logos li.nb a {background:url(../images/layout/logo_nb.png) no-repeat; width:95px;}
				ul#logos li.can a {background:url(../images/layout/logo_canada.png) no-repeat; width:86px;}
	
			
			#content_wrapper #bottom
			{
				background:url(../images/layout/pp_bot.png) no-repeat;
				width:960px;
				height:43px;
				clear:both;
				float:left;
			}
	
		div#footer
		{
			background:url(../images/layout/bg_footer.png);
			clear:both;
			overflow:hidden;
			margin:0px 41px 40px 2px;
			padding:10px 10px;
			color:#fff;
			font-size:0.7em;
		}
		
		div#footer a, div#footer p
		{
			color:#fff;
		}
		
		div#footer p
		{
			padding-top:20px;
		}
		
		div#footer form
		{
			float:right;
			padding:25px 10px 0 0;
		}
		
		div#footer form h3 {
			color:#fff;
		}
			div#footer input.submit
			{
				background:url(../images/layout/btn_newslettersignup.png) bottom no-repeat;
				width:174px;
				height:11px;
				bordeR:none;
				height:17px;
			}
			div#footer input.submit:hover
			{
	
				cursor:pointer;
			}
		a.dsa
		{
			
			background:url(../images/layout/logo_sig.png) no-repeat;
			width:91px;
			height:73px;
			text-indent:-999em;
			float:left;
		}
		
		
		
/* View all drop down area CSS */

div#va_panel
{
	background: url(../images/layout/bg_va.png);
	display:none;
	position:absolute;
	z-index:2000;
	margin-top:61px;
	width:961px;
	
}

div#va_panel a
{
	color:#c8c8c8;
	font-size:0.8em;
	padding:15px 10px 15px 25px;
	display:block;
	font-style:italic;
	line-height:1.5em;
}

div#va_panel a span
{
	display:block;
	font-style:normal;
	color:#fff;
}

div#va_panel a:hover
{
	background-color:#393939;
	padding:15px 10px 15px 25px;
	
}

div#va_panel h2
{
	font-size:13px;
width:216px;
color:#e7d6ab;
padding:10px 0 0px 0px;
margin:0 0px 20px 0px;
text-align:center;
letter-spacing:-0.01em;


}

div#va_panel #nb h2 { border-top:5px #66cc33 solid;}
div#va_panel #ns h2 { border-top:5px #00ccff solid;}
div#va_panel #pei h2 { border-top:5px #d00000 solid;}
div#va_panel #nf h2 { border-top:5px #ff9900 solid;}
	
#header .va_active 
{
	display:block;
	position:relative;
	z-index:5500;

	background: url(../images/layout/bg_viewallover_off.gif) no-repeat;
}

#header .va_active:hover
{
	background: url(../images/layout/bg_viewallover_on.gif) no-repeat;
}

.prov
{
	float:left;
	width:220px;
	margin:80px 0px 0 0px;
    padding: 0 10px;
}



/* styleing the attraction listings for the province page */	
.item 
{
	display:block;
	overflow:hidden;
	margin:30px 0;
}

	.item a	{ color:#790000; }
	.item a:hover { text-decoration:underline; }
	.item img { border:2px white solid; }
	.item img:hover { border:2px #790000 solid; }
	.item img, .item p { float:left; }
	
	.item p { margin: 0 0 10px 20px; }
	
	.item p.user span 
	{
		font-size:1.1em;
		margin-top:5px;
		font-weight:bold;
		color:#790000;
		padding:0px;
	}
	
	
/* styling the home page images for roll over */
#home_images {background:#fff;
padding-top:7px;
padding-left: 7px;
overflow:hidden;
width:820px; height:303px;}

#home_images h2 
{
color:#66cc32; 
padding-bottom:10px;
font-size:20px; 
font-weight:normal; 
text-transform:capitalize;
}



#home_images li{
width:402px;
height:144px;
margin:1.5px;
float:left;
position: relative;
overflow:hidden;
}


#home_images li a {
display: block;
position: relative;
overflow: hidden;

}

#home_images li a:focus, #home_images li a:hover { text-decoration: none; }

#home_images li div {
position: absolute;
top: 144px;
left: 0;
height:144px;
padding:17px 30px 10px 32px;
border: 0;
background:url(../images/layout/bg_va.png);
color:#fff;
}

#home_images li div a {float:right; color:#bc0000;}



/*
    Formatting Buttons
------------------------------------------------------ */

.buttonMode {
	background-color: transparent;
	color: #73769D;
	font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
	font-size: 10px;
	white-space: nowrap;
	}

.htmlButtonOutter, .htmlButtonOutterL {
	background-color: #f6f6f6;
	border-bottom: #333 1px solid;
	border-right: #333 1px solid;
	border-top: #333 1px solid;
	padding: 0;
	}

.htmlButtonOutterL {
	border-left: #333 1px solid;
	}

.htmlButtonInner {
	background-color: transparent;
	border-bottom: #ccc 1px solid;
	border-left: #fff 1px solid;
	border-right: #ccc 1px solid;
	border-top: #fff 1px solid;
	padding: 0 3px 0 3px;
	text-align: center;
	}

.htmlButtonOff {
	font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 2px 2px 2px;
	white-space: nowrap;
	}

.htmlButtonOff a:link {
	color: #000;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonOff a:visited {
	text-decoration: none;
	}

.htmlButtonOff a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonOff a:hover {
	color: #999;
	text-decoration: none;
	}

.htmlButtonOn {
	background: #f6f6f6;
	font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 2px 2px 2px;
	white-space: nowrap;
	}

.htmlButtonOn a:link {
	color: #990000;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonOn a:visited {
	text-decoration: none;
	}

.htmlButtonOn a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonOn a:hover {
	color: #999;
	text-decoration: none;
	}

.htmlButtonA {
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 3px 3px 3px;
	white-space: nowrap;
	}

.htmlButtonB {
	background: #E1E3EC;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 3px 3px 3px;
	white-space: nowrap;
	}

.htmlButtonA a:link {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonA a:visited {
	text-decoration: none;
	}

.htmlButtonA a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonA a:hover {
	color: #999;
	text-decoration: none;
	}

.htmlButtonB a:link {
	color: #990000;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonB a:visited {
	text-decoration: none;
	}

.htmlButtonB a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonB a:hover {
	color: #999;
	text-decoration: none;
	}