/* Add your own custom css to this file. You may wish to use css !important calls to override css from the template css files.
----------------------------------------------------------- */
/*Bootstrap Container Size*/
.container{
  width:100%;
}
/*Tables*/
thead{
  font-weight:bold;
}
/*Multi Column Display*/
.multiCol{
  display: inline-block;
  width: 47.5%;
  margin: 0 auto 0 0.3%;
}
.multiCol.twoCol{
  width: 47.5%;
}
.multiCol.threeCol{
  width: 30%;
  float: left;
}
.multiCol.twoCol.topRow.pull-right{
  margin-top:-1.5em;
}
.multiCol.twoCol.pull-left{
  clear:left;
}
.multiCol.twoCol.pull-right{
  clear:right;
}
/*Document Resource Display (Resources page) - Use with twoCol multiCol*/
.documentGrid{
  max-height:200px;
  margin:1em 0;
}
/*Image Slideshows (Our Photos page) - use with threeCol multiCol*/
.slideshow{
  max-height:300px;
}
.slideshowSection{//For every tri-group of slideshows to push them down
  clear:both;
}
/*Video Styling in Articles*/
.ytVideo{
  width:55%;
}
/*Button Styling (Custom and inside Info Slides)*/
button, .button {
  background-color: #339933;
  padding:5px 10px;
  color:white;
  font-size:1.1em;
  border-radius: 14px;
  border:0px solid rgba(51,51,51, 0.2);
}
button{
  margin-top: 0.75em;
  margin-bottom:0.5em;
}
button:hover, .button:hover{
  background-color: #333333;
  color: #339933;
}
/*Unordered lists inside the article body or a category blog*/
div[itemprop] ul {
  list-style:none;
}
/*Individual Articles inside Category Blog Display*/
div[itemprop="blogPost"] {
  clear:both;
  margin-bottom:3em;
}
/*Front Page Slideshow*/
#myGallery{
  border-radius: 2px;
  box-shadow: rgb(51, 51, 51) 0px 0px 8px 0px;
}
/*Submenu Styling*/
.submenu li{
  padding:0 !important;
  margin:0 !important;
  position: relative !important;
  float: left !important;
}
.submenu a, .navbar-nav a{
  background-image: none !important;
  background-color: #339933 !important;
  background-size:auto !important;
  padding:10px !important;
  color: #ffffff !important;
  font-size:14px !important;
  border:1px solid rgba(51,51,51, 0.2) !important;;
  border-radius: 0px !important;
}
div > ul > li.current > a, .navbar-nav > li.active > a{
  border-bottom: 4px solid #333333 !important;
}
div > ul.submenu > li > a:hover, .navbar-nav > li > a:hover {
  background-color: #333333 !important;
  color: #339933 !important;
  text-decoration: none !important;
}