@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}


/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/
/* latin */
@font-face {
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  src: local('Abel Regular'), local('Abel-Regular'), url(http://fonts.gstatic.com/s/abel/v7/brdGGFwqYJxjg2CD1E9o7g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

body {
	margin: 0;
	padding: 0;
	border: none;
	background: #fff
	;/* #0a2a01 is green   */
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 100%;*/
	/*line-height: 1.5;*/
}
 ul, ol {
	margin-top: 0;
	/*line-height: 180%;*/
	color: #FFF;
}


a {
	text-decoration: none;
	color: #398A12;
}

a:hover {
	text-decoration: underline;
}

/* spacer line */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}


/* header */

#Logo {
	clear: both;
	margin: auto;
	display: block; 

}

#Logo img {
	/*width: 50%;  */
	height: auto;
}

.d1link {
	display:block; 
	text-align:center;	
	/*align: middle;*/
}

	
.websitetitle {
	font-size: 1.8em;
	color: #CCC;
	margin: 0px;
	padding: 0px;
/*	text-transform: lowercase; */
	font-family: 'Abel', sans-serif;
	font-weight: 400;
	letter-spacing: -1px;
	line-height: 0.5;
	text-align: center;	  
	}
	
.websitetitle-small {
	font-size: 1.2em;
	color: #CCC;
	margin: 0px;
	padding: 0px;
/*	text-transform: lowercase; */
	font-family: 'Abel', sans-serif;
	font-weight: 400;
	letter-spacing: 0px;
	line-height: 0.5;
	text-align: center;
	}
	
input[type=checkbox]{
	margin-right: 3%; 
}
input[type=text] {
width: 100%;
}
textarea{
width: 100%;
resize: none;
}

.button {
  display: inline-block;
  padding: 12px 24px;
  border-radius: 6px;
  border: 0;
  font-weight: bold;
  letter-spacing: 0.0625em;
  text-transform: uppercase;
  background: #2d651e;
  color: #fff;
  visited: #fff;
  box-shadow: 10px 10px 6px #aaaaaa;
}
/* Add a rollover background colour but keep the text white */
.button:hover,
.button:focus,
.button:active {
  background: #010600;
  color: #fff;
}

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

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding: 0;
}

/* Menu */

#Menu {
	clear: both;
	margin: auto;
	margin: 2% 0 1% 0;
	background: #fff;
}

.Menu-List {
	margin: 0;
	/*display:block;*/
	text-align:center;
}

.Menu-List .current_page_item a {
	background-color: #1d5004;  /* 1d5004  */
}

.Menu-List a:hover {
	background-color: #1d5004;
	text-decoration: none;
	color: #FFFFFF;
}



.Menu-List ul {
	margin: 0;
	border: none;
	list-style: none;
	line-height: normal;
	padding: 0;
}

.Menu-List li {
	display: inline-block;
	background: #33820F url(images/menu-wrapper-bg.png) repeat-x left top;
	text-align: center;
	border: none;
	margin: 0;
    box-shadow: 6px 10px 6px #aaaaaa;
	/*margin-right: 1px;*/
}

.Menu-List a {
	/*display: block;*/
	float: left;
	margin: 0px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: lowercase;
	font-family: 'Abel', sans-serif;	
	font-size: 1.15em;
	padding: 3px 5px 3px 5px;
	font-weight: normal;
	text-align:center;
	color: #FFFFFF;
	border:none;
}

	
#MainInfo {
/*	clear: both;                                                                          
	float: left; */                                                                           
	margin: 0 auto;
	padding: 0;                                                                           
	width: 100%;                                                                           
	/*display: block;*/
    text-align: center; 
	background:  #fff; /*#0a2a01 green */
	word-spacing: -4px;   /* makes the box blocks butt up against each other but screws up the actual text spacing */                                                               
}

#MainInfo img {
	border: #333;
	border-style: solid;
	border-width: 2px;
}

#MainSubWhiteInfo {
	background: #fff ;
	border: 0;
	padding: 0;
	margin: 0;
}
	
#MainSubHead {
	background: #fff ;
	margin: 0 0 1% 0;
	padding: 0;                                                                           
	width: 100%;                                                                           
	/*display: block;*/
    text-align: center; 
	/*background: #0a2a01;  /*#181818 url(images/wrapper-background.png) repeat;  qqq */
	word-spacing: -4px;   /* makes the box blocks butt up against each other but screws up the actual text spacing */                                                               

}

.floating-subhead {              /*  floating menu sub head box */
    display: inline-block;
    width: 90%;
  /* height: 75px;*/
    margin: auto;
	padding: 1% 1% 1% 1%;
   /* border: 3px solid #73AD21;  */
   vertical-align:top;
   background: #1d5004; /* white */
}

#MainSubHead h1 {
	color: #FFF;
	font-size: 1.25em;
	text-align:left;
	margin: 0;
	font-family: 'Abel', sans-serif;
	font-weight:  500;
	letter-spacing: 0px;	
	line-height: 100%;
	word-spacing:normal;
	padding: 0 0 0 0;
	text-align:left;
}


.floating-box {
    display: inline-block;
    width: 36%;
  /* height: 75px;*/
    margin: auto;
	padding: 4% 2% 4% 4%;
   /* border: 3px solid #73AD21;  */
   vertical-align:top;
	background: #ebebeb;   /* off white, light grey */
}

.floating-box h1 {             /*  small box main head */
	color: #000;            /* almost black */
	font-size: 1.45em;  /* 1.5*/
	text-align:left;
	font-weight:lighter;
	margin: 0;
	font-family: 'Abel', sans-serif;
	/*font-weight: 575; */
	letter-spacing: 0px;	
	line-height: 100%;
	word-spacing:normal;
	padding: 9% 0 0 0;
}

.floating-box h2 {             /*  small box  sub head */
	color: #000;            /* almost black */
	font-size: 1.35em; /* 1.5*/
	text-align:left;
	font-weight:lighter;
	margin: 0;
	line-height: 115%;
	word-spacing:normal;
	padding: 13% 0 0 0;
}	

.floating-box h3 {             /* small box under head */
	color: #000;
	font-size: 1.07em; /* 1.5*/
	text-align:left;
	font-weight:bold;
	line-height: 100%;
	padding: 5% 0 0 0;
	margin: 0;
	word-spacing:normal;	
}

.floating-box h4 {              /* small box date */
	color: #000;
	font-size: 0.8em;
	text-transform:capitalize;
	text-align:left;
	font-weight:bolder;
	line-height: 100%;
	margin: 0;
	padding: 0; 
	word-spacing:normal;
}

.floating-box p {	             /*  small box paragraph */
	color:#000;
	font-size: 1.0em;
	text-align:justify;
	line-height: 100%;
	font-weight: lighter;
	word-spacing:normal;
	margin: 0 auto;
	padding: 5% 0 0 0;
}

/* big floating box styles */

.floating-box-big {              /*  small screen big box */
    display: inline-block;
    width: 64%;
  /* height: 75px;*/
/*    margin: auto; */
	padding: 2.5% 4% 4% 4%;
   /* border: 3px solid #73AD21;  */
   vertical-align:top;
   background: #f6f6f6;          /* off white */
}

.floating-full-width-box {            /* small screen full width box */
	display: inline-block;
    width: 100%;
  /* height: 75px;*/
    margin: auto;
	padding: 2.5% 4% 4% 4%;
   /* border: 3px solid #73AD21;  */
   vertical-align:top;
   background: #f6f6f6;             /* off white */
}

.floating-box-big h1 {          /*  small screen big box headlines */
	color: #000;
	font-size: 1.45em;
	text-align:left;
	font-weight: normal;
	font-family: 'Abel', sans-serif;
	font-weight: 400;
	letter-spacing: -0px;
	line-height: 90%;
	padding:  5% 0 0 0;
	margin: 0;
	word-spacing:normal;
}

.floating-full-width-box h1 {          /*  small screen full width box headlines */
	color: #000;
	font-size: 2.25em;
	text-align:left;
	font-weight: normal;
	font-family: 'Abel', sans-serif;
	font-weight: 400;
	letter-spacing: -0px;
	line-height: 90%;
	padding:  5% 0 0 0;
	margin: 0;
	word-spacing:normal;
}

.floating-box-big h2, .floating-full-width-box h2 {          /*  small screen big box headlines */
	color: #000;
	font-size: 1.25em;
	text-align:left;
	font-weight:lighter;
	padding: 0 0;
	margin: 2% 0 0 0;
	word-spacing:normal;
}

.floating-box-big h3, .floating-full-width-box h3 {          /*  small screen  big box under head */
	color: #000;
	font-size: 1.07em;  /* 1.5*/
	text-align:left;
	font-weight: bold;
	padding: 3% 0 0 0;
	margin: 0;
	word-spacing:normal;
	line-height: 115%;
}

.floating-box-big h4, .floating-full-width-box h4 {        /*  small screen big box dates */
	color: #000;
	font-size: 0.8em;
	text-transform:capitalize;
	text-align:left;
	font-weight:bolder;
	line-height: 100%;
	margin: 0;
	padding: 0;
	word-spacing:normal;
}

.floating-box-big p {	     /*  small screen big box paragraph */
	color:#000;
	font-size: 1.0em;
	text-align:justify;
	line-height: 100%;
	font-weight: normal;
	word-spacing:normal;
	padding: 3% 0 0 0;
	margin: 0;
}

.floating-full-width-box p {	     /*  small screen big box paragraph */
	color:#000;
	font-size: 1.0em;
	text-align:justify;
	line-height: 125%;
	font-weight: normal;
	word-spacing:normal;
	padding: 3% 0 0 0;
	margin: 0;
}

.floating-box-big img, .floating-box img, .floating-full-width-box img {  /* images inside of the small screen big box */
	margin: 3% 0 0 0;
}


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

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 100%;
	padding: 0;
	margin: 0 auto;
}
#Logo {
	clear: both;
	margin: auto;
	display: block;
	margin: 1% auto;
}

#Logo img {
	/*width: 75%;  */
	height: auto;
}

.websitetitle {
	font-size: 2.7em;
	color: #CCC;
	margin: 0px;
	padding: 0px;
/*	text-transform: lowercase; */
	font-family: 'Abel', sans-serif;
	font-weight: 400;
	letter-spacing: -2px;
	line-height: 0.5;
	text-align: center;	  
	}
	
.websitetitle-small {
	font-size: 1.6em;
	color: #CCC;
	margin: 0px;
	padding: 0px;
/*	text-transform: lowercase; */
	font-family: 'Abel', sans-serif;
	font-weight: 400;
	letter-spacing: -1px;
	line-height: 0.5;
	text-align: center;
	}
	
#Menu {
	clear: both;
	margin:auto;
	display: block;
	margin: 2% 0 1% 0;
}
.Menu-List a {
	display: inline-block;
	float: left;
	margin: 0px;
	letter-spacing: 0px;
	text-decoration: none;
	text-transform: lowercase;
	font-family: 'Abel', sans-serif;	
	font-size: 1.35em;
	padding: 7px 12px 7px 12px;
	font-weight: normal;
	color: #FFFFFF;
}
.Menu-List li {
	display: inline-block;
	/*background: #33820F url(images/menu-wrapper-bg.png) repeat-x left top;*/
	text-align: center;
}
/* for pages within a map heading, place a banner across the top to tell the view where she is */

#MainSubHead {
	background: #fff ;  /* 1d5004 */
	margin: 0 0 1% 0;
	padding: 0;                                                                           
	width: 100%;                                                                           
	/*display: block;*/
    text-align: center; 
/*	background: #0a2a01;   /*#181818 url(images/wrapper-background.png) repeat;   qqq */
	word-spacing: -4px;   /* makes the box blocks butt up against each other but screws up the actual text spacing */                                                               
}

.floating-subhead {              /*  floating menu sub head box */
    display: inline-block;
    width: 75%;
  /* height: 75px;*/
    margin: auto;
	padding: 1% 1% 1% 1%;
   /* border: 3px solid #73AD21;  */
   vertical-align:top;
	background: #1d5004 ;   /* #1d5004  */
}

#MainSubHead h1 {
	color: #FFF;
	font-size: 1.45em; 
	text-align:left;
	margin: 0;
	font-family: 'Abel', sans-serif;
	font-weight:  500;
	letter-spacing: 0px;	
	line-height: 100%;
	word-spacing:normal;
	padding: 0 0 0 0;
	text-align:left;
}

/* Main content info section */
/*#MainInfo {
	clear: both;

	margin: 0 auto;
	padding: 0;
	width: 100%;
	display: block;
	text-align: center;
}
*/

.floating-box {                   /*  medium box */
    display: inline-block;
    width: 36%;
	padding: 3%  1.5%  3%  3%;
    margin: 0;
    vertical-align:top;
}

.floating-box h1 {             /*  medium box main head */
	color: #000;
	font-size: 1.7em; /* 1.5*/
	text-align:left;
	font-weight:lighter;
	margin: 0;
	font-family: 'Abel', sans-serif;
	/*font-weight: 575; */
	letter-spacing: 0px;	
	line-height: 100%;
	word-spacing:normal;
	padding: 9% 0 0 0;
}

.floating-box h3 {             /* medium box under head */
	color: #000;
	font-size: 1.07em; /* 1.5*/
	text-align:left;
	font-weight:bold;
	line-height: 100%;
	padding: 4% 0 0 0;
	margin: 0;
	word-spacing:normal;	
}
.floating-box p {	             /*  small box paragraph */
	color:#000;
	font-size: 1.0em;
	text-align:justify;
	line-height: 100%;
	font-weight: lighter;
	word-spacing:normal;
	margin: 0 auto;
	padding: 5% 0 0 0;
}


/* big floating box styles */

.floating-box-big {              /*  medium big box */
    display: inline-block;
    width: 64%;
    margin: 0 ;
	padding: 1% 3% 3% 3%;
   vertical-align:top;
}


.floating-full-width-box {              /*  medium full width box */
    display: inline-block;
    width: 100%;
  /* height: 75px;*/
    margin: 0 auto;
	padding: 1% 3% 3% 3%;
   vertical-align:top;
}


.floating-box-big h1 {       /*  medium big box headlines */
	color: #0000;
	font-size: 1.7em;
	text-align:left;
	font-weight: normal;
	padding:  2.75% 0 0 0;
	margin: 0;
}

.floating-full-width-box h1 {       /*  medium full width box headlines */
	color: #000;
	font-size: 1.8em;
	text-align:left;
	font-weight: normal;
	padding:  4% 0 0 0;
	margin: 0;
}

.floating-box-big h2, .floating-full-width-box h2 {       /*  medium big box sub head */
	color: #000;
	font-size: 1.35em;
	text-align:left;
	font-weight: lighter;
	padding: 0 0;
	margin: 0;
}

.floating-box-big h3 {      /*  medium big box underhead */
	color: #000;
	font-size: 1.15em; /* 1.5 */
	text-align:left;
	font-weight:bold;
	padding: 2.5% 0 0 0;
	margin: 0;
}
.floating-full-width-box h3 {      /*  medium full width box underhead */
	color: #000;
	font-size: 1.15em; /* 1.5 */
	text-align:left;
	font-weight:bold;
	padding: 3% 0 0 0;
	margin: 0;
}

.floating-box-big h4, .floating-full-width-box h4 {      /*  medium big box dates */
	color: #000;
	font-size: 0.8em;
	text-transform:capitalize;
	text-align:left;
	font-weight:bolder;
	line-height: 100%;
	margin-top: 0;
	padding: 0; 
}

.floating-box-big p {	/*  medium big box  paragraph */
	color:#000;
	font-size: 1.07em;
	text-align:justify;
	line-height: 115%;
	font-weight: normal;
	padding: 2% 0 0 0;
	margin: 0;
}

.floating-full-width-box p {	/*  medium full width box  paragraph */
	color:#000;
	font-size: 1.07em;
	text-align:justify;
	line-height: 100%;
	font-weight: normal;
	padding: 4% 0 0 0;
	margin: 0;
}

.floating-box-big img, .floating-box img {  /* image in medium big box */
	margin: 5.0% 0 0 0;
}

.floating-full-width-box img {  /* image in medium full width box */
	margin: 4% 0 0 0;
}

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

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 100%;
	max-width: 980px;
	/*max-width: 1920px; */
	padding: 0px;;
	margin: 0px auto 0px auto;
}
#Logo {
	clear: both;
	margin: 1% auto;
	display: block;
}
#Logo img {
	/*width: 100%; */
	height: auto;
}

.websitetitle {
	font-size: 3.7em;
	color: #CCC;
	margin: 0px;
	padding: 0px;
	font-family: 'Abel', sans-serif;
	font-weight: 400;
	letter-spacing: -2px;
	line-height: 0.5;
	text-align: center;	  
	}
	
.websitetitle-small {
	font-size: 2.4em;
	color: #CCC;
	margin: 0px;
	padding: 0px;
/*	text-transform: lowercase; */
	font-family: 'Abel', sans-serif;
	font-weight: 400;
	letter-spacing: 0px;
	line-height: 0.5;
	text-align: center;
	}
	
#Menu {
	clear: both;
	margin: 2% 0 1% 0;
	padding: 0;
	display: block;
}
.Menu-List a {
	display: inline-block;
	float: left;
	margin: 0px;
	letter-spacing: -1px;
	text-decoration: none;
	text-transform: lowercase;
	font-family: 'Abel', sans-serif;	
	font-size: 1.6em;
	padding: 10px 20px 10px 20px;
	font-weight: normal;
	color: #FFFFFF;
}
.Menu-List li {
	display: inline-block;
	/*background: #33820F url(images/menu-wrapper-bg.png) repeat-x left top; */
	text-align: center;
}

/* for pages within a map heading, place a banner across the top to tell the view where she is */

#MainSubHead {
	background: #fff ;  /* #1d5004 */
	margin: 0 0 1% 0;
	padding: 0;                                                                           
	width: 100%;                                                                           
	/*display: block;*/
    text-align: center; 
/*	background:  #0a2a01;  /*#181818 url(images/wrapper-background.png) repeat;  qqq*/
	word-spacing: -4px;   /* makes the box blocks butt up against each other but screws up the actual text spacing */                                                               

}

.floating-subhead {              /*  floating menu sub head box */
    display: inline-block;
    width: 67%;
  /* height: 75px;*/
    margin: auto;
	padding: 1% 1% 1% 1%;
   /* border: 3px solid #73AD21;  */
   vertical-align:top;
	background: #1d5004 ;   /* #1d5004  */
}

#MainSubHead h1 {
	color: #FFF;
	font-size: 1.60em; /* 1.5*/
	text-align:left;
	margin: 0;
	font-family: 'Abel', sans-serif;
	font-weight:  500;
	letter-spacing: 0px;	
	line-height: 100%;
	word-spacing:normal;
	padding: 0 0 0 0;
	/*background: red;*/
	text-align:left;
}


/* Main content info section */
#MainInfo {
	clear: both;
	/*float: left;*/
	margin: 0 auto;
	padding: 0;
	width: 100%;
	display: block;
	text-align: center;
}
.floating-box {                  /*  large small box  */
    display: inline-block;
    width: 36%;
    margin: 0;
	padding: 3% 1.5% 3% 3%;
    vertical-align:top;
}

.floating-box h1 {  /*  large small box headlines */
	color: #000;
	font-size: 1.7em;
	text-align:left;
	font-weight:lighter;
	font-family: 'Abel', sans-serif;
	font-weight: 500;
	letter-spacing: 0px;		
	padding: 2.5% 0 0 0;
	margin: 0;
}



.floating-box h2 {  /*  large small box headlines */
	color: #000;
	font-size: 1.75em;
	text-align:left;
	font-weight:lighter;
	line-height: 115%;
	padding: 2% 0 0 0;
	margin: 0;
}

.floating-box h3 {      /*  large  small box under head */
	color: #111;
	font-size: 1.2em;
	text-align:left;
	font-weight:bold;
	padding: 2% 0 0 0;
	margin: 0;
}

.floating-box h4 {    /*  large small box  dates */
	color: #111;
	font-size: 0.8em;
	text-transform:capitalize;
	text-align:left;
	font-weight:bolder;
	line-height: 100%;
	margin: 0; 
	padding: 0;
}

.floating-box p {	        /*  large small box  paragraph */
	color:#000;
	font-size: 1.1em;
	text-align:justify;
	line-height: 100%;
	font-weight: normal;
	margin: 0 auto;
	padding: 2% 0 0 0;
}


/* big floating box styles */
.floating-box-big {              /* large big box */
    display: inline-block;
    width: 64%;
    padding: 1.5% 3% 3% 3%;
    margin: 0 auto;
   vertical-align:top;
}

.floating-full-width-box {              /* large full width box */
    display: inline-block;
    width: 100%;
    padding: 1.5% 3% 3% 3%;
    margin: 0 auto;
   vertical-align:top;
}

.floating-box-big h1 {  /*  large big box  super bigheadlines */
	color: #000;
	font-size: 1.80em; /* 1.9em*/
	text-align:left;
	font-weight: lighter;
	font-family: 'Abel', sans-serif;
	/*font-weight: 200; */
	letter-spacing: -1px;	
	line-height: 100%;
	padding: 3% 0 0 0;
	margin: 0;
}

.floating-full-width-box h1 {  /*  large full width box  super bigheadlines */
	color: #0000;
	font-size: 2.0em; /* 1.9em*/
	text-align:left;
	font-weight: normal;
	font-family: 'Abel', sans-serif;
	font-weight: 400;
	letter-spacing: -1px;	
	line-height: 100%;
	padding: 3% 0 0 0;
	margin: 0;
}

.floating-box-big h2, .floating-full-width-box h2 {  /*  large big box  sub-head */
	color: #000;
	font-size: 1.5em;
	text-align:left;
	font-weight:lighter;
	line-height: 115%;
	padding: 2% 0 0 0;
	margin: 0;
}

.floating-box-big h3 {  /*  large big Box under head */
	color: #000;
	font-size: 1.2em;
	text-align:left;
	font-weight:bold;
	line-height: 100%;
	padding: 2% 0 0 0;
	margin:  0;
}

.floating-full-width-box h3 {  /*  large full width Box under head */
	color: #0000;
	font-size: 1.2em;
	text-align:left;
	font-weight:bold;
	line-height: 110%;
	padding: 2% 0 0 0;
	margin:  0;
}

.floating-box-big h4, .floating-full-width-box h4 {   /* large big box dates */
	color: #0000;
	font-size: 1.0em;
	text-transform:capitalize;
	text-align:left;
	font-weight:bolder;
	line-height: 100%;
	margin: 0; 
	padding: 2% 0 0 0;
}

.floating-box-big p {	/* large big box paragraph */
	color: #000;
	font-size: 1.1em;
	text-align:justify;
	line-height: 100%;
	font-weight: normal;
	padding: 1.75% 0 0 0;
}

 .floating-full-width-box p {	/* large big box paragraph */
	color:#000;
	font-size: 1.2em;
	text-align:justify;
	line-height: 100%;
	font-weight: normal;
	padding: 1.75% 0 0 0;
}

.floating-box-big img, .floating-box img, .floating-full-width-box img {  /* images inside of the large big box */
	margin: 3% 0 0 0;
}


}