/* .bumper { top: 40px; } */
.icons { width: 100%; background: #333; height: 64px; }
.bumper { top: 64px; }
.block { width: 980px; position: relative; }
.icons ul { margin-left: 35px; }
.icons li { float: left; list-style: none; }
.icons li a { display: block; color: #FFF; text-decoration: none; padding: 5px 15px; opacity: 0.7; font-size: 20px; margin: 15px 22px 5px 0; }
.menu { display: none; }
.icons li a:hover { opacity: 0.9; background-color: #666; }
.icons li a.counseling { background: #333 url(/images/template/help-sm.png) no-repeat 0 4px; padding-left: 36px; }
.icons li a.member { background: #333 url(/images/template/id-sm.png) no-repeat 0 6px; padding-left: 44px; }
.icons li a.donate { background: #333 url(/images/template/donate-sm.png) no-repeat 0 5px; padding-left: 35px; }
.icons li a.forall { font: bold 18px/24px "franklin-gothic-urw"; text-transform: uppercase; padding: 7px 20px 0 0; opacity: 0.9; }
.icons li a.facebook { background: #333 url(/images/template/fb.png) no-repeat 0 4px; padding-left: 32px; }
footer li.about a { height: auto; padding: 18px 0; margin: 0; }
footer li.about a:hover { background: #FFF; color: #000; }
footer li.about { font-size: 12px; line-height: 17px;  }
footer li.about a:hover span { text-decoration: none; }
footer li.about span { font-size: 12px; color: rgb(182,29,34); text-decoration: underline; padding: 0; position: relative; right:auto; bottom: auto; -webkit-transition: all 0s ease-in-out; background: none; margin-left: 4px; }
footer .about ul li.about ul.links a { font-size: 15px; color: #666; text-decoration: none; margin: 0 0 5px 0; }
footer .about ul li.about ul.links a:hover { color: #333; text-decoration: underline; }
footer li.about span, footer li.columns span { font-size: 14px; background: #B61D22; color: #FFF; border-radius: 9px; padding: 0 12px;  display: block; width: 110px; clear: both; text-decoration: none; margin: 16px 0 10px 0; text-align: center; }
.wide.about a { padding-right: 50px; }
footer li.about a:hover span { opacity: 0.8; }

.break{width:100%;height:0;}
.flagged { background: #FCF9AA; }
.flagged a { text-decoration: none; color: #000; }
.bumper li { padding: 20px 18px 12px 18px; width: 162px; }
.hamburger { display:none; }
li.title { display: none; }
footer .about ul ul.links li { width: 100%; font-size: 16px; }
footer li.about { font: bold 24px/28px "franklin-gothic-urw"; }
footer li.about .links { font: normal 15px/20px Helvetica, Arial, sans-serif; }
  /* Smaller than standard 960 (devices and browsers) */
  @media only screen and (max-width: 959px) {}

  /* Tablet Portrait size to standard 960 (devices and browsers) */
  @media only screen and (min-width: 768px) and (max-width: 959px) {
  	#main.alert a { width: auto; }
.icons li a { background-size: auto 80% ; }
.icons li a.counseling { padding-left: 30px; }
.icons li a.member { background-size: auto 60%; padding-left: 36px; }
.icons li a.donate { background-size: auto 70%; padding-left: 28px; }
.icons li a.facebook { background-size: auto 63%; background-position: 0 5px; padding-left: 28px; }
.subnav form .input { width: 133px; }
footer li.about { font: bold 20px/24px "franklin-gothic-urw"; }
	.block { width: 100%; }
  	.bumper li { width: 178px; }
	.bumper { left: 0; width: 100%; }
	.sidenav { width: 100px; margin: 0; }
	#main { width: 646px; }
	#main.alert { width: 663px; }
	.subnav { padding: 0 0 0 118px; }
	.subnav li { padding: 9px 2px; font-size: 16px; }
	.icons { height: 46px; }
	.new .bumper { top: 46px; }
	.icons ul { margin-left: 6px; }
	.icons li { padding: 0 10px; }
	.icons li a { opacity: 0.7; font-size: 15px; margin: 10px 5px 5px 0; }
	.bumper h3 { width: 85px; }
	.row4, .bumper h3 a, .icons li a.forall, .credit { display: none; }
	footer .clearfix > ul { width: 663px; }
 	a.logo { padding: 46px 15px 20px 10px; }
	#sidenav { left: 0; width: 100px; }
	a.logo img { width: 80px; }
	body #container { background: #FFF url("/images/template/bkg-red.png") repeat-y -65px 0 !important; width: 100%; min-width: 100%; }
	footer { width: 767px; }
	footer li.contact { width: 640px; }
	footer h3 { margin: 0; float: left;  }
	footer li.wide { width: 234px; }
	footer li li { font-size: 15px; margin: 5px 0; }
	footer li li a { text-decoration: none; }
	footer h4 { font-size: 15px; }
	footer .involved .wide h4 { font-size: 12px; padding: 0; }
	footer .input { width: 160px; }
	header { padding-top: 184px; }
	header h1, header .letterhead { padding: 0; width: auto; font-size: 52px; width: 640px; left: 116px; top: 80px; }
	.main-row { width: 100%; }
	header h1 span, header .letterhead span { font-size: 35px; }
	footer h3 { width: 76px; padding: 12px; font: 16px/17px "franklin-gothic-urw-cond";}
	footer .involved h4 { font-size: 16px; line-height: 20px; padding-top: 4px; }
	footer .involved p { display: none; }
	footer li { width: 102px;}
	footer li.video { width: 365px; }
	footer .about ul li.about ul.links a { font-size: 14px; line-height: 19px; margin: 0; text-decoration: none; }
	footer li.video iframe { width: 365px; height: 220px; }
	footer li.about li { margin: 3px 0; }
	.state { width: 650px; padding: 30px 0 0 100px; }
  }

  /* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 767px) {
  #container { background: #FFF; }
  .subpage footer, .join { display: none; }
.nonenglish a.logo, a.logo { padding: 12px 12px 12px 16px; float: left;  }
.nonenglish header, .nonenglish header h1, .nonenglish header .letterhead { padding-top: 0; }
.nonenglish header .letterhead { top: 0; }
a.logo img { width: 40px; margin: 4px 0 0 0;  }
  #sidenav { height: 75px; position: fixed; top: 0; left: 0; width: 100%; z-index: 1021; background: none; }
  .menu { display: block; }
  #content h5 { display: none; }
#main, footer ul, .state, footer li.contact, .block, footer li.columns, footer li.contact, .main-row, footer h3, footer h4, footer li, header .letterhead span, header h1, header .letterhead, .bumper, footer, #container { min-width: 100%; max-width: 100%; width: 100%; display: block; padding: 0; margin: 0; border: 0; }
.content { margin: 18px; }
#main h1 { font: 30px/27px "franklin-gothic-urw"; margin: 10px 12px 20px 15px; letter-spacing: 0; }
#main .content h1 { margin-left: 0; }
#main .row { padding: 0 18px 12px 18px; }
#main .row h6 { display: none; }
.entry { padding: 0 15px; }
.addthis { display: none; }
#contentLayer { background: transparent; width: 75px; height: 75px; position: absolute; z-index: 2000; right: 0; top: 0; display: none; cursor: pointer; }
#content { background: #FFF; overflow: hidden; position: relative; z-index: 1002; margin-top: 75px; }
.subnav { right: -70%; top: 0px; position: fixed; z-index: 0; width: 70%; background: #333; overflow: scroll; height: 100%; padding: 18px 0 5px 0; }
.subnav li { padding: 0; width: 100%; float: none; font-size: 15px; }
.subnav form { margin-top: 7px; }
.subnav form, .subnav > ul, .subnav > div { float: left; width: 100%; overflow: hidden; }
.icons { display: none; }
.icons ul { margin-left: 0; }
.subnav li a { border-top: 1px #666 dotted; float: none; }
.subnav li a.forall { display: none; }
.subnav li a, .icons li a { padding: 4px 12px; }
.icons li a, .icons li a.counseling, .icons li a.member, .icons li a.donate { padding-left: 12px; background: none; }
li.title { padding: 24px 12px 4px 12px; color: #FFF; font-size: 11px; text-transform: uppercase; display: block; }
.subnav li a.donate, .subnav li a.active { background: #333; color: #FFF; }
.sidenav { display: block; width: 100%; background: #888; margin: 0; }
.sidenav h3 { color: #DDD; padding: 15px 20px 8px 20px; }
.sidenav li a { color: #FFF; padding: 8px 20px; }
.sidenav li { border: 0; }
.sidenav li a.active { background: #AAA; border: 0; padding: 8px 20px; color: #EEE; }
#main .toc { margin: 0 20px 30px 30px; }
.bumper, .credit { display: none; }
.subnav .sidenav { display: block; }
header { height: 75px; padding: 0; margin: 0 0 20px 0; background: rgb(182,29,34); z-index: 1005; width: 100%; position: fixed; top: 0; }
header h1, header .letterhead { font-size: 25px; line-height: 24px; width: 100%; position: relative; z-index: 1010; letter-spacing: 0; margin-top: 1px; top: 0; left: 0; }
header h1 span, header .letterhead span { color: #FFF; opacity: 0.7; font-size: 19px; letter-spacing: 0; }
footer li.contact span { display: block; margin: 0; float: none; }
.state { margin: 25px 0 0 0; }
footer li.contact span a { border-top: 1px #CCC dotted; float: none; }
footer a.twitter { background: #1DADEB; padding: 4px 18px; font-size: 13px; margin: 6px 0 0 0; }
footer li.contact a.facebook { background: #4964A1; padding: 4px 18px; color: #FFF !important; font-size: 13px; margin: 6px 0 0 0; }
footer li.wide p, footer form { margin-left: 18px; }
footer .involved li.wide { margin-bottom: 10px; }
footer .involved a p { display: none; }
footer .involved a { border-top: 1px #CCC dotted; line-height: 22px; overflow: hidden; }
header h1 a, header .letterhead a { color: #FFF !important; padding: 14px 10px 0 0; display: block; float: left; }
header h1 a:hover span, header .letterhead a:hover span, header h1 a:hover, header .letterhead a:hover { color: #FFF !important; }
.subnav form { padding: 0 0 20px 0; }
.subnav > ul { margin-bottom: 30px; }
.subnav form .input { border: 0; font-size: 15px; padding: 3px; width: 125px; margin-left: 12px; }
.subnav form .input:focus { border: 0; }
.subnav form .submit { margin: 0; width: 60px; font: 13px/22px "franklin-gothic-urw"; height: 22px; }
footer iframe { width: 100%; height: 200px; }
footer h3 { border: 0; padding: 12px 18px 0 18px; }
footer .involved h4 { font-size: 15px; line-height: 22px; font-weight: normal; }
footer li a { color: #000 !important; display: block; padding: 4px 18px; text-decoration: none; font-size: 15px; line-height: 22px; }
footer h3, footer h3 a, footer h3 a:active, footer h3 a:visited, footer h3 a:hover { color: #BBB !important; font-size: 22px !important; display: block; }
footer h3 a { padding: 0; }
.rightsrow { margin-top: 24px; }
footer .programs a { margin: 0; height: auto; padding: 4px 18px; }
.entry { margin: 0; }
footer .rightsrow h3 { padding: 0 18px; }
.main-row ul { border: 0; }
footer li.video { padding-top: 0; width: 100%; }
footer li li { font-size: 16px; }
footer li.wide { width: 100%; }
footer li.wide h4 { min-width: 0; max-width: none; width: auto; padding: 0 18px; }
footer h3 { min-width: 294px; max-width: 294px; width: 294px; padding: 32px 18px 20px 18px; }
footer .programs h4 { padding: 0; font-weight: normal; }
footer .about ul li.about ul.links a, footer .programs h4 a { text-transform: none; border-top: 1px #CCC dotted; font-size: 15px; line-height: 22px; letter-spacing: 0;  }
footer h4 a { text-transform: uppercase; font-size: 11px; letter-spacing: 1px; display: block; margin-top: 20px; }
footer li li a  { border-top: 1px #CCC dotted; }
footer li li { margin: 0; }
footer .about ul li.about ul.links a { padding: 4px 18px; font-size: 15px; line-height: 22px; text-decoration: none; }
footer li.about a { font-size: 12px; line-height: 17px; padding: 18px; }
.leadnews img,
.leadnews .sidenav { display: none; }
#main.alert { width: 100%; }
#main.alert a { width: auto; }
#content { background: #FFF; }
.hamburger {display: block; position: absolute; top: 16px; right: 10px; padding: 12px 12px; background: #000; border-radius: 9px; opacity: 0.3; }
.hamburger.active { opacity: 0.5; }
.hamburger img { float: left; }
.disclaimer { width: 100%; margin: 0 0 20px 0; box-shadow: none; height: 20px; overflow: hidden; float: none; cursor: pointer; }
}

  /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  @media only screen and (min-width: 480px) and (max-width: 767px) {}

  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  @media only screen and (max-width: 479px) {}