body {
  padding: 0;
  margin: 0 auto;
  height: 100%;
  font-family: tahoma, helvetica, verdana, arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color:#000000;
  background: #f4f4f4 url("../uploads/images/resources/main_background.jpg");
}

/*div {border:solid 1px red;} */

#pageTop {display:none; width:100%; background-color:#3a3a38; height:40px; margin-top:0;}

#mainWrapper, #subwrapper, #footerDiv {
  margin: 0 auto;
  position: relative;
  max-width: 1000px;
}

#level1, #level2, #breadCrumbsWrapper, #subwrapper-hdr, #footerDiv {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1; /* Safari 6.1+ */
  -ms-flex: 1; /* IE 10 */
  flex: 1;
  -webkit-flex-flow: row;
          flex-flow: row;
  width: 100%;
}

#subwrapper-hdr, #breadCrumbsWrapper {
  -webkit-flex-flow: row wrap;
          flex-flow: row wrap;
}

#meetingsSelectWrapper, #meetingDetailsWrapper {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
          flex-flow: row wrap;
}

.subwrapper-form {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1; /* Safari 6.1+ */
  -ms-flex: 1; /* IE 10 */
  flex: 1;
  -webkit-flex-flow: row wrap;
          flex-flow: row wrap;
  width: 100%;
  padding: 10px 0 10px 0;
}

#footerwrapper {
  width: 100%;
  background-color: #3a3a38;
}

#logobanner {width:100%; height:119px; background:#f4f4f4 url(../uploads/images/resources/main_heading.jpg) no-repeat;}
#logobanner-ham {visibility:visible; float:right; width:67px; height:90px;}

#mainMenu {height:0; display:none;}

#banner2 {display:none;}

#level1, #level2 {background-color: #f4f4f4;}

#level1 {border-bottom:solid 1px #aeb0ad;}

#level1-col1 {padding:0; min-width:118px; background-color:#aeb0ad;}
#level1-col1 h1 {margin:5px 0 10px 5px; font-size:1.1em; font-weight:bold; font-style:italic;}
#level1-col1 p {margin:5px 0 0 5px;}
#level1-col1 ul {padding:0; margin:0 0 0 5px; list-style-type:none;}
#level1-col1 ul li {padding:0 5px 0 2px; height:22px; width:98px; border:1px solid #aeb0ad;}
#level1-col1 a {display:block; font-size:1em; text-decoration:underline; color:#bb0000; line-height:22px;}
#level1-col1 ul li:hover {border:1px solid #3a3a38;}

#level1-col2 {display:none;}

#level1-col3 {padding:0; height:241px;}
.scroll-text {overflow:hidden;}
.scroll-text ul {list-style-type:none; padding:5px 20px 0 10px;}
.scroll-text ul li {margin-bottom:5px;}
.scroll-text a {font-weight:bold; text-decoration:underline; color:#bb0000;}

#level2-col1 {padding:0; min-width:118px; background-color:#aeb0ad;}
#level2-col1 p {margin:5px 0 0 5px;}
#level2-col2 {padding:10px; width:100%;}
#level2-col2 h1 {font-size:1.15em; margin-bottom:10px; font-weight:bold;}
#level2-col2 h2 {font-size:1em; font-style:italic; margin-bottom:10px;}
#level2-col2 p {margin-bottom:5px;}

#contentwrapper {padding:10px; background-color:#f4f4f4;}
#contentwrapper h1 {margin:10px 0 15px 0; font-size:1.25em; font-weight:bold;}
#contentwrapper h2 {margin:20px 0 20px 10px; font-size:1.15em; font-weight:bold; font-style:italic;} /* pages menus */
#contentwrapper h3 {margin:10px 0 10px 0; font-size:1em; font-weight:bold; font-style:italic;}
#contentwrapper p {margin:5px 0 0 10px; font-size:1em;}
#contentwrapper a {line-height:25px; font-weight:bold; text-decoration:underline; color:#bb0000;}
.goToTop {float:right;}

#breadCrumbsWrapper {height:auto; width:100%; justify-content:space-between;}
#breadCrumbsWrapper-col1, #breadCrumbsWrapper-col2 {vertical-align:text-top;}
#breadCrumbsWrapper-col2 {text-align:right;}

#subwrapper {padding:0;}
#subwrapper-meet {min-width:250px;}
#subwrapper-meet td {vertical-align:top;}
#subwrapper-meet p {margin:0 0 10px 0;}
#subwrapper-hdr {min-width:250px; vertical-align:top;}
#subwrapper-col1, #subwrapper-col2, #subwrapper-col3 {vertical-align:top;}
#subwrapper-col2, #subwrapper-col3 {padding-top:20px;}
#subwrapper-col1 p {margin:5px 0 0 0; font-size:1em;}
#subwrapper-col2 h3 {margin:10px 0 10px 0; font-size:1.1em; font-weight:bold;}
#subwrapper-col2 p {margin:5px 0 0 20px; font-size:1em;}
#subwrapper-col3 h3 {margin:10px 0 10px 0; font-size:1.1em; font-weight:bold;}
#subwrapper-col3 p {margin:5px 0 0 20px; font-size:1em;}
#subwrapper-row2 {min-width:100%;}
#subwrapper-row2-col {min-width:100%;}
#subwrapper-row2-col p {margin:5px 0 0  10px; font-size:1em;}
#subwrapper-row2-col h3 {margin:10px 0 5px 0; font-size:1.1em; font-weight:bold; font-style:italic;}

.subwrapper-form-col1 {min-width:15%;margin-left:10px;vertical-align:middle;}
.subwrapper-form-col2 {flex: 1 auto;}

#meetingsSelectWrapper-col1, #meetingsSelectWrapper-col2, #meetingsSelectWrapper-col3, #meetingsSelectWrapper-col4, #meetingsSelectWrapper-col5 {
  min-width: 100px;
  display: inline-block;
  -webkit-flex: 0; /* Safari 6.1+ */
  -ms-flex: 0; /* IE 10 */
  flex: 1 1 auto;
  text-align:center;
  padding:5px;
  border-radius: 5px;
  border:1px solid #4d6198;
}
#meetingsSelectWrapper-col1 {
  margin:5px 0 5px 0;
}
#meetingsSelectWrapper-col2, #meetingsSelectWrapper-col3, #meetingsSelectWrapper-col4 {
  margin:5px;
}
#meetingsSelectWrapper-col5 {
  margin:5px 0 5px 0;
}

#meetingDetailsWrapper-col1, #meetingDetailsWrapper-col2 {
  display: block;
  -webkit-flex: 0; /* Safari 6.1+ */
  -ms-flex: 0; /* IE 10 */
  flex: 1 1 auto;
}
#meetingDetailsWrapper-col1 {
  width:320px;
}
#meetingDetailsWrapper-col2 {
  margin-top:10px;
  padding:5px;
  border:solid 1px #000000;
  border-radius:5px;
  max-width:640px;
}
#meetingDetailsWrapper-col3 {
  margin-top:10px;
  padding:5px;
  border:solid 1px #000000;
  border-radius:5px;
  width:100%;
}

#mapDiv {margin:auto; border: 1px solid black; width:100% !important;; height:500px !important;}

.responsive-iframe-container, .responsive-iframe-video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.responsive-iframe-container iframe, .vresponsive-iframe-container object, .vresponsive-iframe-container embed, .responsive-iframe-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#footerDiv {padding:10px 0 10px 0; width:100%; background-color:#3a3a38;}
#footerDiv p {margin:0 0 15px 0; color:#7b7979; font-size:.85em; font-weight: bold;}
#footerDiv a {text-decoration:underline; color:#7b7979;}
#footerDiv a:hover {color:#bb0000;}
#footer-col1 {padding-left:10px; width:60%;}
#footer-col2 {padding:0; width:20%; text-align:center;}
#footer-col3 {padding-right:10px; width:20%; text-align:right;}

/* other stuff */
.stdannotation {font-size:.9em; font-weight:normal; font-style:normal;}
ul.none   {list-style-type: none;}
ul.disc   {list-style-type: disc;}
ul.circle {list-style-type: circle;}
ol.digit  {list-style-type: decimal;}
ol.alpha  {list-style-type: lower-alpha;}
ol.iii    {list-style-type: lower-roman;}

.meetingWarning {
  margin: 5px 0 5px 0;
  font-size: 1.1em;
  font-weight: bold;
  font-style: italic;
  color: #ff0000;
}

.formWarning {
  margin: 5px 0 5px 0;
  font-size: .85em;
  font-weight: bold;
  font-style: italic;
  color: #ff0000;
}

.inputBox, .inputBoxRight {
  margin: 0;
  font-size: 1em;
  font-weight: bold;
  border-radius: 3px;
  border:1px solid #4d6198;
}
.inputBoxRight {
  text-align: right;
}
.inputBox:focus {
  background-color: #c7c9cf;
}
.inputBoxRight:focus {
  background-color: #c7c9cf;
}
fieldset {
  border-radius: 5px;
  border:1px solid #4d6198;
}
.formWarning {
  margin: 5px 0 5px 0;
  font-size: .85em;
  font-weight: bold;
  font-style: italic;
  color: #ff0000;
}

/**
 * Region page Layout A (Regionlayouta.php)
 */

#rla-wrapper, rla-subwrapper {
  margin: 0 auto;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
          flex-flow: row wrap;
}
#rla-meetings, rla-subwrapper  {
  -webkit-flex: 0; /* Safari 6.1+ */
  -webkit-box-flex: 0; /* iOS4 */
  -ms-flex: 0; /* IE 10 */
  flex: 1 0 auto;
}
#rla-meetings  {
  width: 100%;
    max-height: none;
    overflow-y: none;
}
#rla-divid  {
  display: none;
}
#rla-subwrapper  {
  width: 100%;
}
#rla-events, rla-other  {
  -webkit-flex: 0; /* Safari 6.1+ */
  -webkit-box-flex: 0; /* iOS4 */
  -ms-flex: 0; /* IE 10 */
  flex: 1 1 auto;
}
.pHighlite {
  background-color: #cccccc;
}
.hideDiv {
  display:none;
  background-color: #e5e5e5;
  border-radius: 5px;
  border: solid 1px #000;
}
.showDiv {
  display:block;
}
/**
 * Screen size >= 820px
 */

@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

@media screen and (min-width: 58.5714em) {

  #pageTop {display:block;}

  #logobanner nav {display:none;}

  #logobanner-ham {display:none;}

  #mainMenu  {
    min-height: 63px;
    width: 100%;
    background-color: #6b737b;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-flow: row;
            flex-flow: row;
  }
  .menuItemHome {padding:0; min-width:120px;}
  .menuItem {padding:0; min-width:100px;}
  .menuItem a, .menuItem a:visited, .menuItemHome a, .menuItemHome a:visited {display:block; height:61px; padding: 0 15px 0 15px; text-align:center; font-size:1.2em; color:#ffffff; text-decoration:none; border-top:1px solid #3a3a38; border-right:1px solid #3a3a38; border-bottom:1px solid #3a3a38; background:#6b737b; line-height:60px;}
  .menuItem a:hover, .menuItemHome a:hover {color:#bb0000; background-color:#cccccc;}
  .menuItem a:link, .menuItemHome a:link {text-decoration:none;}
  .menuItem a:active, .menuItemHome a:active {background-color:#cccccc;}

  #banner2 {display:block; height:24px; width:100%; background:#6b747b url(../uploads/images/resources/banner_3.jpg) no-repeat;}

  #level1 {border-bottom:;}

  #level1-col1 {padding:0; min-width:118px; background-color:#f4f4f4;}
  #level1-col1 ul li {padding:0 5px 0 2px; height:22px; width:98px; border:1px solid #f4f4f4;}
  #level1-col1 a {display:block; font-size:1em; text-decoration:none; color:#bb0000; line-height:22px;}
  #level1-col1 ul li:hover {border:1px solid #3a3a38;}
  #level1-col2 {display:block; min-height:251px; min-width:493px; background:url(../uploads/images/resources/main_1.jpg) no-repeat;}

  #summit {margin:1px 5px 2px 5px; min-height:97px; border-left:red 5px solid; border-right:red 5px solid;}
  #summit p {padding-top:10px;margin:5px 3px 5px 3px; font-size:1.5em; font-weight:bold; text-align:center;}
  #scrolly {padding:0; max-height:141px;}

  #contentwrapper h2 {margin:10px 0 10px 10px; font-size:1.1em; font-weight:bold; font-style:italic;}
  #contentwrapper a {font-weight:bold; text-decoration:underline; color:#bb0000;}

  #subwrapper-col2, #subwrapper-col3 {padding-top:0;}

  #footerDiv p {margin:0 0 5px 0; color:#7b7979; font-size:.85em; font-weight: bold;}

  .responsive-iframe-video iframe {
    max-width: 560px;
    max-height: 315px;
  }

  #meetingsSelectWrapper-col1 {
    margin:5px 5px 5px 0;
  }
  #meetingsSelectWrapper-col2, #meetingsSelectWrapper-col3, #meetingsSelectWrapper-col4 {
    margin:5px;
  }
  #meetingsSelectWrapper-col5 {
    margin:5px 0 5px 5px;
  }

/**
 * Region page Layout A (Regionlayouta.php)
 */

  #rla-meetings  {
    width: 55%;
    max-height: 600px;
    overflow-y: scroll;
  }
  #rla-divid  {
    display: block;
    width: 5%;
  }
  #rla-subwrapper  {
    width: 40%;
  }

}
