@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=0b13b17b-a9fe-42fe-a3c4-e1e4c8e9a39a");
@font-face{
font-family:"Avenir LT W01_45 Book1475508";
src:url("../webfonts/710789a0-1557-48a1-8cec-03d52d663d74-.eot#iefix");
src:url("../webfonts/710789a0-1557-48a1-8cec-03d52d663d74-.eot#iefix") format("eot"),url("../webfonts/065a6b14-b2cc-446e-9428-271c570df0d9.woff2") format("woff2"),url("../webfonts/65d75eb0-2601-4da5-a9a4-9ee67a470a59.woff") format("woff"),url("../webfonts/c70e90bc-3c94-41dc-bf14-caa727c76301.ttf") format("truetype"),url("../webfonts/0979215b-3a1b-4356-9c76-e90fa4551f1d.svg#0979215b-3a1b-4356-9c76-e90fa4551f1d") format("svg");
}
@font-face{
font-family:"BrandonGrotW01-Regular";
src:url("../webfonts/49d8a110-dd06-4918-9fea-516c27058edf-.eot#iefix");
src:url("../webfonts/49d8a110-dd06-4918-9fea-516c27058edf-.eot#iefix") format("eot"),url("../webfonts/1e5fc8fa-a98c-4613-a08e-c6c975759a80.woff2") format("woff2"),url("../webfonts/6b45f9ca-22b4-48ca-962f-6ff1fa7fc196.woff") format("woff"),url("../webfonts/7fdcfbf6-62ea-4d31-935f-cac99a996c73.ttf") format("truetype"),url("../webfonts/80f420d4-9e57-4016-b805-01b95b2e08f3.svg#80f420d4-9e57-4016-b805-01b95b2e08f3") format("svg");
}
@font-face{
font-family:"Brandon Grot W01 Medium";
src:url("../webfonts/172fdde2-f56b-433a-a6e2-ebeab9dfb588-.eot#iefix");
src:url("../webfonts/172fdde2-f56b-433a-a6e2-ebeab9dfb588-.eot#iefix") format("eot"),url("../webfonts/50ca6f6f-b64d-4af0-9b30-526cf363d87e.woff2") format("woff2"),url("../webfonts/050c2cbf-b818-4b8e-b6d2-71b70478bd9d.woff") format("woff"),url("../webfonts/7da41ce3-b3fd-4fca-a85f-4f3099884c15.ttf") format("truetype"),url("../webfonts/37c88f3d-9532-4547-9e11-7cca7f66048c.svg#37c88f3d-9532-4547-9e11-7cca7f66048c") format("svg");
}
@font-face{
font-family:"Brandon Grot W01 Bold";
src:url("../webfonts/c12a6d37-72c1-408b-9ca9-32946956c57f-.eot#iefix");
src:url("../webfonts/c12a6d37-72c1-408b-9ca9-32946956c57f-.eot#iefix") format("eot"),url("../webfonts/df1cd944-a6a3-4d30-8fd3-391c2e9531f1.woff2") format("woff2"),url("../webfonts/4f2d0548-c7dc-459b-a2e0-e86656a10ded.woff") format("woff"),url("../webfonts/dc21d9e5-516f-4e7e-9a84-7be79a44c2dd.ttf") format("truetype"),url("../webfonts/a9bdb836-ee14-494d-8c69-5617c5720992.svg#a9bdb836-ee14-494d-8c69-5617c5720992") format("svg");
}

@import url("//hello.myfonts.net/count/2f4d1b");

@font-face {font-family: 'NexaRustScriptB-03';src: url('../webfonts/2F4D1B_0_0.eot');src: url('../webfonts/2F4D1B_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/2F4D1B_0_0.woff2') format('woff2'),url('../webfonts/2F4D1B_0_0.woff') format('woff'),url('../webfonts/2F4D1B_0_0.ttf') format('truetype');}

@import url("//hello.myfonts.net/count/2f4d26");

  
@font-face {font-family: 'NexaRustSans-Black02';src: url('../webfonts/2F4D26_0_0.eot');src: url('../webfonts/2F4D26_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/2F4D26_0_0.woff2') format('woff2'),url('../webfonts/2F4D26_0_0.woff') format('woff'),url('../webfonts/2F4D26_0_0.ttf') format('truetype');}
 


/* ==========================================================================
	Base
	========================================================================== */

html
{
height: 101%;
font-size: 14px;
background: #fff;
}
body
{
min-height: 100%;
background: #fff;
padding: 0;
margin: 0;
-moz-osx-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}
body, textarea
{
font-family: 'Open Sans', arial, helvetica, sans-serif;
font-weight: 400; 
font-style: normal;
font-size: 16px;
color: #898989;	
}
.serif
{
font-family: times, serif;
font-weight: 400;
font-style: normal;
}



/* ==========================================================================
   global type 
   ========================================================================== */
h1,h2,h3,h4
{
font-family: 'NexaRustScriptB-03', 'Open Sans', arial, sans-serif;
font-size: 1.5em;
padding: 0px 0 20px;
color: #97bf69;
}


h1.bold,h2.bold,h3.bold,h4.bold,h5.bold
{
font-family: 'NexaRustScriptB-03', 'Open Sans', arial, sans-serif;
}
h2
{
font-size: 1.3em;
padding: 0px 0 20px;
}

.introContent span.leaderCopy {
    font-family: 'NexaRustScriptB-03', 'Open Sans', arial, sans-serif;
    font-size: 1.8em;
    color: #97bf69;
    display:inline;
}


.introContent span span.leaderCopy2 {
    
    font-family: 'Open Sans', arial, helvetica, sans-serif;
font-weight: 400; 
font-style: normal;
font-size: 16px;
color: #898989;
display:inline;	
    
}

.introContent.parks{
    
 text-align:center; 
 margin-top:20px; 
 margin-left:20px; 
 margin-right:20px;   
    
}

#awardImg{
    
    position:absolute; 
    margin-top:-130px; 
    right:20px; 
    width:180px; 
    height:auto;
    
    
}






.introContent p > span{
    display:inline-block;
 
 margin-left:5px;   
    
}


h2.registerHeadline{
    
  font-family: 'Brandon Grot W01 Medium', 'Open Sans', arial, sans-serif;  
    
}

h3
{
font-family: 'Brandon Grot W01 Bold', 'Open Sans', arial, sans-serif;
font-size: 1.2em;
line-height: 1.3em;
padding: 0px 0 20px;
}
h4
{
font-size: 1.1em;
padding: 0px 0 20px;
}
h5
{
font-size: 1.0em;
padding: 0px 0 15px;
}
h6
{
font-size: 0.9em;
font-weight: 700;
padding: 0px 0 15px;
}
p
{
font-size: 0.9em;
line-height: 1.9em;
padding: 0px 0 20px;
font-weight: 400;
}

ol
{
list-style: inside decimal;	
}
ul
{
list-style: outside disc;
margin-left: 14px;
}
ol, ul, dl
{
padding: 5px 0 12px 12px;
vertical-align: baseline;
}
dl
{
padding: 5px 0 12px 0px;
}
ul li
{
font-size: 0.9em;
line-height: 1.4em;
margin-right: 10px;
margin-left: 0px;
padding: 0em 0 8px 3px;
vertical-align: baseline;
}
ul li ul
{
margin-top: 6px;	
}
ul li li
{
font-size: 1.0em;	
list-style: circle;
}
ol li
{
font-size: 0.9em;
line-height: 1.2em;
margin-right: 20px;
padding: 0em 0 0.5em 1.7em;
vertical-align: baseline;
}
ol li li
{
font-size: 1.0em;	
}
dl dt, dl dd
{
font-size: 0.9em;
line-height: 1.0em;
margin-right: 10px;
margin-left: 0px;
padding: 0em 0 3px 0px;
vertical-align: baseline;	
font-weight: 700;
}
dl dd
{
padding: 0em 0 9px 0px;	
font-weight: 400;
}

a,
a:visited
{
color: #8fb961;	
/*text-decoration: underline;	*/	
}
a:hover
{
color: #000;
text-decoration: underline;	
}

img.alignright
{
float: right;
margin: 3px 0px 12px 12px;
}
img.alignleft
{
float: left;
margin: 3px 12px 12px 0px;
}
img.aligncenter
{
margin: 3px auto 3px auto;
}

.semanticList, .semanticList li
{
list-style: none;
padding: 0 0 0 0;
margin: 0 0 0 0;	
font-size: 1.0em;
line-height: 1.0em;
}


/* ==========================================================================
	structure
	========================================================================== */
	
#outerWrap
{
position: relative;
height: auto;
background: #fff;
overflow: hidden;
}
#pageWrap
{
position: relative;
min-height: 100%;
height: auto;
background: #fff;
overflow: hidden;
}
section
{
width: 100%;
background-color: none;
z-index: 500;
position: relative;
}
.pad
{
padding-left: 15px;
padding-right: 15px;	
}
.noPad
{
padding-left: 0px;
padding-right: 0px;	
}
body.loading
{
height: 100%;
}
#preload 
{
width: 0px;
height: 0px;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
}
#loader
{
opacity: 0;	
}
.loading #loader
{
height: 100%;
width: 100%;
position: fixed;
z-index: 1;
opacity: 1;
}
#loader #loaderContentWrap
{
display: table;
position: absolute;
width: 110px;
height: 110px;
vertical-align: middle;
text-align: center;
top: 50%;
left: 50%;
margin-top: -75px;
margin-left: -55px;	
}
#loader #loaderContent
{
display: table-cell;	
vertical-align: middle;
text-align: center;
width: 110px;
height: 110px;
}
#loader #loaderContent h5
{
text-transform: uppercase;	
}


body.loading #outerWrap,
body.loading #pageWrap,
body.loading section
{
opacity: 0;
}
.lt-ie9 body.loading #outerWrap,
.lt-ie9 body.loading #pageWrap,
.lt-ie9 body.loading section,
.no-js.lt-ie9 section
{
display: none;
}

body.loaded #outerWrap,
body.loaded #pageWrap,
body.loaded section,
.no-js section
{
opacity: 1;
-webkit-transition: opacity 1000ms ease-out;
-moz-transition: opacity 1000ms ease-out;
-ms-transition: opacity 1000ms ease-out;  
-o-transition: opacity 1000ms ease-out;
transition: opacity 1000ms ease-out;
}
.lt-ie9 body.loaded #outerWrap,
.lt-ie9 body.loaded #pageWrap,
.lt-ie9 body.loaded section,
.no-js.lt-ie9 section
{
display: block;
}

.row
{
margin: 0 auto;	
}

.maxWidthContent
{
max-width: 1120px;
margin-left: auto;
margin-right: auto;	
}

/* ==========================================================================
   svg loader
   ========================================================================== */
.loadSpinner{
    width:110px; 
    height:110px; 
    position:relative
    
}

.loadSpinner img{
    position:absolute; 
    z-index:2; 
    top:24px; 
    left:16px;
    
}

/* ==========================================================================
   header bar
   ========================================================================== */
#siteHeader
{
position: fixed;
top: 0px;
left: 0px;
height: 70px;
width: 100%;
display: block;
z-index: 1000;	
/*background: #fff;
background: rgba(255,255,255,0.85);*/
}
.csstransitions #siteHeader
{
-webkit-transition: opacity 1000ms ease 1000ms, top 1000ms ease 1000ms;
-moz-transition: opacity 1000ms ease 1000ms, top 1000ms ease 1000ms;
-ms-transition: opacity 1000ms ease 1000ms, top 1000ms ease 1000ms;
-o-transition: opacity 1000ms ease 1000ms, top 1000ms ease 1000ms;
transition: opacity 1000ms ease 1000ms, top 1000ms ease 1000ms;	
opacity: 0;
top: 0px;
}

#siteHeader #siteHeaderBG{
    
 width:100%; 
 height:80px; 
 background-color:#000; 
 opacity:.2; 
 position:absolute; 
 z-index:0; 
 border-bottom: thin solid #fff;   
    
}
.csstransitions .loaded #siteHeader
{
opacity: 1;
top: 0px;
}

#logoLight
{
visibility: hidden;
display: none;	
}
#siteHeader #identity
{
overflow: hidden;	
}
#siteHeader #identity a
{
display: inline-block;	
}
#siteHeader #identity img
{
width: auto;
height: 38px;
margin-top: 16px;
}

/* ==========================================================================
   sidr slide-in side nav
   ========================================================================== */

.navbar-fixed-top, .navbar-fixed-bottom 
{
left: 0;
position: relative;
right: 0;
transform: translate3d(0px, 0px, 0px);
z-index: 800;
}
.navbar-default 
{
background: transparent;
border: none;
}
.navbar-default .navbar-toggle 
{
border: none;
position: absolute;
z-index: 4000;
right: 0px;
top: 0px;
margin: 0px 10px 0 0px!important;
padding: 25px 10px 17px 25px!important;
background: none!important;
-webkit-transition: right 500ms ease;
-moz-transition: right 500ms ease;
-ms-transition: right 500ms ease;
-o-transition: right 500ms ease;
transition: right 500ms ease;		
}
#siteHeader .row
{
-webkit-transition: margin 500ms ease;
-moz-transition: margin 500ms ease;
-ms-transition: margin 500ms ease;
-o-transition: margin 500ms ease;
transition: margin 500ms ease;	
margin-left: 0px;	
}
.navbar-default .navbar-toggle:focus
{
background: none!important;	
}
.navbar-default .navbar-toggle .icon-bar 
{
background-color: #fff;
}
.navbar-toggle .icon-bar 
{
border-radius: 5px;
display: block;
height: 3px;
width: 26px;
margin-bottom: 5px!important;
}   
.container-fluid 
{
padding-left: 0px;
padding-right: 0px;
}
.container > .navbar-header, 
.container-fluid > .navbar-header, 
.container > .navbar-collapse, 
.container-fluid > .navbar-collapse 
{
margin-left: 0;
margin-right: 0;
}
.navbar 
{
border: none;
margin-bottom: 0px;
}
#respNav li .sidr-class-sub-menu
{
visibility: hidden;
display: none;	
}
#respNav .sidr-class-current-menu-item > a,
#respNav .sidr-class-current-page-parent > a,
#respNav .sidr-class-current-page-ancestor > a,
.single #respNav #sidr-id-nav-menu-item-39 > a,
.archive #respNav #sidr-id-nav-menu-item-39 > a
{
text-decoration: underline;	
}
#respNav #sidr-id-nav-menu-item-45 ul li a
{
text-decoration: none!important;		
}
#respNav .sidr-class-current-menu-item .sidr-class-sub-menu,
#respNav .sidr-class-current-page-parent .sidr-class-sub-menu
{
visibility: visible;
display: block;
}

/* ==========================================================================
   Homepage splash
   ========================================================================== */
#splash
{
position: relative;
z-index: 10;
}
#splashOverlay
{
position: fixed;
height: 100%;
width: 100%;
}
.bodyiOS #splashOverlay
{
position: absolute;	
}
#splash .splashContent
{
background-position: 50% 0%;
background-repeat: no-repeat;
background-attachment: fixed;
-moz-backface-visibility: hidden;

width: 100%;
height: 100%;

-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}

#splash .splashContentGall
{
background-position: 50% 0%;
background-repeat: no-repeat;
background-attachment: fixed;
-moz-backface-visibility: hidden;

width: 100%;
height: 100%;

}


.page-template-page-district #splash .splashContent
{
background-position: 80% 0%;	
}


.page-template-page-district #splash .splashContent
{
background-position: 35% 0%;	
}


.page-template-page-connect #splash .splashContent
{
background-position: 65% 0%;	
}

/*river*/
.page-template-page-river #splash .splashContent
{
background-position: 30% 0%;	
}

body.page-template-page-greatroot #splash .splashContent
{
background-position: 100% 0%;	
}

body.page-template-page-farm #splash .splashContent
{
background-position: 30% 0%;	
}

body.page-template-page-trails #splash .splashContent
{
background-position: 10% 0%;	
}

body.page-template-page-connect #splash .splashContent
{
background-position: 40% 0%;	
}


.page-template-page-schools #splash .splashContent
{
background-position: 70% 0%;	
}
.page-template-page-beach-life #splash .splashContent
{
background-position: 37% 0%;	
}
.page-template-page-mandalay-state-beach #splash .splashContent
{
background-position: 65% 0%;	
}
.page-template-page-walkability #splash .splashContent
{
background-position: 30% 0%;	
}
.page-template-page-suncal #splash .splashContent
{
background-position: 60% 0%;	
}
.page-template-page-arch #splash .splashContent
{
background-position: 70% 0%;	
}
.bodyiOS #splash .splashContent
{
background-attachment: scroll;

}
#splash .hsCaption
{
display: table;
text-align: center;
vertical-align: top;	
width: 100%;
height: 80%;
padding-left:0px;
padding-right:0px;
overflow:hidden;
}

#splash .hsCaption.lowerCopy{
    
height: 110%;  
position:relative;  
}


#splash .hsCaptionText
{
display: table-cell;
text-align: center;
vertical-align: middle;	
width: 100%;
height: 100%;
overflow:hidden;
}




#splash .hsCaptionText h1
{
position: relative;
color: #fff;
font-size: 2em;
line-height: 1em;
font-style:normal;
letter-spacing: 0.02em;
text-shadow: 0 1px 1px #909090;
filter: dropshadow(color=#909090, offx=1, offy=1);
font-family: "NexaRustScriptB-03", times, serif;
margin-left: 0;
padding: 0 0 0 0;
}
#splash .hsCaptionText h2.lineTwo
{
position: relative;
/*font-weight: 600;*/
text-transform: uppercase;
font-style: normal;
display: block;
padding: 0 0 0 0;
margin: 0;
color:#fff;
font-size: .9em;
margin-left: 0px;
text-shadow: 0 1px 1px #909090;
font-family: "NexaRustSans-Black02", times, serif;
filter: dropshadow(color=#909090, offx=1, offy=1);
line-height:1em;

}

#splash .hsCaptionText h2.lineThree
{
    
    font-family: "NexaRustScriptB-03", times, serif;
    font-size: 1.8em;
    line-height: 1em;
    text-shadow: 0 1px 1px #909090;
    filter: dropshadow(color=#909090, offx=1, offy=1);
    font-style:normal;
    letter-spacing: 0.02em;
    text-transform:none;
    color:#fff;
    white-space:normal;
    
}



.csstransitions #splash .hsCaptionText h1,
.csstransitions #splash .hsCaptionText h2
{
-webkit-transition: opacity 2000ms ease 1500ms, margin 3000ms ease 1200ms;
-moz-transition: opacity 2000ms ease 1500ms, margin 3000ms ease 1200ms;
-ms-transition: opacity 2000ms ease 1500ms, margin 3000ms ease 1200ms;
-o-transition: opacity 2000ms ease 1500ms, margin 3000ms ease 1200ms;
transition: opacity 2000ms ease 1500ms, margin 3000ms ease 1200ms;	
opacity: 0;
margin-left: -10px;	
margin-left: 20px;	
}

.csstransitions .loaded #splash .hsCaptionText h1,
.csstransitions .loaded #splash .hsCaptionText h2
{
margin-left: 0px;	
opacity: 1;
}


.csstransitions #splash #arrow-home-left,
.csstransitions #splash #arrow-home-right
{
    
    -webkit-transition: opacity 2000ms ease 2500ms, margin 3000ms ease 1200ms;
-moz-transition: opacity 2000ms ease 2500ms, margin 3000ms ease 1200ms;
-ms-transition: opacity 2000ms ease 2500ms, margin 3000ms ease 1200ms;
-o-transition: opacity 2000ms ease 2500ms, margin 3000ms ease 1200ms;
transition: opacity 2000ms ease 2500ms, margin 3000ms ease 1200ms;	
opacity: 0;
    
    
}


.csstransitions .loaded #splash #arrow-home-left,
.csstransitions .loaded #splash #arrow-home-right
{
   opacity: 1; 
    
}







#content
{
position: relative;
background: #fff;	
z-index: 50;
top: -175;
margin-bottom: -175px;
opacity:1;
}
.csstransitions #content
{

top: -175px;
margin-bottom: -175px;

}


.no-js #content, .lt-ie9 #content
{
top: -250px;	
margin-bottom: -250px;
}


/* ==========================================================================
   Secondary Nav
   ========================================================================== */
#secNav
{
visibility: hidden;
display: none;	
}


/* ==========================================================================
   Homepage Intro
   ========================================================================== */

#nav-menu-item-homepage{
    display:block;
}

.trannyOverride{
 opacity:1!important;
 top:0px!important;
    
}

#intro, 
#teamCall
{
text-align: center;	
-webkit-transition: opacity 1500ms ease;
-moz-transition: opacity 1400ms ease;
-ms-transition: opacity 1500ms ease;
-o-transition: opacity 1500ms ease;
transition: opacity 1500ms ease;
opacity: 1;
}

#intro.leftcopyy{
    
    text-align:center;
    
}


#intro .setHeightChild, 
#teamCall .setHeightChild
{
padding-top: 30px;
padding-bottom: 10px;
position: relative;
overflow: hidden;
}
.csstransitions #intro.tranny, 
.csstransitions #teamCall.tranny
{
opacity: 1;
}


.homeSpots
{
    
max-width: 780px;
margin-left: auto;
margin-right: auto;
text-align:center;
padding:30px 0px;
font-size:1em;
    
}

.homeSpots h3{
    font-size:1em;
    }


.homeSpots p{
    font-size:.9em;
}
p.homeData{
    text-transform:uppercase;
    font-size:.7em;
    
    
    
}

#teamCall h3{
    padding: 0 0 0 0;
    text-transform:uppercase;
    font-size:1.8em;
    margin-bottom:0px;
    
    
    
}

#teamCall p{
    padding: 0 0 0 0;
    margin-top:10px;
}

#intro h2,
#teamCall h2
{
    font-size:1.7em;        
    padding-bottom: 5px;
    top: 0;
    margin-top:0px;
}



.kSet1{
    
    letter-spacing: -.4em;
    
}

.mobileNoBreak{
    
    white-space:nowrap;
    
}

.mobileBR{
    
    display:block;
    
}


.csstransitions #intro h2,
.csstransitions #teamCall h2
{
position: relative;
-webkit-transition: opacity 1000ms ease 2400ms, top 1500ms ease 2400ms;
-moz-transition: opacity 1000ms ease 2400ms, top 1500ms ease 2400ms;
-ms-transition: opacity 1000ms ease 2400ms, top 1500ms ease 2400ms;
-o-transition: opacity 1000ms ease 2400ms, top 1500ms ease 2400ms;
transition: opacity 1000ms ease 2400ms, top 1500ms ease 2400ms;	
opacity: 1;
top: 0px;
}
.csstransitions #intro .introContent, 
.csstransitions #teamCall .introContent
{
position: relative;
-webkit-transition: opacity 1000ms ease 2800ms, top 1500ms ease 2800ms;
-moz-transition: opacity 1000ms ease 2800ms, top 1500ms ease 2800ms;
-ms-transition: opacity 1000ms ease 2800ms, top 1500ms ease 2800ms;
-o-transition: opacity 1000ms ease 2800ms, top 1500ms ease 2800ms;
transition: opacity 1000ms ease 2800ms, top 1500ms ease 2800ms;	
opacity: 1;
top: 0px;
}
.csstransitions .loaded #intro h2,
.csstransitions .loaded #intro .introContent,
.csstransitions .loaded #teamCall h2,
.csstransitions .loaded #teamCall .introContent
{
opacity: 1;
top: 0px;	
}
.visualAidScroll
{
visibility: hidden;
display: none;	
}


/* ==========================================================================
   home page gallery
   ========================================================================== */
   
   
   
#arrow-home-left,
#arrow-home-right{
    
    position:absolute;
    z-index:200;
    top:65%;
    bottom:35%;
    cursor:pointer; 
     height:15px;
    width:15px;  
    
}

#arrow-home-left{
    
    left:20px;
    
}

#arrow-home-right{
    
    right:20px;
    
}

   
   

/* ==========================================================================
   Team callouts
   ========================================================================== */
   

.csstransitions #teamCall .setHeightChild .introContent
{
position: relative;
-webkit-transition: opacity 1000ms ease 0ms, margin 1500ms ease 0ms;
-moz-transition: opacity 1000ms ease 0ms, margin 1500ms ease 0ms;
-ms-transition: opacity 1000ms ease 0ms, margin 1500ms ease 0ms;
-o-transition: opacity 1000ms ease 0ms, margin 1500ms ease 0ms;
transition: opacity 1000ms ease 0ms, margin 1500ms ease 0ms;	
opacity: 0;
margin-top: 60px;
}


.csstransitions #teamCall .setHeightChild .introContent.tranny

{
opacity: 1;
margin-top: 0px;	
}
   
   
   
   
   

/* ==========================================================================
   Homepage callouts
   ========================================================================== */
.calloutGrid
{
position: relative;
z-index: 50;
}
.calloutGrid .row
{
display: block;	
position: relative;
z-index: 80;
}
.calloutGrid .calloutImage
{
position: relative;
height: 220px;
z-index: 100;
overflow: hidden;
}
.csstransitions .calloutGrid .calloutImage
{
-webkit-transition: opacity 1500ms ease 0ms, top 1500ms ease 0ms;
-moz-transition: opacity 1500ms ease 0ms, top 1500ms ease 0ms;
-ms-transition: opacity 1500ms ease 0ms, top 1500ms ease 0ms;
-o-transition: opacity 1500ms ease 0ms, top 1500ms ease 0ms;
transition: opacity 1500ms ease 0ms, top 1500ms ease 0ms;
top: 0px;
opacity: 0;
}
.csstransitions .calloutGrid .tranny .calloutImage
{
top: 0px;
opacity: 1;
}
.calloutGrid .calloutImage div
{
position: relative;
height: 100%;
width: 100%;
z-index: 100;
background-position: 50% 50%;
background-repeat: no-repeat;
background-attachment: scroll;
}
.calloutGrad .calloutText
{
text-align: center;	
position: relative;
}
.calloutGrid .calloutTextContent
{
background: #fff;
background: none;
padding-top: 30px;
padding-bottom: 10px;
text-align: center;
position: relative;
z-index: 100;
z-index: 130;
}
.calloutGrid .coTextBg
{
content: "";
position: absolute;
top: 0px;	
background: #fff;
width: 100%;
height: 100%;
display: block;
text-align: center;
z-index: 120;
}
.calloutGrid .coTextBg:after
{
content: "";
position: relative;
background: #97bf69;
width: 100%;
height: 100%;
display: block;
margin: 0 auto;
text-align: center;
z-index: 130;
opacity: 0;
}
.lt-ie9 .calloutGrid .coTextBg:after
{
visibility: hidden;
}
.csstransitions .calloutGrid .coTextBg:after
{
-webkit-transition: width 1500ms ease 0ms, opacity 1500ms ease 1500ms;
-moz-transition: width 1500ms ease 0ms, opacity 1500ms ease 1500ms;
-ms-transition: width 1500ms ease 0ms, opacity 1500ms ease 1500ms;
-o-transition: width 1500ms ease 0ms, opacity 1500ms ease 1500ms;
transition: width 1500ms ease 0ms, opacity 1500ms ease 1500ms;	
width: 60%;
opacity: 1;
}
.csstransitions .calloutGrid .tranny .coTextBg:after
{
width: 100%;
opacity: 0;
}
.calloutGrid .coDarken .coTextBg:after
{
opacity: 1!important;
visibility: visible;
}

.calloutGrid .calloutTextContent h3
{
text-transform: uppercase;
padding-bottom: 5px;
color: #97bf69;
}
.calloutGrid .coDarken .calloutTextContent h3, .calloutGrid .coDarken .calloutTextContent p
{
color: #fff;	
}
.calloutGrid .coTextWrap
{
padding-left: 15px;
padding-right: 15px;	
position: relative;
z-index: 150;
}
.csstransitions .calloutGrid .coTextWrap
{
-webkit-transition: opacity 1500ms ease 1500ms;
-moz-transition: opacity 1500ms ease 1500ms;
-ms-transition: opacity 1500ms ease 1500ms;
-o-transition: opacity 1500ms ease 1500ms;
transition: opacity 1500ms ease 1500ms;	
opacity: 0;
}
.csstransitions .calloutGrid .tranny .coTextWrap
{
opacity: 1;
}
.btnHolder
{
display: block;
text-align: center;	
padding-bottom: 20px;
position: relative;
}


/* ==========================================================================
   Home news
   ========================================================================== */
   
   #newsStart {
       
       padding: 10px 0;
       
       
   }
   
   
   #newsStart .newsHeadline h1{
       
    font-size:2.2em; 
    text-align:center; 
    padding:0px;
    margin-top:0px;
    
       
   }
   
     #newsStart h2{
    font-size:1.5em; 
    text-align:center; 
    color:#9d9fa2;
    margin-top:0px;
       
   }
   
   
   .csstransitions #newsStart .newsHeadline {
       
       -webkit-transition: opacity 1500ms ease 0ms;
        -moz-transition: opacity 1500ms ease 0ms;
        -ms-transition: opacity 1500ms ease 0ms;
        -o-transition: opacity 1500ms ease 0ms;
        transition: opacity 1500ms ease 0ms;	
        opacity: 1;      
       
   }
   
   .csstransitions #newsStart .newsHeadline.tranny
    {
    opacity: 1;
    }
    

   

   #newsStart .newsArticale h1, #newsStart .newsArticale h2{
       font-family: 'Brandon Grot W01 Medium', 'Open Sans', arial, sans-serif;
       text-align:left;
       text-transform:uppercase;
  }
   
   #newsStart .newsArticale h1{
       
       font-size:1.2em;
       
   }
   
    #newsStart .newsArticale h2{
       
       font-size:.75em;
       padding-right:60px;
       margin-top:10px;
       line-height:18px;
       color:#9d9fa2;
   }
   
   #newsStart .newsArticale .newsLine{
       
    width:80%;
    height:1px;
    background-color:#9d9fa2; 
    margin-bottom:5px;  
       
   }
   
   #newsStart .newsArticale p{
   
    line-height:22px;
    margin-top:15px;
     font-size:.75em; 
     color:#9d9fa2;
     margin-right:30px;
       
   }
   
   #newsStart .newsArticale .newsSocial img{
       
    float:left;   
       
   }
   
      .csstransitions #newsStart .newsArticale .newsDate{
        
        -webkit-transition: opacity 1500ms ease 0ms, margin 1500ms ease 0ms;
        -moz-transition: opacity 1500ms ease 0ms, margin 1500ms ease 0ms;
        -ms-transition: opacity 1500ms ease 0ms, margin 1500ms ease 0ms;
        -o-transition: opacity 1500ms ease 0ms, margin 1500ms ease 0ms;
        transition: opacity 1500ms ease 0ms, margin 1500ms ease 0ms;	
        opacity: 0;
        margin-top:0px;
    }
    
     .csstransitions #newsStart.tranny .newsArticale .newsDate{
           
           opacity: 1;
           margin-top:0px;
           
       }
       
        .csstransitions #newsStart .newsArticale .newsMover{
         width:340px;
        
        }
   
   .csstransitions #newsStart .newsArticale .newsMover{
        
        -webkit-transition: opacity 20000ms ease 0ms, margin 20000ms ease 0ms;
        -moz-transition: opacity 2000ms ease 0ms, margin 2000ms ease 0ms;
        -ms-transition: opacity 2000ms ease 0ms, margin 2000ms ease 0ms;
        -o-transition: opacity 2000ms ease 0ms, margin 2000ms ease 0ms;
        transition: opacity 2000ms ease 0ms, margin 2000ms ease 0ms;	
        opacity: 1;
        margin-top:-20px;
    }
    
       .csstransitions #newsStart.tranny .newsArticale .newsMover{
           
           opacity: 1;
           margin-top:-20px;
           
       }
       
       
   /* ==========================================================================
   News page
   ========================================================================== */  
     
       
  #newsStart .newsArticalePage h1, 
  #newsStart .newsArticalePage h2,
  #intro .newsArticalePage h1, 
  #intro .newsArticalePage h2
  
  {
       font-family: 'Brandon Grot W01 Bold', 'Open Sans', arial, sans-serif;
       text-align:left;
       text-transform:uppercase;
  }
   
   #newsStart .newsArticalePage h1,
   #intro .newsArticalePage h1
   {
       
       font-size:1.3em;
       padding-left:10px;
       padding-right:10px;
       
   }
   
   #intro .newsArticalePage h1{
       
       padding-bottom:0px;
   }
   
    #newsStart .newsArticalePage h2,
    #intro .newsArticalePage h2
    {
       padding-left:10px;
       font-size:1.1em;
       padding-right:15px;
       padding-bottom:5px;
       margin-top:10px;
       line-height:1.2em;
       color:#9d9fa2;
       font-weight:400;
       
        
       
   }
   
   #newsStart .newsArticalePage .newsLine{
       
 
    height:1px;
    background-color:#9d9fa2; 
    margin-bottom:5px;  
        padding-left:30px;
         padding-right:30px;
          padding-right:30px;
   }
   
   #newsStart .newsArticalePage p,
   #intro .newsArticalePage p
   
   {
    padding-left:10px;
       padding-right:15px;
    line-height:22px;
    margin-top:0px;
     font-size:1em; 
     color:#9d9fa2;
     margin-right:0px;
     
       text-align:left;
       
   }
   #newsStart .newsArticalePage .newsSocial {
       
    padding-left:30px;  
       
       
   }
   
   #newsStart .newsArticalePage .newsSocial img{
       
    float:left;   
       
   }
   
      .csstransitions #newsStart .newsArticalePage .newsDate{
        
        -webkit-transition: opacity 1500ms ease 0ms, margin 1500ms ease 0ms;
        -moz-transition: opacity 1500ms ease 0ms, margin 1500ms ease 0ms;
        -ms-transition: opacity 1500ms ease 0ms, margin 1500ms ease 0ms;
        -o-transition: opacity 1500ms ease 0ms, margin 1500ms ease 0ms;
        transition: opacity 1500ms ease 0ms, margin 1500ms ease 0ms;	
        opacity: 0;
        margin-top:50px;
    }
    
     .csstransitions #newsStart.tranny .newsArticalePage .newsDate{
           
           opacity: 1;
           margin-top:0px;
           
       }
       
        .csstransitions #newsStart .newsArticalePage .newsMover{
            
          
       
        
        }
   
   .csstransitions #newsStart .newsArticalePage .newsMover{
        
        -webkit-transition: opacity 20000ms ease 0ms, margin 20000ms ease 0ms;
        -moz-transition: opacity 2000ms ease 0ms, margin 2000ms ease 0ms;
        -ms-transition: opacity 2000ms ease 0ms, margin 2000ms ease 0ms;
        -o-transition: opacity 2000ms ease 0ms, margin 2000ms ease 0ms;
        transition: opacity 2000ms ease 0ms, margin 2000ms ease 0ms;	
        opacity: 0;
        margin-top:50px;
    }
    
       .csstransitions #newsStart.tranny .newsArticalePage .newsMover{
           
           opacity: 1;
           margin-top:-20px;
           
       }
       
   
   
/* ==========================================================================
   Learn more buttons
   ========================================================================== */
.chunky,
a.chunky:visited,
a.chunky:focus
{
display: inline-block;


margin: 0 auto;
line-height: 2.5em;
font-family: 'Brandon Grot W01 Medium', 'Open Sans', arial, sans-serif;
font-size: 0.85em;
letter-spacing: 0.08em;
vertical-align: middle;
text-align: center;
color: #fff;
text-decoration: none;
text-transform: uppercase;
padding: 0 27px 0 27px;
background: #97bf69;
/*background: rgba(42,124,154,1);*/
}
.csstransitions .chunky
{
-webkit-transition:background 400ms ease;  
-moz-transition:background 400ms ease;  
-ms-transition:background 400ms ease;  
-o-transition:background 400ms ease;  
transition:background 400ms ease; 	
}
.chunkyTrans,
a.chunkyTrans:visited,
a.chunkyTrans:focus
{
border: 2px solid #fff;
padding: 0 25px 0 25px;
background: #97bf69;
background: rgba(151,191,105,1);
line-height: 2.3em;
}
#visiting .chunkyTrans,
#visiting a.chunkyTrans:visited,
#visiting a.chunkyTrans:focus
{
background: #97bf69;
}
.chunky .chunkyText,
button .buttonTextWrap
{
display: inline-block;
height: 100%;
vertical-align: middle;	
position: relative;
}
button .buttonTextWrap
{
overflow: hidden;	
}
.chunky .chunkyText span,
button .buttonTextWrap .buttonText
{
display: inline-block;
position: relative;
}
.chunky .chunkyText span:after,
button .buttonTextWrap .buttonText:after
{
content: "";
display: block;
position: absolute;
width: 100%;
background: #fff;
height: 2px;	
bottom: 0px;
left: 0px;
opacity: 0;
-webkit-transition: opacity 500ms ease 0ms, bottom 500ms ease 0ms;
-moz-transition: opacity 500ms ease 0ms, bottom 500ms ease 0ms;
-ms-transition: opacity 500ms ease 0ms, bottom 500ms ease 0ms;
-o-transition: opacity 500ms ease 0ms, bottom 500ms ease 0ms;
transition: opacity 500ms ease 0ms, bottom 500ms ease 0ms;
}
#footer button .buttonTextWrap .buttonText:after,
#visiting .chunky .chunkyText span:after
{
background: #fff;	
}
.chunky:hover
{
text-decoration: none;
color: #fff;
}
.chunky:hover .chunkyText span:after
{
bottom: 7px;
opacity: 1;

}
.chunkyTrans:hover .chunkyText span:after
{
bottom: 7px;	
}
button:hover .buttonTextWrap .buttonText:after
{
bottom: 9px;
opacity: 0.75;	
}
.chunkyBtn
{
border: none;
outline: none;	
}




/* ==========================================================================
   Homepage Connect bar
   ========================================================================== */
   
   
   #connectBar{
background: #97bf69;
color: #fff;
text-align: center;	
position: relative;
padding: 0px 0px 0px;
height:250px;	

}

   .csstransitions #connectBar
{
    
    
    
-webkit-transition: opacity 2500ms ease 0ms, margin 1500ms ease 0ms;
-moz-transition: opacity 2500ms ease 0ms, margin  1500ms ease 0ms;
-ms-transition: opacity 2500ms ease 0ms, margin  1500ms ease 0ms;
-o-transition: opacity 2500ms ease 0ms, margin  1500ms ease 0ms;
transition: opacity 2500ms ease 0ms, margin  1500ms ease 0ms;	
opacity: 0;
margin-top:0px;

}
.csstransitions #connectBar.tranny 
{
opacity: 1;	
margin-top:0px;
z-index:10000
}





#connectBar .btnHolder{
    
    height:65px; 
    position:absolute;
    bottom:0px;
    left:50%;
    margin-left:-95px;
    margin-bottom:-20px;  
   
    
}

#connectBar .chunkyTrans,
#connectBar a.chunkyTrans:visited,
#connectBar a.chunkyTrans:focus

{
    
    background-color: #97bf69;
    
    
    
}



#connectBar h2{
    
 color:#fff;
 font-size:2em;   
 margin-right:10px;
 margin-left:10px;
}

.csstransitions #connectBar .connectSqueeze
{
    position:relative;
    display:inline-block;
    width:100%;
       
}


   .csstransitions #connectBar .connectSqueeze
{
    
    
    
-webkit-transition: opacity 2500ms ease 0ms, margin 1500ms ease 0ms, height 1500ms ease 0ms;
-moz-transition: opacity 2500ms ease 0ms, margin 1500ms ease 0ms, height 1500ms ease 0ms;
-ms-transition: opacity 2500ms ease 0ms, margin 1500ms ease 0ms, height 1500ms ease 0ms;
-o-transition: opacity 2500ms ease 0ms, margin 1500ms ease 0ms, height 1500ms ease 0ms;
transition: opacity 2500ms ease 0ms, margin 1500ms ease 0ms, height 1500ms ease 0ms;	
opacity: 0;
height:200px;
margin-top:-20px;


}

.csstransitions #connectBar .connectSqueeze.tranny{
    margin-top:75px;
    opacity:1;
    height:125px;
}


    .lt-ie9 .csstransitions #connectBar .connectSqueeze{
        
        margin-top:75px;
    opacity:1;
    height:125px;
    }


/* ==========================================================================
   Homepage lower slider show
   ========================================================================== */

   #lowerShow{
     
        background-size:cover;
        
        color: #fff;
        text-align: center;	
        position: relative;
        padding: 50px 0px 50px;	
        
        height:475px;
    }
    
    #lowerIvy{
     
        background-size:cover;
        
        color: #fff;
        text-align: center;	
        position: relative;
        padding: 50px 0px 50px;	
        
        height:275px;
    }
    
    
    
    
     #lowerTeam{
     
        background-size:cover; 
        background-position:center;       
        position: relative;
  
        height:225px;
    }
    
    
    .csstransitions #lowerShow,
    .csstransitions #lowerTeam
{
    
    
    
-webkit-transition: opacity 1500ms ease 0ms, top 1500ms ease 0ms;
-moz-transition: opacity 1500ms ease 0ms, top 1500ms ease 0ms;
-ms-transition: opacity 1500ms ease 0ms, top 1500ms ease 0ms;
-o-transition: opacity 1500ms ease 0ms, top 1500ms ease 0ms;
transition: opacity 1500ms ease 0ms, top 1500ms ease 0ms;	
opacity: 0;
top:0px;

}
.csstransitions #lowerShow.tranny,
.csstransitions #lowerTeam.tranny 
{
opacity: 1;
top:0px;	
}

    
    
    
    
    
    
#lowerShow .lowerSqueeze .chunkyTrans,
#lowerShow .lowerSqueeze a.chunkyTrans:visited,
#lowerShow .lowerSqueeze a.chunkyTrans:focus{
    background-color: #97bf69!important;
   border: 0px solid #97bf69!important;
  filter: dropshadow(color=#909090, offx=1, offy=1);
    
}



#lowerShow h1{
    
    color:#fff;
    font-size:3.5em;   
    margin-top:100px;
    padding: 0 0 .2em 0;
    position:relative;
}

#lowerShow h1{
    
    -webkit-transition: margin 1500ms ease 0ms, height 1500ms ease 0ms, top 1500ms ease 0ms;
    -moz-transition: margin 1500ms ease 0ms, height 1500ms ease 0ms, top 1500ms ease 0ms;
    -ms-transition: margin 1500ms ease 0ms, height 1500ms ease 0ms, top 1500ms ease 0ms;
    -o-transition: margin 1500ms ease 0ms, height 1500ms ease 0ms, top 1500ms ease 0ms;
    transition: margin 1500ms ease 0ms, height 1500ms ease 0ms, top 1500ms ease 0ms;	
margin-bottom:50px;
}




.csstransitions #lowerShow h1.tranny
{
    margin-bottom:0px;

}






#lowerShow h2{
    color:#fff;
    position: relative;
    font-weight: 600;
    text-transform: uppercase;
    font-style: normal;
    display: block;
    padding: 0 0 1.4em 0;
    margin: 0;
    font-size: 1.1em;
    margin-left: 15px;
    margin-right: 15px;
    font-family: "NexaRustSans-Black02", times, serif;
    filter: dropshadow(color=#909090, offx=2, offy=2);
}

#lowerShow .lowerSqueeze{
    
    
    text-align:center;
    position:relative;
    
}

#lowerShow .lowerSqueeze{
    
    -webkit-transition: opacity 1500ms ease 0ms, height 1500ms ease 0ms, top 1500ms ease 0ms;
    -moz-transition: opacity 1500ms ease 0ms, height 1500ms ease 0ms, top 1500ms ease 0ms;
    -ms-transition: opacity 1500ms ease 0ms, height 1500ms ease 0ms, top 1500ms ease 0ms;
    -o-transition: opacity 1500ms ease 0ms, height 1500ms ease 0ms, top 1500ms ease 0ms;
    transition: opacity 1500ms ease 0ms, height 1500ms ease 0ms, top 1500ms ease 0ms;	
    opacity: 0;
    height:400px;
    top:-75px;
}



.csstransitions #lowerShow .lowerSqueeze.tranny{
    height:200px;
    opacity:1;
    top:0px;
}


#lowerShow .lowerSqueeze .btnHolder{
    position:relative;
  
    margin-left:auto;
    margin-right:auto;
    margin-bottom:0px;
    bottom:0px;
 }

#lowerShow #lowerLeftArrow, #lowerShow #lowerRightArrow{
    display:none;
    position:absolute; 
    top:315px
}

#lowerShow #lowerLeftArrow{
    
    -webkit-transition: left 1500ms ease 0ms, height 1500ms ease 0ms, top 1500ms ease 0ms;
    -moz-transition: left 1500ms ease 0ms, height 1500ms ease 0ms, top 1500ms ease 0ms;
    -ms-transition: left 1500ms ease 0ms, height 1500ms ease 0ms, top 1500ms ease 0ms;
    -o-transition: left 1500ms ease 0ms, height 1500ms ease 0ms, top 1500ms ease 0ms;
    transition: left 1500ms ease 0ms, height 1500ms ease 0ms, top 1500ms ease 0ms;	
   left:-50px;
}

.csstransitions #lowerShow #lowerLeftArrow.tranny{
    
left:0px;
}

#lowerShow #lowerRightArrow{
    
    -webkit-transition: right 1000ms ease 500ms;
    -moz-transition: right 1000ms ease 500ms;
    -ms-transition: right 1000ms ease 500ms;
    -o-transition: right 1000ms ease 500ms;
    transition: right 1000ms ease 500ms;	
   right:-50px;
}

.csstransitions #lowerShow #lowerRightArrow.tranny{
    
right:0px;
}





/* ==========================================================================
   Tadpole tiddbit
   ========================================================================== */
#visiting
{
background: #f7f7f7;
color: #fff;
text-align: center;	
position: relative;
height: 520px;
overflow:hidden;


}

#visiting.tubeFun{
    
 height: 450px;
    
}

#visiting .visitingLogo
{
padding: 0px 0 0px;	

position:relative;
display:inline-block;
}
#visiting .visitingBoy img
{
height: auto;
max-width: 338px;	
}

#visiting .visitingLogo p
{
color: #898989;
font-size: .8em;
margin-left:20px;
margin-right:20px;	
font-family: 'Open Sans', arial, sans-serif;
}


.csstransitions #visiting .visitingLogo
{
-webkit-transition: opacity 1500ms ease 1000ms, margin 1500ms ease 1000ms, height 1500ms ease 1000ms;
-moz-transition: opacity 1500ms ease 1000ms, margin 1500ms ease 1000ms, height 1500ms ease 1000ms;
-ms-transition: opacity 1500ms ease 1000ms, margin 1500ms ease 1000ms, height 1500ms ease 1000ms;
-o-transition: opacity 1500ms ease 1000ms, margin 1500ms ease 1000ms, height 1500ms ease 1000ms;
transition: opacity 1500ms ease 1000ms, margin 1500ms ease 1000ms, height 1500ms ease 1000ms;	
opacity: 0;
margin-top:0px;
height:320px;
}
.csstransitions #visiting.tranny .visitingLogo
{
opacity: 1;
margin-top:40px;
height:220px;
}

.csstransitions #visiting .visitingLogo h2
{
-webkit-transition: margin 1500ms ease 1000ms;
-moz-transition:  margin 1500ms ease 1000ms;
-ms-transition: margin 1500ms ease 1000ms;
-o-transition:  margin 1500ms ease 1000ms;
transition:  margin 1500ms ease 1000ms;	
margin-bottom:70px;
}

.csstransitions #visiting.tranny .visitingLogo h2
{

margin-bottom:10px;

}

.csstransitions #visiting .visitingLogo p
{
-webkit-transition: margin 1500ms ease 1000ms;
-moz-transition:  margin 1500ms ease 1000ms;
-ms-transition: margin 1500ms ease 1000ms;
-o-transition:  margin 1500ms ease 1000ms;
transition:  margin 1500ms ease 1000ms;		
margin-bottom:100px;

}

.csstransitions #visiting.tranny .visitingLogo p
{

margin-bottom:0px;

}



.csstransitions #visiting .visitingBoy
{
-webkit-transition: opacity 2000ms ease 0ms, padding 2000ms ease 0ms;
-moz-transition: opacity 2000ms ease 0ms, padding 2000ms ease 0ms;
-ms-transition: opacity 2000ms ease 0ms, padding 2000ms ease 0ms;
-o-transition: opacity 2000ms ease 0ms, padding 2000ms ease 0ms;
transition: opacity 2000ms ease 0ms, padding 2000ms ease 0ms;	
padding-top:140px;
opacity:0;

}

.csstransitions #visiting.tranny .visitingBoy{
padding-top:0px; 
 opacity:1;  
}

#visiting .visitingLogo h2
{
color: #97bf69;
font-size: 2.1em;	
padding-bottom: 0px;
}
#visiting .visitingLogo h5
{
color: #fff;
font-size: 1.15em;	
}



#visiting .visitingLogo a
{
color: #fff!important;	
}

#visiting .visitingLogo .btnHolder{


 margin-bottom: 0px;
    
}

/* ==========================================================================
   Map
   ========================================================================== */
#mapContent
{
height: 280px;	
width: 100%;
}
#nardMarker
{
opacity: 1;
margin-top: 0;
}
.csstransitions .nardMarker
{
opacity: 0;
margin-top: -100px;
}
/*.csstransitions #nardMarker0
{
-webkit-transition: opacity 1500ms ease 0ms, margin 1500ms ease 0ms;
-moz-transition: opacity 1500ms ease 0ms, margin 1500ms ease 0ms;
-ms-transition: opacity 1500ms ease 0ms, margin 1500ms ease 0ms;
-o-transition: opacity 1500ms ease 0ms, margin 1500ms ease 0ms;
transition: opacity 1500ms ease 0ms, margin 1500ms ease 0ms;	
}
*/
.csstransitions .tranny .nardMarker
{
opacity: 1;
margin-top: 0px;
}

#noFingerMap{
    
    position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:2;
    
}

/* ==========================================================================
   Footer Nav
   ========================================================================== */
#footerNav
{
visibility: hidden;
display: none;	
}

/* ==========================================================================
   Footer Form
   ========================================================================== */
#footer
{
background: #312c20;
padding: 30px 0;
position: relative;
z-index: 400;
}
#subFooter
{
padding: 0px 15px;
}
#footerForm
{
padding: 0px 0 45px;	
}
#footerForm h5
{
font-size: 0.8em;
font-weight: 600;
color: #f9fafc;
text-transform: uppercase;
padding-bottom:  6px;
}
#footerForm h6
{
font-size: 0.70em;
font-weight: 600;
color: #b3b3b3;
padding-bottom:  8px;
letter-spacing: 0.05em;
}
#footerForm form
{
margin-top: 20px;	
}
#footerForm form .formCol
{
padding: 0;
}
#footerForm form input[type=text]
{
-moz-border-radius: 0px!important; 
border-radius: 0px!important; 
-webkit-border-radius: 0px!important;
font-size: 0.7em;
font-weight: 600;
line-height: 40px;
height: 40px;
padding: 0px 20px 0px;
vertical-align: middle;
display: inline-block;
.display: inline;
.zoom: 1;
width: 100%;
position: relative;
color: #474747;
background: #b3b3b3;	
margin-bottom: 8px;
}
#footerForm form button
{
-moz-border-radius: 0px!important; 
border-radius: 0px!important; 
-webkit-border-radius: 0px!important;
font-size: 0.70em;
font-weight: 600;
line-height: 40px;
height: 40px;
padding: 0px 20px 0px;
vertical-align: middle;
display: inline-block;
.display: inline;
.zoom: 1;
width: auto;
position: relative;
color: #fff;
background: #97bf69;	
margin-bottom: 8px;
border: none;
outline: none;
}
#footerForm #errors
{
padding-top: 2px;	
padding-bottom: 8px;	
color:#F63437;
font-size:.8em;
}
#footerForm #errors span
{
font-size: 0.75em;
font-weight: 600;
font-style: italic;

display: block;
}
form ::-webkit-input-placeholder
{
color: #676767;
opacity: 1;
}
form :-moz-placeholder
{ 
color: #676767; 
opacity: 1;
}
form ::-moz-placeholder
{  
color: #676767;
opacity: 1; 
}
form :-ms-input-placeholder
{  
color: #676767; 
opacity: 1;
}
#footerForm span
{
padding: 20px 40px;
text-align: center;	
background: #97bf69;
display: block;
}
#footerForm span h3
{
font-size: 1.0em;
color: #fff;	
}
#footerForm span p
{
font-size: 0.75em;
color: #fff;
padding-bottom: 0px;	
}
#quickWait, #quickThanks
{
display: none;
height: auto;
padding: 0px 0;
width: 100%;
height:250px;
text-align: center;
vertical-align: middle;
position:absolute;
top:0px;
background:#312c20;

}
#qwWrap, #qwThanks
{
display: inline-block;
height: auto;
padding: 20px 0;
width: 100%;
text-align: center;
vertical-align: middle;	
background:#312c20;
}

#qwThanks{
    
    color:#97bf69;
    
}
#qwWrap span
{
display: block;
font-size: 1.3em;
padding: 10px 0 0;
background:#312c20;
color: #ccc;	
}
#qwWrap img
{
width: 30px;

}


/* ==========================================================================
   Footer Legal
   ========================================================================== */
#footer #legal p, #footer #copyright p
{
font-size: 0.7em;
line-height: 1.2em;
font-weight: 600;	
font-family: 'Avenir LT W01_45 Book1475508', 'Open Sans', arial, sans-serif;	
color: #666;
}
#footer #legal a,
#footer #copyright a
{
color: #93ae76;	
}
#footer #legal a:hover,
#footer #copyright a:hover
{
color: #fff;	
}	
#footer #footerContact
{
padding:  0 0 16px 40px;	
}
#footer #footerContact li
{
display: inline-block;
font-size: 0.7em;
font-weight: 600;
line-height: 1.8em;
vertical-align: middle;
padding-right: 12px;
}
#footer #disclaimer
{
padding: 0 0 30px 40px;
position: relative;
}
#footer #disclaimer #hud
{
width: 26px;
height: 50px;
position: absolute;
top: 2px;
left: 2px;
}
#footer #disclaimer #hud img
{
width: 26px;
height: auto;	
}
#footer #disclaimer p
{
color: #666;
padding-bottom: 10px;

}
#footer #copyright
{
padding: 0 0 0 55px;	
}
#footer #copyright p a
{
color: #666;	
}

.csstransitions #footer #footerNav,
.csstransitions #footer #subFooter
{
position: relative;
opacity: 1;
top: 0px;
-webkit-transition: opacity 1500ms ease 0ms, top 1500ms ease 0ms;
-moz-transition: opacity 1500ms ease 0ms, top 1500ms ease 0ms;
-ms-transition: opacity 1500ms ease 0ms, top 1500ms ease 0ms;
-o-transition: opacity 1500ms ease 0ms, top 1500ms ease 0ms;
transition: opacity 1500ms ease 0ms, top 1500ms ease 0ms;		
}
.csstransitions #footer.tranny #footerNav,
.csstransitions #footer.tranny #subFooter
{
opacity: 1;
top: 0px;	
}


/* ==========================================================================
  Connect Page Contact Form
   ========================================================================== */
#register
{
max-width: 800px;
margin: 10px auto 30px;	
position: relative;
}
#register form
{
opacity: 1;
top: 0px;	
position: relative;
}
#register form label
{
display: block;
font-size: 0.8em;
line-height: 1.1em;
color: #97bf69;
text-transform: uppercase;
padding: 0 0 0 0;
margin: 0 0 5px 0;
font-family: 'Brandon Grot W01 Bold', 'Open Sans', arial, sans-serif;
font-weight: normal;
}
.csstransitions #register form
{
position: relative;
opacity: 0;
top: 60px;
-webkit-transition: opacity 1500ms ease 3500ms, top 1500ms ease 3500ms;
-moz-transition: opacity 1500ms ease 3500ms, top 1500ms ease 3500ms;
-ms-transition: opacity 1500ms ease 3500ms, top 1500ms ease 3500ms;
-o-transition: opacity 1500ms ease 3500ms, top 1500ms ease 3500ms;
transition: opacity 1500ms ease 3500ms, top 1500ms ease 3500ms;		
}
.csstransitions .loaded #register form
{
opacity: 1;
top: 0px;	
}
#register form fieldset > .row > .formCol
{
margin-bottom: 18px;	
}
#register form fieldset > .row > .formNote
{
text-align: right;	
}
#register form input[type=text]
{
-moz-border-radius: 0px!important; 
border-radius: 0px!important; 
-webkit-border-radius: 0px!important;
font-size: 0.85em;
font-weight: 600;
line-height: 40px;
height: 40px;
padding: 0px 15px 0px;
vertical-align: middle;
display: inline-block;
.display: inline;
.zoom: 1;
width: 100%;
position: relative;
color: #474747;
font-weight: 400;
background: #f2f2f2;	
}
#register form .formMiddle
{
width: 100%;
height: 60px;
text-align: left;
vertical-align: middle;	
display: table;
}
#register form .formMiddle label
{
width: 100%;
height: 60px;
text-align: left;
vertical-align: middle;	
display: table-cell;
}

#register form select
{
-moz-appearance: none;
-webkit-appearance: none;
border: medium none;
-moz-border-radius: 0px!important; 
border-radius: 0px!important; 
-webkit-border-radius: 0px!important;
color: #474747;
background: #f2f2f2;	
display: inline-block;
.display: inline;
.zoom: 1;
font-size: 0.85em;
font-weight: 400;
height: 40px;
outline: medium none;
padding: 0px 11px 0;
vertical-align: middle;
width: 100%;
-moz-outline-type: none;
-moz-outline-width: 0;
}
#register form select option
{
line-height: 1.5em;
padding-left: 15px;
padding-right: 15px;	
-moz-outline-type: none;
-moz-outline-width: 0;
}
#register form textarea 
{
-moz-appearance: none;
-webkit-appearance: none;
border: medium none;
-moz-border-radius: 0px!important; 
border-radius: 0px!important; 
-webkit-border-radius: 0px!important;
color: #474747;
background: #f2f2f2;	
display: inline-block;
.display: inline;
.zoom: 1;
font-size: 0.85em;
font-weight: 400;
height: 210px;
line-height: 1.5em;
outline: medium none;
padding: 10px 15px;
vertical-align: middle;
width: 100%;
resize: none;
}

#register #errors span
{
display: block;
font-size: 0.8em;
padding-top: 10px;
padding-bottom: 10px;
color: #b4252d;
font-weight: bold;
}

#regWait
{
display: none;
vertical-align: middle;	
margin-left:20px;
}
#regWait span
{
display: inline-block;
line-height: 100%;
height: 100%;
vertical-align: middle;	
}

/* ==========================================================================
  privacy page
   ========================================================================== */
   
   body.page-id-legal .introContent

   {
       
       font-family: 'Open Sans', arial, sans-serif;  
       
       text-align:left;   
      
       
   }
   
   body.page-id-legal h5{
   text-transform:uppercase;  
   font-size:2.2em!important; 
   font-weight:400;  
   color:#97bf69; 
   text-align:left; 
   }
   
   h3.privacy-disclaimer{
    margin-top:15px;
    text-transform:uppercase; 
     text-align:left;  
   }
   
    body.page-id-legal .introContent p{
        padding-right:20px;
        line-height:1.4em;
        text-align:left; 
    }



/* ==========================================================================
  iPhone 6 aand 6+ adjustments
   ========================================================================== */

@media only screen and (min-width : 23em) { 


/*tadpole*/

#visiting .visitingLogo p{
    font-size:.9em;
    
    
}


}

@media only screen and (orientation:landscape) {
    /* Styles for Landscape screen */
    
    #content
{
position: relative;
background: #fff;	
z-index: 50;
top: -100;
margin-bottom: -1005px;
opacity:1;
}
.csstransitions #content
{

top: -100px;
margin-bottom: -100px;

}
    
    
}


/* =========== Approx iPhone 4 Landscape =========== */
@media only screen and (min-width : 30em) { 

/* ==========================================================================
   Homepage splash @30em
   ========================================================================== */

.csstransitions #splash .hsCaptionText h1
{
margin-left: -130px;	

}
.csstransitions #splash .hsCaptionText h2
{
margin-left: 260px;	
}


/* ==========================================================================
   Map @30em
   ========================================================================== */
#mapContent
{
height: 210px!important;
}


/* ==========================================================================
   Homepage callouts @30em
   ========================================================================== */
.calloutGrid .calloutImage
{
height: 300px;
}
.calloutGrid .calloutImage div
{
background-position: center top;
}
   
}

/* =========== Approx iPad Portait, Sidr menu no longer active =========== */
@media only screen and (min-width: 48em) {
/* ==========================================================================
   header bar @48em
   ========================================================================== */

.mobileBR{
    
    display:none;
    
}

#visiting{
    
    
 height: 570px;    
}

#visiting.tubeFun{
    
 height: 570px;
    
}


#siteHeader
{
position: absolute;
height: 150px;
background: none;
text-align: center;
}

#siteHeader #siteHeaderBG{
    
 width:100%; 
 height:110px; 
 background-color:#000; 
 opacity:.2; 
 position:absolute; 
 z-index:0; 
 border-bottom: thin solid #fff;   
    
}

#awardImg{
    
    position:absolute; 
    margin-top:-160px; 
    right:20px; 
    width:220px; 
    height:auto;
    z-index:2;
    
    
}

.csstransitions #siteHeader
{
opacity: 0;
top: 0px;
}
.csstransitions .loaded #siteHeader
{
opacity: 1;
top: 0px;
}
#siteHeader #identity h1
{
padding-bottom: 0px;	
}
.lightenHead #logoDark
{
visibility: hidden;
display: none;	
}
.lightenHead #logoLight
{
visibility: visible;
display: inline;	
}
#siteHeader #identity img
{
width: auto;
height: 42px;
margin: 20px auto 0;
}

/* ==========================================================================
   main nav @48em
   ========================================================================== */
.lt-ie9 .collapse
{
display: block;
padding: 0;
margin: 0;
vertical-align: top;
}
.lt-ie9 .navbar-toggle, .lt-ie9 .navbar-header
{
visibility: hidden;
display: none;	
}

.introContent span.leaderCopy {

    font-size: 2.2em;

}

.introContent span span.leaderCopy2 {

     font-family: 'NexaRustScriptB-03', 'Open Sans', arial, sans-serif;
    font-size: 1em;
    color: #97bf69;

}


.introContent.parks{
    
 text-align:center; 
 margin-top:20px; 
 margin-left:120px; 
 margin-right:120px;   
    
}



#navCol
{
text-align: center;	
padding-left: 0;
padding-right: 0;
margin-top: 10px;
}


#navbarCollapse
{
text-align: center;	
position: relative;
border: none;
}
#navbarCollapse > ul
{
text-align: center;	
margin: 0 auto;
position: relative;
float: none;
}
#navbarCollapse ul li
{
font-family: 'Brandon Grot W01 Bold', 'Open Sans', arial, sans-serif;
/*font-size: 0.8em;*/
font-size: 14px;
text-transform: uppercase;
}
#navbarCollapse ul li a
{
color: #ffffff;	
}
.lightenHead #navbarCollapse ul li a
{
color: #fff;	
text-shadow: 0 1px 0px #888;
}
#navbarCollapse > ul > li
{
display: inline-block;
float: none;	
padding: 0 0px 0 20px;
}
#navbarCollapse > ul > li.menu-item-has-children
{
/*padding-right: 25px;	*/
padding: 0 15px 0 20px;
}
#navbarCollapse > ul > li > a
{
display: inline-block;
padding: 0 15px 0 0;
height: 14px;
vertical-align: top;
line-height: 14px;
}
#navbarCollapse > ul > li.menu-item-has-children > a
{
/*background-image: url("../i/navArrow.png");*/
background-repeat: no-repeat;
background-attachment: scroll;
background-size: auto 100%;
background-position: right 1px;

}
.lightenHead #navbarCollapse > ul > li.menu-item-has-children > a
{
/*background-image: url("../i/navArrowLight.png");*/
}
.lt-ie9 #navbarCollapse > ul > li > a,
.lt-ie9 #navbarCollapse > ul > li.menu-item-has-children > a
{
background: none;	
}
#navbarCollapse > ul > li:first-child
{
padding-left: 0%;	
}

#navbarCollapse > ul > li > a .navText
{
display: inline-block;
height: 100%;
vertical-align: middle;	
position: relative;
}
#navbarCollapse > ul > li > a .navText span
{
display: inline-block;
position: relative;
}

#navbarCollapse > ul > li > a:hover{
    -webkit-transition: color 0.8s ease;
    color:#97bf69;
}
#navbarCollapse > ul > li > a .navText span:after
{
content: "";
display: block;
position: absolute;
width: 100%;
background: #97bf69;
height: 2px;	
bottom: -12px;
left: 0px;
opacity: 0;
-webkit-transition: opacity 500ms ease 0ms, bottom 500ms ease 0ms;
-moz-transition: opacity 500ms ease 0ms, bottom 500ms ease 0ms;
-ms-transition: opacity 500ms ease 0ms, bottom 500ms ease 0ms;
-o-transition: opacity 500ms ease 0ms, bottom 500ms ease 0ms;
transition: opacity 500ms ease 0ms, bottom 500ms ease 0ms;
}
#navbarCollapse > ul > li:hover > a .navText span:after,
#navbarCollapse > ul > li.current-menu-item > a .navText span:after,
#navbarCollapse > ul > li.current-page-parent > a .navText span:after,
#navbarCollapse > ul > li.current-page-ancestor > a .navText span:after,
.single #navbarCollapse ul #nav-menu-item-39 > a .navText span:after,
.archive #navbarCollapse ul #nav-menu-item-39 > a .navText span:after
{
bottom: -3px;
opacity: 1;	
}
.lightenHead #navbarCollapse > ul > li > a .navText span:after
{
background: #97bf69;
}
.lightenHead #navbarCollapse > ul > li:hover > a .navText span:after
{
opacity: 0.65;	
}
.lt-ie9 #navbarCollapse > ul > li > a .navText span:after
{
visibility: hidden;	
}
.lt-ie9 #navbarCollapse > ul > li:hover > a .navText span:after
{
visibility: visible;	
}

#navbarCollapse ul li ul
{
visibility: hidden;
display: none;	
}


/* ==========================================================================
   Homepage splash @48em
   ========================================================================== */

#splash .hsCaption
{
height: 80%;
}
#splashOverlay
{
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjMiLz4KICAgIDxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.3)), color-stop(30%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00000000',GradientType=0 );	
}
#splash .hsCaptionText h1
{
font-size: 2.8em;
white-space: nowrap;
}
#splash .hsCaptionText h2.lineTwo
{
font-size: 1.2em;
white-space: nowrap;
}

#splash .hsCaptionText h2.lineThree
{
 
 font-size: 2.8em;
  white-space: nowrap;  
}

.csstransitions #splash .hsCaptionText h1
{
margin-left: 75px;	
}
.csstransitions #splash .hsCaptionText h2
{
margin-left: -75px;	
}
.csstransitions .loaded #splash .hsCaptionText h1,
.csstransitions .loaded #splash .hsCaptionText h2
{
margin-left: 0px;	
opacity: 1;
}

.mobileNoBreak{
    
    white-space:normal;
    
}

#content
{
position: relative;
background: #fff;	
z-index: 50;
top: -250;
margin-bottom: -250px;
opacity:1;
}
.csstransitions #content
{
-webkit-transition: opacity 2000ms ease 2500ms, top 0000ms ease 2000ms;
-moz-transition: opacity 2000ms ease 2500ms, top 0000ms ease 2000ms;
-ms-transition: opacity 2000ms ease 2500ms, top 0000ms ease 2000ms;
-o-transition: opacity 2000ms ease 2500ms, top 0000ms ease 2000ms;
transition: opacity 2000ms ease 2500ms, top 0000ms ease 2000ms;
top: -250px;
margin-bottom: -250px;

}


/* ==========================================================================
home page slide show @48em
========================================================================== */


#arrow-home-left,
#arrow-home-right{
    
   
    top:38%;
    bottom:62%;
    height:30px;
    width:25px;

    
}


/* ==========================================================================
Secondary Nav @48em
========================================================================== */
#secNav
{
visibility: visible;
display: block;	
position: relative;
width: 100%;
height: 80px;
background: #ffffff;
border-bottom: thin solid #D1D0D0;
border-top: thin solid #D1D0D0;
font-family: 'Brandon Grot W01 Medium', 'Open Sans', arial, sans-serif;
font-size:1.2em;
	
}
#secNav ul
{
position: relative;
width: 100%;
height: 60px;
text-align: center;
opacity: 1;
}
.csstransitions #secNav ul
{
-webkit-transition: opacity 1500ms ease 3000ms;
-moz-transition: opacity 1500ms ease 3000ms;
-ms-transition: opacity 1500ms ease 3000ms;
-o-transition: opacity 1500ms ease 3000ms;
transition: opacity 1500ms ease 3000ms;	
opacity: 1;
}
.csstransitions .loaded #secNav ul
{
opacity: 1;
}
#secNav ul li
{
position: absolute;
left:  -9999em;	
}
#secNav ul li a > div
{
display: inline;	
}
	
#secNav > ul > li.current-menu-item,
#secNav > ul > li.current-menu-item > ul > li,
#secNav > ul > li.current-page-parent,
#secNav > ul > li.current-page-parent li,
#secNav > ul > li.current-page-ancestor,
#secNav > ul > li.current-page-ancestor li,
#secNav > ul > li.current-page-ancestor > ul > .current_menu_item,
#secNav > ul > li.current-page-ancestor > ul > .current_page_parent
{
position: relative!important;
left: auto!important;
}
	
#secNav > ul > li.current-menu-item,
#secNav > ul > li.current-menu-item ul,
#secNav > ul > li.current-menu-item li,
#secNav > ul > li.current-page-parent,
#secNav > ul > li.current-page-ancestor,
#secNav > ul > li.current-page-parent ul,
#secNav > ul > li.current-page-ancestor ul,
#secNav > ul > li.current-page-parent li,
#secNav > ul > li.current-page-ancestor li
{
display: inline-block;
padding: 0;
margin: 0;
}

#secNav > ul > li.current-menu-item ul,
#secNav > ul > li.current-page-parent ul,
#secNav > ul > li.current-page-ancestor ul
{
display: inline;	
}
	
#secNav > ul > li.current-menu-item > a::after,
#secNav > ul > li.current-page-parent > a::after,
#secNav > ul > li.current-page-ancestor > a::after,
#secNav > ul > li.current-page-parent .menu-item-has-children > a::after,
#secNav > ul > li.current-page-ancestor .menu-item-has-children > a::after
{
	
text-decoration: none!important;
font-weight: 700;
}
	
#content #secNav > ul > li
{
    margin-top:6px;
font-size: 0.8em;
}
#content #secNav > ul > li ul li
{
font-size: 1.0em;	
}
	
#content #secNav > ul > li,
#content #secNav ul li a
{
color: #898989;
text-transform: uppercase;	
}
#content #secNav ul li a
{
vertical-align: middle;
line-height: 60px;
}
#content #secNav ul li a span
{
display: inline-block;
margin: 0 10px 0 11px;	
}
#content #secNav ul li a:hover span
{
color: #97bf69;	
text-decoration: none;
}
#content #secNav li.current-menu-item > a span,
#content #secNav li.current-page-parent > a span,
#content #secNav li.current-page-ancestor > a span
{
color: #97bf69;	
}
#content #secNav li.current-menu-item > a span
{
text-decoration: none;
}
	
	


/* ==========================================================================
   Homepage Intro @48em
   ========================================================================== */
#siteHeader #nav-menu-item-homepage{
    display:block;
}

#intro, 
#teamCall
{
max-width: 920px;
margin-left: auto;
margin-right: auto;
text-align:center;
}

#intro.leftcopyy{
    
    text-align:left;
    
}

.homeSpots
{
    
max-width: 780px;
margin-left: auto;
margin-right: auto;
text-align:center;
padding:60px 0px;
font-size:1em;
    
}

.homeSpots h3{
    font-size:1.2em;
    
    
}
.homeSpots p{
    font-size:1em;
}
p.homeData{
    text-transform:uppercase;
    font-size:.9em;
    
    
    
}

#intro .setHeightChild, 
#teamCall .setHeightChild
{
padding-top: 60px;
padding-bottom: 60px;
}
.home #intro .setHeightChild
{
padding-top: 55px;
padding-bottom: 30px;
}
#intro h2,
#teamCall h2
{
font-size: 2.6em;
padding-bottom: 5px;
margin-top:30px;
}
#intro p,
#teamCall p
{
font-size: 1.0em;
line-height: 2.05em;
}

/* ==========================================================================
   Homepage connect bar @48em
   ========================================================================== */


#connectBar .btnHolder{
    margin-bottom:0px; 
   
    
}

#connectBar h2{
    
 color:#fff;
 font-size:2.5em;   
    
}



   
   
   /* ==========================================================================
   Home news
   ========================================================================== */
   
   #newsStart {
       
       padding: 100px 0;
       
       
   }
   
   #newsStart .newsHeadline h1{
       
    margin-top:80px;   
       
   }
   
   
 
     /* ==========================================================================
  news
   ========================================================================== */ 
 
 
     #newsStart .newsArticalePage h2{
       
       padding-right:275px;
       
     }
     
    #newsStart .newsArticalePage h1,
   #intro .newsArticalePage h1
   {
       
      
       padding-left:30px;
       padding-right:30px;
       
   }
   
    #newsStart .newsArticalePage p,
   #intro .newsArticalePage p
   
   {
    padding-left:30px;
    
   }
    
    
        #newsStart .newsArticalePage h2,
    #intro .newsArticalePage h2
    {
       padding-left:30px;
       
    }
     
 
   
   /* ==========================================================================
   Team page @48em
   ========================================================================== */
   
   
    #lowerTeam{
        height:575px;
    }
   
   
/* ==========================================================================
   Homepage callouts @48em
   ========================================================================== */
.calloutGrid .calloutRow:nth-child(odd) .calloutImage 
{
float: right;
}

.calloutGrid p{
    
    font-size:1.1em;
    line-height:1.8em;
    
    
}

.calloutGrid .calloutImage
{
height: 380px;
}
.calloutGrid .calloutTextContent
{
display: table;
height: 380px;
vertical-align: middle;
padding: 0;
width: 100%;
}
.calloutGrid .coTextWrap
{
padding-left: 40px;
padding-right: 40px;
margin-left: auto;
margin-right: auto;
display: table-cell;
height: 380px;
vertical-align: middle;
text-align: center;
}
.calloutGrid .coTextInnerWrap
{
max-width: 380px;
display: inline-block;
margin: 0 auto;	
}
.calloutGrid .calloutTextContent .btnHolder
{
padding-bottom: 0;	
}
/* ==========================================================================
   lower slide show @48em
   ========================================================================== */
   
   #lowerShow{
       
       height:675px;
       
       
   }
   
   
   #lowerShow .lowerSqueeze .btnHolder{
 
  
    margin-bottom:0px;
 
 }

#lowerShow #lowerLeftArrow, #lowerShow #lowerRightArrow{
    display:block;

}

#lowerShow h1{
    
    font-size:4em;  
    margin-top:200px; 
    
    
}

#lowerShow h2{
    
    font-size:1.3em; 
    
    
}
   
   
/* ==========================================================================
   Learn more buttons @48em
   ========================================================================== */
.chunky,
a.chunky:visited,
a.chunky:focus
{
line-height: 2.7em;
font-size: 1em;
letter-spacing: 0em;
padding: 0 25px 0 25px;
}
.chunkyTrans,
a.chunkyTrans:visited,
a.chunkyTrans:focus
{
padding: 0 33px 0 33px;
line-height: 2.5em;
}


/* ==========================================================================
   Homepage gallery slideshow animation effect REMOVED @48em
   ========================================================================== */
.smil .block-carousel .carousel 
{
transform: none;
}
.smil .carousel-slides 
{
background: #fff;
position: relative;
}
.smil .carousel-slide 
{
position: relative;
opacity: 1;
visibility: visible;
transform: none;
}
.smil .carousel-slide-content 
{
opacity: 1;
transform: none;
top: auto;
}


/* ==========================================================================
   Homepage gallery @48em
   ========================================================================== */
#slides
{
height: auto!important;
}
#slides, .csstransitions #slides, .csstransitions .tranny #slides
{
-webkit-transition: none;
-moz-transition: none;
-ms-transition: nones;
-o-transition: none;
transition: none;
opacity: 1;	
}
#slides ul
{
height: auto!important;
}
#slides ul li
{
display: block;
width: 25%;
height: 220px!important;
float: left;
border: solid #fff;
border-width: 0 0 1px 1px;
}
.csstransitions #slides ul li
{
-webkit-transition: opacity 1500ms ease 0ms, margin 1500ms ease 0ms;
-moz-transition: opacity 1500ms ease 0ms, margin 1500ms ease 0ms;
-ms-transition: opacity 1500ms ease 0ms, margin 1500ms ease 0ms;
-o-transition: opacity 1500ms ease 0ms, margin 1500ms ease 0ms;
transition: opacity 1500ms ease 0ms, margin 1500ms ease 0ms;
margin-top: 100px;
opacity: 0;	
}
.csstransitions #slides ul li.fnTransIn
{
opacity: 1;
margin-top: 0;	
}

#slides ul li .slideContent
{
-webkit-transition: none;
-moz-transition: none;
-ms-transition: nones;
-o-transition: none;
transition: none;
}
#slides .hsCaption
{
height: 220px;
background: rgba(0,0,0,0.2);
-webkit-transition:background 500ms ease;  
-moz-transition:background 500ms ease;  
-ms-transition:background 500ms ease;  
-o-transition:background 500ms ease;  
transition:background 500ms ease; 	
}
#slides ul li a
{
height: 220px!important;	
}
#slides a:hover
{
text-decoration: none;	
}
#slides a:hover .hsCaption
{
height: 220px;
background: rgba(0,0,0,0.0);
}
#slides .hsCaptionText
{
height: 220px;
}
#slides .hsCaptionText h3
{
font-size: 1.15em;
}
#slides .hsCaptionText h5
{
font-size: 1.0em;
font-family: 'Brandon Grot W01 Medium', 'Open Sans', arial, sans-serif;
}

.slides-navigation,
.slides-navigation a
{
visibility: hidden;
display: none;
}



/* ==========================================================================
   Tad pole @48em
   ========================================================================== */
#visiting
{
height: 680px;
padding: 0;
}

  #visiting .visitingLogo h2
{

font-size: 3.7em;
	

}

#visiting .visitingLogo p
{

font-size: 1.10em;	
margin-left:180px;
margin-right:180px;	

}
   



#visiting #visitingLogo, #visiting #visitingHours
{
height: 420px;
padding: 0;
}
#visiting .contentTable, #visiting .contentCell
{
height: inherit;	
vertical-align: middle;	
display: table;
text-align: center;
width: 100%;
padding: 0 0 0 0;
}
#visiting .contentCell
{
display: table-cell;
}
#visiting #visitingHours h2,
#visiting #visitingHours h5,
#visiting #visitingHours p
{
letter-spacing: 0.04em;
}

#visiting .visitingBoy img
{
    margin-top:50px!important;
height: auto;
max-width: 498px;	
}


#visiting .visitingBoy img
{
    margin-top:50px!important;
height: auto;
max-width: 498px;	
}


#visiting .visitingLogo .btnHolder{
    

}

.csstransitions #visiting .visitingLogo
{
-webkit-transition: opacity 1500ms ease 1000ms, margin 1500ms ease 1000ms, height 1500ms ease 1000ms;
-moz-transition: opacity 1500ms ease 1000ms, margin 1500ms ease 1000ms, height 1500ms ease 1000ms;
-ms-transition: opacity 1500ms ease 1000ms, margin 1500ms ease 1000ms, height 1500ms ease 1000ms;
-o-transition: opacity 1500ms ease 1000ms, margin 1500ms ease 1000ms, height 1500ms ease 1000ms;
transition: opacity 1500ms ease 1000ms, margin 1500ms ease 1000ms, height 1500ms ease 1000ms;	
opacity: 0;
margin-top:60px;
height:350px;
}
.csstransitions #visiting.tranny .visitingLogo
{
opacity: 1;
margin-top:80px;
height:220px;
}



/* ==========================================================================
   Map @48em
   ========================================================================== */
#mapContent
{
height: 480px!important;	
width: 100%;
}


/* ==========================================================================
   Footer Nav @48em
   ========================================================================== */
#footerNav
{
visibility: visible;
display: block;	
padding: 0px 0px 20px;
}
#footerNav .row
{
width: 100%;
padding: 40px 15px 20px 15px;
position: relative;
}
#footerNav #fNav
{
width: 100%;
display: block;
position: relative;
}
#footerNav #fNav > li
{
display: block;
float: left;
overflow: hidden;
font-size: 0.65em;
line-height: 1.2em;
}
/*
#footerNav #fNav #nav-menu-item-40
{
width: 14%;	
}
#footerNav #fNav #nav-menu-item-34
{
width: 18%;	
}
#footerNav #fNav #nav-menu-item-38
{
width: 11%;	
}
#footerNav #fNav #nav-menu-item-35
{
width: 16%;	
}
#footerNav #fNav #nav-menu-item-42
{
width: 10%;	
}
#footerNav #fNav #nav-menu-item-41
{
width: 16%;	
}
#footerNav #fNav #nav-menu-item-39
{
width: 8%;	
}
#footerNav #fNav #nav-menu-item-36
{
width: 7%;	
}
*/
#footerNav #fNav #nav-menu-item-30 /* home */
{
width: 12%;	
}


#footerNav #fNav #nav-menu-item-40 /* life */
{
width: 12%;	
}
#footerNav #fNav #nav-menu-item-34 /* district*/
{
width: 12%;	
}
#footerNav #fNav #nav-menu-item-38 /* Homes */
{
width: 12%;	
}
#footerNav #fNav #nav-menu-item-35 /* recreation */
{
width: 18%;	
}
#footerNav #fNav #nav-menu-item-42 /* Team */
{
width: 18%;	
}
#footerNav #fNav #nav-menu-item-41 /* News */
{
width: 8%;	
}
#footerNav #fNav #nav-menu-item-36 /* Register */
{
width: 8%;	
}

#footerNav #fNav > li > a
{
color: #97bf69;
font-weight: 700;	
text-transform: uppercase;
display: block;
height: 30px;
font-family: 'Brandon Grot W01 Medium', 'Open Sans', arial, sans-serif;
}
#footerNav #fNav li ul
{
padding: 0;
margin: 0;	
}
#footerNav #fNav li ul li
{
font-size: 1.0em;
line-height: 1.2em;
padding-bottom: 8px;
font-weight: 600;
}
#footerNav #fNav li ul li ul li
{
font-size: 1.0em;
line-height: 1.2em;
padding-top: 6px;
padding-bottom: 2px;
padding-left: 10px;
}
#footerNav #fNav li ul li a
{
color: #b5b5b5;	
}

/* ==========================================================================
   Footer Form @48em
   ========================================================================== */
#subFooter > .row:first-child
{
border: none;
}
#footerForm
{
float: right;
padding-top: 0px;	
overflow: hidden;
}
#footer #footerForm h5
{
font-size: 0.7em!important;
font-weight: 600;
letter-spacing: 0.04em;
color: #d3d3d3;
font-family: 'Brandon Grot W01 Medium', 'Open Sans', arial, sans-serif;
}
#footerForm h6
{
font-size: 0.65em;
letter-spacing: 0.04em;
font-weight: 600;
color: #b3b3b3;
}
#footerForm form
{
margin-top: 5px;	
}
#footerForm form fieldset .row .formCol
{
overflow: hidden;
padding: 0 8px 0 0;	
}
#footerForm form fieldset .row .endCol,
#footerForm form fieldset .row .smEndCol
{
padding-right: 0px;	
}
#footerForm form input[type=text]
{
padding: 0px 15px 0px;
height: 34px;
line-height: 34px;
}
#footerForm form button
{
padding: 0px 0px 0px;
width: 100%;
text-align: center;
height: 34px;
line-height: 34px;
}

.lt-ie9 #footerForm
{
float: right;
width: 33.3333%;	
}
.lt-ie9 #legal
{
float: left;
width: 66.6667%;	
}
.lt-ie9 .col-sm-4
{
width: 33.3333%;
float: left;	
}
.lt-ie9 .col-sm-8
{
width: 66.6667%;
float: left;	
}
.lt-ie9 #footerForm .col-sm-6,
.lt-ie9 #footerForm .col-lg-6,
.lt-ie9 #homeReg .col-sm-6
{
float: left;
width: 50%;	
}
.lt-ie9 #footerForm .col-sm-2,
.lt-ie9 #homeReg .col-sm-2
{
float: left;
width: 16.6667%;	
}
.lt-ie9 #footerForm .col-sm-10,
.lt-ie9 #homeReg .col-sm-10
{
float: left;
width: 83.3333%;	
}
.lt-ie9 #footerForm .col-sm-12,
.lt-ie9 #homeReg .col-sm-12
{
float: left;
width: 100%;	
}
.lt-ie9 #footerForm .col-lg-5,
.lt-ie9 #homeReg .col-sm-5
{
float: left;
width: 41.6667%;	
}
.lt-ie9 #footerForm .col-lg-1,
.lt-ie9 #homeReg .col-sm-1
{
float: left;
width: 8.33333%;	
}

/* ==========================================================================
   Footer Legal @48em
   ========================================================================== */
#footer #legal
{
padding: 0 50px 0 0px;
margin-top:-130px;
}
#footer #legal p,
#footer #copyright p
{
padding-bottom: 6px;
font-weight: 400;
font-size: 0.85em;	
color: #666;
}
#footer #disclaimer
{
padding-bottom: 10px;
}
#footer #copyright
{
text-align: right;
padding-left: 0;
padding-right: 10px;	
}


/* ==========================================================================
  Connect Page Contact Form @48em
   ========================================================================== */
#register
{
margin-bottom: 100px;	
}
#register form label
{
font-size: 0.975em;
line-height: 1.2em;
font-weight: normal;
}

#register form fieldset > .row > .formCol
{
margin-bottom: 28px;	
}
#register form fieldset > .verticalTighten > .formCol
{
margin-bottom: 8px;	
}

#register form input[type=text]
{
line-height: 44px;
height: 44px;
}
#register form select
{
height: 44px;
}

}



/* ===== == = === bootstrap "medium" viewport breakpoint === = == ===== */
@media only screen and (min-width: 62em) {

/* ==========================================================================
   header bar @62em
   ========================================================================== */
   
   #visiting .visitingBoy img{
       margin-top:40px;
   }

#siteHeader #nav-menu-item-homepage{
    display:block;
}


#siteHeader .row 
{
margin-left: auto;
}
#siteHeader #identity
{
text-align: left;	
}
#siteHeader #identity img
{
width: 298px;
height: auto;
margin: 40px auto 0;
}

/* ==========================================================================
   main nav @62em
   ========================================================================== */
#navCol
{
margin-top: 53px;
}
#navbarCollapse
{
text-align: right;	
}
#navbarCollapse ul li
{
font-size: 14px;
}
#navbarCollapse > ul > li
{
padding: 0 0px 0 9px;
}
#navbarCollapse > ul > li.menu-item-has-children
{
padding: 0 0px 0 9px;
}
#nav-menu-item-36
{
margin-right: 0;	
}

/* ==========================================================================
   Homepage Intro @62em
   ========================================================================== */


#intro .setHeightChild, #teamCall .setHeightChild
{
padding-top: 60px;
padding-bottom: 60px;
}
.home #intro .setHeightChild
{
padding-top: 30px;
padding-bottom: 10px;
}

  #splash .hsCaptionText h1
{
font-size: 3.9em;
white-space: nowrap;
}
#splash .hsCaptionText h2.lineTwo
{
font-size: 1.8em;
white-space: nowrap;
}

#splash .hsCaptionText h2.lineThree
{
 
 font-size: 3.9em;
  white-space: nowrap;  
}



/* ==========================================================================
   Homepage callouts @62em
   ========================================================================== */
#homeCallouts
{
margin-top: 30px;	
}
.calloutGrid .calloutImage
{
height: 400px;
}
.calloutGrid .calloutTextContent
{
height: 400px;
}
.calloutGrid .coTextWrap
{
height: 400px;
}
.calloutGrid .coTextInnerWrap
{
max-width: 380px;
}

/* ==========================================================================
   Homepage visiting hours @62em
   ========================================================================== */
#visiting
{
height: 670px;
}
#visiting #visitingLogo, #visiting #visitingHours
{
height: 480px;
}
.csstransitions #visiting.tranny #visitingHours
{
opacity: 1;
padding-top: 10px;	
}


/* ==========================================================================
   Map @62em
   ========================================================================== */
#mapContent
{
height: 520px!important;	
}

#noFingerMap{
    display:none;
}


/* ==========================================================================
   Footer Nav @62em
   ========================================================================== */
#footerNav #fNav > li
{
font-size: 0.8em;
}
#footerNav #fNav > li ul li
{
font-size: 0.95em;
}

#footerNav #fNav #nav-menu-item-30 /* home */
{
width: 8%;	
}

#footerNav #fNav #nav-menu-item-40 /* life */
{
width: 10%;	
}
#footerNav #fNav #nav-menu-item-34 /* district*/
{
width: 11%;	
}
#footerNav #fNav #nav-menu-item-38 /* Homes */
{
width: 10%;	
}

#footerNav #fNav #nav-menu-item-20 /* water */
{
width: 10%;	
}


#footerNav #fNav #nav-menu-item-35 /* Rereation */
{
width: 16%;	
}
#footerNav #fNav #nav-menu-item-42 /* Team */
{
width: 19%;	
}
#footerNav #fNav #nav-menu-item-41 /* News */
{
width: 8%;	
}
#footerNav #fNav #nav-menu-item-39 /* News */
{
width: 7%;	
}
#footerNav #fNav #nav-menu-item-36 /* Connect */
{
width: 7%;	
}

/* ==========================================================================
  Connect Page Contact Form @48em
   ========================================================================== */
#register
{
margin-bottom: 120px;	
}

	
}


/* ==========================================================================
   ipad last ditch effors @64
   ========================================================================== */
   
   

#siteHeader #nav-menu-item-homepage{
    display:none;
}

@media only screen and (min-width: 64em) {
  /* For general iPad layouts */
    #splash .hsCaptionText h1
{
font-size: 3.4em;
white-space: nowrap;
}
#splash .hsCaptionText h2.lineTwo
{
font-size: 1.4em;
white-space: nowrap;
}

#splash .hsCaptionText h2.lineThree
{
 
 font-size: 3.4em;
  white-space: nowrap;  
}

#lowerShow h2{
    
 font-size:1.3em;   
}

 #noFingerMap{
    display:block;
}
  
}




/* ===== == = === arbitrary breakpoint === = == ===== */
@media only screen and (min-width: 69em) {

/* ==========================================================================
   header bar @69em
   ========================================================================== */
   
   
   #noFingerMap{
    display:none;
}

#siteHeader #nav-menu-item-homepage{
    display:inline-block;
}


#siteHeader #identity img
{
width: 269px;
margin: 30px auto 0;
}

/* ==========================================================================
   main nav @69em
   ========================================================================== */
#navCol
{
margin-top: 43px;
}
#navbarCollapse > ul > li
{
padding: 0 0px 0 15px;
}
#navbarCollapse > ul > li.menu-item-has-children
{
padding: 0 5px 0 5px;
}
#navbarCollapse ul #nav-menu-item-36
{
margin-right: 0;	
}

/* ==========================================================================
   Homepage Intro @69em
   ========================================================================== */
.home #intro .setHeightChild
{
padding-top: 50px;
padding-bottom: 40px;
}

/* ==========================================================================
   Homepage callouts @69em
   ========================================================================== */
#homeCallouts
{
margin-top: 0px;	
}
.calloutGrid .calloutImage
{
height: 450px;
}
.calloutGrid .calloutTextContent
{
height: 450px;
}
.calloutGrid .coTextWrap
{
height: 450px;
}

#lowerShow h2{
    font-size:1.5em;
}

/* ==========================================================================
   Homepage gallery @69em
   ========================================================================== */
#slides ul li, #slides ul li a
{
height: 250px!important;
}
#slides .hsCaption
{
height: 250px;
}
#slides a:hover .hsCaption
{
height: 250px;
}
#slides .hsCaptionText
{
height: 250px;
}


  #splash .hsCaptionText h1
{
font-size: 3.9em;
white-space: nowrap;
}
#splash .hsCaptionText h2.lineTwo
{
font-size: 1.8em;
white-space: nowrap;
}

#splash .hsCaptionText h2.lineThree
{
 
 font-size: 3.9em;
  white-space: nowrap;  
}


/* ==========================================================================
   Homepage visiting hours @69em
   ========================================================================== */
#visiting
{
height: 670px;
overflow:hidden;
}
#visiting #visitingLogo, #visiting #visitingHours
{
height: 320px;
}
.csstransitions #visiting.tranny #visitingHours
{
opacity: 1;
padding-top: 10px;	
}


/* ==========================================================================
   Map @69em
   ========================================================================== */
#mapContent
{
height: 725px!important;	
}
	
}


/* ===== == = === bootstrap "large" viewport breakpoint === = == ===== */
@media only screen and (min-width: 75em) {

/* ==========================================================================
   Homepage gallery @75em
   ========================================================================== */
#slides ul li, #slides ul li a
{
height: 280px!important;
}
#slides .hsCaption
{
height: 280px;
}
#slides a:hover .hsCaption
{
height: 280px;
}
#slides .hsCaptionText
{
height: 280px;
}
	
}


/* ==========================================================================
   Helper classes
   ========================================================================== */




.bgcover
{
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.bgcontain
{
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
}

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}


    #content img.b-lazy {
        -webkit-transition: opacity 500ms ease-in-out;
           -moz-transition: opacity 500ms ease-in-out;
             -o-transition: opacity 500ms ease-in-out;
                transition: opacity 500ms ease-in-out;
                 max-width: 100%;
                   opacity: 0;
    }
    #content img.b-lazy.b-loaded {
                   opacity: 1;
    }

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden, .hiddenElement
{
	visibility: hidden!important;
    display: none!important;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

.row .spacerCol
{
min-height: 5px;
padding-top: 5px;	
}







/* ==========================================================================
   bootstrap col width helpers for IE8
   ========================================================================== */
.lt-ie9 .col-xs-2
{
width: 16.6667%;
float: left;
}
.lt-ie9 .col-xs-4
{
width: 33.3333%;	
float: left;
}
.lt-ie9 .col-xs-5
{
width: 41.6667%;	
float: left;
}
.lt-ie9 .col-xs-6
{
width: 50%;	
float: left;
}
.lt-ie9 .col-xs-7
{
width: 58.3333%;	
float: left;
}
.lt-ie9 .col-xs-8
{
width: 66.6667%;
float: left;
}
.lt-ie9 .col-xs-10
{
width: 83.3333%;
float: left;	
}
.lt-ie9 .col-xs-12
{
width: 100%;	
float: left;
}
.lt-ie9 .col-sm-2
{
width: 16.6667%;
float: left;
}
.lt-ie9 .col-sm-4
{
width: 33.3333%;	
float: left;
}
.lt-ie9 .col-sm-5
{
width: 41.6667%;	
float: left;
}
.lt-ie9 .col-sm-6
{
width: 50%;	
float: left;
}
.lt-ie9 .col-sm-7
{
width: 58.3333%;	
float: left;
}
.lt-ie9 .col-sm-8
{
width: 66.6667%;
float: left;
}
.lt-ie9 .col-sm-10
{
width: 83.3333%;
float: left;	
}
.lt-ie9 .col-sm-12
{
width: 100%;	
float: left;
}
.lt-ie9 .col-md-2
{
width: 16.6667%;
float: left;
}
.lt-ie9 .col-md-4
{
width: 33.3333%;	
float: left;
}
.lt-ie9 .col-md-5
{
width: 41.6667%;	
float: left;
}
.lt-ie9 .col-md-6
{
width: 50%;	
float: left;
}
.lt-ie9 .col-md-7
{
width: 58.3333%;	
float: left;
}
.lt-ie9 .col-md-8
{
width: 66.6667%;
float: left;
}
.lt-ie9 .col-md-10
{
width: 83.3333%;
float: left;	
}
.lt-ie9 .col-md-12
{
width: 100%;	
float: left;
}

/* Clearing floats ------------------------------------------------------------------*/

.clearfix:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix
{
	.display: inline-block;
}
 
html[xmlns] .clearfix
{
	display: block;
}
 
* html .clearfix
{
	height: 1%;
}


/*nav markers ---*/


body.navRegister #nav-menu-item-register a{
    
    color:#97bf69!important;
    
}

body.navDistricts #nav-menu-item-districts a{
    
    color:#97bf69!important;
    
}

body.navLife #nav-menu-item-life a{
    
    color:#97bf69!important;
    
}

body.navHomes #nav-menu-item-homes a{
    
    color:#97bf69!important;
    
}

body.navWater #nav-menu-item-water a{
    
    color:#97bf69!important;
    
}


body.navRecreation #nav-menu-item-recreation a{
    
    color:#97bf69!important;
    
}

body.navTeam #nav-menu-item-team a{
    
    color:#97bf69!important;
    
}


body.navNews #nav-menu-item-news a{
    
    color:#97bf69!important;
    
}

#recFooter, #areaFooter, #hortonFooter{
  display:none;  
    
}

/*footer addons*/

body.recFoot #recFooter, body.areaFoot #areaFooter, body.hortonFoot #hortonFooter{
 
    display:block;
    
}


/*home page slide show*/



#gall02{
    z-index:3;   
}

#gall03{
    z-index:4;   
}

#gall04{
    z-index:5;   
}

#gall05{
    z-index:6;   
}

#gall06{
    z-index:7;   
}

#gall07{
    z-index:8;   
}



#gall04, #gall05, #gall06, #gall07{
    opacity:0;
}

#gall02,
#gall03
{
-webkit-transition: opacity 2500ms ease ;
-moz-transition: opacity 2500ms ease ;
-ms-transition: opacity 2500ms ease ;
-o-transition: opacity 2500ms ease ;
transition: opacity 2500ms ease ;	
opacity: 0;
}

#gall02.outFad,
#gall03.outFad
{
    -webkit-transition: opacity 2500ms ease ;
-moz-transition: opacity 2500ms ease ;
-ms-transition: opacity 2500ms ease ;
-o-transition: opacity 2500ms ease ;
transition: opacity 2500ms ease ;
   opacity: 0;  
    
}

#gall02.onFad,
#gall03.onFad
{
    
 opacity: 1;   
}


#gall01 .hsCaption h1.gllmove,
#gall02 .hsCaption h1.gllmove,
#gall03 .hsCaption h1.gllmove
{
    
    -webkit-transition: opacity 1500ms ease 1500ms , margin 1500ms ease 1500ms ;
    -moz-transition: opacity 1500ms ease 1500ms, margin 1500ms ease 1500ms ;
    -ms-transition: opacity 1500ms ease 1500ms, margin 1500ms ease 1500ms ;
    -o-transition: opacity 1500ms ease 1500ms, margin 1500ms ease 1500ms ;
    transition: opacity 1500ms ease 1500ms, margin 1500ms ease 1500ms ;
opacity: 0!important; 
 margin-left:-50px!important;
    
}

#gall01 .hsCaption h2.gllmove,
#gall02 .hsCaption h2.gllmove,
#gall03 .hsCaption h2.gllmove
{
    
    -webkit-transition: opacity 1500ms ease 1500ms , margin 1500ms ease 1500ms ;
    -moz-transition: opacity 1500ms ease 1500ms, margin 1500ms ease 1500ms ;
    -ms-transition: opacity 1500ms ease 1500ms, margin 1500ms ease 1500ms ;
    -o-transition: opacity 1500ms ease 1500ms, margin 1500ms ease 1500ms ;
    transition: opacity 1500ms ease 1500ms, margin 1500ms ease 1500ms ;
opacity: 0!important; 
 margin-left:100px!important;
    
}

#gall01.onFad .hsCaption h1.gllmove,
#gall01.onFad .hsCaption h2.gllmove,
#gall02.onFad .hsCaption h1.gllmove,
#gall02.onFad .hsCaption h2.gllmove,
#gall03.onFad .hsCaption h1.gllmove,
#gall03.onFad .hsCaption h2.gllmove

{
    
  opacity: 1!important; 
 margin-left:0px!important;  
}

#gall02 .hsCaptionText .btnHolder,
#gall03 .hsCaptionText .btnHolder{
    
    -webkit-transition: opacity 1500ms ease 2500ms;
    -moz-transition: opacity 1500ms ease 2500ms;
    -ms-transition: opacity 1500ms ease 2500ms;
    -o-transition: opacity 1500ms ease 2500ms;
    transition: opacity 1500ms ease 2500ms;
    opacity: 0; 
    
    
}

#gall02.onFad .hsCaptionText .btnHolder,
#gall03.onFad .hsCaptionText .btnHolder{
    
   opacity: 1; 
}



#splash .chunkyTrans, 
#splash a.chunkyTrans:visited, 
#splash a.chunkyTrans:focus{
    
    background-color:transparent!important;
    background:none;
    margin-top:30px;  
    padding-left:45px!important;
    padding-right:45px!important;
    font-weight:bold;
}

.ctct-form-errorMessage{
    color:#AB2427;
}