/* Reset
------------------------------------------------------------ */
* { margin: 0; padding: 0; }
html { overflow-y: scroll;}
ol, ul { list-style: none; margin: 0;}
ul li { margin: 0; padding: 0;}
img { outline: none; border:none;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display: block;
	}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #86be40;
	color: #000;}	

#wrapper {
	width: 100%;	
    top:0;
    left:0;
    right:0;
	text-align: center;
	color: #000;
} 

#wrapper a {
  text-decoration: none;
}
	
#contentclosed{
	width: 100%;	
	max-width: 900px;
    top:0;
    left:0;
    right:0;
	text-align: center;	
    margin:0 auto;
	padding: 10px 0px 5px 0px;
	}

#contentform{
	width: 100%;	
	max-width: 900px;
    top:0;
    left:0;
    right:0;
	text-align: left;	
    margin:0 auto;
	background-color: #FFF;
	}

	
#content, #contentform, #contentclosed img {
		width: 100%;
		}


 /* Navigation */
	 
.topbanner {
	width: 100%;	
	font-size: 1.2em;
	font-weight:600;
	margin: 0 auto;
	color: #FFF;
	background-color: #006f42;
	padding:5px 0px 10px 0px;	
	line-height: 1.7; /* improves readability of text with an inline image */}

/* Change Banner Links Background Color Here */
.topbanner ul {
	text-align: center;
	font-size: .8em;
	padding:0px 0px 0px 0px;	
	width: 100%;
	color: #FFF;}

.topbanner li {
    display: inline-block;
	color: #FFF;
	margin: 0px 12px 0px 12px;
	padding: 0px 8px 2px 8px;}

.inline-icon {
    /* 1. Set the size of the image */
    width: 100px;  /* or any desired size in px, em, rem, etc. */
    height: auto; /* keeps the image proportional */
    /* 2. Add padding around the image for spacing */
    padding-right: 2px; /* space to the right of the image */
    padding-left: 2px;  /* space to the left of the image */
    /* You can use padding-top/bottom if needed, but vertical-align is key for inline flow */
    /* 3. Vertically align the image with the text */
	vertical-align: middle; /* aligns the image's midpoint with the text's vertical center */}

.text-with-image {
    /* Optional: styles for the container to better illustrate alignment */
    font-size: 16px; /* sets a reference font size for the alignment */
    line-height: 1.5; /* improves readability of text with an inline image */
}

figure {
	font-size: .8em;
}

/* Change Top Banner Text Link Color here/

/* unvisited link */
.topbanner a:link {
  color: #FFF;}

/* visited link */
.topbanner a:visited {
  color: #FFF;}

/* mouse over link */
.topbanner a:hover {
  color: #53d81f;}

/* selected link */
.topbanner a:active {
  color: #FFF;}

.homebuttons {
	width: 100%;	
	font-size: 1.3em;
	font-weight:600;
	color: #FFF;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 25px 0px;
	background-color: #000;}

/* Change Banner Links Background Color Here */
.homebuttons ul {
	text-align: center;
	font-size: .9em;
	padding:10px 0px 8px 0px;	
	width: 100%;
	color: #FFF;}

.homebuttons li {
    display: inline-block;
	color: #FFF;
	margin: 0px 12px 0px 12px;
	padding: 6px 8px 6px 8px;
	background-color: #db1a35;}

/* Change Top Banner Text Link Color here/

/* unvisited link */
.homebuttons a:link {
  color: #FFF;}

/* visited link */
.homebuttons a:visited {
  color: #FFF;}

/* mouse over link */
.homebuttons a:hover {
  color: #000;}

/* selected link */
.homebuttons a:active {
  color: #FFF;}

	
p {font-size: 1em !important;
	color:#000 !important;
	font-weight: 400 !important;
	margin: 0px 0px 4px 0px !important;
	padding: 0px 0px 0px 5px !important;
}

/* Form CSS */
h1 {color:#71b31e !important;
	font-size: 2em !important;
	margin: -20px 0px 0px 0px !important;
	font-weight: bold !important;
	letter-spacing: -1px !important;
}
/* Subheads */
h2  {color:#000 !important;
	font-size: 1.3em !important;
	margin: 3px 0px -10px 0px !important;	
		}

/* Subheads */
h3 {color:#000 !important;
	font-size: 1.2em !important;
	line-height: 140% !important;
	font-weight: 400 !important;
    list-style:disc outside none !important;
    display:list-item !important;
	padding: 5px 0px 0px 5px !important;
	margin: 0px 0px 0px 15px !important;
}

 /* Text */
h4 {color:#000 !important;
	font-size: 1em !important;
	font-weight: 400 !important;
    list-style:disc outside none !important;
    display:list-item !important;
	padding: 3px 0px 0px 5px !important;
	margin: 1px 0px 0px 15px !important;
}

h5 {color:#0a83f3 !important;
	font-size: 1.2em !important;
	line-height: 150% !important;
	padding: 0px 0px 0px 0px !important;
	margin: 0px 0px 0px 0px !important;}

h6 {color:#000 !important;
 	font-size: 1.2em !important;
	font-weight: 600 !important;
	margin: 0px 0px 0px 20px !important;}

/* CSS for program closed page */
.closedtext {
	text-align: center;		
    font-size: 1em; 
	color: #000;
    margin: 0 auto;
	padding: 20px 0px 20px 0px;
	font-weight: bold;}

/* contact text at bottom of page */
.contact {
	text-align: center;		
    font-size: .7em; 
    line-height: 135%; 	
	color: #000;
    margin: 0 auto;
	padding: 5px 0px 20px 0px;
	font-weight: bold;}

/* Change Contact Text Link Color here/

/* unvisited link */
.contact a:link {
color: #000;
font-weight: bold !important;}

/* visited link */
.contact a:visited {
color: #000;
font-weight: bold !important;}

/* mouse over link */
.contact a:hover {
color: #006f42;
font-weight: bold !important;}

/* selected link */
.contact a:active {
 color: #000;
font-weight: bold !important;}

/* Media Queries - mobile version, change colors to match above*/
@media screen and (max-width: 480px) {

.topbanner {
	width: 100%;	
	font-size: .9em;
	font-weight:600;
	color: #FFF;
	background-color: #006f42;
	padding: 5px 0px 2px 0px;

}
.topbanner ul {
	text-align: center;
	padding:1px 0px 0px 0px;	
	display: block;
	width: 100%;
	background-color: #FFF;

}

.topbanner li {
	font-size: .95em;
	padding:5px 5px 5px 5px;
	margin:2px 0px 1px 0px;	
	display: block;
	background-color: #006f42;
}

}