@charset "UTF-8";

@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('../fonts/roboto-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotobold_italic';
    src: url('../fonts/roboto-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/roboto-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoitalic';
    src: url('../fonts/roboto-italic-webfont.woff2') format('woff2'),
         url('../fonts/roboto-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('../fonts/roboto-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotomedium_italic';
    src: url('../fonts/roboto-mediumitalic-webfont.woff2') format('woff2'),
         url('../fonts/roboto-mediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condensedbold';
    src: url('../fonts/robotocondensed-bold-webfont.woff2') format('woff2'),
         url('../fonts/robotocondensed-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condensedbold_italic';
    src: url('../fonts/robotocondensed-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/robotocondensed-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condenseditalic';
    src: url('../fonts/robotocondensed-italic-webfont.woff2') format('woff2'),
         url('../fonts/robotocondensed-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condensedregular';
    src: url('../fonts/robotocondensed-regular-webfont.woff2') format('woff2'),
         url('../fonts/robotocondensed-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/*------------ERIK MEYER RESET------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
}

/*-------------COMMON ELEMENTS------------------*/
html {
  background-image: url(../images/background-forest.jpg);
    background-position: center top;
    background-size: 100% auto;
  background-color: #000;
  background-attachment: fixed;
}
body {
  font-family: 'robotoregular';
  font-size: 1.0em;
  color: #5a5a5a;
  background-color: #007836;
  padding: 0px;
  margin: 30px auto;
  max-width: 1200px; 
  line-height: 1.8em;
}

h1, h2, h3, h4, h5, h6, .componentheading {
   font-family: 'robotomedium';
}

h1, .componentheading {
  font-size: 2.4em;
  line-height: 35px;
  color: #007836;
  margin: 20px 0px;
}

h2 {
  font-size: 1.6em;
  color: #af900f;
  line-height: 25px;
  margin: 10px 0px;
}

h3 {
  font-size: 1.5em;
  color: #af900f;
  margin: 12px 0px;
}

h4 {
  font-size: 1.4em;
  color: #af900f;
}

a:link, a:visited {
  color: #007836;
  text-decoration:underline;
}

a:hover {
  color: #00430e;
}

ul, ol {
     margin: 10px 0px 10px 15px;
}

img {
     behavior: url(../iepngfix.htc);
     border: none;
}

section p {
    margin: 8px 0px;
}

strong {
   font-family: 'robotobold';
}

em {
   font-family: 'robotoitalic';
}
/*-------------COMMON STRUCTURE Change Elements-----------------*/

/*-------------HEADER AREA-------------------------*/
#info-wrapper .info {
  padding: 20px 0px 0px 0px;
  
}

#info-wrapper .info {
  max-width: 1200px;
  display: block;
  margin: 0px auto;
  padding: 10px 0px;
  color: #00c836;
}

#info-wrapper .info a {
  color: #00c836;
  display: block;
  float: right;
  margin: 0px 0px 0px 50px;
}

#info-wrapper img {
  margin: 0px 10px -10px 10px;
}

/*.nav-wrapper {
  background-color: #003000;
}

.nav-wrapper nav {
  max-width: 1200px;
  display: block;
  margin: 0px auto;
  padding: 0px 0px 0px 0px;
}

*/
.nav-wrapper nav {
  background-color: #333;
  overflow: hidden;
}

.nav-wrapper nav li {
  display: inline;
}

/* Style the links inside the navigation bar */
.nav-wrapper nav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-family: 'roboto_condensedbold';
    font-size: 16px;
}

/* Change the color of links on hover */
.nav-wrapper nav a:hover {
  background-color: #ddd;
  color: black;
}

/* Add a color to the active/current link */
.nav-wrapper nav a.active {
  background-color: #4CAF50;
  color: white;
}

/*------------BANNER AREA-------------------*/
#wrapper-banner {

}

#wrapper-banner p {
  margin: 0px;
   padding: 0px;
}

#banner img {
  width: 100%;
  margin: 0px 0px 0px 0px;
}

#banner-in img {
  width: 100%;
  margin: 0px 0px 0px 0px;
}

.theme-default .nivoSlider {
  background: url(loading.gif) no-repeat 50% 50%!important;
  -webkit-box-shadow: none!important;
  -moz-box-shadow: none!important;
  box-shadow: none!important;
  margin-bottom:0px;
}

/*---------------SECTION AREA---------------------*/
#section-wrapper {
  background-color: #fff;
  padding: 20px 40px;
}

section {
  max-width: 1200px;
  display: block;
  margin: 0px auto; 
  padding: 40px 0px; 
}

article table {
   border-collapse: collapse;
   width: 100%;
}

article table td {
   padding: 5px;
}

.tableroster {
  width: 45%; 
  float: left;
  margin: 0px 10px 0px 0px;
}

.tableroster thead{
  background-color: #007836;
  color: #fff;
}

.tableroster td{
  border: 1px solid #ccc;
}

.blog .page-header h2{
  border-top: 1px solid #ccc;
  padding: 20px 0px 0px 0px;
}

/*--------------BOARD------------------*/
.board {
   display: block;
   width: 23%;
   padding: 0px 10px 40px 10px;
   float: left;
   font-style: italic;
   font-weight: bold;
   line-height: 1em;
}
.board img {
   width: 100%;
   height: auto;
   margin: 0px 0px 10px 0px;
}


/*--------------YOUTUBE VIDEO RESPONSIVE--------------*/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.floatright {
   width: 50%;
   float: right;
   margin: -50px 0px 0px 50px;
}

.videos {
   display: block;
   width: 48%;
   float: left;
   margin: 10px 20px 10px 0px;
}

/*----------------HOME VIDEO PANELS---------------*/

#footersection-wrapper {
  display: block;
  width: 100%;
  padding: 10px 0px;
  background-image: url(../images/background-footer.jpg);
    background-position: center top;
    background-size: 100% auto;
  background-color: #000;
  background-attachment: fixed;
}

.footersection {
    display: block;
  max-width: 1200px;
  margin: 0px auto;
  color: #fff;
  text-align: center;
  font-size: 1.2em;
  padding: 0px 0px 0px 0px;
}
.footerbuttons {
  display: block;
  width: 25%;
  float: left;
}

/*---------------FOOTER AREA----------------------*/

#wrapper-footer {
  padding: 20px 20px 40px 20px;
  margin: 0px;
  text-align: left;
  font-size: .8em;
  color: #fff;
}
footer {
  display: block;
  max-width: 1200px;
  margin: 0px auto;
  padding: 0px 0px 0px 0px;
}


/*--------------MISC Formatting-----------*/
.pagination li {
   float: left;
   list-style: none;
   margin: 0px 10px;
}

.pagination ul {
   display: block;
   padding: 10px 0px;
}

/*------------EDOCMAN -------------------*/

.edocman_document_list a {
   font-size: 12px;
   color: #333;
   margin: 0px 0px 0px 0px;
}

.edocman_document a img {
   vertical-align: middle;
   margin: 0px 10px 0px 0px
}

.edocman-thumb-left {
   display: none;
}

/* --------------------------------------------
   Clear
-------------------------------------------- */
.clear {
    clear: both;
    margin: 0px;
    padding: 0px;
}

.clr {
    clear: both;
}




/*---------------MEDIA QUERIES---------------------------------*/

@media only screen and (max-width:1000px){



section {
  max-width: 1000px;
  display: block;
  margin: 0px auto; 
  padding: 20px 40px; 
}





/*-------------------------------------------------------*/







@media only screen and (max-width:700px){

#info-wrapper .info {
  padding: 0px 0px 0px 0px;
  text-align: center;
}

#info-wrapper .info {
  max-width: 1200px;
  display: block;
  margin: 0px auto;
  padding: 10px 0px;
  color: #00c836;
}

#info-wrapper .info a {
  color: #00c836;
  display: block;
  float: left;
  clear: both;
  width: 100%;
  margin: 10px 0px 0px 10px;
}


.nav-wrapper {
  clear: both;
}


.footersection {
    display: block;
  max-width: 1200px;
  margin: 0px auto;
  color: #fff;
  text-align: center;
  font-size: 1.2em;
  padding: 0px 0px 0px 0px;
}

.footerbuttons {
  display: block;
  width: 25%;
  float: left;
}

.footerbuttons img {
  width: 100%;
}

footer {
  display: block;
  max-width: 1200px;
  margin: 0px auto;
  padding: 0px 0px 0px 0px;
}

.board {
   display: block;
   width: 45%;
   padding: 0px 10px 40px 10px;
   float: left;
   font-style: italic;
   font-weight: bold;
   line-height: 1em;
}
.board img {
   width: 100%;
   height: auto;
   margin: 0px 0px 10px 0px;
}


}







/*-------------------------------------------------------*/







@media only screen and (max-width:500px){

.footersection {
    display: block;
  max-width: 1200px;
  margin: 0px auto;
  color: #fff;
  text-align: center;
  font-size: 1.2em;
  padding: 0px 20% 0px 20%;
}

.footerbuttons {
  display: block;
  width: 100%;
  float: none;
  text-align: center;
  padding: 10px 0px 10px 0px;
}

.footerbuttons img {
  width: 100%;
}

.board {
   display: block;
   width: 40%;
   padding: 0px 10px 40px 10px;
   float: left;
   font-style: italic;
   font-weight: bold;
   line-height: 1em;
}





}