/* Media queries for responsive layout --- */


 img { max-width: 100%; }

@media screen and (max-width: 960px) { 

#wrapper {
    width: 910px;
  }

.nav ul li{
	width: 177px
  }
  
.nav-annual ul li{
	width: 179px;
  }
  
li.flex-active-slide p.flex-caption{
	margin-left: 20px;
	max-width: 458px;
	padding: 20px 24px;
}  
  
  
.flex-control-nav {
	width: 94%!important;
	top: 412px!important;
}  
 
#main-content, #inner-content, #news-content, #content-annual, .nav-image{
	width: 59%;
} 
 
 
#main-content h1{
	font-size: 1.14em!important;
}

.callout-one, .callout-two, .callout-three{
	width: 29%;
}
 
.callout-one img, .callout-two img, .callout-three img {
	width: 96%;
}

#footer{
	width: 94%;
}

.column{
	width: 19%;
}

/* Inner Page 960px --- */


.ad-one {
	margin: 25px 0 0 125px;
}	

.ad-three{
	display: none;
}

#annual-images {
	margin-left: 60px;
}


}


@media screen and (max-width: 768px) { 

body, body.annual-report{
	background: #fff;
}

#wrapper {
    width: 770px;
	margin-left: -16px;
  }
  
.nav ul li{
	width: 150px;
} 

.nav-annual ul li {
	width: 152px;
} 
  
.header-right{
	width: 46%;
}  
  
.top-right-annual-nav {
	margin: 26px 0px 0 -45px;
}  
  
.top-right-nav ul li a{
	padding: 0 3px 0 3px;
}

.top-right-annual-nav ul li a {
	padding: 0 2px 0 2px;  
	font-size: 12px;
} 

.header-right a.linkedin-annual {
	right: 210px;
}

.last{
	width: 0px;
}
  
.bottom-right-nav {
	right: 18px;
}  

.bottom-right-nav ul li{
	padding: 7px 11px 6px 11px;
}
  
#main-content, #inner-content, #news-content, #content-annual {
	width: 59%;
}  
  
.nav-image{
	width: 59.3%;
}
  
#main-content h1, #content-annual h1{
	font-size: 1em!important;
	text-align: center;
}  
  
li.flex-active-slide p.flex-caption, ul.slides li p.flex-caption{
	font-size: 15px;
	height: 25%;
	top: 120px;
	max-width: 378px;
	line-height: 22px;
	padding: 14px 18px;
}    
  
.flex-control-nav {
	display: none!important;
}  
 
#annual-images{
	display: none;
} 
 
#sidebar{
	width: 30%;
	margin: 20px 40px 0 0;
} 

#sidebar-inner {
	width: 36.8%;
	margin: 12px -10px 0 0px;
}

#annual-sidebar{
	width: 36.8%;
	margin: -100px -10px 0 0px;
}

#annual-sidebar-inner {
	width: 30%;
	margin: 0 18px 0 0;
}

.sidebar-callout-one, .sidebar-callout-two, .sidebar-callout-three, .sidebar-callout-four {
	width: 99%;  
}

input#s {
	width: 98%;
	margin-right: -66px;
}

.header-right a.linkedin {
	right: 223px;
}

.ad-one {
	margin: 25px 0 0 58px;
}

a.news-heading{
	font-size: 18px;
 }
 
.date{
	height: 185px;
} 

#annual-images {
	margin-left: 92px;
}

#footer{
	width: 94%;
}

.column{
	width: 19%;
}

.footer-divide{
	margin-top: 410px;
}

.copyright{
	bottom: -76px;
}

#inner-content .advanced_wp_columns_wrapper, 
#content-annual .advanced_wp_columns_wrapper.null .advanced_wp_column.null{
	width: 69%!important;
	float: none!important;
}

}

@media screen and (max-width: 480px) { 

#wrapper {
    width: 460px;
  }

 #header{
	z-index: 1;
} 
  
.header-left{
	width: 105%; 
	z-index: 1;
 }
   
.header-right,#sidebar{
	display: none;
}
  
#pull {
	display: block;
}

#pull a {
  background: #283744 url(../images/pull-button.png) no-repeat center;
  height: 36px;
  width: 50px;
  text-indent: -9999px;
  position: absolute;
  right: 3%;
  top: -6px;
  z-index: 9999;
  border-radius: 3px;
  display: block;
}
#pull a:hover {
  background: #4d6477 url(../images/pull-button.png) no-repeat center;
}

#sub-nav {
   width: 99%;
   display: block;
   position: absolute;
   left: 0;
   top: 30px;
   z-index: 9999;
}

#sub-nav ul {
	width: 101.5%;
	background: #455868;
	margin: 0 0 0 0;
	z-index: 9;
	position: absolute;
	top: -30px;
	padding: 80px 0 0 0;
	display: none;
}

#sub-nav ul li {
	width: 95%;
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: solid 1px #576979;
}

#sub-nav ul li:hover {
	text-decoration: none;
	background: #8c99a4 url(../images/arrow.png) no-repeat right;
}


#sub-nav #menu-header-top-right a{
	color: #fff;
	font-size: 18px;
	width: 97%;
	line-height: 38px;
	padding: 0 0 0 3%;
}
  
  
  
a.logo{
	width: 29%;
}

 
h2.side-nav-title{
	display: none;
}  
  
.nav ul li {
	width: 144px;
}  


.nav{
	top: 105px;
}

.nav-image{
	width: 95%;
}

.bottom-right-nav-responsive{
	display:block;
	margin: -10px 0 0 28px;
	width: 100%;
	  -webkit-animation-property: -webkit-width;
    -webkit-animation-property: -webkit-height;
    -webkit-transition-duration: .45s;
    -moz-transition-duration: .45s; 
}

.bottom-right-nav-reponsive ul{
	margin: 0 0 0.3em -2.5em;
}

.bottom-right-nav-responsive ul li{
	float: left;
	list-style: none;
	width: 144px;
	height: 15px;
	text-align: center;
	padding: 8px 0 8px 0;
	background: #000;
}

.bottom-right-nav-responsive ul li a{
	text-decoration: none;
	text-align: center;
	color: #fff;
	font-size: 14px;
}	

.bottom-right-nav-responsive ul li.middle{
	margin:  0 2px 0 2px;
}

#main-slider{
	margin: -10px 0 -15px;
}

#main-content {
	width: 95%;
  -webkit-animation-property: -webkit-width;
    -webkit-animation-property: -webkit-height;
    -webkit-transition-duration: .45s;
    -moz-transition-duration: .45s; 
}

#inner-content{
	width: 94%;
}

.callout-one, .callout-two, .callout-three {
	width: 30%;  
}

#inner-content .advanced_wp_columns_wrapper, 
#content-annual .advanced_wp_columns_wrapper.null .advanced_wp_column.null{
	width: 64%!important;
	float: none!important;
}

#footer {
	width: 95%;
}

.column {
	width: 18%;
}

.footer-divide {
	margin-top: 560px;
}

.copyright {
	bottom: -235px;
}

.copyright p{
	text-align: center;
	font-size: 10px;
}

#footer .column ul li {
	font-size: 10px;
}

#footer .column h2 a {
	font-size: 13px;
}

 
 /* Inner Page 480px --- */
 
#content-annual{
	width: 95%;
}
 
.nav-annual ul li {
	width: 146px;
}

#annual-sidebar-inner, #sidebar-inner{
	display: none;
}
 
#annual-images {
	margin-left: 50px;
} 

#lower-ads{
	width: 99%;
}

.ad-one {
	margin: 25px 0 0 75px;
}

.ad-two{
	display: none;
}

 /* Dropdown Menus 480px --- */
.js #menu-business-menu { display: none; }
.js #menu-leadership-menu { display: none; }
.js #menu-resources-menu { display: none; }
.js #menu-advocacy-menu { display: none; }
.js #menu-join-us-menu { display: none; }
.js #menu-media-menu { display: none; }
.js #menu-community-menu { display: none; }
.js #menu-about-us-menu { display: none; }
.js #menu-communication-menu { display: none; }
.js #menu-knowledge-menu { display: none; }
.js #menu-careers-resources-menu { display: none; }
.js #menu-events-menu { display: none; }
  .js .selectnav { 
    display: block; 
    width: 98%;
    margin: 1% 1%;
    font-size: 14px;
  }
  
#inner-content #wpmem_login {
	width: 378px!important;
}  

#news-content{
	width: 96%;
}

#news-content{
	width: 94%;
}
  
}

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

#wrapper {
    width: 305px;
	margin-left: -30px;
}

.nav ul li {
	width: 100px;
}

.bottom-right-nav-responsive ul li{
	width: 100px;
}

.nav ul li a, .nav-annual ul li a, .bottom-right-nav-responsive ul li a{
	font-size: 13px;
}

.nav-annual ul li{
	width: 102px;
}

a.logo{
	top: 14px;
	width: 39%;
}

.header-left {
	width: 110%;
}

#main-content, #inner-content{
	width: 100%
}

.ad-one {
	margin: 25px 0 0 9px;
}

#content-annual {
	width: 99%;
}

#news-content{
	width: 100%;
}

.date {
	height: 56px;
	width: 55px;
	display: none;
}

.single-post h1.news-header a.news-heading{
	font-size: 16px;
} 

.single-post {
	padding-bottom: 8px;
}

#content-annual .flexslider ul.slides li img{
	height: 155px;
} 

#content-annual h1{
	font-size: 
}

#annual-images{
	display: none;
}

#inner-content .advanced_wp_columns_wrapper, 
#content-annual .advanced_wp_columns_wrapper.null .advanced_wp_column.null{
	width: 51%!important;
	float: none!important;
}

.nav-image{
	display: none;
}

.column, .footer-divide{
	display: none;
}
 
.copyright {
	bottom: -31px;
}

#footer {
	width: 99%;
	height: 25px;
}

#sub-nav {
	width: 101%;
}
 
ul.slides li p.flex-caption {
	font-size: 11px;
	height: 25%;
	top: 79px;
	max-width: 262px;
	line-height: 16px;
	padding: 14px 0px;
} 

p.flex-caption span a{
	font-size: 10px;
}

#main-content h1 {
	margin-top: 15px;
	font-size: 0.9em!important;
}
 
.flexslider {
	margin: 10px 0 -9px;
} 

.callout-one, .callout-two, .callout-three{
	float: none;
	padding: 0;
	width: 104%;
  -webkit-animation-property: -webkit-width;
    -webkit-animation-property: -webkit-height;
    -webkit-transition-duration: .45s;
    -moz-transition-duration: .45s; 
}

.callout-two{
	border: none;
}

.callout-one, .callout-two{
	padding-bottom: 5px;
	border-bottom: 1px solid #666;
}

p.flex-caption{
	display: none;
}

#sub-nav #menu-header-top-right a {
	padding: 0 0 0 9%;
	z-index: 9999;
} 

#sub-nav ul {
width: 101%;
} 
 
#sub-nav ul li {
	width: 140%; 
} 

#inner-content #wpmem_login form.form fieldset label {
	width: 60px!important;
}
 
#inner-content #wpmem_login {
	width: 304px!important;
}

}
  
@media screen and (max-width: 240px) { 

#wrapper {
	width: 230px;
}
	
#header{
	width: 235px;
}	
	
.nav ul li, .bottom-right-nav-responsive ul li {
	width: 75px;
}

#sub-nav {
	width: 102%;
	z-index: 9999;
}

.flexslider .slides img {
	width: 74%;
}

a.logo{
	width: 55%;
}

#content-annual .advanced_wp_columns_wrapper.null .advanced_wp_column.null {
	width: 39%!important;
	float: none!important;
}
  
.nav-annual ul li {
	width: 75px;
}  

.nav-annual ul li a{
	font-size: 11px;
}
  
}

