@media (max-width: 1000px) {
	body {
		min-width:960px;
	}
	
	.main {
		width:960px;
	}
	
	#navwrapper li a{
		padding:18px;
	}
	
	.links .box{
		width:22.9%;
	}
	
	#topwrapper a.donate{
		margin:0 0 -8px 0;
	}
	

}

@media (max-width: 960px) {
	body {
		min-width:100%;
	}
	.main {
		width:90%;
	}
	
	#navwrapper li{
		font-size:12px;
		letter-spacing:1.5px;
	}
	
	#navwrapper li a {
	  	padding: 22px 18px;
	}
	
	#navwrapper li a.last{
		padding:22px 0 22px 18px;
	}
	
	#navwrapper ul.dropdown ul { 
		width:140px;
	}
	
	#navwrapper ul.dropdown ul.how {
	  	width: 180px;
	}
	
	.rslides .callout{
		top:60px;
	}
	
	.rslides .callout .sub{
		font-size:22px;
	}
	
	.links .box{
		margin:0 21px 0 0;
	}
	
	.links .info{
		padding:0 10px 10px 10px;
	}
	
	.links .box .info .text{
		height:120px;
	}
	
	.links .box .info a.border {
		  padding: 0 0 0 3px;
		  margin: 0 0 0 3px;
	}
	
	#logowrapper .right .phone{
		width:25%;
	}
	
	#logowrapper .search{
		width:74%;
	}
	
	#logowrapper .search .textfield{
		width:35%;
	}
	
	#logowrapper .search .go{
		width:16%;
	}
	
	
}


@media (max-width: 850px) {
	.rslides .callout{
		top:50px;
	}
	
	.links .box {
  		width: 23.8%;
		margin:0 10px 0 0;
	}
	
	#pages.home .about .left, #pages.home .about .right{
		float:none;
		width:100%;
	}
	
	#pages.home .about .left{
		width:65%;
		margin:0 auto;
	}
	
	#pages.home .about .left .title{
		text-align:center;
	}
	
	.links .info {
	  	padding: 0 6px 6px 6px;
	}
	
	.links .box .info a{
		font-size:10px;
	}
	
	.links .box .info .title{
		font-size:15px;
	}
	
	#logowrapper .right .phone {
	  	width: 28%;
	}
	
	#logowrapper .search {
	  	width: 70%;
	}
	
	#logowrapper .search .textfield {
	  	width: 45%;
	}
	
	#logowrapper .search .go {
	  	width: 21%;
	}
	
	#navwrapper li {
	  	font-size: 11.5px;
		letter-spacing: 1px;
	}
	
	#navwrapper li a {
	  	padding: 22px 8px;
	}
	
	#navwrapper li a.first {
	  	padding: 22px 8px 22px 0;
	}
	
	#navwrapper li a.last {
	  	padding: 22px 0 22px 8px;
	}
	
	#navwrapper ul.dropdown ul {
	  	width: 115px;
	}
	
	#navwrapper ul.dropdown ul li a{
		font-size:11.5px;
	}
	
	#navwrapper ul.dropdown ul.how {
	  	width: 150px;
	}
	
	.rslides .callout p{
		font-size:53px;
		line-height:70px;
	}
	
	.rslides .callout .sub{
		font-size:18px;
		line-height:30px;
	}
	
	#mypage .whitebox, #mypage .thermo {
		clear:both;
		float:none;
		width:80%;
		margin:0 auto 15px auto;
	}
	
	#mypage #grey{
		width:38%;
	}
	
	#pages #regions tr, #pages #regions td, #regions{
		display:block;
		width:600px;
		margin:0 auto;
	}
	
	
	
	#regions .orangebg{
		width:100%;
		margin:0px;
	}
	
}

@media (max-width: 750px) {
	
	#topwrapper .social{
		width:80%;
	}
	
	#topwrapper a.donate{
		width:18%;
	}
	
	#logowrapper .logo{
		width:22%;
		margin:15px 0 0 0;
	}
	
	#logowrapper .right{
		width:78%;
	}
	
	#logowrapper .search {
	  	width: 66%;
	}
	
	#logowrapper .search .textfield {
	  	width: 54%;
	}
	
	#logowrapper .search .go {
	  	width: 27%;
	}
	
	#logowrapper .right .phone {
	  	width: 33%;
	}
	
	#navwrapper li{
		letter-spacing:0px;
	}
	
	#navwrapper li a {
	  	padding: 22px 7px;
	}
	
	#navwrapper li a.first {
	  	padding: 22px 7px 22px 0;
	}
	
	#navwrapper li a.last {
	  	padding: 22px 0 22px 7px;
	}
	
	#navwrapper ul.dropdown ul {
	  	width: 100px;
	}
	
	#navwrapper ul.dropdown ul li a {
	  	font-size: 11px;
	}
	
	#navwrapper ul.dropdown ul.how {
	  	width: 135px;
	}
	
	.rslides .callout {
	  	top: 20px;
	}
	
	.rslides .callout p {
		  font-size: 43px;
		  line-height: 60px;
	}
	
	.rslides .callout .sub {
		  font-size: 15px;
		  line-height: 20px;
	}
	
	.links .box, .links .box.last{
		float:none;
		width:50%;
		margin:0 auto 30px auto;
	}
	
	.links .box .info .text {
	  	height: 70px;
	}
	
	#mailingwrapper .mailing .submit{
		width:14%;
	}
	
	#pages #regions tr, #pages #regions td, #regions{
		width:500px;
	}
	
}

@media (max-width: 650px) {
	#navwrapper li {
  		font-size: 10.6px;
	}
	
	#navwrapper li a {
	  	padding: 22px 2px;
	}
	
	#navwrapper li a.first {
	  	padding: 22px 2px 22px 0;
	}
	
	#navwrapper li a.last {
	  	padding: 22px 0 22px 2px;
	}
	
	#navwrapper ul.dropdown ul {
	  	width: 90px;
	}
	
	#navwrapper ul.dropdown ul.how {
	  	width: 115px;
	}
	
	#topwrapper a.donate {
	  	width: 22%;
	}
	
	#topwrapper .social {
	  	width: 75%;
	}
	
	#logowrapper .logo{
		margin:18px 0 0 0;
	}
	
	#logowrapper .right .phone {
	  	width: 39%;
	}
	
	#logowrapper .search {
	  	width: 60%;
	}
	
	#logowrapper .search .textfield {
	  	width: 56%;
		font-size:11px;
	}
	
	.rslides .callout {
	  	top: 5px;
	}
	
	.links .box, .links .box.last{
		width:60%;
	}
	
	#linkswrapper .contactinfo{
		float:none;
		width:100%;
		text-align:center;
		margin:0 0 40px 0;
	}
	
	#logowrapper .search .go {
	  	width: 36%;
	}
	
	#linkswrapper .contactinfo .logo{
		width:50%;
		margin:0 auto;
	}
	
	#mailingwrapper .mailing {
		float:none;
		text-align:center;
		width:100%;
	}
	
	#mailingwrapper .social{
		display:none;
	}
	
	#linkswrapper .contactinfo {
	margin:0px;
}

#linkswrapper, .links {
	padding:25px 0px;
}

#pages.home .about {
	margin:25px 0px;
}

	.sites a{
		width:28%;
		margin:0 10px 0 0 ;
	}
	
	#pages #regions tr, #pages #regions td, #regions{
		width:400px;
	}
		
}

@media (max-width: 550px) {
	
	#nav{
		width:95%;
	}
	
	.navigation {
  		width: 100%;
 		height: 100%;
		background-color: #005faa;
  		position: fixed;
  		top: 0;
  		right: 0;
  		bottom: 0;
  		left: 0;
  		z-index: 0;
}

  
.nav-collapse ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}

.nav-collapse li {
  width: 100%;
  display: block;
}

.js .nav-collapse {
 clip: rect(0 0px 0px 0);
  max-height: 500px;
  position: absolute;
  display: block;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}

.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}


a.menu {
	display:block;
	color:transparent;
	position:absolute;
	left:10px;
	top:8px;
	width:25px;
	height:25px;
	background:url(images/menu.png);
}

#topwrapper .social{
	display:none;
}

#logowrapper .right{
	display:none;
}

#navwrapper ul.dropdown ul{
	top:0px;
	left:51%;
}

#navwrapper #nav ul.dropdown ul li{
	padding:0px;
}

#navwrapper #nav li {
	display:block;
	padding:10px 0px;
	font-size:large;
}

#logowrapper .logo {
  width: 30%;
  float:none;
  margin:0 auto;
}

#logowrapper .right {
  width: 70%;
}

#logowrapper .right .phone {
  width: 31%;
  font-size:18px;
  margin:8px 0 0 0;
}

#logowrapper .search {
  width: 69%;
  margin:10px 0 0 0;
}

#logowrapper .search .textfield {
  width: 60%;
  height:21px;
  font-size:10.5px;
}

#logowrapper .search .go {
  width: 35%;
  margin:0 0 0 2px;
}

.rslides .callout p {
  font-size: 33px;
  line-height: 50px;
}

.rslides .callout .sub {
  font-size: 14px;
  line-height: 20px;
}

.links .box, .links .box.last {
  width: 70%;
}

.rslides .callout .sub {
  font-size: 13px;
  line-height: 15px;
}

#pages.donate.simple #dn-center .twoleft, #pages.donate.simple #dn-center .dn-threewrap, #pages.donate.simple #dn-center .dn-threeleft, #pages.donate.simple #dn-center .dn-threeright, #pages.donate.simple #dn-center .dn-threecenter, #pages.donate.simple #dn-center .tworight, #pages.donate .dn-twoleft, #pages.donate .dn-tworight, #mypage #text, #mypage #grey {
	float:none;
	width:100%;
}

#mypage #grey  {
	 width:92%;
}

#mypage .videoRight {
	margin:0px;
}

#mypage .thermo{
	display:none;
}

#teamlife .tll-left {
    float: none;
    width: 100%;
}

#teamlife .tll-right {
    float: none;
    width: 100%;
    text-align: center;
}

#teamlife .more-tll {
    margin: 0px auto 15px auto;
}

}

@media (max-width: 450px) {
	.links .box, .links .box.last {
	  	width: 80%;
	}
	
	.rslides .callout p {
		  font-size: 26px;
		  line-height: 40px;
	}
	
	#topwrapper a.donate {
	  	width: 32%;
	}
	
	#topwrapper .social {
	  	width: 65%;
	}
	
	#logowrapper .logo, #logowrapper .right{
		width:35%;
	}
	
	#logowrapper .search .textfield {
		  width: 63%;
		  height: 24px;
	}
	
	.fa{
		font-size:19px;
	}
	
	#navwrapper ul.dropdown ul{
		left:60%;
	}
	
	.rslides .callout p{
		line-height:30px;
	}
	
	.rslides .callout .sub {
		  font-size: 13px;
		  width:49%;
		  line-height:15px;
	}
	
	.links .box, .links .box.last {
	  	width: 90%;
	}
	
	#pages.home .about {
  		padding: 30px 30px 20px 20px;
	}
	
	#pages #regions tr, #pages #regions td, #regions {
		width: 300px;
	}
	
	#regions .orangebg{
		padding:0 0 50px 0;
	}
}

@media (max-width: 350px) {
	
	#navwrapper ul.dropdown ul{
		left:70%;
	}
	
	.links .box, .links .box.last {
	  	width: 100%;
	}
	
	.rslides .callout .sub {
  		font-size: 12px;
	}
	
	#pages.home .about .left{
		width:100%;
	}
	
	#logowrapper .search .go {
  		width: 34%;
	}
	
	#logowrapper .search .textfield{
		height:20px;
	}
	
	#mailingwrapper .mailing .submit {
		  width: 83%;
		  margin: 5px auto;
	}
	
	.rslides .callout p {
  		font-size: 22px;
		padding:4px 10px 0 10px;
	}
	
	#pages #regions tr, #pages #regions td, #regions {
		width: 250px;
	}
	
	
}