@charset "utf-8";

/* Simple fluid media

   Note: Fluid media requires that you remove the media's height and width attributes from the HTML

   http://www.alistapart.com/articles/fluid-images/ 

*/

img, object, embed, video {

	max-width: 100%;

}

/* IE 6 does not support max-width so default to width 100% */

.ie6 img {

	width:100%;

}



a:link {

    color: #00a8ea;

	text-decoration: none;

}



/* visited link */

a:visited {

    color: #00a8ea;

	text-decoration: none;

}



/* mouse over link */

a:hover {

    color: #00a8ea;

	text-decoration: none;

}



/* selected link */

a:active {

    color: #00a8ea;

	text-decoration: none;

}



#LayoutDiv22 a:link {

    color: #eeeeee;

	text-decoration: none;

}



/* visited link */

#LayoutDiv22 a:visited {

    color: #eeeeee;

	text-decoration: none;

}



/* mouse over link */

#LayoutDiv22 a:hover {

    color: #eeeeee;

	text-decoration: none;

}



/* selected link */

#LayoutDiv22 a:active {

    color: #eeeeee;

	text-decoration: none;

}





/*

	Dreamweaver Fluid Grid Properties

	----------------------------------

	dw-num-cols-mobile:		7;

	dw-num-cols-tablet:		13;

	dw-num-cols-desktop:	21;

	dw-gutter-percentage:	25;

	

	Inspiration from "Responsive Web Design" by Ethan Marcotte 

	http://www.alistapart.com/articles/responsive-web-design

	

	and Golden Grid System by Joni Korpi

	http://goldengridsystem.com/

*/



/* Mobile Layout: 480px and below. */



.gridContainer {

	margin-left: auto;

	margin-right: auto;

	width: 97.1428%;

	padding-left: 1.4285%;

	padding-right: 1.4285%;

}

#LayoutDiv1 {

	clear: both;

	float: left;

	margin-left: 0;

	width: 26.4705%;

	display: block;

	text-align: right;

}

#LayoutDiv2 {

	clear: none;

	float: left;

	margin-left: 2.9411%;

	width: 11.7647%;

	display: block;

	font-family: Arial, Helvetica, sans-serif;

	font-size: small;

	color: #00a8ea;

	text-align: center;

	vertical-align: text-bottom;

}

#LayoutDiv3 {

	clear: none;

	float: left;

	margin-left: 2.9411%;

	width: 26.4705%;

	display: block;

	font-family: Arial, Helvetica, sans-serif;

	font-size: small;

	color: #00a8ea;

	text-align: center;

	vertical-align: text-bottom;

}

#LayoutDiv4 {

	clear: none;

	float: left;

	margin-left: 2.9411%;

	width: 11.7647%;

	display: block;

	font-family: Arial, Helvetica, sans-serif;

	font-size: small;

	color: #00a8ea;

	text-align: center;

	vertical-align: text-bottom;

}

#LayoutDiv5 {

	clear: none;

	float: left;

	margin-left: 32.3529%;

	width: 26.4705%;

	display: block;

	text-align: right;

}

#LayoutDiv6 {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}

#LayoutDiv7 {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 300%;

	color: #eeeeee;

	text-align: center;

	vertical-align: text-bottom;

	background-color: #00a8ea;

}

#LayoutDiv8 {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 150%;

	color: #eeeeee;

	text-align: center;

	vertical-align: text-bottom;

	background-color: #00a8ea;

	font-style: italic;

}

#LayoutDiv9 {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}

#LayoutDiv10 {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 300%;

	color: #eeeeee;

	text-align: center;

	vertical-align: text-bottom;

}

#LayoutDiv11 {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

	text-align: center;

	background-image: url('images/vDividerSpacer.png');

	background-repeat: no-repeat;

	background-position: center;

    background-size:contain;

    height:100px;

}

#LayoutDiv12 {

	clear: none;

	float: left;

	margin-left: 2.9411%;

	width: 100%;

	display: block;

	font-family: Arial, Helvetica, sans-serif;

	font-size: small;

	color: #eeeeee;

	text-align: center;

	vertical-align: text-bottom;

}

#LayoutDiv13 {

	clear: none;

	float: left;

	margin-left: 2.9411%;

	width: 100%;

	display: block;

	text-align: center;

}

#LayoutDiv14 {

	clear: none;

	float: left;

	margin-left: 2.9411%;

	width: 100%;

	display: block;

	font-family: Arial, Helvetica, sans-serif;

	font-size: small;

	color: #eeeeee;

	text-align: center;

	vertical-align: text-bottom;

}

#LayoutDiv15 {

	clear: none;

	float: left;

	margin-left: 2.9411%;

	width: 100%;

	display: block;

	text-align: center;

}

#LayoutDiv16 {

	clear: none;

	float: left;

	margin-left: 2.9411%;

	width: 100%;

	display: block;

	font-family: Arial, Helvetica, sans-serif;

	font-size: small;

	color: #eeeeee;

	text-align: center;

	vertical-align: text-bottom;

}

#LayoutDiv17 {

	clear: none;

	float: left;

	margin-left: 2.9411%;

	width: 100%;

	display: block;

	text-align: center;

}

#LayoutDiv18 {

	clear: none;

	float: left;

	margin-left: 2.9411%;

	width: 100%;

	display: block;

	font-family: Arial, Helvetica, sans-serif;

	font-size: small;

	color: #eeeeee;

	text-align: center;

	vertical-align: text-bottom;

}

#LayoutDiv19 {

	clear: none;

	float: left;

	margin-left: 2.9411%;

	width: 100%;

	display: block;

	text-align: center;

}

#LayoutDiv20 {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}

#LayoutDiv21 {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

	background-image: url('images/banner_stage.jpg');

	background-repeat:no-repeat;

    background-size:contain;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 100%;

	color: #eeeeee;

	text-align: center;

	vertical-align: text-bottom;

}

#LayoutDiv22 {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

	color: #eeeeee;

	text-align: center;

	vertical-align: text-bottom;

	background-image: url('images/banner_forest2.jpg');

    background-size:contain;

    height:180px;

}





/* https://css-tricks.com/snippets/css/orientation-lock/ */



@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {

  html {

    transform: rotate(-90deg);

    transform-origin: left top;

    width: 100vh;

    overflow-x: hidden;

    position: absolute;

    top: 100%;

    left: 0;

  }

}





/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */



@media only screen and (min-width: 481px) {

.gridContainer {

	width: 98.4615%;

	padding-left: 0.7692%;

	padding-right: 0.7692%;

}

#LayoutDiv1 {

	clear: both;

	float: left;

	margin-left: 0;

	width: 14.0625%;

	display: block;

	text-align: right;

}

#LayoutDiv2 {

	clear: none;

	float: left;

	margin-left: 1.5625%;

	width: 14.0625%;

	display: block;

	font-family: Arial, Helvetica, sans-serif;

	font-size: medium;

	color: #00a8ea;

	text-align: center;

	vertical-align: text-bottom;

}

#LayoutDiv3 {

	clear: none;

	float: left;

	margin-left: 1.5625%;

	width: 21.875%;

	display: block;

	font-family: Arial, Helvetica, sans-serif;

	font-size: medium;

	color: #00a8ea;

	text-align: center;

	vertical-align: text-bottom;

}

#LayoutDiv4 {

	clear: none;

	float: left;

	margin-left: 1.5625%;

	width: 14.0625%;

	display: block;

	font-family: Arial, Helvetica, sans-serif;

	font-size: medium;

	color: #00a8ea;

	text-align: center;

	vertical-align: text-bottom;

}

#LayoutDiv5 {

	clear: none;

	float: left;

	margin-left: 1.5625%;

	width: 29.6875%;

	display: block;

	text-align: right;

}

#LayoutDiv6 {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}

#LayoutDiv7 {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 150%;

	color: #eeeeee;

	text-align: center;

	vertical-align: text-bottom;

	background-color: #00a8ea;

}

#LayoutDiv8 {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 150%;

	color: #eeeeee;

	text-align: center;

	vertical-align: text-bottom;

	background-color: #00a8ea;

	font-style: italic;

}

#LayoutDiv9 {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}

#LayoutDiv10 {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 150%;

	color: #eeeeee;

	text-align: center;

	vertical-align: text-bottom;

}

#LayoutDiv11 {

	clear: both;

	float: left;

	margin-left: 0;

	width: 6.25%;

	display: block;

	text-align: center;

	text-align: center;

	vertical-align: text-bottom;

	background-image: url('images/vDividerSpacer.png');

	background-repeat: no-repeat;

	background-position: center;

    background-size:contain;

    height:500px;

}

#LayoutDiv12 {

	clear: none;

	float: left;

	margin-left: 1.5625%;

	width: 14.0625%;

	display: block;

	font-family: Arial, Helvetica, sans-serif;

	font-size: small;

	color: #eeeeee;

	text-align: center;

	vertical-align: text-bottom;

}

#LayoutDiv13 {

	clear: none;

	float: left;

	margin-left: 1.5625%;

	width: 6.25%;

	display: block;

	text-align: center;

	text-align: center;

	vertical-align: text-bottom;

	background-image: url('images/vDivider3.png');

	background-repeat: no-repeat;

	background-position: center;

    background-size:contain;

    height:500px;

}

#LayoutDiv14 {

	clear: none;

	float: left;

	margin-left: 1.5625%;

	width: 14.0625%;

	display: block;

	font-family: Arial, Helvetica, sans-serif;

	font-size: small;

	color: #eeeeee;

	text-align: center;

	vertical-align: text-bottom;

}

#LayoutDiv15 {

	clear: none;

	float: left;

	margin-left: 1.5625%;

	width: 6.25%;

	display: block;

	text-align: center;

	text-align: center;

	vertical-align: text-bottom;

	background-image: url('images/vDivider3.png');

	background-repeat: no-repeat;

	background-position: center;

    background-size:contain;

    height:500px;

}

#LayoutDiv16 {

	clear: none;

	float: left;

	margin-left: 1.5625%;

	width: 14.0625%;

	display: block;

	font-family: Arial, Helvetica, sans-serif;

	font-size: small;

	color: #eeeeee;

	text-align: center;

	vertical-align: text-bottom;

}

#LayoutDiv17 {

	clear: none;

	float: left;

	margin-left: 1.5625%;

	width: 6.25%;

	display: block;

	text-align: center;

	text-align: center;

	vertical-align: text-bottom;

	background-image: url('images/vDivider3.png');

	background-repeat: no-repeat;

	background-position: center;

    background-size:contain;

    height:500px;

}

#LayoutDiv18 {

	clear: none;

	float: left;

	margin-left: 1.5625%;

	width: 14.0625%;

	display: block;

	font-family: Arial, Helvetica, sans-serif;

	font-size: small;

	color: #eeeeee;

	text-align: center;

	vertical-align: text-bottom;

}

#LayoutDiv19 {

	clear: none;

	float: left;

	margin-left: 1.5625%;

	width: 6.25%;

	display: block;

	text-align: center;

	text-align: center;

	vertical-align: text-bottom;

	background-image: url('images/vDividerSpacer.png');

	background-repeat: no-repeat;

	background-position: center;

    background-size:contain;

    height:500px;

}

#LayoutDiv20 {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}

#LayoutDiv21 {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

	background-image: url('images/banner_stage.jpg');

	background-repeat:no-repeat;

    background-size:contain;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 120%;

	color: #eeeeee;

	text-align: center;

	vertical-align: text-bottom;

}

#LayoutDiv22 {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

	color: #eeeeee;

	text-align: center;

	vertical-align: text-bottom;

	background-image: url('images/banner_forest2.jpg');

    background-size:contain;

    height:180px;

}

}



/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */



@media only screen and (min-width: 769px) {

.gridContainer {

	width: 99.0476%;

	max-width: 1232px;

	padding-left: 0.4761%;

	padding-right: 0.4761%;

	margin: auto;

	background-color: #252829;

}

#LayoutDiv1 {

	clear: both;

	float: left;

	margin-left: 0;

	width: 13.4615%;

	display: block;

	text-align: right;

}

#LayoutDiv2 {

	clear: none;

	float: left;

	margin-left: 0.9615%;

	width: 8.6538%;

	display: block;

	font-family: Arial, Helvetica, sans-serif;

	font-size: large;

	color: #00a8ea;

	text-align: center;

	vertical-align: text-bottom;

}

#LayoutDiv3 {

	clear: none;

	float: left;

	margin-left: 0.9615%;

	width: 8.6538%;

	display: block;

	font-family: Arial, Helvetica, sans-serif;

	font-size: large;

	color: #00a8ea;

	text-align: right;

	vertical-align: text-bottom;

}

#LayoutDiv4 {

	clear: none;

	float: left;

	margin-left: 0.9615%;

	width: 13.4615%;

	display: block;

	font-family: Arial, Helvetica, sans-serif;

	font-size: large;

	color: #00a8ea;

	text-align: center;

	vertical-align: text-bottom;

}

#LayoutDiv5 {

	clear: none;

	float: left;

	margin-left: 0.9615%;

	width: 47.1153%;

	display: block;

	text-align: right;

}

#LayoutDiv6 {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}

#LayoutDiv7 {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 300%;

	color: #eeeeee;

	text-align: center;

	vertical-align: text-bottom;

	background-color: #00a8ea;

}

#LayoutDiv8 {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 150%;

	color: #eeeeee;

	text-align: center;

	vertical-align: text-bottom;

	background-color: #00a8ea;

	font-style: italic;

}

#LayoutDiv9 {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}

#LayoutDiv10 {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 300%;

	color: #eeeeee;

	text-align: center;

	vertical-align: text-bottom;

}

#LayoutDiv11 {

	clear: both;

	float: left;

	margin-left: 0;

	width: 3.8461%;

	display: block;

	text-align: center;

	vertical-align: text-bottom;

	background-image: url('images/vDividerSpacer.png');

	background-repeat: no-repeat;

	background-position: center;

    background-size:contain;

    height:250px;

}

#LayoutDiv12 {

	clear: none;

	float: left;

	margin-left: 0.9615%;

	width: 18.2692%;

	display: block;

	font-family: Arial, Helvetica, sans-serif;

	font-size: small;

	color: #eeeeee;

	text-align: center;

	vertical-align: text-bottom;

}

#LayoutDiv13 {

	clear: none;

	float: left;

	margin-left: 0.9615%;

	width: 3.8461%;

	display: block;

	text-align: center;

	vertical-align: text-bottom;

	background-image: url('images/vDivider3.png');

	background-repeat: no-repeat;

	background-position: center;

    background-size:contain;

    height:250px;

}

#LayoutDiv14 {

	clear: none;

	float: left;

	margin-left: 0.9615%;

	width: 18.2692%;

	display: block;

	font-family: Arial, Helvetica, sans-serif;

	font-size: small;

	color: #eeeeee;

	text-align: center;

	vertical-align: text-bottom;

}

#LayoutDiv15 {

	clear: none;

	float: left;

	margin-left: 0.9615%;

	width: 3.8461%;

	display: block;

	text-align: center;

	vertical-align: text-bottom;

	background-image: url('images/vDivider3.png');

	background-repeat: no-repeat;

	background-position: center;

    background-size:contain;

    height:250px;

}

#LayoutDiv16 {

	clear: none;

	float: left;

	margin-left: 0.9615%;

	width: 18.2692%;

	display: block;

	font-family: Arial, Helvetica, sans-serif;

	font-size: small;

	color: #eeeeee;

	text-align: center;

	vertical-align: text-bottom;

}

#LayoutDiv17 {

	clear: none;

	float: left;

	margin-left: 0.9615%;

	width: 3.8461%;

	display: block;

	text-align: center;

	vertical-align: text-bottom;

	background-image: url('images/vDivider3.png');

	background-repeat: no-repeat;

	background-position: center;

    background-size:contain;

    height:250px;

}

#LayoutDiv18 {

	clear: none;

	float: left;

	margin-left: 0.9615%;

	width: 18.2692%;

	display: block;

	font-family: Arial, Helvetica, sans-serif;

	font-size: small;

	color: #eeeeee;

	text-align: center;

	vertical-align: text-bottom;

}

#LayoutDiv19 {

	clear: none;

	float: left;

	margin-left: 0.9615%;

	width: 3.8461%;

	display: block;

	text-align: center;

	vertical-align: text-bottom;

	background-image: url('images/vDividerSpacer.png');

	background-repeat: no-repeat;

	background-position: center;

    background-size:contain;

    height:250px;

}

#LayoutDiv20 {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}

#LayoutDiv21 {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

	background-image: url('images/banner_stage.jpg');

	background-repeat:no-repeat;

    background-size:contain;

	height:609px;width:1224px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 150%;

	color: #eeeeee;

	text-align: center;

	vertical-align: text-bottom;

}

#LayoutDiv22 {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

	color: #eeeeee;

	text-align: center;

	vertical-align: text-bottom;

	background-image: url('images/banner_forest2.jpg');

    background-size:contain;

    height:180px;

	



}

}