@charset "UTF-8";

/*
Explore California style sheet
copyright lynda.com 2010
styles used here may be used
for educational purposes only
do not repurpose these styles
or republish them without permission
from the author
*/

/*color guide:
#e1d8b9 sand
#cb7d20 orange
#952 accent orange (dark)
#3c6b92 main blue
#2c566a teal
#c3cebc light green
#7f7f7f accent gray
*/

@font-face {
	font-family: 'MidoMedium';
	src: url('../_assets/Mido-webfont.eot');
	src: local('☺'), url('../_assets/Mido-webfont.woff') format('woff'), url('../_assets/Mido-webfont.ttf') format('truetype'), url('../_assets/Mido-webfont.svg#webfontdeSVIj0D') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ChunkFiveRegular';
	src: url('Chunkfive-webfont.eot');
	src: local('☺'), url('../_assets/Chunkfive-webfont.woff') format('woff'), url('../_assets/Chunkfive-webfont.ttf') format('truetype'), url('../_assets/Chunkfive-webfont.svg#webfont4CzPTNtF') format('svg');
	font-weight: normal;
	font-style: normal;
}

@import url(http://fonts.googleapis.com/css?family=Sirin+Stencil);

@font-face {
  font-family: 'Sirin Stencil';
  font-style: normal;
  font-weight: 400;
  src: local('SirinStencil'), local('SirinStencil-Regular'), url(http://themes.googleusercontent.com/static/fonts/sirinstencil/v1/pRpLdo0SawzO7MoBpvowsOQfDFVAmSQYmlgTkE2deRI.woff) format('woff');
}

@import url(http://fonts.googleapis.com/css?family=Sacramento);

@font-face {
  font-family: 'Sacramento';
  font-style: normal;
  font-weight: 400;
  src: local('Sacramento'), local('Sacramento-Regular'), url(http://themes.googleusercontent.com/static/fonts/sacramento/v1/WFDkXpubrEwopJnSlHV6CBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}

@import url(http://fonts.googleapis.com/css?family=Tangerine);

@font-face {
  font-family: 'Tangerine';
  font-style: normal;
  font-weight: 400;
  src: local('Tangerine'), url(http://themes.googleusercontent.com/static/fonts/tangerine/v3/HGfsyCL5WASpHOFnouG-RD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@import url(http://fonts.googleapis.com/css?family=Nova+Flat);

@font-face {
  font-family: 'Nova Flat';
  font-style: normal;
  font-weight: 400;
  src: local('Nova Flat'), local('NovaFlat'), url(http://themes.googleusercontent.com/static/fonts/novaflat/v5/vFeor41nvsomiEVSx6n4ij8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@import url(http://fonts.googleapis.com/css?family=Arizonia);

@font-face {
  font-family: 'Arizonia';
  font-style: normal;
  font-weight: 400;
  src: local('Arizonia'), local('Arizonia-Regular'), url(http://themes.googleusercontent.com/static/fonts/arizonia/v3/8Usm7f8XTsZinW2e-ZMd5fesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}


/*limited reset*/
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video {
	margin: 0;
	padding: 0;
	border: 0;
}
a {
	text-decoration: none;
}

/*html5 display rule*/
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {
	display: block;
}

form,table,input,textarea,dl,dt,dd { margin:0; padding:0; }

body {
	color: #000;
	font: 100% "Nova Flat", Georgia, "Times New Roman", Times, serif;
background: #5c5c5b; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVjNWM1YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2RiZDJjNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY5JSIgc3RvcC1jb2xvcj0iI2RiZDJjNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1YzVjNWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #5c5c5b 0%, #dbd2c4 32%, #dbd2c4 69%, #5c5c5b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#5c5c5b), color-stop(32%,#dbd2c4), color-stop(69%,#dbd2c4), color-stop(100%,#5c5c5b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #5c5c5b 0%,#dbd2c4 32%,#dbd2c4 69%,#5c5c5b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #5c5c5b 0%,#dbd2c4 32%,#dbd2c4 69%,#5c5c5b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #5c5c5b 0%,#dbd2c4 32%,#dbd2c4 69%,#5c5c5b 100%); /* IE10+ */
background: linear-gradient(to right,  #5c5c5b 0%,#dbd2c4 32%,#dbd2c4 69%,#5c5c5b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c5c5b', endColorstr='#5c5c5b',GradientType=1 ); /* IE6-8 */
}

nav ul, ul.menu {
	list-style: none;
}

/* layout styles */
#wrapper {
	width: 1100px;
	height: auto;
	min-height:1000px;
	margin: 0 auto;
	padding: 0 50px;
	text-align:left;
	position: relative;
}
header#mainHeader {
	height: 185px;
}
aside#trailNews {
	float: right;
	width: 450px;
	margin-bottom: 2em;
}
footer#pageFooter {
	clear: both;
}

/*-------------presentation styles---------------*/
/*colutmn text styles*/
.text2Col {
	-moz-column-count: 2;
	-moz-column-gap: 1em;
	-webkit-column-count: 2;
	-webkit-column-gap: 1em;
	column-count: 2;
	column-gap: 1em;
	text-align: justify;
}
/*header styles*/
header#mainHeader {
	padding: 20px 0 0 45px;
	position: relative;
	border-bottom: 0px solid #EAEAEA;
	margin-bottom: 1em;
}
header#mainHeader h1 span {
	position: absolute;
	left: -2000em;
}
header#mainHeader #header {
	width: 50%;
	float: left;
}
header#mainHeader #header h1 {
	font-size: 2.6em;
	color: #000;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-family: "Sirin Stencil", Georgia, serif;
	font-weight: normal;
	text-shadow: 2px 2px 2px #333;
	filter: dropshadow(color=#333, offx=2, offy=2);
}
header#mainHeader #header h1 #word {	
	width: auto;
	height: 90px;
	float: left;
	padding: 0px;
	padding-right: 0.2em;
	margin: 0px;
	border: 3px solid #666;
	border-left:none;
	border-right:none;
}

header#mainHeader #header div:first-letter {
	font-size: 2.3em;
	font-family: "Arizonia","Arial Black", Arial, serif;
}
header#mainHeader #header h2 {
	font-weight: normal;
	font-size: 1.5em;
	font-family: "Sirin Stencil", Georgia, serif;
	color: #000;
	bottom: 0;
	padding-left: 95px;
	clear: both;
}
header#mainHeader #logo {
	width: 15%;
	font-weight: normal;
	font-size: 1.3em;
	text-align: left;
	float: left;
	margin-top: 35px;

}
header#mainHeader #contactus {
	width: 35%;
	font-weight: normal;
	font-size: 1.3em;
	text-align: left;
	float: right;
	background: url(../images/1phone.jpg) no-repeat top left;
}
header#mainHeader #contactus h2 {
	padding: 0;
	margin: 0;
	font-weight: normal;
	font-size: 1.5em;
	color: #FFF;
	font-family: "Nova Flat", Georgia, serif;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #333;
	filter: dropshadow(color=#333, offx=2, offy=2);
}
header#mainHeader #contactus #header {
	padding: 0px;
	color: #000;
	width: 60px;
	text-align: right;	
	float: left;	
}
header#mainHeader #contactus #text {
	padding: 0px;
	margin-left: 10px;
	color: #000;
	width: auto;
	float: left;	
}
header#mainHeader #contactus a{
	font-size: 0.7em;
	padding: 0 2px;
	text-decoration: none;
	letter-spacing: .2em;
}
header#mainHeader #contactus a:hover{
	text-decoration: underline;
}

header#mainHeader nav#mainNav {
	position: absolute;
	left: 25px;
	bottom: 0;
}
header#mainHeader nav#mainNav h1{
	position: absolute;
	left: -2000em;
}
header#mainHeader nav#mainNav ul {
	float: left;
}
header#mainHeader nav#mainNav ul li {
	float: left;
}
header#mainHeader nav#mainNav ul li a{
	font-family: "Nova Flat","Arial Black", Arial, serif;
	text-transform: uppercase;
	font-size: 1.4em;
	font-weight: bold;
	color: #000;
	padding: 0 20px;
	border-right: 1px solid #000;
	text-decoration: none;
	letter-spacing: .1em;
}
header#mainHeader nav#mainNav ul li a.last{
	border: none;
}
header#mainHeader nav#mainNav ul li a:hover {
	color: #FFF;
	text-decoration: none;
}

/*main section styles*/
section#content {
	width: 1100px;
	min-height: 800px;
	margin: 0 auto;
	padding: 15px 10px 30px 15px;
	overflow: hidden;
	border: 1px #C4BB90 solid;
	margin-left: 20px;
}

#content #categories{
	float: left;
	width: 175px;
	min-height: 800px;
	text-transform: uppercase;
	font-family: "Nova Flat", Georgia, serif;
}
#content #photo-slider{
	float: left;
	width: 650px;
}
#content #albums{
	float: left;
	width: 175px;
}
#content #categories h1, #content #albums h1{
	padding: 0;
	margin: 0;
	font-weight: normal;
	font-size: 1.5em;
	color: #000;
	font-family: "Nova Flat", Georgia, serif;
	text-transform: uppercase;
	text-shadow: 2px 2px 2px #333;
	filter: dropshadow(color=#333, offx=2, offy=2);
}
#content #albums h2{
	padding: 0;
	margin: 0;
	font-weight: normal;
	font-size: 1.1em;
	color: #000;
	font-family: "Nova Flat", Georgia, serif;
	text-transform: uppercase;
	text-shadow: 2px 2px 2px #333;
	filter: dropshadow(color=#333, offx=2, offy=2);
}
#content #col1 {
	float: left;
	width: 530px;
}
#content #sidebar {
	float: left;
	width: 280px;
	padding: 10px 20px 10px 20px;
}

section#content h1 {margin:0;padding:14px 0 10px 0;text-transform:uppercase;font-size:1.25em;font-weight:300;clear:none;}

#content table { border-collapse:collapse; border:0; width:90%; }
#content th > p {
	color: #000; 
	font-weight: bold;
	font-size: 1.1em;
	padding: 0 20px;
	text-decoration: none;
	letter-spacing: .2em;
}
#content th > div { 
	font-weight: 400;
	font-size: 0.9em;
	padding: 0 20px;
	text-decoration: none;
	letter-spacing: .2em;
}

#page_title {
	font-size: 18pt;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	margin: 10px auto;
	padding: 10px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;  
	border-radius: 5px;
	-moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
	-webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
}

#page_header {
	font-size: 14pt;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	margin: 10px auto;
	padding: 10px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;  
	border-radius: 5px;
	-moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
	-webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
	background-image: linear-gradient(bottom, rgb(230,230,230) 55%, rgb(222,218,222) 100%);
	background-image: -o-linear-gradient(bottom, rgb(230,230,230) 55%, rgb(222,218,222) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(230,230,230) 55%, rgb(222,218,222) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(230,230,230) 55%, rgb(222,218,222) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(230,230,230) 55%, rgb(222,218,222) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.55, rgb(230,230,230)),
		color-stop(1, rgb(222,218,222))
	);
}
/*trail info section styles*/
section#trailInfo {
	border-right: 1px solid #7f7f7f;
}
section#trailInfo header p {
	font-size: .9em;
	color: #cb7d20;
}
section#trailInfo header a {
	color: #cb7d20;
}
section#trailInfo header a:hover {
	color:#952
}
section#trailInfo header h1 {
	font-weight: normal;
	font-size: 1.3em;
	margin-top: 1em;
}
section#trailInfo article h1 {
	font-weight: normal;
	font-family: ChunkFiveRegular,"Arial Black", Arial, serif;
	color: #7f7f7f;
	font-size: 3em;
	margin-bottom: .6em;
	margin-top: .2em;
	text-shadow: 1px 1px 1px #333;
	filter: dropshadow(color=#333, offx=2, offy=2);
}
section#trailInfo caption {
	text-transform: uppercase;
	font-family: MidoMedium, Georgia, serif;
	font-weight: bold;
	font-size: 1.4em;
	text-align: left;
}
section#trailInfo caption span {
	font-size: .6em;
	font-style: italic;
	text-align: right;
	text-transform: lowercase;
	position: relative;
	right: 0;
	top: -1.4em;
	display: block;
}
section#trailInfo table#quickFacts {
	width: 425px;
	background: #c3cebc;
	border: none;
	margin: .5em 0 1em;
}
section#trailInfo table#quickFacts th {
	width: 100px;
}
section#trailInfo table#quickFacts th, section#trailInfo table#quickFacts td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	padding-left: 1em;
	text-align: left;
	line-height: 3;
}
section#trailInfo table#quickFacts tr.alt {
	background: #e1d8b9;
}
section#trailInfo p {
	color: #666;
	line-height: 1.6;
	margin-bottom: 1em;
}
section#trailInfo h2 {
	font-size: 1em;
	margin-top: 1.2em;
	margin-bottom: 0;
	color: #000;
}
section#trailInfo img{
	display: block;
}

/*trail news aside styles*/
aside#trailNews {
	font-size: 90%;
}
aside#trailNews h1{
	font-size: 3em;
	font-weight: normal;
	font-family: ChunkFiveRegular,"Arial Black", Arial, serif;
	line-height: 1;
	color: #7f7f7f;
	border-bottom: 1px solid #7f7f7f;
	margin-bottom: .5em;
	text-shadow: 1px 1px 1px #333;
	filter: dropshadow(color=#333, offx=1, offy=1);
}
aside#trailNews .news {
	background: #e1d8b9;
	padding: 1em 1em;
	margin-bottom: 1.5em;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 0px;
}
aside#trailNews .news h1 {
	font-size: 2.5em;
	border: none;
	margin-bottom: 0;
}
aside#trailNews .news h2 {
	font-size: 1.2em;
	margin-bottom: .2em;
}
aside#trailNews .news h3 {
	font-size: 1.1em;
	color: #666;
	font-weight: normal;
	margin-bottom: .2em;
}
aside#trailNews .news p {
	line-height: 1.8;
	color: #333;
	margin-bottom:1em;
}
aside#trailNews .news p.pubdate {
	text-align:right;
	color: #666;
	font-size: .9em;
	font-style: italic;
}
aside#trailNews video {
	margin: .5em 0 1em;
}
/*form styles*/
label {
	/*display:block;*/
	margin: 1em 0 0;
}
input:focus {
	border: 1px solid #952;
}
input[type="number"] {
	width: 3em;
}
input[type="text"], input[type="email"],input[type="url"] {
	width: 350px;
	height: 20px;
}
textarea {
	width: 350px;
	height: 250px;
	display: block;
	margin-bottom: 1em;
}
/*form animation styles*/
aside#trailNews #formPanel p.review {
	font-family:ChunkFiveRegular, Arial, serif;
	font-size: 1.4em;
	color: #952;
	margin-bottom:0;
}
aside#trailNews #formPanel p.review:hover {
	cursor: pointer;
}
div#formPanel {
	height: 30px;
	overflow: hidden;
	padding: 10px;
	background-color: #e1d8b9;
	-webkit-transition-property: height, background-color;
   -webkit-transition-duration: .7s; 
	-webkit-transition-timing-function: ease-in;
   -webkit-transition-delay:.5s;
}
div#formPanel:hover {
	height: 700px;
	overflow: hidden;
	background-color: #b0a470;
   -webkit-transition-property: height, background-color; 
   -webkit-transition-duration: .7s; 
   -webkit-transition-timing-function: ease-in;
   -webkit-transition-delay:.5s;
}
/*footer styles*/
footer#pageFooter {
	border-top: 2px solid #7f7f7f;
	padding: 2em;
}
footer#pageFooter p {
	text-align: center;
	font-style: italic;
	margin-bottom: 1em;
	color: #666;
}
footer#pageFooter a {
	text-decoration: none;
	color:#cb7d20;
}
footer#pageFooter a:hover {
	color: #952;
}

/* slideshow styles */
		.faded, .faded a {
			color: #B2B2B2 !important;
		}
		.slideShow ul, .slideShow li {
			list-style-type: none;
			margin: 0px;
			padding: 0px;
		}

		.slideShow {
			padding: 10px; border: 1px solid #B3B3B3; display: table;
			clear: both;
			margin-bottom: 10px;
		}
		.slideShow .navigation {
			margin-top: 10px;
			clear: left;
			display: block;
		}
		.slideShow .navigation a {
			background-color: #a65249;
			margin: 0px 2px 0px 0px;
			padding: 3px 8px;
			color: #FFF;
			text-decoration: none;
			float: left;
			font-size: 0.8em;
		}
		.slideShow ul.topNavigation {
			margin: 0px 0px 40px 0px;
		}
		.slideShow .navigation a:hover, .slideShow .navigation a.selected {
			background-color: #fff;
			color: #000000;
		}
		
		/** slides with more than an image in it **/
		.slide img {
			position: absolute;
			border:0;
		}
		.slide h1 {
			position: absolute;
			background-color: #ffffff;
			left: 0px;
			top: 0px;
		}
		
		/** slides with text over images **/
		.slide p {
			margin: 1em;
			position: absolute;
			right: 0px;
			bottom: 0px;
			background-color: #dedede;
			opacity: .7;
			filter: alpha(opacity=70);
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
			color: #000;
			z-index: 1000;
			padding: 0.2em 0.8em;
		}
		.slide p a {
			color: #e43e01;
		}
		
		/** slideshow with images in navigation **/
		.navigation.white a, .navigation.white li {
			background-color: #ffffff;
		}
		.navigation.white a {
			border: 1px solid #ffffff;
			padding: 0px;
			line-height: 0.8em;
		}
		.navigation.white a:hover, .navigation.white a.selected {
			background-color: #ffffff;
			border: 1px solid #999;
		}