/* VERSIONS
/* 1_0: Primary Site Structure
/* 1_1: Changed default colors and site width 
/* 1_2: Updated to Sticky Footers, added tertiary-content [Author: Landon Durnan]
/* 1_3: General Cleanup; text-indent/overflow modifications [Author: Nick & Alex]
/* 1_4: Shared Images [Author: Nick Hall]
----------------------------------------------------------------------------- */

* {
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
	}
#TB_window *{
	-moz-box-sizing: content-box; 
	-webkit-box-sizing: content-box; 
	box-sizing: content-box;
}
	
/*
-----------------------------------------------------------------------------
=Animations
----------------------------------------------------------------------------- */
.nav *,
#content a,
#header-container *,
#footer-container *,
#navbar-container *,
input, textarea {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	}
.gallery .grid a,
.addthis_button *,
#flickrImages *,
.ui-accordion-header a,
select {
	transition-property: none !important;
	-webkit-transition-property: none !important;
	-moz-transition-property: none !important;
	-ms-transition-property: none !important;
	-o-transition-property: none !important;
	}

/* 
-----------------------------------------------------------------------------
 =MAIN POSITIONING STYLES
----------------------------------------------------------------------------- */
html, body{ }
html { background:  url(/images/common/bg.png); }
body { text-align: center;  /*background:  url(/images/common/top.png) left top repeat-x;*/}
#container { font-family: Aller, "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
#inner-container,
#footer {
	height: 100%;
	margin: 0 auto;
	position: relative;
	text-align: left;
	}
#inner-container{}
#content {
	max-width: 969px;
	width: 100%;
	height: 100%;
	position: relative;
	margin: 0 auto 4em;
	padding: 0 9.5px;
	word-wrap: break-word;
	padding-top: 3em;
	}
	
@media screen and (min-width: 951px) {
	body.sticky{
		margin-top: 222px;	
	}
	#header-hd.sticky { display: none; }
}


/* 
-----------------------------------------------------------------------------
 =HEADER
----------------------------------------------------------------------------- */
	#header {
		z-index: 100;
		position: relative;
		background: url(/images/common/header.png) left bottom repeat-x;
		}
	  #masthead,
	  #header-hd-inner,	
	  #breadcrumbs-container {
		  margin: 0 auto;
		  max-width: 969px;
		  padding-left: 9.5px;
		  padding-right: 9.5px;
	  }
		
	#header-hd { 
		background: #fc700a;
		-webkit-box-shadow:  0px 0px 3px 3px #999;        
        box-shadow:  0px 0px 3px 3px #999;
		z-index: 101;
		position: relative;
		display: block;
		}
	#header-bd {
	
	}
	#masthead-container{	
		background: url(/images/common/hi.gif);
		z-index: 100;
		-webkit-box-shadow:  0px 0px 3px 3px #999;        
        box-shadow:  0px 0px 3px 3px #999;
		width: 100%;
		position: relative;
		}
		#masthead { 
			display: block;
			height: 167px;
			}
			#masthead #site-name a {
				display: block;
				text-decoration: none;
				height: 92px;
				width: 282px;
				z-index: 999;
				position: absolute;
				margin-top: 38px;
				}
@media screen and (min-width: 951px) {
			#masthead-container.sticky #masthead { height: 147px; }
			#masthead-container.sticky #masthead #site-name a { margin-top: 18px; }
}

		#breadcrumbs-container{ height: 55px; position: relative;}

		#news_const{ height: 51px;    position: relative;}
		#news_const .tickernews { display: none;}
	div.site-search{
		width: 85%;
		margin: 0 auto;
		height: 222px;
		position: relative;
		}	
	div.site-search > div{
		width: 100%;
		padding: 48px 0;
		margin: 0 2%;
		}	
	#searchtoggle{ display: block; line-height: 50px; background: url(/images/common/mag.png) left top no-repeat;
		width: 30px;
		height: 27px;
		text-indent: -3000px;
		position: absolute;
		right: 10px;
		top: 12px;
		}
	#searchtoggle:hover{background: url(/images/common/mag.png) left -27px no-repeat;	}
	#searchtoggle:focus,
	#toggle-vert:focus{ 
		-moz-outline: 0; 
		outline: 0;}
	#toggle-vert{ 
		float: right;
	   background: url(/images/common/vertclose.gif) left top no-repeat;
	   width: 68px;
	   text-indent: 101%;
	   overflow: hidden;
	   height: 222px;
	   }
	   #searchcontainer{ border-bottom: 1px solid #fd8a36;
		   height: 222px;
		   display: none;
	   }
	   
/* 
-----------------------------------------------------------------------------
 =CONTENT
----------------------------------------------------------------------------- */
.pc, .sc, .tc { 
	color: #484848;
	float: left; 
	position: relative;
	font-size: 1.4em;
	line-height: 1.6em;
	}
.pc {
	color: #2a2a2a;
	width: 75%;
	padding: 0 2%;
	margin: 0;
	}
.sc {
	clear: right;
	width: 25%;
	padding: 0;
	}
.tc {
	width: 25%;
	padding: 20px 0 0 0;
	margin: 0;
	}


/* 
-----------------------------------------------------------------------------
 =FOOTER
----------------------------------------------------------------------------- */
#footer-container {
	font-family: Aller, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	min-height: 150px;
	background: #fff;
	color: #646460;
	position: relative;
	}
	#footer-container #footer {
		max-width: 950px;
		font-size: 1.4em;
		}
		#footer address {
 			font-family: 'PT Sans';
			font-size: .9em;
			text-transform: uppercase;
			background: url(/images/common/tree_sm.gif) left center no-repeat;
			border-top: 1px solid #efede2;
			margin: 20px 0 0 0px;
			line-height: 1.5em;
			clear: both;
			padding: 20px 0 20px 70px;
			}
		#footer address strong{
 			font-family: 'PT Serif';
			text-transform: none;
			color: #ff7510;
			}
/* 
-----------------------------------------------------------------------------
 =STRUCTURE
----------------------------------------------------------------------------- */

@media (max-width: 950px) {
	#content, #masthead, #header-hd-inner, #breadcrumbs-container
	 {	width: 100%;}
}

/* One Column
----------------------------------------------------------------------------- */
.layout-n0-p1-s0 .pc {
	width: 96%; 
	max-width: 820px; /* 820px/980px */
	margin: 0 auto;
	float: none;
	}

/* Two Column A
----------------------------------------------------------------------------- */
.layout-n1-p1-s0 .pc {}
.layout-n1-p1-s0 .tc {}

@media screen and (max-width: 950px) {
	.layout-n1-p1-s0 .pc { width: 70%; }
	.layout-n1-p1-s0 .tc { width: 30%; }
}

@media screen and (max-width: 767px) {
	.layout-n1-p1-s0 .pc { width: 65%; }
	.layout-n1-p1-s0 .tc { width: 35%; }
}

@media screen and (max-width: 530px) {
}

@media screen and (max-width: 320px) {
}
/* Two Column B
----------------------------------------------------------------------------- */
.layout-n0-p1-s1 .pc {}
.layout-n0-p1-s1 .sc {}

@media screen and (max-width: 950px) {
	.layout-n0-p1-s1 .pc { width: 70%; }
	.layout-n0-p1-s1 .sc { width: 30%; }
}

@media screen and (max-width: 767px) {
	.layout-n0-p1-s1 .pc { width: 65%; }
	.layout-n0-p1-s1 .sc { width: 35%; }
}
@media screen and (max-width: 530px) {
}

@media screen and (max-width: 320px) {
}


/* Two Column C (custom)
----------------------------------------------------------------------------- */
.layout-n1-p1-s0-c .pc {
	padding-right: 0;
	}
.layout-n1-p1-s0-c .tc {}
.layout-n1-p1-s0-c .float-container {
	width: 35%; /* 245px/695px */ /* Suggest using same width as .sc */
	margin: 0 0 1.5em 3%;
	}


/* Three Column / Three Column Top
----------------------------------------------------------------------------- */
.layout-n1-p1-s1 .pc,
.layout-n1-p1-s1-top .pc { width: 50%; }
.layout-n1-p1-s1 .sc,
.layout-n1-p1-s1-top .sc {}
.layout-n1-p1-s1 .tc,
.layout-n1-p1-s1-top .tc {}
@media (max-width: 767px) {
	.layout-n1-p1-s1 .pc { width: 65%; padding-right: 0;}
	.layout-n1-p1-s1 .sc { }
	.layout-n1-p1-s1 .tc {
		width: 35%;
	}
	.layout-n1-p1-s1 #TopZone {}
}

/* Three Column Top (custom)
----------------------------------------------------------------------------- */
.layout-n1-p1-s1-top .pc {}
.layout-n1-p1-s1-top .sc {}
.layout-n1-p1-s1-top .tc {}
.layout-n1-p1-s1-top #TopZone {
	margin: 0 auto;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.5;
	color: #666;
	}
@media (max-width: 767px) {
	.layout-n1-p1-s1-top .pc { width: 65%; padding-right: 0;}
	.layout-n1-p1-s1-top .sc { }
	.layout-n1-p1-s1-top .tc {
		width: 35%;
	}
	.layout-n1-p1-s1-top #TopZone {}
}	

/* No Header No Footer (custom)
----------------------------------------------------------------------------- */
.layout-n0-p1-s0-noheaderfooter .pc {
	width: 96%; 
	max-width: 820px; /* 820px/980px */
	margin: 0 auto;
	float: none;
	}

/* Hidden Columns
----------------------------------------------------------------------------- */
.layout-n0-p1-s0 .tc,
.layout-n0-p1-s0 .sc,
.layout-n1-p1-s0 .sc,
.layout-n0-p1-s1 .tc { display: none; }


/* Columns for use in any layout
----------------------------------------------------------------------------- */
div.columns { }
div.columns:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
div.columns div.col1 {
	margin-right: 3%; 
	}
div.columns div.col1, 
div.columns div.col2 {
	float: left;
	width: 47%;
	}
	

@media (max-width: 767px) {
	div.columns div.col1,
	div.columns div.col2 {
		margin-right: 0;
		float: none;
		width: auto;	
	}	
}


/* Float Container (custom)
----------------------------------------------------------------------------- */
.layout-n1-p1-s0 .float-container,
.layout-n1-p1-s0-c .float-container {
	font-size: .857em;
	/*
	width: 22%;
	margin: 0 0 1.5em 2%;
	*/
	}

@media (max-width: 950px) {
	.layout-n1-p1-s0 .float-container,
	.layout-n1-p1-s0-c .float-container {
		/*
		width: 25%;
		margin: 0 0 0 2%;
		*/
		}
}

@media (max-width: 767px) {
	.layout-n1-p1-s0 .float-container,
	.layout-n1-p1-s0-c .float-container {}
}

@media (max-width: 530px) {
	.layout-n1-p1-s0 .float-container,
	.layout-n1-p1-s0-c .float-container {}
}

/* No Script Message
----------------------------------------------------------------------------- */
#noscriptmessage {
	position: absolute; /* for IE */
	position: fixed;
	top: 0;
	left: 0;
	padding: 0;
	background: #f9f9f9;
	z-index: 200;
	width: 100%;
	color: #000;
	font-size: 1.1em;
	text-align: center;
	opacity: 0.8;
	-moz-opacity: 80%;
	filter: alpha(opacity=80);
	}
	#noscriptmessage a { color: #666; text-decoration: underline; }