/*Global*/
html {
    font-size: 100%;
    height: 100%;

}

body {
    text-align:center;
}

.main-content p, h5 {
    margin-left: 10%;
    margin-right: 10%;
    text-align: left;
}


.page-wrapper {
  width: 100%;
  margin: 0.25em auto;
  max-width: 1800px;
  position: relative;
  padding: 0;
}


/*Main-Content Image/Banner*/
#content-img { 
  position: center; 
  width: 100%;
  height: 260px;
  width: 100%;
  border-radius: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0;
}

.content-img h1 { 
   color: white;
   text-align: left;
   letter-spacing: -1px;  
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
   position: absolute;
   top:60px;
   padding-left: 10px;
   padding-right: 10px; 
   font-size: 18px;
}
.content-img h4 { 
   color: white;
   letter-spacing: -1px;  
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
   position: absolute;
   top:190px;
   padding-left: 10px;
   padding-right: 10px;
}

.content-img h6 { 
   color: white;
   letter-spacing: -1px;  
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
   position: absolute;
   top:240px;
   padding-left: 10px;
   padding-right: 10px;
}

/*Navigation bar*/

#menu ul,
#menu li,
#menu span,
#menu a {
  margin: 0;
  padding: 0;
  position: relative;
}

#menu {
  line-height: 1;
  border-radius: 5px 5px 0 0;
  background: #ffffff;
  border-bottom: 2px solid #999;
  width: auto;
}

#menu:after,
#menu ul:after {
  content: '';
  display: block;
  clear: both;
}

#menu a {
  background: #fff;
  color: #ffffff;
  display: block;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  padding: 19px 20px;
  text-decoration: none;
}

#menu ul {
  list-style: none;
}

#menu > ul > li {
  display: inline-block;
  float: left;
  margin: 0;
}

#menu.align-center {
  text-align: center;
}

#menu.align-center > ul > li {
  float: none;
}

#menu.align-center ul ul {
  text-align: left;
}

#menu.align-right > ul {
  float: right;
}

#menu.align-right ul ul {
  text-align: right;
}

#menu > ul > li > a {
  color: #000000;
  font-size: 10px;
}
#menu > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #999;
  margin-left: -10px;
}
#menu > ul > li:first-child > a {
  border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
}

#menu.align-right > ul > li:last-child > a {
  border-radius: 0 5px 0 0;
}

#menu > ul > li.active > a,
#menu > ul > li:hover > a {
  color: #e5452c;
  box-shadow: inset 0 0 3px #d9d9d9;
  background: #eee;

}

#menu .has-sub {
  z-index: 1;
}

#menu .has-sub:hover > ul {
  display: block;
}

#menu .has-sub ul {
  display: none;
  position: absolute;
  width: 200px;
  top: 100%;
  left: 0;
}

#menu.align-right .has-sub ul {
  left: auto;
  right: 0;
}

#menu .has-sub ul li {
  *margin-bottom: -1px;
}

#menu .has-sub ul li a {
  background: #eee;
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
  font-size: 11px;
  filter: none;
  display: block;
  line-height: 120%;
  padding: 10px;
  color: #222;
}

#menu .has-sub ul li:hover a {
  background: #eee;
}

#menu ul ul li:hover > a {
  color: #e5452c;
}

#menu .has-sub .has-sub:hover > ul {
  display: block;
}

#menu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}

/*Nav bar media queries*/

/*Small | old mobile */
@media (min-width: 300px) {

#menu > ul > li > a {
  font-size: 11px;
  margin-right: -5px;
}
}

/* Larger than mobile */
@media (min-width: 400px) {

#menu > ul > li > a {
  font-size: 11px;
}
}
/* Lager than phablet*/
@media (min-width: 550px) {

#menu > ul > li > a {
  font-size: 12px;
}
#menu .has-sub ul li a {
  font-size: 13px
}
}

/* Larger than tablet */
@media (min-width: 750px) {

#menu > ul > li > a {
  font-size: 14px;
}
#menu .has-sub ul li a {
  font-size: 13px
}
}
/* Larger than desktop */
@media (min-width: 1000px) {

#menu > ul > li > a {
  font-size: 14px;
}
#menu .has-sub ul li a {
  font-size: 13px
}
}
/* Larger than Desktop HD */
@media (min-width: 1200px) {

#menu > ul > li > a {
  font-size: 14px;
}
#menu .has-sub ul li a {
  font-size: 13px
}
}

/*footer*/
.footer a{
    padding-right: 1.0em;
    padding-left: 1.0em;
    padding-bottom: 20px;
}