// Small screens
@media only screen { } /* Define mobile styles */
@media only screen and (max-width: 21.9999em) { } 

// Medium screens
@media only screen and (min-width: 22em) { } 
@media only screen and (min-width: 22em) and (max-width: 39.999em) { } 

// Large screens
@media only screen and (min-width: 40em) { } /* min-width 1025px, large screens */
@media only screen and (min-width: 40em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

// XLarge screens
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

// XXLarge screens
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */

a:link {Color:#004918;}
a:hover {Color:#004918; text-decoration: underline}
a:visited {Color:#8EA86C;}
a:active {Color:#000000;}

.buttonXX  {background-color: #004918; border-color: #003311; color: #ffffff; font-size: 1.1rem;}

.banner { width:100%; background-color: #004918; Color:#ffffff;}
.banner .logo {padding:5px;}
.banner img {background-color:#004918;}
.panel {background: #EAF7D9; padding:10px; min-height: 125px;}

.child p {text-align: center !important; line-height:1.1;}

#newsletter {padding:20px 0;background:#93B874; padding:10px 0 10px 0;color:#ffffff;}
.zurb-footer-top {padding:20px 0;background:#93B874; padding:10px 0 10px 0;color:#ffffff;}
.zurb-footer-bottom {background:#004918; Color:#ffffff; padding:24px 0 10px 0;}
.zurb-footer-bottom a:link {Color:#ffffff;}
.zurb-footer-bottom a:hover {Color:#ffffff; text-decoration: underline}
.heading {font-weight: bold; font-size:120%;}
.side-nav a {line-height: 100%; padding-left: 10px; color:#000000;}
.side-nav li a:not(.button):link, .side-nav li a:not(.button):visited  {color:#000000;}
.side-nav li a:not(.button):hover, .side-nav li a:not(.button):active  {color:#004918;}

h1  {font-size: 1.6875rem; font-weight:bold;}
h2  {font-size: 1.375rem; font-weight:bold;}
h3  {font-size: 1.375rem;}
h4  {font-size: 1.125rem; font-weight:bold;;}
h5  {font-size: 1.125rem;}
h6  {font-size: 1rem; font-weight:bold;}

.ImageLeft 	{
				float: left;
				text-align: center;
				margin-top: 0px;
				margin-right: 10px;
				margin-bottom: 10px;
				margin-left: 0px;
				position: relative;
				clear: left;
		}
       
.ImageRight	{
				float: right;
				text-align: center;
				margin-top: 0px;
				margin-right:0px;
				margin-bottom:10px;
				margin-left: 10px;
				position:relative;				
		}

.FeatureList  {
					font-size:larger;
					font-weight: bolder;
					padding: 5px;
					margin-top: 10px;
					margin-bottom: 10px;
					color: #8A4117;
					position:relative;
}				

.FeatureList li 	{ 
					font-size: smaller;
					font-weight: normal;
					padding: 5px 5px 0px 10px;
					color: black;
 
				}