html,body{height:100%;}
.largeIcon{
    font-size: 50px;
    padding-left: 35px;
    padding-right: 35px;
}

.contenthover { padding:20px 20px 10px 20px; }
.contenthover, .contenthover h3, contenthover a { color:#fff; }
.contenthover h3, .contenthover p { margin:0 0 10px 0; line-height:1.4em; padding:0; }
.contenthover a.mybutton { display:block; float:left; padding:5px 10px; background:#3c9632; color:#fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.contenthover a.mybutton:hover { background:white}

#ShowExtra{
    cursor:pointer;
}
#TopMenu a {
    cursor: pointer;
}
.HiddenArticles{
    display:none;
}
body {
    color: #003;
    font-family: 'Open Sans', sans-serif;
    font-size: 13pt;
}
.navbar-nav > li > a {
  font-size: .8em;
}    
a.italic {
    font-style: italic;
    font-weight: bold;
    color: black;
}
.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;


}
#HeaderBanner{
  min-height:175px;
  overflow: auto;
}
.Header{
 
}
table, td{
    border: 1px solid #aaaaaa;
}

th {
    background-color: #C1D1FF;
    color: white;
    text-align: center;
    color: #003;
    border-style: solid;
    border-width: 1px;

}

td,th{
    padding: 6px;
}

tr.do td{
   font-weight:600;
   color: #000000;
   background-color: #FFFF00;	
}

#MainContent p img{ float:left;}
#MainContent p img:nth-child(even){ float:right;}
  
td.style1 {
    text-align: justify;
    width: 80%;
 }
td.style2 {
    text-align: left;
    width: 80%;
 }
td.style3 {
    text-align: center;
    width: 10%;
 }
td.style4 {
    text-align: left;
    width: 15%;
 }
td.style5 {
    text-align: center;
    width: 5%;
 }
td.style6 {
    text-align: left;
    width: 55%;
 }
td.style7 {
    text-align: center;
    width: 15%;
 }
td.style8 {
    text-align: center;
    width: 30%;
 }

td.style9 {
    text-align: left;
    width: 50%;
 }
 
table{
    margin: 10px 4px;
}
table td, table th
{
	text-align: left;
}

.bannerbar-border{
    background-color: #000066;
    color: #fff;
    width: 100%;
}
.bannerbar-border span{
    float: right;
}
html,body{
    height: 100%
}
body{


}
ul.TwoColumn li{
    width:49%;
    float: left;
    text-align:left;
    padding-right: 15px;
}
ul.TwoColumn {
clear:both;
margin-bottom:8px;
display: inline-block;
}
h1{
    color:#000033;
    font-size:2.2em;
    font-weight:600;
    text-shadow: 3px 3px 5px rgba(0,0,0,0.3);
}
h2{
    color:#000033;
    font-size:1.75em;
    font-weight:500;

}
h3{
    color:#000066;
    font-size:1.25em;
    font-weight:500;
}
h4{
    color:#000066;
    font-size:1.1em;
    font-weight:500;
}
h5{
    color:#000066;
    font-size:1em;
    font-weight:400;
}
.Footer h5{color: #002;}
.MainContent{
    min-height:400px;

}

.Footer {
    background-color: #C1D1FF;
    position:relative;
    width: 100%;
    bottom: 0px;
    min-height: 550px;
    font-family: monospace;
    background-image: url(/img/asfalt-light.png);
    color:#002;
}
.Header {
  
    background-image: url(/img/asfalt-light.png);
    min-height: 105px;
    
}


p.style1{
    color:#000000;
    text-align: justify;

}

ul.FooterList{
    list-style: none;
    color: #fff;
}
ul.FooterList li {
    margin: 3px;
}
ul.FooterList a {
        color: #002;
}
ul.FooterList a:hover {
        color: #448;
}
ul.FooterList li.divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #223;
}
li.FooterListHeading{
    font-style:italic;
    font-weight: bold;
    color:#c6660d;
    margin-left: -2px !important;

}
li.FooterListHeading a {
        color:#c6660d;
}
.FooterNote{
    color: #c6660d;
    margin:3px;
    font-weight: lighter;
    font-family: monospace;
    margin-bottom: 15px;
}
.MHSAbg{
    
    min-height: 100% !important;
    height: 100% !important;
   
 }

div.MHSAbg ul {
    margin: 10px 0px;
    text-decoration: none;
    list-style: none;
    padding-left: 10px;
}

div.style1 {
    text-align: justify;
    margin-left: 450px;
 }
div.MHSAbg ul li {
    text-align: left;
    margin: 1px;
    padding: 6px;
    cursor:pointer;
}
div.MHSAbg ul li:hover {
    text-align: left;
    background-color: #eeeeff;
    
}
div.MHSAbg ul li a {
    color: #002;
}
div.MHSAbg ul li a:hover {
    color: #446;
}
ul.MHSA_List{
    margin: 15px;
    list-style-image: url(/img/monarch.jpg)
}
ul.MHSA_List li {
margin: 4px;

}
ul.MHSA_List li a {
margin: 3px;
padding: 0px 5px 8px 3px;
vertical-align: top;
}
ul.MHSA_List li p {
 font-size: .9em;
 padding: 0px 14px;
}

article{
  clear: both;
}
 div.DidYouKnow {
   
    
     overflow-wrap:normal;
     overflow: auto;
     

 }
  div.DidYouKnow p{
     margin-left: 8px;

 }
    div.DidYouKnow h3{
     font-style: italic;
     margin-bottom: 0px;

 }
 div.DidYouKnow h2{
     margin-bottom: 0px;

 }
div.DidYouKnow img{
     width: 120px;
     float:left;
     margin: 12px;
 }
article{
  text-align:left;
}
article img{
     width: 100px !important;
     float: left;
     margin: 10px;
}
article:nth-child(odd) img{
   float: right;
}
.DidYouKnow.NewsFeed img{
     width: 250px !important;
 }

div.DidYouKnow article:nth-child(odd) img {
    float:right;
}

div.DidYouKnow article:first-of-type{
    margin-top:-9px;
}

address{
display: inline-block;
margin-bottom:3px;
}
div.byline{
    display:inline-block;

}
img.SocialSideBar{
    position:fixed;
    top:35%;
    left:0px;


}

.GettingHelp{
  border-radius: 20px; background-color: red; padding:10px; color: white; display:inline-block;float:right; margin:20px;
}



@media all and (max-width: 800px) {
  #HeaderBanner{
    min-height: 300px;
  
  }
  .Header{
    text-align:center;
    padding: -10px 0 0 0;

  }
  

}
    .Header img, .Header a {
     margin: 10px auto -30px auto;
     float: none;
    }
    img.SocialSideBar {
        display: none;
    }
    ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}
ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}

ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    

}
ul.nav li.dropdown:hover > ul.dropdown-menu a:hover{
    cursor: pointer;
    color: red;
}

div.ContactList .panel{
 

}

div.ContactList .panel-body{
   overflow-y: auto;
   height: 126px;
   line-height: 1.2em;
   font-size:.93em;
}
 div.ContactList .panel-heading {
     overflow-y: auto;
     height: 45px;
}
.widgetbox {
  padding: 12px 21px 21px;
  border-radius: 8px;
  margin: 0 0 20px;
  background: #f6f6f6;
  overflow: hidden;
  text-shadow: 0 2px #fff;
  font-size: 14px;
  line-height: 22px;
  clear: both;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIvPjxzdG9wIG9mZnNldD0iODglIiBzdG9wLWNvbG9yPSIjZjZmNmY2Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWVlZWVlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g);
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6f6f6), color-stop(88%, #f6f6f6), color-stop(100%, #eeeeee));
  background-image: -moz-linear-gradient(top, #f6f6f6 0%, #f6f6f6 88%, #eeeeee 100%);
  background-image: -webkit-linear-gradient(top, #f6f6f6 0%, #f6f6f6 88%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, #f6f6f6 0%, #f6f6f6 88%, #eeeeee 100%);
}
.quick-links {
  width: 262px;
  height: 31px;
  float: right;
  position: relative;
  margin: 0 17px 0 0;
}

@media (max-width: 767px) {
  .quick-links {
    width: auto;
    float: none;
    margin: 0;
  }
}

.quick-links .dropdown-toggle {
  display: block;
  position: relative;
  z-index: 2;
  color: #333;
  font: 700 16px/20px "opensanscondensed", Arial, sans-serif;
  padding: 3px 35px 8px 17px;
  background: #fbfbfb;
  border-radius: 0 0 8px 8px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

  .quick-links .dropdown-toggle:hover {
    color: #878787;
  }

  .quick-links .dropdown-toggle:before {
    width: 10px;
    height: 2px;
    position: absolute;
    content: "";
    top: 12px;
    right: 21px;
    bottom: auto;
    left: auto;
    background: #333;
  }

  .quick-links .dropdown-toggle:after {
    width: 2px;
    height: 10px;
    position: absolute;
    content: "";
    top: 8px;
    right: 25px;
    bottom: auto;
    left: auto;
    background: #333;
  }

  .quick-links .dropdown-toggle:hover:before, .quick-links .dropdown-toggle:hover:after {
    background: #606060;
  }

.quick-links .dropdown-menu {
  right: 0;
  font-weight: bold;
  margin: -12px 0 0;
  z-index: 1;
  line-height: 18px;
  padding: 25px 20px 15px;
}

@media (max-width: 767px) {
  .quick-links .dropdown-menu {
    padding: 25px 10px 15px;
    font-size: 12px;
    line-height: 15px;
  }
}

.quick-links .dropdown-menu .h6 {
  display: block;
  margin: 0 0 6px;
  line-height: 18px;
  font-family: "OpenSans", Arial, sans-serif;
}

.quick-links .dropdown-menu ul {
  padding: 0 0 0 22px;
  margin: 0;
}

@media (max-width: 767px) {
  .quick-links .dropdown-menu ul {
    padding: 0 0 0 12px;
  }
}

.quick-links .dropdown-menu ul li {
  margin: 0 0 5px;

}

@media (max-width: 767px) {
  .quick-links .dropdown-menu ul li {
    margin: 0 0 3px;
  }
}
ul.list-bullets  {
  padding-inline-start: 15px;
  text-align: left;
}
ul.list-bullets li{
  text-align: left;
}
.quick-links .dropdown-menu ul a {
  color: #666;
}

  .quick-links .dropdown-menu ul a:hover {
    color: #0068FF;
  }