/* Small Desktop ---------------------------------------------------*/
@media screen and (min-width: 1120px) and (max-width: 1260px) {

}


/* Smaller Desktop ---------------------------------------------------*/
@media screen and (min-width: 1025px) and (max-width: 1119px) {

#main_menu>ul>li { padding: 7px 0px;}
#main_menu>ul>li>a { padding: 0px 18px;}
.webpageModule.moduleDetail table {width: auto!important; max-width: 100%;}

}


/* Wide Tablet ---------------------------------------------------*/
@media screen and (min-width: 960px) and (max-width: 1024px) {

#main_menu>ul>li { padding: 7px 0px;}
#main_menu>ul>li>a { padding: 0px 10px;}

.desktop_only  { display: none; }
body { font-size: 14px; }

.wrapper { max-width: 940px; }

.webpageModule.moduleDetail table {width: auto!important; max-width: 100%;}

#content img { max-width: 100% !important; height: auto !important; }

}

/* Narrow Tablet ---------------------------------------------------*/
@media screen and (min-width: 750px) and (max-width: 959px) {

#main_menu>ul>li { padding: 7px 0px;}
#main_menu>ul>li>a { padding: 0px 7px 0 4px; font-size: 12px;}

#logo {width: 400px;}
#members_cta_left { width: 75%;}
#members_cta_right { width: 25%;}

.desktop_only  { display: none; }
body { font-size: 14px; }   

.wrapper { max-width: 730px; }
.webpageModule.moduleDetail table {display:block;width: auto!important; max-width: 100%; margin: 15px auto;}
.webpageModule.moduleDetail td,.webpageModule.moduleDetail tr,.webpageModule.moduleDetail th, .webpageModule.moduleDetail tbody,.webpageModule.moduleDetail thead {display:block;width: 100%;}


#content img { max-width: 100% !important; height: auto !important; }

}


/* Phone ---------------------------------------------------*/
@media screen and (min-width: 20px) and (max-width: 749px) {

#main_menu { display: none !important; }
#mobile_menu, #menu_toggle, #mobile_bottom { display: block; }

body { margin: 0px; font-size: 12px; }
a.morebutton, .morebutton a { line-height: 35px;}
.webpageModule.moduleDetail table {display:block;width: auto!important; max-width: 100%; margin: 15px auto;}
.webpageModule.moduleDetail td,.webpageModule.moduleDetail tr,.webpageModule.moduleDetail th, .webpageModule.moduleDetail tbody,.webpageModule.moduleDetail thead {display:block;width: 100%;}
#sidebar, #content { float:none; position: relative; width: auto; height: auto; padding: 15px 15px; top:0; left:0; right:0; bottom: 0; background: #fff;}
#interior_header_banner { margin: 0px 0px 15px; height: 180px;}

#header { height: auto; padding: 15px 0;}
#logo { position: static; margin: 0px auto; width: 100%; height: 50px; background-position: 50% 50%;}
#social { position: static; text-align:center; margin: 10px auto 10px;}
#member_box { position: static; margin: 15px auto 0px; height:auto; padding-bottom: 15px; text-align:center;}
#search {position: relative;  right:0; margin: 0px auto; width: 175px;}
#search #searchBoxInput { background: rgba(255,255,255,0.11); border-radius: 4px; padding-left: 5px; padding-right: 5px; width: 125px;}
#search #search_button { left: 140px;}
#homepage_slideshow { height: 280px;}
.slide .caption .inner { padding: 0 25px; }
.slide .caption .inner > div { font-size: 18px; }
#home_top { padding: 15px 0; }
a.quicklink { width: 100%; float:none; max-width: 400px; margin: 0px auto 15px; padding: 10px 0; position: static; text-align:center;}
#members_cta_left, #members_cta_right { width: 100%; float:none; max-width: 400px; margin: 0px auto 0px; padding: 10px 0; position: static; text-align:center;}
#members_cta_right { padding-bottom:30px; }
#home_middle2 .wrapper img { display:block; max-width: none !important; width: 180px !important; height: 180px !important; margin: 0 auto 15px !important; float:none !important; }
#home_middle2 .blogModule.moduleLister .listerItem > div { width: auto !important; max-width: none !important; float:none !important; text-align:center; padding: 10px 20px !important;}
#home_news, #home_events { width: 100%; float:none; max-width: 400px; margin: 0px auto 0px; padding: 10px 0; position: static; }
.news_item { width: 100%; float:none; margin: 0px auto 0px; padding: 10px 0 25px; position: static; }

#content img { max-width: 100% !important; height: auto !important; }

.desktop_only { display: none; }
.no_mobile { display: none; }
.mobile_only { display: block !important; }

}



/* Phone Scaling ---------------------------------------------------*/
@media screen and (min-width: 20px) and (max-width: 460px) {

.wrapper {max-width: 300px;}

}