@media screen and (max-width: 1100px) {

img {
max-width:100%;
height:auto;
}

.grid{ width:85%; }
.header,.footer_contents{width:90%;}
div.mainmenu div{width:85%;}


.gridtop{width:99.8%;}


/* Row Clearfix */
.row:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.row{ zoom:1; }

}

@media screen and (max-width:986px) {


ul.footer_contents li
{
width:100%;
float:none;
padding:10px 0;
border-right: 0;
border-bottom: 1px solid #40A596;
}


ul.submenu a
{
font-size:90%;
padding:0 7px;
font-size:80%\9; /* IE8 */
/font-size:80%; /* IE7 */
}

input[type="text"],textarea,select
{
width:80% !important;
}

.footer input[type="text"], 
.footer textarea, 
.footer select {
  width: 100% !important;
}

.Donation table input[type="text"]
{
width:auto !important;
}


h1 {font-size:200%;line-height:120%;}
h2 {font-size:130%;line-height:120%;}
h3 {font-size:110%;line-height:120%;}





ul.footer_contents h2#twitter
{
padding:0;
background:none;
}

.footer
{
padding:10px;
font-size:90%;
font-size:75%\9; /* IE8 */
/font-size:80%; /* IE7 */
}

.twtr-doc
{
padding:0;
width:100% !important;
}

#rowfooter #search input.textbox
{
width:70%;
float:left;
}

.twtr-doc img
{
display:none;
}

.ContactPreview
{
float:none;
width:90%;
margin:0 0 10px 0;
}


ul.Membership_update_profile_menu li a
{
font-size:11px;
background-position:7px center;
padding:0 10px 0 30px;
line-height:25px;
height:25px;
}

/* Table
--------------------------------------------------------*/

table
{
font-size:85%;
line-height:130%;
}

table img
{
max-width:80%;
height:auto;
margin:0;
}

table.A
{
width:95%;
line-height:140%;
}

table.A td,table.A th
{
padding:8px 3px;
max-width:40%;
}



table.B
{
width:100%;
border-bottom: 1px solid #ccc; 
margin:10px 0;
line-height:140%;
}

table.B td
{
padding:8px 3px;
width:30%;
}

table.B td img
{
width:80%;
height:auto;
}

table.B th
{
padding:8px 3px;
min-width:30%;
}

table.B p
{
width:100%;
}

}



@media screen and (max-width:880px) {
  #logo {
    max-width: 220px;
  }
}
@media screen and (max-width:767px) {
  #logo, .header-right {
    float: none;
    text-align: center;
  }
  #logo {
    max-width: 100%;
  }
  .topcontent {
    padding: 0;
  }
  .header .buttons {
    float: none;
    display: inline-block;
    vertical-align: top;
    text-align: center;
  }
  .header-links {
    margin: 15px 0;
  }
}



@media screen and (max-width: 991px) {
 #menu #SMenu ul ul ul {
    display: none;
 }
}
@media screen and (max-width: 870px) {
 #menu #SMenu ul ul {
    display: none;
 }
}



@media screen and (max-width: 768px) {
.js .main-navigation{display:none;}
.js .slicknav_menu{display:block;}
}

/* VERTICAL http://cssmenumaker.com/blog/css-flyout-menu-starter-kit */
/* changed from 40em width */
@media screen and (min-width: 768px) {
.js .main-navigation{display:block;}
.js .slicknav_menu{display:none;}

.vertical-menu {padding: 0; margin: 0; border: 0;}
.vertical-menu ul,.vertical-menu ul li,.vertical-menu ul ul {list-style: none; margin: 0; padding: 0; border: 0;}
.vertical-menu ul {position: relative; z-index: 397;}
.vertical-menu ul li {min-height: 1px; line-height: 1em; vertical-align: middle;}
.vertical-menu ul li:hover {position: relative; z-index: 399; cursor: default;}
.vertical-menu ul ul {visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 398;}
.vertical-menu ul ul ul {top: 0px; left: 99%;}
.vertical-menu ul li:hover > ul { visibility: visible;}
.vertical-menu ul ul {top: 0px; left: 99%;}
.vertical-menu ul li a{display: block;}

.horizontal-menu ul{list-style:none;padding:0;margin:0;}
.horizontal-menu ul li{display:block;position:relative;float:left;}
.horizontal-menu li ul{display:none;}
.horizontal-menu ul li a{display:block;white-space:nowrap;}
.horizontal-menu li:hover>ul{display:block;position:absolute;}
.horizontal-menu li:hover li{float:none;}
.horizontal-menu li ul li{border-top:0;}
.horizontal-menu ul ul ul{left:100%;top:0;}
.horizontal-menu ul:before,.horizontal-menu ul:after{content:" ";display:table;}
.horizontal-menu ul:after{clear:both;}
}



/* SMenu
   ========================================================================== */
@media screen and (min-width: 768px) {
  nav.main-navigation.horizontal-menu {
      display: inline-block;
      vertical-align: top;
  }
  #SMenu {
    display: block;
    padding: 0;
    margin: 0;
  }
  .slicknav_menu {
    display: none; 
    background: none;
  }  
  #menu #SMenu > li {
    z-index: 999999;
  }
  #menu #SMenu a {
    text-align: center;
    text-decoration: none; 
    padding: 18px 15px;
    font-size: 14px;
  }
  #menu #SMenu > li:first-child a {
      margin: 0;
  }
  #menu #SMenu > li:hover > a, 
  #menu #SMenu > li:focus > a, 
  #menu #SMenu > li:active > a,
  #menu #SMenu li ul a:hover,
  #menu #SMenu li ul a:active,
  #menu #SMenu li ul a:focus {
    background: #70C9BE;
    color: #fff;
  }

  #menu #SMenu > li#thispage > a {
    background: #70C9BE;
    color: #fff;
  }

  #menu #SMenu li ul a {
    text-transform: none;
    text-align: left;
    margin: 0;
    font-size: 14px;
    padding: 10px 20px;
    border-bottom: 1px solid #e6e6e6;
  }
  #menu #SMenu li ul li:last-child a {
    border: none;
  }
  .slicknav_menu .slicknav_icon {
  margin-top: 5px; 
  }

  .slicknav_menu .slicknav_icon-bar {
  height: 0.145em !important;
  }
li#page_711 ul ul,
li.page_711#thispage ul ul,
li#page_572 ul ul,
li.page_572#thispage ul ul {
    left: auto;
    right: 100%;
  }
}


@media screen and (min-width: 991px) {
  #menu #SMenu a {
    padding: 18px 25px;
    font-size: 15px;
  }
}


@media screen and (min-width: 1199px) {
  #menu #SMenu a {
    padding: 18px 30.5px;
  }
}















@media screen and (max-width:620px) {

html {-webkit-text-size-adjust: none}

.header {
  padding: 0;
}


body
{
background:#292929;
min-width:320px;
width:100%;
}

h1 {font-size: 170%;}
h2 {font-size: 120%;}

.gridtop{width:100%;border:0;}


.header .Login
{
font-size:10px;
padding:5px 0 0 0;
position:static;
text-align:right;
}
 
/* Containers */

.grid{ width:100%;}
.footer_contents{width:95%;}
ul{padding:10px;margin:0;}

#bg_rotate_img_active,#bg_rotate_img_inactive
{
display:none !important;
}

.contents_base {
border:0;
margin:0 0 20px 0;
padding:20px 5%;
background:#fff;
}

.gridtop
{
display:none;
}

.contents
{
margin:0;
/top:0;
}



ul.submenu
{
position:static;
display:block;
margin:-10px 0 0 0;
padding:0 0 10px 0;
border:0;
}


ul.submenu li
{
border:0;
}

ul.submenu a
{
font-size:12px;
padding:0 5px;
line-height:20px;
height:20px;
background:#505050;
color:#fff;
border:0;
margin:0 2px 3px 0;
}

ul.submenu a:hover
{
color:#505050;
background:#ccc;
border:0;
}



.topcontent {
background:#fff;
font-size:90%;
padding:10px 0 10px 0;
}


.header .Login
{
color:#666;
font-size:11px;
padding:15px 0 0 0;
position:static;
text-align:right;
}

.topcontent a
{
padding:2px;
}

.buttons
{
float:right;
font-size:12px;
text-transform:uppercase;
text-align:right;
padding:0;
width:100%;
}

.buttons-wrap {
    line-height: 0;
}

.buttons a#icon
{
display:none;
}

a#donate
{
padding:0 5px;
line-height:20px;
margin:0 2px;
display:inline-block;
width:30%;
}

a#signup
{
padding:0 5px;
line-height:20px;
margin:0 2px;
display:inline-block;
width:55%;
}

div.mainmenu
{ 
height:100%;
padding:0;
margin:0;
position:relative !important;
}



#spacer
{
height:0;
}

.footer
{
padding:20px;
margin:0;
text-align:center;
}

ul.footer_contents
{
padding:0;
margin:0 auto;
text-align:left;
}



#rowfooter
{
padding:20px;
text-align:center;
font-size:11px;
width:85%;
}

#rowfooter #copy
{
display:block;
}

#rowfooter .buttons
{
text-align:center;
width:90%;
display:block;
padding:10px 0;
}

#rowfooter .buttons a#icon
{
display:inline;
float:none;
}

/* Member Profile
--------------------------------------------------------*/

.profile_photo
{
border:0px solid #ccc;
float:none;
text-align:center;
margin:0;
padding:0 5px;
width:90%;
}

.profile_photo img
{
border:1px solid #ccc;
margin:3px;
margin:0 auto;
}

ul.Membership_update_profile_menu li a
{
color:#fff;
line-height:30px;
height:30px;
width:15px;
overflow:hidden;
background-position:10px center;
padding:0 10px;
text-indent:-9999px;
}

ul.Membership_update_profile_menu li a:hover
{
color:#fff;
}

#rowfooter #search
{
float:none;
width:80%;
display:inline-block;
}


#rowfooter #copy
{
padding:10px 0 5px 0;
display:block;
}

table.EvtCal
{
margin:0 0 0 -5px;
}

table.EvtCal td 
{ 
padding:2px; 
height:auto;
min-height:40px;
width:14%;
font-size:85%;
}

.vCalendarLink
{
line-height:110%;
padding:0 0 10px 0;
}


/* Form
--------------------------------------------------------*/

.help_popup
{
font-size:85%;
width:90%;
}

}