/* CSS Document */


/*################# General styles ####################### */
html {
font-size:100%;
font-family:Verdana, Geneva, sans-serif;
}

body {
	margin:0em;
	padding:0em;
	font-size: 62.5%;
	background-position:top;
	background-repeat:repeat-x;
	background-color:#ebebeb;
}

h1 {font-size:1.8em; margin:0em; color:#004f0f;}
h2 {font-size:120%; margin:0em; color:#004f0f;}
h3 {font-size:110%; margin:0em; color:#004f0f;}
h4 {font-size:100%; margin:0em; color:#004f0f;}
h5 {font-size:100%; margin:0em; color:#004f0f;}
h6 {font-size:100%; margin:0em; color:#004f0f;}
.heading {  font-weight: bold; color:#004f0f;}

.homeIntro, .contentPage {font-size:1.2em; line-height:1.6em; margin:0em 0em 0.7em 0em; color:#272727;}

a img { border:none;}
a {outline:none; text-decoration:none; color:#73a40f;}
a:hover {text-decoration:underline;}
img {display: block; margin: 0; padding: 0;}

.clear {clear: both; line-height: 0; height: 0; font-size: 0;}

.hidden {display: none;}

input, textarea, select {font-family:Arial, Helvetica, sans-serif; font-size:1.1em; color:#505050;}


/*######################### Layout styles ##########################*/

/* GLOBAL */

.container {width:96em; background-color:#FFF; margin:0 auto; border:#8c8c8d 1px solid; padding-bottom:2em; margin-bottom:1em;}
/*.different_digital {width:13.2em; height:2em; float:right; padding-top:3em;}*/
.different_digital {width:96em; height:2em; margin:0 auto 1em;}
.different_digital a { float:right; }

.header {height:12.1em; background-color:#176910; background-position:left top; background-repeat:no-repeat;}
.ss_logo {width:25em; float:left;}

/* Top Navigation */
.top_nav {height:3.2em; width:70em; float:right; padding-top:8.9em; overflow:hidden; background: no-repeat top right; }
.top_nav ul {margin:0em 0em 0em 4em; padding:0em;}
.top_nav ul li {display:inline; list-style:none; float:left;}
.top_nav ul li a,.top_nav ul li a:hover {text-decoration:none; display:block; color:#FFF; font-size:1.4em; font-weight:bold;}
.top_nav ul li.activeTab a {color:#004f0f;}
ul li.first { border-top: 0; }

/* Rounded corners for background tabs */
.top_nav ul li a .linkLeft {cursor:pointer; width:0.8em; height:3.2em; background-position:right top; background-repeat:no-repeat; float:left; display:block;}
.top_nav ul li a .linkRight {cursor:pointer; width:0.8em; height:3.2em; background-position:left top; background-repeat:no-repeat; float:left; display:block;}
.top_nav ul li a .linkBody {cursor:pointer; background-color:#004f0f; padding:0.5em 0.3em 0.6em; float:left; display:block;}

/* Rounded corners for active tabs */
.top_nav ul li.activeTab a .linkLeft, .top_nav ul li.activeTab a:hover .linkLeft {width:0.8em; background-position:right top; background-repeat:no-repeat; display:block;}
.top_nav ul li.activeTab a .linkRight, .top_nav ul li.activeTab a:hover .linkRight {width:0.8em; background-position:left top; background-repeat:no-repeat; display:block;}
.top_nav ul li.activeTab a .linkBody, .top_nav ul li.activeTab a:hover .linkBody {background-color:#fff; padding:0.5em 0.3em 0.6em; margin:0em; display:block;}

/* Hover tabs */
.top_nav ul li a:hover .linkLeft {width:0.8em; background-position:right top; background-repeat:no-repeat; float:left; display:block;}
.top_nav ul li a:hover .linkRight {width:0.8em; background-position:left top; background-repeat:no-repeat; float:left; display:block;}
.top_nav ul li a:hover .linkBody {background-color:#073b07; padding:0.5em 0.3em 0.6em; float:left; display:block;}

/* HOME PAGE */
#homeMainContent {width:64em; float:left;}
#homeMainContent a {font-weight:bold;}

#homePanel {width:63em; height:36.1em; margin:1em 0em 1em 1em;}
.homeIntro {width:32.2em; padding:0em 1em 0em 1em; float:left; border-right:#31a842 1px dashed; min-height:46em;}
.homeIntro h1 {margin:0em 0em 0.5em 0em;}
.homeIntro .heading { font-size:1.2em; margin-bottom:0.3em;}
.homeIntro_sideCol {width:22em; float:right;}

#homeRightCol {width:31em; float:right;}
.homeVideo {width:29.6em; height:20em; margin:1em 1em 1em 0em; border:#005a10 2px solid;}
.homeMap {width:29.6em; height:21.8em; margin:1em 1em 1em 0em; border:#005a10 2px solid;}
.homeVideo .openButton {margin-top:17.3em;}
.homeMap .openButton {margin-top:19.2em;}
.mapPanel .openButton {margin-top:26.9em;}

/* nudging Google logo on map to adhere to terms of use */
.mapPanel #logocontrol, .homeMap #logocontrol { top: 5px }
#fancy_div #logocontrol { left:150px !important; }
#fancy_div #scalecontrol { left:218px !important; }

#bigmap { width:90em;height:50em; display:none; }
#bigmap2 div { color: #004F0F; }
#bigmap2 div p { width: 227px; }
#iw_kml { width: 227px; }

#map_canvas { cursor:pointer ;width: 100%; height: 100%; float:left; }

#homeRightCol h3 {font-size:1.4em;}
.homePromo {width:26.8em; height:6em; display:block; margin:1em 1em 1em 0em; border:#585858 1px solid; background-position:center right; background-repeat:no-repeat; padding:1em 2em 1em 1em;}
.homePromo img {float:left;}
.homePromo .linkText {width:10em; text-align:right; float:right; height:6em;}
.homePromo .linkText a { font-size:1.3em; line-height:1.5em; color:#272727; font-weight:normal;}

/* Contact Box */
.contactBox {border:#585858 1px solid; padding:0.6em 1em;}
.contactBox h2, .siteInfo .sideCol .contactBox h2 {font-size:1.8em; border-bottom:#585858 1px dashed; margin:0 0 0.3em; padding:0em 0em 0.3em 0em;}
.contactBox h3 {font-size:1.2em; margin:0.5em 0em 0em 0em;}
.contactBox p {margin:0em;font-size:1.2em; line-height:1.6em;}
.contactBox a {text-decoration:underline;}


/*  LEFT HAND MENU  */
.nav_column {width:22em; float:left; margin:1em 0em 0em 1em;}
.secondNav {background-color:#e5e5e5;}
.secondNav ul {margin:0em; padding:0em; padding:0em;}
.secondNav ul li {margin:0em; padding:0em; list-style:none; font-weight:normal}
.secondNav ul li.active a {font-weight:bold;}
.secondNav ul li a {display:block; font-size:1.4em; color:#424242; padding-left:1em; margin:0.2em 0em 0.2em 0em; font-weight:normal;}
.secondNav ul li ul {margin:0em; padding:0em;}
.secondNav ul li ul li {list-style:none; padding:0em; margin:0em; font-weight:normal}
.secondNav ul li.active ul li a {display:block; font-size:1.2em; padding-left:1em; margin:0.7em 0em 0.7em 1em; background-position:center left; background-repeat:no-repeat; font-weight:normal;}
.secondNav ul li.active ul li ul li a {margin-left:0; background-image:none; }
.secondNav ul li ul li a {display:block; font-size:1.2em; padding-left:1em; margin:0.7em 0em 0.7em 1em; background-position:center left; background-repeat:no-repeat; font-weight:normal;}
.secondNav ul li ul li.active a {background-position:center left; background-repeat:no-repeat; font-weight:bold;}
.secondNav ul li ul li ul {margin:0em; padding:0.1em 0em; background-color:#d5d5d5;}
.secondNav ul li ul li ul li {margin:0em; padding:0em; padding:0em 0em 0em 2em;}
.secondNav ul li ul li.active ul li a {font-weight:normal; background-image:none;display:block; margin:0.7em 0em 0.7em 0em; }
.secondNav ul li ul li ul li a {display:block; margin:0.7em 0em 0.7em 0em; font-weight:normal; background-image:none;}
.secondNav ul li ul li.active ul li.active a {font-weight:bold; background-image:none;}

.secondNav ul li ul li ul li ul {margin:0em; padding:0em;}
.secondNav ul li ul li.active ul li.active ul li a {font-weight:normal; }
.secondNav ul li ul li.active ul li.active ul li.active a {font-weight:bold; }


/* Left hand nav - corners  */
.secondNav .cornerTL {width:11em; height:1em; float:left; background-position:left top; background-repeat:no-repeat; display:block;}
.secondNav .cornerTR {width:11em; height:1em; float:left; background-position:right top; background-repeat:no-repeat; display:block;}
.secondNav .cornerBL {width:11em; height:1em; float:left; background-position:bottom left; background-repeat:no-repeat; display:block;}
.secondNav .cornerBR {width:11em; height:1em; float:left; background-position:bottom right; background-repeat:no-repeat; display:block;}


/* MAIN CONTENT  */
.mainContent {width:71em; float:right; margin:1em 1em 0em 0em;}
.mainContent a {font-weight:bold;}

.pageTitle {display:block; background-color:#333; padding:1em; margin-bottom:0.9em;} 
.pageTitleOverview {display:block; background-color:#16561b; padding:1em; margin-bottom:0.9em;} 
.pageTitle h1, .pageTitleOverview h1 {font-size:2.4em; color:#FFF;}

/* Site Overview Page - Site summary panels  */
.siteOverviewBox {border-bottom:#31a842 1px dashed; padding-bottom:1em;}
.first {border-top:#31a842 1px dashed;}

.titleBar {margin:1em 0em; background-color:#ccdecf; padding:0.5em 0.5em 0.5em 1em;}
.titleBar h2 {float:left; font-size:1.8em;}
.titleBar h2 a {color:#004f0f;}
.titleBar .pageLink {float:right; overflow:hidden; height:2.5em; }
.titleBar .pageLink .siteName {font-weight:bold;}
.titleBar .pageLink .linkLeft {cursor:pointer; background-position:right; background-repeat:no-repeat; width:1.6em; height:2.5em; display:block; float:left;}
.titleBar .pageLink .linkBody {float:left; display:block;}
.titleBar .pageLink  a .linkBody {cursor:pointer; color:#272727; text-decoration:none; font-weight:normal; background-color:#e6efe7; padding:0.5em 0 0.8em;}
.titleBar .pageLink .linkRight {cursor:pointer; background-position:left; background-repeat:no-repeat; width:2.0em; height:2.5em; display:block; float:left;}
.titleBar .pageLink a:hover .linkBody {background-color:#FFF;}
.titleBar .pageLink a:hover .linkRight {background-position:left; background-repeat:no-repeat; width:2.0em; height:2.5em; display:block; float:left;}
.titleBar .pageLink a:hover .linkLeft {background-position:right; background-repeat:no-repeat; width:1.6em; height:2.5em; display:block; float:left;}

.siteOverviewBox img {border:#005a10 1px solid; float:left;}
.siteOverviewBox .imagePlaceholder { width:227px; height:128px; border:#005a10 1px solid; float:left; cursor: pointer; }

.siteSummary {float:left; width:45em; margin:0em 1.5em;}
.siteSummary p {font-size:1.4em; line-height:1.4em; margin:0em;}
.siteSummary .statTitle {width:7em; margin:0.5em 1em 0em 0em; float:left;}
.siteSummary .statTitle h3 {margin:0em; font-size:1.2em;}
.siteSummary .statInfo {width:37em; float:left; margin:0.5em 0em 0em 0em;}
.siteSummary .statInfo p {margin:0em; font-size:1.2em; line-height:normal;}

/* Generic Content Page */
.contentPage {}
.contentPage h2, .contentPage .heading {font-size:1.8em; padding:0em; margin:0em 0em 0.4em 0em; display:block; }

.contentPage p {margin:0em 0em 0.7em 0em;}

.contentImage {float:left; margin:0em 2em 2em 0em;}

.contentPage ol {padding:0em 0em 0em 3em; margin:0em 0em 0.7em 0em;}
.contentPage ol li {padding:0em; margin:0em; /* font-size:1.1em; line-height:1.7em; */}

.contentPage ul {padding:0em 0em 0em 3em; margin:0em 0em 0.7em 0em;}
.contentPage ul li {padding:0em; margin:0em; /*font-size:1.1em; line-height:1.7em; */}

/* DOWNLOADS PANEL */
.downloads {background-color:#abc86f; padding:0.8em 1em 0.3em 1em;}
.downloads h2, .siteInfo .mainCol .downloads h2 {font-size:1.8em; margin:0em 0em 0.4em 0em;}
.downloadItem {border-top:#31a842 1px dashed; padding:0.5em 0em;}
.downloadThumb {width:50px; float:left;}
.downloadText {width:50em; float:left; padding-top:0.5em;}
.siteInfo .mainCol .downloadText {width:25em;}   /* <--  Different width when used on Site Information Page */
.downloads h2 { position:relative; }

.downloadText .name {padding-left:1em;}
.downloadText .name a {font-weight:bold; font-size:1.4em; color:#272727;}
.downloadText .name p {margin:0em;}
.downloadText .details {padding-left:1em;}
.downloadText .details p {margin:0em; font-size:1.2em;}


/* DOWNLOADS PANEL - Download button */
.downloadButton {width:14em; float:right; padding-top:1em;}
.downloadButton a {color:#272727;}
.downloadButton a .text, .downloadButton a:hover .text {font-size:1.3em;} 

.downloadButton a .d-left {cursor:pointer; background-position:right; background-repeat:no-repeat; width:4em; height:31px; float:right;}
.downloadButton a .d-middle {cursor:pointer; background-position:top; background-repeat:repeat-x; height:3.1em; float:right; padding:0.5em 0.1em 0em 0.1em;}
.downloadButton a .d-right {cursor:pointer; background-position:left; background-repeat:no-repeat; width:1.7em; height:31px; float:right;}

.downloadButton a:hover .d-left {background-position:right; background-repeat:no-repeat; width:4em; height:31px; float:right;}
.downloadButton a:hover .d-middle {background-position:top; background-repeat:repeat-x; height:3.1em; float:right; padding:0.5em 0.1em 0em 0.1em;}
.downloadButton a:hover .d-right {background-position:left; background-repeat:no-repeat; width:1.7em; height:31px; float:right;}


/* SITE INFORMATION PAGE  */
.siteInfo {width:71em; float:right; } /* margin:1em 1em 0em 0em;} */
.siteInfo a {font-weight:bold;}

.siteInfo .mediaGallery {height:35.6em; width:71em; }
.siteInfo object#mediaGallery { margin-bottom:1em; }
.siteInfo .mainCol {width:47.8em; float:left; margin-top:1em; padding-right:0.5em; border-right:#31a842 1px dashed;}
.siteInfo .sideCol {width:22em; float:right; margin-top:1em;}

.siteInfo ol {padding:0em 0em 0em 3em; margin:0em 0em 0.7em 0em;}
.siteInfo ol li {padding:0em; margin:0em; }

.siteInfo ul {padding:0em 0em 0em 3em; margin:0em 0em 0.7em 0em;}
.siteInfo ul li {padding:0em; margin:0 0 0.8em; }

.siteInfo .content {padding-right:0.5em; font-size:1.2em; line-height:1.6em;}
.siteInfo .content h2 {font-size:2.2em; color:#005a10; margin:0em 0em 0.3em 0em; line-height: 1.1em;}

.siteInfo .content h3, .siteInfo .heading {font-size:1.45em; color:#005a10; margin:0em 0em 0.3em 0em;}
.content .introLine p {color:#73a40f; font-size:1.4em; line-height:1.6em; margin:0em 0em 0.6em 0em;}

.sideCol .mapPanel {width:21.6em; height:29.6em; margin:0em 1em 1em 0em; border:#005a10 2px solid;}
.sideCol .logos {margin-top:1em; }
.sideCol .logos img {margin-bottom:0.5em; float:left; margin-left:0.5em;}