.container {
  padding-left: 15px;
  padding-right: 15px;
}

hr {
    margin-top: 9.0em;
    margin-bottom: 0.0em;
    margin-left: 0.0em;
    margin-right: 0.0em;
    color: #f00;
    background-color: #000;
    height: 6px;
}

h4 {
  margin-top: 25px;
}
.row {
  margin-bottom: 0px;
  margin-right: 0px;
}
.row .row {
  margin-top: 10px;
  margin-bottom: 0px;
}
.navbar-brand {
float: left;
padding: 5px;

}

.nav navbar-nav li {
    text-align: left;

}

.nav li a {
    /* position: relative; */
    display: block;
    padding: 0px 0px;
}

.col-md-3 {
padding-right: 0px;
}

.col-md-6 {
padding-right: 0px;
}

.blogfeed li {
margin-top: 10px;
}

.navbar-default .navbar-brand {
    color: #000;
    font-weight: bold;
    background-color: #.navbar-default .navbar-brand;
    padding: 10px;
}

.navbar-default .navbar-toggle {
border-color: #fff;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: rgba(0, 0, 0, 0);
}
.navbar-header {
background-color: #106549;
}

.navbar-default .navbar-nav > li > a {
color: #000;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #000;
font-weight: bold;
}

.navbar-collapse {
    max-height: none;
    height: auto;
}


ul.nav{margin-bottom:0;padding-left:0;/*text-align:center;*/}
ul.nav li{list-style-type:none;margin:5px 20px;}
ul.nav li a{font-size:14px;text-decoration:none; color:#000}
ul.nav li a:hover {font-weight: bold;color:#000;text-decoration:underline;}



.headertext {
font-weight: bold;
color: #F8FFFA;
font-size: 16px;
float: right;
margin-top: 0px;
padding: 2px 10px;
position: relative;
}


.headertextfloat {
    font-weight: bold;
    color: #fff;
    font-size: 16px;
    float:right;
    position:absolute;
    top: 100px;
    right: 10px;
}

.headertextfloat a {
    font-weight: bold;
    color: #fff;
	text-decoration:underline;
}


    .headertext a {
        color: #F8FFFA;
	    text-decoration:underline;
    }

.Headersidetext {
color: #F8FFFA;
font-size: 12px;
float: right;
margin-top: 0px;
padding: 10px 10px;
position: relative;
}
/*this is to be able to hide up to 480px...then show above that*/
.hidden-xs-xs {
  display: block !important;
}

tr.hidden-xs-xs {
  display: table-row !important;
}

th.hidden-xs-xs,
td.hidden-xs-xs {
  display: table-cell !important;
}

@media (max-width: 479px) {
  .hidden-xs-xs {
    display: none !important;
  }
  tr.hidden-xs-xs {
    display: none !important;
  }
  th.hidden-xs-xs,
  td.hidden-xs-xs {
    display: none !important;
  }
}

@media (min-width: 480px) and (max-width: 991px) {
  .hidden-xs-xs.hidden-sm {
    display: none !important;
  }
  tr.hidden-xs-xs.hidden-sm {
    display: none !important;
  }
  th.hidden-xs-xs.hidden-sm,
  td.hidden-xs-xs.hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-xs-xs.hidden-md {
    display: none !important;
  }
  tr.hidden-xs-xs.hidden-md {
    display: none !important;
  }
  th.hidden-xs-xs.hidden-md,
  td.hidden-xs-xs.hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-xs-xs.hidden-lg {
    display: none !important;
  }
  tr.hidden-xs-xs.hidden-lg {
    display: none !important;
  }
  th.hidden-xs-xs.hidden-lg,
  td.hidden-xs-xs.hidden-lg {
    display: none !important;
  }
}

@media (max-width: 479px) {
  .hidden-sm.hidden-xs-xs {
    display: none !important;
  }
  tr.hidden-sm.hidden-xs-xs {
    display: none !important;
  }
  th.hidden-sm.hidden-xs-xs,
  td.hidden-sm.hidden-xs-xs {
    display: none !important;
  }
}

@media (max-width: 479px) {
  .hidden-md.hidden-xs-xs {
    display: none !important;
  }
  tr.hidden-md.hidden-xs-xs {
    display: none !important;
  }
  th.hidden-md.hidden-xs-xs,
  td.hidden-md.hidden-xs-xs {
    display: none !important;
  }
}

/*this is to be able to show up to 480px...then hisw above that...also there is a transition from 768px...so another file has to hide from 768px and above...grid_out.css*/
.visible-xs-xs {
  display: none !important;
}

tr.visible-xs-xs {
  display: none !important;
}

th.visible-xs-xs,
td.visible-xs-xs {
  display: none !important;
}

@media (max-width: 480px) {
  .visible-xs-xs {
    display: block !important;
  }
  tr.visible-xs-xs {
    display: table-row !important;
  }
  th.visible-xs-xs,
  td.visible-xs-xs {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-xs-xs.visible-sm {
    display: block !important;
  }
  tr.visible-xs-xs.visible-sm {
    display: table-row !important;
  }
  th.visible-xs-xs.visible-sm,
  td.visible-xs-xs.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-xs-xs.visible-md {
    display: block !important;
  }
  tr.visible-xs-xs.visible-md {
    display: table-row !important;
  }
  th.visible-xs-xs.visible-md,
  td.visible-xs-xs.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-xs-xs.visible-lg {
    display: block !important;
  }
  tr.visible-xs.visible-lg {
    display: table-row !important;
  }
  th.visible-xs.visible-lg,
  td.visible-xs.visible-lg {
    display: table-cell !important;
  }
}

@media (max-width: 768px) {
  .visible-sm.visible-xs {
    display: block !important;
  }
  tr.visible-sm.visible-xs {
    display: table-row !important;
  }
  th.visible-sm.visible-xs,
  td.visible-sm.visible-xs {
    display: table-cell !important;
  }
}

@media (max-width: 768px) {
  .visible-md.visible-xs {
    display: block !important;
  }
  tr.visible-md.visible-xs {
    display: table-row !important;
  }
  th.visible-md.visible-xs,
  td.visible-md.visible-xs {
    display: table-cell !important;
  }
}

@media (max-width: 768px) {
  .visible-lg.visible-xs {
    display: block !important;
  }
  tr.visible-lg.visible-xs {
    display: table-row !important;
  }
  th.visible-lg.visible-xs,
  td.visible-lg.visible-xs {
    display: table-cell !important;
  }
}