/* Custom CSS */

@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
nav.top-bar {
  background: #4c631f;
  max-width: 1126px;
  margin: 0 auto;
  padding-left: 0;
  }
nav.top-bar.vertical ul li.menutag {
  color: #fff;
  }  
div.banner {
  background: #fff;
  height: 180px;
  max-width: 1127px;
  margin: 0 auto 0px auto;
  padding-left: 1px;
 }
div.banner h2 {
  color:#000099;  /*color:#3d2115;*/
  padding-top: 28px;
  margin-bottom: -4px;
  }
div.banner h4 {
  color:#000099;  /*color:#3d2115;*/
  }
a {
  line-height: 1.2em;
  text-decoration: underline;
  } 
h5 {
 color: #777;
 }
h4 {
 font-size: 20px;
 }
h6 {
 font-size: 16px;
 line-height: 1.4em;
 }
.listhead {
 margin-bottom:4px;
 }
ul {
  margin-bottom:10px;
  }
ul li {
margin-left:30px;
} 
img {
 border: 0;
 }
.pagetitle {
background: #fff;
border: 0;
margin: 0;
}
img.right {
margin-left: 1em;
}
img.left {
margin-right: 1em;
}
.paraindent {
margin-left: 20px;
}
a.active {
background-color: #999;
}

.pagecontent {
font-family: arial, verdana, helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
margin-left: 15px;
color: #000;
}

.pagecontentbold {
font-family: arial, verdana, helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
margin-left: 0px;
color: #000;
}

.pagecontentlist {
font-family: arial, verdana, helvetica, sans-serif;
/*font-size: 18px;*/
font-weight: normal;
margin-left: 15px;
color: #000;
}

.pagecontentlist2 {
font-family: arial, verdana, helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
margin-left: 30px;
color: #000;
}

.pagecontentlisthead {
font-family: arial, verdana, helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
margin-left: 15px; margin-bottom: 6px;
color: #000;
}

#sidebarsection {
margin-top: 0;
}
#sidebar {
margin-top: 0px;
}
.sidebarframe {
margin: 1em;
padding: 0px;
}


div.banner img {
  position: relative;
  top: 0;
  left: 0px;
  z-level: 0;
  display: display;
  }
div.banner p.headertext {
  position: relative;
  top: 0;
  left: 0px;
  z-level: -1;  
  display: display;
  padding: 10px;
  margin: 0 auto 0px auto;
  }


/* small screen styles */

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

.null {}
div.banner img {
  display: none;
}
div#pagecontainer.row div#sidebarsection.three.columns {
  display: none;
}
div.banner p.headertext {
  display: display;  
  position: absolute;
  top: 0;
  left: 0;
}



}