﻿@charset "utf-8";
/* CSS Document */

.ticker { background: #ca333a; vertical-align: text-bottom; }
.ticker { padding: 12px 0 0 9rem; } /* DESKTOP > 1024px */
.ticker a { color: white; line-height: 28px; }
.ticker a strong { font-weight: 600; font-family: purista-web-n6, purista-web, Arial, Helvetica, sans-serif!important; }
.ticker a:hover { text-decoration: underline; }
.topbar header { border-top: 12px solid #ca333a; position: relative; background: white; }
.topbar .logo { position: absolute; top: 1rem; z-index: 8; }
.topbar .logo { left: 8.4rem; }  /* DESKTOP > 1024px */

@media screen and (min-width: 681px) {
.topbar header { height: 5.75rem; }

/* TOP NAV */
.top-bar {
    background: none repeat scroll 0 0 transparent;
    height: 92px;
    line-height: 92px;
    margin-bottom: 0;
	float: right; 
	width: auto;
}
.top-bar { padding-right: 12rem; }  /* DESKTOP > 1024px */
.top-bar-section ul {
    background: none repeat scroll 0 0 transparent;
    display: block;
    height: auto;
    margin: 0;
    width: 100%;
}
.top-bar-section .left li a:hover { cursor: default!important; }
.top-bar-section .left li li a:hover { cursor: pointer!important; }
.top-bar-section .has-form {
    background: none repeat scroll 0 0 transparent;
    height: 92px;
    padding: 0;
}

.top-bar-section .has-dropdown > a:after {
display: none; 
}
.top-bar-section ul li.active > a {
    background: none repeat scroll 0 0 #ffffff;
	color: #444;
}
.top-bar-section li a:not(.button) {
    background: none repeat scroll 0 0 transparent;
    line-height: 92px;
    /*padding: 0 1.7rem;*/
	font-size: 1.1rem;
	letter-spacing: 0.05rem; 
	color: #999;
}

.top-bar-section .dropdown { width: 285px; background: white; padding-bottom: 1.2rem; 
-webkit-box-shadow:  0px 10px 40px 6px rgba(0, 0, 0, .2);
box-shadow:  0px 10px 40px 6px rgba(0, 0, 0, .2); z-index: 999;}

.top-bar-section .dropdown:after { height: 42px; position: absolute; top: -42px; left: 0; background: url("../images/bg_dropdown_white.png") repeat-x left bottom; content:""; }
.top-bar #MainMenu_repeaterMenuLevel1_liFirstLevel_0 .dropdown:after { width: 182px; }
.top-bar #MainMenu_repeaterMenuLevel1_liFirstLevel_1 .dropdown:after { width: 145px; }

.top-bar-section .dropdown li a:not(.button) {
    background: none repeat scroll 0 0 white;
    line-height: 2rem;
    padding: .2rem 1.6rem;
	color: #333;
}
.top-bar-section .dropdown li li a:not(.button)  { padding: .2rem 1.6rem .2rem 2.5rem; font-size: .9rem; line-height: 1.5rem; }
.top-bar-section .dropdown li a:not(.button):hover { background: #d5d5d5; }

}

/* end of desktop-only menu css*/
.topbarbutton { padding-top: 22px; padding-left: 17px; }
.topbarbutton {
  display: block;
  height: 92px;
  position: absolute;
  right: 0;
  top: 0;
  width: 180px;
}
.topbarbutton a.donatebutton { width: 127px; height: 46px; display: block; cursor: pointer; background: url("../images/button-donate.png") no-repeat left top; text-indent: -99999em; text-decoration: none; line-height: 92px; }
.topbarbutton a.donatebutton:hover { background: url("../images/button-donate-hover.png") no-repeat left top; cursor: pointer!important; }
.googlemap { width: 100%; min-height: 420px; background: #999; padding: 0; }
.googlemap img { max-width: none; }

/*ORBIT SLIDER */
.orbit-timer { display: none; }
.icons { height: auto; max-height: 196px; background: white; overflow: hidden; }
.icons { margin-left: 8.5rem; }  /* DESKTOP > 1024px */
.slideshow-wrapper .icons ul li { width: 15%; max-width: 130px; min-width: 0; float: left; display: block; margin: 0 1.7rem 0 0; padding:0; }
.topimage, .bottomimage { position: relative; }
.topimage span { position: absolute; top: 60px; font-size: 2.5em; font-weight: 400; color: white; line-height: 1.2; width: 56%; }
.topimage span { left: 9rem; }  /* DESKTOP > 1024px */
.bottomimage span { position: absolute; top: 100px; left: 50%; width: 100%; margin-left: -50%; line-height: 1.4; text-align: center;  }
.message { color: white; font-size: 1.6rem; min-height: 191px; /*height: 191px; max-height: 191px; */}
.message { padding: 1rem 9rem 1.5rem; }  /* DESKTOP > 1024px */
.message p { width: 90%; margin:0 0 .5rem; padding:0; }
.message h1 { margin: 0 0 .5rem; color: white; } /* added Nov 19 */

li[data-orbit-slide="slideHome0"] .message { background-color: #ca333a; }
li[data-orbit-slide="slideHome0"] .bottomimage span  { color: #ca333a;  }
li[data-orbit-slide="slideHome1"] .message { background-color: #f8a21a; }
li[data-orbit-slide="slideHome1"] .bottomimage span  { color: #f8a21a;  }
li[data-orbit-slide="slideHome2"] .message { background-color: #1fabe1; }
li[data-orbit-slide="slideHome2"] .bottomimage span  { color: #1fabe1;  }
li[data-orbit-slide="slideHome3"] .message { background-color: #12aca1; }
li[data-orbit-slide="slideHome3"] .bottomimage span  { color: #12aca1;  }
li[data-orbit-slide="slideHome4"] .message { background-color: #92bb3c; }
li[data-orbit-slide="slideHome4"] .bottomimage span  { color: #92bb3c;  }
li[data-orbit-slide="slideHome5"] .message { background-color: #ef7029; }
li[data-orbit-slide="slideHome5"] .bottomimage span  { color: #ef7029;  }

li .bottomimage span b, li .bottomimage span strong { color: white; font-size: 2.5em; font-weight: normal; font-weight: 400!important; display: block; }

/* inside page widget layouts */
.row .margins {
    margin: 0 -0.9375em;
    max-width: none;
    width: auto;
}

/* EDITS ON DEV */
body { background: #333!important; }
.row.topbar, .row.content { background: white; }


.sf_cols { margin-bottom: 2em; }
.sf_cols.mt_interior_banner, .sf_cols.mt_editorial_banner { margin-bottom: 15px; }

h1 { font-size: 32px; font-family: "purista-web-n6", "purista-web", Arial, Helvetica, sans-serif; margin: 20px 0px; line-height: 1.35; }

.socialicons { display: block; width: 29%; height: auto; float: left; }
.socialicons ul { margin:0; }
.socialicons ul { padding: 0 0 0 9em; }  /* DESKTOP > 1024px */
.socialicons .listtitle { display: block; color: #000; text-transform: uppercase; float: none; clear: both; }
.socialicons li { margin:0 .75em 0 0; padding:0;  }
.socialicons .inline-list li a { outline: none; text-decoration: none; }
.footer .columns { padding-left:0; padding-right:0;  }
.footerlinks { background: #d4d4d4; padding: 1.5rem 0 2.25rem!important; overflow: hidden; }

.footernav { display: block; width: 71%; height: auto; float: left; padding-right: 5rem;}
.footernav { padding-right: 5rem; }  /* DESKTOP > 1024px */
.footernav ul { list-style: none; margin:1px 0 0; padding:0; width: 95.5%; float: right; }
.footernav li { display: inline-block; width: 24%; max-width: 24%; margin:0 0 .5rem; padding:0; }
.footernav li a { text-decoration: none; text-transform: uppercase; color: #000; }
.footernav li:nth-child(4n) a { color: #777; }
.copyright { background: #cb333b; padding: .8rem 1.5rem!important; overflow: hidden; color: white; }
.copyright p { font-size: .875rem; float: left; width: 60%; line-height: 1; color: white; }
.copyright p { margin: .8rem 0 .8rem 7rem; }  /* DESKTOP > 1024px */
.copyright a.loginbutton { float: right; display: block; font-size: .875rem; text-align: center; padding: .8rem 1rem; color: white; background: #9d272e; text-transform: uppercase; line-height: 1; margin-right: 5rem;}

/* line height for non-formatted content */
.content .sfContentBlock { line-height: 1.85; color: #53565a; }

/* REMOVED width: 100% per client request */
.content .sfContentBlock img { height:auto; }

.content .sfContentBlock h2 { line-height: 1.4; color: #000; text-transform: uppercase; font-size: 1rem; margin: 0 0 1rem; }
.content .image_with_caption { position: relative; }
.content .image_with_caption img { width: 100%; height: auto; }
.content .image_with_caption .sfContentBlock { position: absolute; bottom:0; right:0; width: 76%; height: auto; padding: 1.4rem; color: white; line-height: 1.1; background: #111; background: rgba(0,0,0,0.85); }

.content .mt_left_sidebar * { max-width: 210px; }
.content .mt_left_sidebar .sfContentBlock { margin-bottom: 15rem; line-height: 1.45; font-size: 1rem; }
.content .mt_left_sidebar .sfContentBlock img { width: auto; }
.content .mt_left_sidebar h2 { color: #ca333a; margin: .7rem 0 .3rem; }

/* HACK TO FIX SECTION HOVER EVENT */
.mf_left_sidebar .vertical-nav section:hover .content{ display: block!important; }
/* sidemenu width override and styling */
.section-container.vertical-nav { margin-top: -66px; z-index: 99; }
.section-container.vertical-nav h3 { /*white-space: nowrap!important; REMOVED NOV 4 FOR LONG TITLES ISSUE */background: black; background: rgba(0,0,0,.7); padding: 1rem; color: white!important; font-size: 1.2rem; line-height: 1; margin:0; }
.mf_left_sidebar .vertical-nav { min-width: 210px; max-width: 210px; }
.mf_left_sidebar .vertical-nav h3 a { text-transform: uppercase; color: white; font-size: .95rem; }
.section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > .title {
    background-color: #fff;
    border: none;
	border-bottom: 1px solid #dadada; 
    cursor: pointer;
	min-width: 210px!important; /* override dynamic width assignment */ 
}
.section-container.vertical-nav > section:hover > .title a:not(.button) { color: #ca333a; }
.section-container.vertical-nav > section > .content, .section-container.vertical-nav > .section > .content {
    background-color: #FFFFFF;
    border: none;
    padding: 0;
}
.section-container.vertical-nav > section > .has-dropdown a:not(.button):after {position: absolute; right:1rem; top:1.25rem; width: 0; 
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent; 
	border-left:5px solid #cb333b;content:"";
	}
.mf_left_sidebar .vertical-nav .content { width: 285px; background: white; 
-webkit-box-shadow:  0px 10px 60px 6px rgba(0, 0, 0, .2);
box-shadow:  0px 10px 60px 6px rgba(0, 0, 0, .2) }

.mf_left_sidebar .vertical-nav .content .side-nav { margin:0; padding:0; }
.mf_left_sidebar .vertical-nav .content .side-nav li a:not(.button) { padding: .5rem 1.5rem; font-size: .9rem; line-height: 1.5rem; color: #53565a; }
.mf_left_sidebar .vertical-nav .content .side-nav li a:not(.button):hover { background: #d5d5d5; color: #cb333b; }
.side-nav li {
    font-size: 0.9em;
    margin: 0;
}

a.mt_learn_more, .next-link a { padding-right: 11px; position: relative; color: #1fabe1; }
a.mt_learn_more:after, .next-link a:after { position: absolute; right:0; top:9px; width: 0; 
	height: 0; 
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent; 
	border-left:4px solid #1fabe1;content:""; }
.next-link { text-align: right; }
.mt_content, .respond { padding: 0 9rem; }  /* DESKTOP > 1024px */
.respond { text-align: center; }
.mt_content a:hover, .mt_content a:active, .footerlinks a:hover, .footerlinks a:active { text-decoration: underline; }

.mt_right_content { position: relative; }
.mt_share { width: 210px; height: auto; background: white; position: absolute; top:-5.2rem; right:-.9rem; padding: .9rem; }
.RadSocialShare { border: none; border-radius: 0; padding:0; }
.mt_spans { overflow: hidden; }
.mt_spans span { float: left; margin-right: 2rem; width: auto; }
.mt_spans span img { width: auto; }
.mt_spans .sfContentBlock div { float: left; width: 210px; margin-right: 0; }
.content .mt_spans .sfContentBlock div img { width: auto; }
.content .sfContentBlock h3 { line-height: 1.4; color: #000; text-transform: uppercase; font-size: 1rem; margin: 0 0 10px; }
.content .mt_spans h3 { line-height: 1.4; text-transform: uppercase; font-size: 1rem; color: #ca333a; margin: 1.3rem 0 .3rem; }
.content .mt_spans ul.stats, .content .mt_left_50 ul.stats { width: 100%; border: 1px solid #eee; border-left: none; border-right: none; margin:0; padding:0; overflow: hidden; }
.content .mt_left_50 ul.stats { border-bottom: none; }
.content .mt_spans ul.stats li, .content .mt_left_50 ul.stats li { border-left: 1px solid #eee; height: auto; margin:0; padding: 1rem 1.4rem 2rem; display: block; float: left; width: auto; }
.content .mt_left_50 ul.stats li { text-align: center; }
.content .mt_left_50 ul.stats li:nth-child(2n) {border-left: none; }
.content .mt_spans ul.stats li:first-child { border-left: none; }
.content .mt_spans ul.stats li:first-child { padding-left: 9rem; }  /* DESKTOP > 1024px */
.content .mt_left_50 ul.stats li:first-child { width: 100%; clear: both; border-left: none; border-bottom: 1px solid #eee; padding: 1rem 1.4rem 1.4rem; padding-left: 2rem; }
.content .mt_spans ul.stats img, .content .mt_left_50 ul.stats img { width: auto; vertical-align: baseline; margin: 0 10px; }
.content .mt_left_50 ul.stats li:first-child img { float: left; vertical-align: middle; }
.content .mt_left_50 ul.stats li:first-child p { text-align: left; margin-top: 2.5rem; }
.content .mt_left_50 ul.stats li p { line-height: 1.3rem; } 
.content .mt_spans ul.stats li strong { font-size: 3.3rem; line-height: /*2.1rem*/4rem; display: block; clear: both; text-align: center; }
.content .mt_spans ul.stats li:first-child strong { text-align: left; }
.content .mt_spans ul.stats li em { font-size: .8rem; font-style: normal; display: block; }
ul.buttons { list-style: none; margin:0; padding:0;}
ul.buttons li { margin:0 0 .6rem; padding:0; }
.mt_button, .respond li a {  width: 255px; height: auto; min-height: 55px; background: #1fabe1; color: white; font-size: 1rem; padding: .9rem 1.4rem; text-align: left; margin: 0; display: block; position: relative; }
.mt_button:hover, .mt_button:active, .respond li a:hover, .respond li a:active { color: white!important; background: #ca333a; }
.content .sfContentBlock .respond h2 { text-transform: none; font-size: 2rem; }
.respond li a { text-transform: uppercase; text-align: center; font-weight: bold; font-size: 1.3rem;}
.mt_button:after { position: absolute; right:1rem; top:44%; width: 0; 
	height: 0; 
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent; 
	border-left:4px solid #fff;content:""; }
	
/* homepage and map legend */

.mt_map_legend { padding: 3.6rem 9rem 0; }  /* DESKTOP > 1024px */
.content .mt_map_legend .sfContentBlock h3 { margin: 0 0 .25rem; }
.content .mt_map_legend .sfContentBlock h3:first-child { color: #ca333a; }
.content .mt_map_legend h1 { width: 90%; font-size: 2.4rem; font-family: "purista-web-n6","purista-web", Arial, Helvetica, sans-serif; font-weight: normal; margin-top:0; margin-bottom: 2rem; }
.content .mt_map_legend p { width: 90%; }
.content .mt_map_legend > .sf_2cols_1in_50 { border-right: 1px solid #dadada; }
.content .mt_map_legend .sf_2cols_1in_50 { border-right: 1px solid #dadada; }
.content .mt_map_legend .inline-list { margin:0; width: 100%; padding-top: 1.5rem; border-top: 1px solid #dadada; }
.content .mt_map_legend .inline-list li { width: 50%; height: auto; margin:0; padding:0 0 1.1rem; }
.content .mt_map_legend .inline-list li img { float: left; margin-right: 5px;margin-top:-5px;  }
.content .mt_map_legend dl { margin-bottom: 2.5rem; }
.mt_teams_serving dt, .mt_teams_serving { color: #ca333a; }
.mt_map_shipments dt, .mt_map_shipments { color: #20abe2; }
.mt_emergencies dt, .mt_emergencies { color: #92bb3b; }
.mt_locations dt, .mt_locations { color: #f17329; }
.content .mt_map_legend dt, .inline-list .mt_teams_serving, .inline-list .mt_map_shipments, .inline-list .mt_emergencies, .inline-list .mt_locations { text-transform: uppercase; font-size: .95rem; font-weight: bold; }
.content .mt_map_legend dd { margin:0; padding:0; color: #777;  }
#cphMain_C006_Col01 .sf_cols { margin-bottom: 0; }

/* revision requests sept 27/13*/
body { font-family: "purista-web-n4","purista-web", Arial, Helvetica, sans-serif; }
/*.message { min-height: 10.75rem; } REMOVED NOV 19 - CLIENT REQUEST */
.top-bar-section li a:not(.button) { color: #53565a; font-weight: 400; font-style: normal; }
.top-bar-section li a:hover:not(.button) { color: #53565a; }
.top-bar-section li li a:hover:not(.button) { color: #ca333a; }
.mf_left_sidebar .vertical-nav .content .side-nav { border: 1px solid white; }
.mf_left_sidebar .vertical-nav .content .side-nav li a:not(.button) { text-decoration: none!important; }

/* revisions from email Oct 2 */
.mf_left_sidebar .vertical-nav h3 a:hover:not(.button), .section-container.vertical-nav > section > .title a:hover:not(.button) { text-decoration: none!important}
#map-canvas.googlemap .gm-style .gm-style-iw div { overflow: hidden;  }
#vtNews { display: none; }

/* revisions from PM Oct 9 */
.mt_editorial_banner, .mt_image_with_overlay { overflow: hidden; position: relative; }
.mt_editorial_banner .sfContentBlock { position: absolute; top: 130px; left: 130px; width: 60%; }
.mt_editorial_banner .sfContentBlock h1 { color: #FFF; font-size:34px; font-size: 3.8rem; line-height: 1.025; margin:0 0 20px; font-weight: 600; text-shadow: 1px 2px 2px #444;
        filter: dropshadow(color=#444, offx=1, offy=2);}
.mt_editorial_banner .sfContentBlock em { color: #222; display: block; text-transform: uppercase; font-style: normal; }
.mt_editorial_banner .sfContentBlock p, .mt_image_with_overlay .sfContentBlock p { color: #FFF; font-size: 24px; font-size: 2.6rem; line-height: 1.0625; margin: 0 0 15px; text-shadow: 1px 2px 2px #444;
        filter: dropshadow(color=#444, offx=1, offy=2);}
.mt_image_with_overlay .sfContentBlock cite { color: #68cffc; line-height: 1; margin: 0px; text-shadow: 1px 2px 2px #444;
        filter: dropshadow(color=#444, offx=1, offy=2); text-transform: uppercase; font-style: normal; }

.mt_image_with_overlay .sfContentBlock { position: absolute; top: 130px; left: 50.6%; width: 40%; }

/*.mf_left_sidebar { position: absolute; }*/

/* TABLETS */
/* hybrid screen sizes for desktop */
/* oct 30 - min changes from 767px to 680px */
@media screen and (min-width: 680px) and (max-width: 1120px) {
.top-bar .title-area {
      display: none; }
.ticker { padding: 12px 0 0 2rem; } 
.topbar .logo { left: 2rem; } 
.topimage span { font-size: 2.2rem; } 
 
.top-bar-section li a:not(.button) {
    padding: 0;
} 
.icons { margin-left: 2rem; }
.topimage span { left: 2rem; } 
.message { padding: 1rem 2rem 1.5rem; min-height: 0;}

.socialicons ul { padding: 0 0 0 2em; }
.footernav { padding-right: 2rem; } 
.copyright p { margin: .8rem 0 .8rem 2rem; } 
.mt_content, .respond { padding: 0 2rem; } 
.content .mt_spans ul.stats li:first-child { padding-left: 2rem; }
.mt_map_legend { padding: 3.6rem 2rem 0; } 

.footernav ul { margin:0;float: none; }
.footernav li { font-size: .7rem; letter-spacing: 1px; }
.mt_button, .respond li a {  width: 100%; min-height: 55px; padding: .9rem 1.4rem; }
/* overwrite default sitefinity rules for nested 2 column */
.sf_cols .sf_2cols_2in_50 .sf_2cols_1_50, .sf_cols .sf_2cols_2in_50 .sf_2cols_2_50 { width: 50%!important; padding-right: 2%; float: left; }


.top-bar.expanded .title-area {
      background: #ffffff; }


}


@media screen and (min-width: 481px) and (max-width: 960px) {
/* #flyout_menu { display: none; } REMOVE MENU FROM SMALLER THAN 980px */
.mf_left_sidebar { position: relative; }
.mt_left_sidebar .sf_2cols_1in_25 { width: 100%!important; overflow: hidden; }
.mt_left_sidebar .sf_2cols_1in_25 .sfContentBlock { width: 30%; margin-left: 3%; float:left; }
.content .mt_left_sidebar * { max-width: 100%; }
.content .mt_left_sidebar .sfContentBlock { margin-bottom: 2em; }
.mobilenavspace { padding: 0 2em 2em; }	
}

@media screen and (max-width: 480px) {
/* #flyout_menu { display: none; } REMOVE MENU FROM SMALLER THAN 480px */
.mf_left_sidebar { position: relative; }
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
.top-bar-section .dropdown { 
-webkit-box-shadow:  none;
box-shadow:  none;}
.top-bar-section .dropdown:after { display: none!important}
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */

.googlemap { width: 94%; background: #999; padding: 0; margin:0 auto;} 
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) {
/* Styles */
.topimage span { font-size: 1.75rem; top: 40px; }
.googlemap { width: 94%; background: #999; padding: 0; margin:0 auto;} 
}

/* SMALLER SCREENS */
@media screen and (max-width: 767px) {
.ticker { padding: .5rem; min-height: 3.5rem; }
.ticker ul { line-height: 1; }
.ticker li a { font-size: .8rem; line-height: 1rem!important; }
.topbar .logo { left: .5rem; top: 9px; width: 90px; clear: both; margin: 0 auto; }
.top-bar { margin: 0 0 3px; background: white; }
.topbar header { border-top: 2px solid #ca333a; }
.top-bar-section { z-index: 999; }
.top-bar .toggle-topbar.menu-icon a, .top-bar .donate-icon a {
    color: white;
}
.top-bar .toggle-topbar.menu-icon a span {
    /*box-shadow: 0 10px 0 1px #000000, 0 16px 0 1px #000000, 0 22px 0 1px #000000; */
}
.top-bar .toggle-topbar.menu-icon{
    margin-top: -16px;
    padding-left: 40px;
	padding-right: 10px;
    right: 12px;
    top: 50%;
	background: #222;  
	border-radius: 5px; 
}

.top-bar .name { background: white; }

.mt_share { width: 100%; height: auto; background: white; position: relative; padding: .4rem .9rem; }
.footerlinks { padding: 1rem 0!important; }
.socialicons { display: block; width: 100%; height: auto; float: none; }
.socialicons ul { margin:0; padding:0 0 0 1em; } /* DESKTOP < 767px */
.socialicons .listtitle { display: block; color: #000; text-transform: uppercase; float: none; clear: none; font-size: .75rem; }
.footernav { display: block; width: 100%; height: auto; float: none; padding-right: 1rem; margin-top: 1rem; }
.footernav ul { list-style: none; margin:0 0 0 1rem; padding:0; width: 100%; float: none; }
.footernav li { display: block; width: 100%; max-width: 100%; margin:0 0 .2rem; padding:0; font-size: .75rem; }
.footernav li:nth-child(4n) a { color: inherit; }
.copyright { background: #cb333b; padding: .6rem 1rem!important; overflow: hidden; color: white; }
.copyright p { margin:0; font-size: .75rem; float: left; width: 60%; line-height: 1; color: white; }
.copyright a.loginbutton { float: right; display: block; font-size: .75rem; text-align: center; padding: .8rem 1rem; color: white; background: #9d272e; text-transform: uppercase; line-height: 1; margin-right: 0;}
.content .image_with_caption .sfContentBlock { position: relative; bottom:0; right:0; width: 100%; height: auto; padding: .7rem; color: white; line-height: 1.1; background: #111; }
.content .mt_left_sidebar .sfContentBlock { margin-bottom: 2rem; }
.mt_content { padding: 0 .5rem; }
.content .sfContentBlock { line-height: 1.3; font-size: 1rem; }
.content .sfContentBlock h2 { font-size: .9rem; }
.mobilenavspace { display: block; height: auto; width: 100%; padding: 0 8px;}
.section-container.vertical-nav { margin-top: 0; z-index: 99; display: none; }
.mf_left_sidebar .vertical-nav section:hover .content{ display: none!important; }
ul.buttons, .respond li a  { width: 255px; margin:0 auto;}
.content ul.stats li:first-child { padding-left: 1rem!important; }
.content .mt_spans ul.stats li, .content .mt_left_50 ul.stats li { padding: .5rem 1rem;}
.content .mt_left_50 ul.stats li { width: 50%; text-align: center!important; }
.sf_cols {
    margin-bottom: 1em;
}
.mt_share { display: none; }
.mt_spans { padding: 0 8px; }
.mt_spans span, .mt_spans .sfContentBlock div { width: 100%; margin:0; overflow: hidden; }
.content .mt_spans .sfContentBlock div h3 { margin: .6rem 0 .4rem; }
.content .mt_spans .sfContentBlock div p { line-height: 1.3; font-size: .8rem; }
.content .mt_spans .sfContentBlock div img { width: 100px; height: auto; float: left; margin: 0 10px 20px 0; }
.mt_left_60 { margin-bottom: 1rem; }

.message { font-size: .8rem; min-height: 0;}  /* DESKTOP < 767px */
.message { padding: .125rem .5rem .5rem; height: 163px; max-height: 163px; } /* NOV 19 EDIT */
.message p { width: 100%; line-height: 1rem; font-size: .8rem!important;}
.message h1 { margin: 0 0 .5rem; color: white; }
.topimage { padding-bottom: .5rem; }/* NOV 19 EDIT */
.bottomimage { padding-bottom: 4rem; }
.icons { margin-left: .5rem; }  /* DESKTOP < 767px */
.slideshow-wrapper .icons ul li { margin: 0 .25rem 0 0; }

li[data-orbit-slide="slideHome0"] .topimage, li[data-orbit-slide="slideHome0"] .bottomimage { background-color: #ca333a; }
li[data-orbit-slide="slideHome1"] .topimage, li[data-orbit-slide="slideHome1"] .bottomimage { background-color: #f8a21a; }
li[data-orbit-slide="slideHome2"] .topimage, li[data-orbit-slide="slideHome2"] .bottomimage { background-color: #1fabe1; }
li[data-orbit-slide="slideHome3"] .topimage, li[data-orbit-slide="slideHome3"] .bottomimage { background-color: #12aca1; }
li[data-orbit-slide="slideHome4"] .topimage, li[data-orbit-slide="slideHome4"] .bottomimage { background-color: #92bb3c; }
li[data-orbit-slide="slideHome5"] .topimage, li[data-orbit-slide="slideHome5"] .bottomimage { background-color: #ef7029; }
.topimage span, .bottomimage span { position: absolute; top: auto; bottom:0; left: 0px; font-size: .8rem; color: white; line-height: 1rem; width: 100%; padding: .5rem; }
.bottomimage span { margin-left: 0; top: auto; color: white!important; }
li .bottomimage span b, li .bottomimage span strong { font-size: .8rem; }
.mt_map_legend { padding: 1rem .5rem 0; }  /* DESKTOP < 767px */
.mt_content, .respond { padding: 0 .5rem; }  /* DESKTOP < 767px */
.content .mt_map_legend h1 { font-size: 1.2rem; line-height: 1.2; width: 100%; margin-bottom: 1rem; }
.content .sfContentBlock h3 { font-size: .85rem; line-height: 1.2; }
.content p { font-size: .85rem; line-height: 1.3; width: 100%; }
.content .mt_map_legend p { width: 100%; }
.content .mt_map_legend > .sf_2cols_1in_50 { border-right: none; }
.content .mt_map_legend .sf_2cols_1in_50 { border-right: none; }
.content .mt_map_legend dl { margin-bottom: 1.5rem; }
.content .mt_map_legend .inline-list li {
    height: auto;
    margin: 0;
    padding: 0 0 1.1rem;
    width: 50%;
}
.content .mt_map_legend .inline-list li { padding:0 0 .5rem; }
.content .mt_map_legend .inline-list li img { width: 25%; }
.inline-list .mt_teams_serving, .inline-list .mt_map_shipments, .inline-list .mt_emergencies, .inline-list .mt_locations { text-transform: none; font-size: .7625rem; font-weight: bold; }
.content .sfContentBlock .respond h2 { text-transform: none; font-size: 1.2rem; line-height: 1.2;  }
.content .mt_map_legend dt { font-size: .78rem;  }
.content .mt_map_legend dd { font-size: .8rem;  }

/* overwrite default sitefinity rules for nested 2 column */
.sf_cols .sf_2cols_2in_50 .sf_2cols_1_50, .sf_cols .sf_2cols_2in_50 .sf_2cols_2_50 { width: 50%!important; padding-right: 2%; float: left; }

/* revisions Sept 30 
.message { min-height: 5.5rem; }*/
.top-bar-section .dropdown li a.parent-link { display: none; }
.top-bar-section .dropdown { padding-bottom: 10px; }
.content .mt_left_sidebar * { max-width: 100%; }
}

.top-bar .title-area {
      display: none; }
@media screen and (max-width: 681px) {
h1 {
  font-size: 1.4em;
}	

.content .image_with_caption .sfContentBlock { position: relative; bottom:0; right:0; width: 100%; height: auto; padding: .7rem; color: white; line-height: 1.1; background: #111; }

.mt_editorial_banner, .mt_image_with_overlay { overflow: hidden; position: relative; }
.mt_editorial_banner .sfContentBlock { position: relative; top: 0; left: 0; width: 100%; background: #fff; padding: 30px 10px 15px; }
.mt_editorial_banner .sfContentBlock h1 { color: #111; font-size: 24px; line-height: 1.2; margin:0 0 10px; font-weight: 600; text-shadow: none;
        filter: none; }
.mt_editorial_banner .sfContentBlock em { color: #888; display: block; text-transform: uppercase; font-style: normal; font-size: 12px; margin-bottom: 4px; }
.mt_editorial_banner .sfContentBlock p, .mt_image_with_overlay .sfContentBlock p { color: #53565A; font-size: 12px; font-size: 1rem; line-height: 1.0625; margin: 0 0 10px; text-shadow: none;
        filter: none;}
.mt_image_with_overlay .sfContentBlock cite { color: #68cffc; line-height: 1; margin: 0px; text-shadow: none;
        filter: none; text-transform: uppercase; font-style: normal; font-size: 12px; }
.mt_image_with_overlay .sfContentBlock p { color: #ffffff; }
.mt_image_with_overlay .sfContentBlock { position: relative; top: auto; left: 0; width: 100%; background: #111; padding: 10px; color: #fff; }
/* oct 30 - button container name change */	
.topbarbutton { display: none } /* turn off original button in dropdown nav */

.top-bar-section li a:not(.button) { color: #ffffff;}
.top-bar-section ul li > a:hover { background: #ccc; } 
.top-bar .title-area {
    display: block; }
.top-bar .donate-icon {
	position: absolute;
    margin-top: -16px;
    padding-left: 10px;
	padding-right: 10px;
    right: 102px;
    top: 50%;
	background: #04b8cd;  
	border-radius: 5px; 
}
.top-bar .donate-icon:hover { background: #f6950a; }
.top-bar .donate-icon a {
	text-indent: 0;
	width: 64px;
	height: 34px;
	line-height: 33px;
	padding: 0;
	color: white; 
	font-weight: bold;
	font-size: .8125em;
	text-transform: uppercase;
}
.top-bar-section .dropdown li a.parent-link { display: none; }
.top-bar-section .dropdown { padding-bottom: 10px; }
.content .mt_left_sidebar * { max-width: 100%; }
} 

/* PHONES ONLY */
@media screen and (max-device-width: 568px) {
.googlemap { width: 94%; min-height: 320px; background: #999; padding: 0; margin:0 auto;}
.mf_left_sidebar { position: relative; }
.mf_left_sidebar .vertical-nav { max-width: 100%; }
.mobilenavspace { padding: 0 .5em 2em; }	
}

/* disable login button */
.copyright a.loginbutton { display: none } /* disable for now */

/* fix for tablet nav */
@media only screen 
and (min-width : 600px) and (orientation : portrait),
only screen 
and (min-width : 600px) and (orientation : landscape) {
.touch .top-bar-section ul li > a {
    background: #FFFFFF; }
.touch .top-bar-section ul li.hover > a {
    background: #FFFFFF;
    color: #53565A; }
.touch .top-bar-section ul li.active > a {
    background: #FFFFFF;
    color: #53565A; }
}

/* october 30 - for standard UL, OL use */
.content .text {
	margin: 10px 10px 20px 40px;
	line-height: 1.8; 
}

@media screen and (min-width: 681px) and (max-width: 810px) {
	.top-bar {
    padding-right: 11rem;
}
	.top-bar-section .has-dropdown > a { padding-right: 22px !important}
	.top-bar-section li a:not(.button) { font-size: 14px; font-size: 1rem; }
.topbarbutton { padding-left: 10px!important;
  width: 165px;
}
}

/*table tr th, table tr td { padding: 0!important; } REMOVED TO FIX CLIENT CONTENT ISSUE */
.content .sfContentBlock .image-list { width: 100%; max-width: 100%; margin:0; padding:0; list-style: none!important; }
.content .sfContentBlock .image-list li { display: inline-block; max-width: 15%; list-style: none; padding:0; margin:0; vertical-align: top; }
.content .sfContentBlock .image-list li img { max-width: 100%; height: auto; }

[data-section=""] > section > [data-section-title] a, [data-section=""] > section > .title a, [data-section=""] > .section > [data-section-title] a, [data-section=""] > .section > .title a, [data-section=""] > [data-section-region] > [data-section-title] a, [data-section=""] > [data-section-region] > .title a, [data-section="auto"] > section > [data-section-title] a, [data-section="auto"] > section > .title a, [data-section="auto"] > .section > [data-section-title] a, [data-section="auto"] > .section > .title a, [data-section="auto"] > [data-section-region] > [data-section-title] a, [data-section="auto"] > [data-section-region] > .title a, .section-container.auto > section > [data-section-title] a, .section-container.auto > section > .title a, .section-container.auto > .section > [data-section-title] a, .section-container.auto > .section > .title a, .section-container.auto > [data-section-region] > [data-section-title] a, .section-container.auto > [data-section-region] > .title a, [data-section="vertical-tabs"] > section > [data-section-title] a, [data-section="vertical-tabs"] > section > .title a, [data-section="vertical-tabs"] > .section > [data-section-title] a, [data-section="vertical-tabs"] > .section > .title a, [data-section="vertical-tabs"] > [data-section-region] > [data-section-title] a, [data-section="vertical-tabs"] > [data-section-region] > .title a, .section-container.vertical-tabs > section > [data-section-title] a, .section-container.vertical-tabs > section > .title a, .section-container.vertical-tabs > .section > [data-section-title] a, .section-container.vertical-tabs > .section > .title a, .section-container.vertical-tabs > [data-section-region] > [data-section-title] a, .section-container.vertical-tabs > [data-section-region] > .title a, [data-section="vertical-nav"] > section > [data-section-title] a, [data-section="vertical-nav"] > section > .title a, [data-section="vertical-nav"] > .section > [data-section-title] a, [data-section="vertical-nav"] > .section > .title a, [data-section="vertical-nav"] > [data-section-region] > [data-section-title] a, [data-section="vertical-nav"] > [data-section-region] > .title a, .section-container.vertical-nav > section > [data-section-title] a, .section-container.vertical-nav > section > .title a, .section-container.vertical-nav > .section > [data-section-title] a, .section-container.vertical-nav > .section > .title a, .section-container.vertical-nav > [data-section-region] > [data-section-title] a, .section-container.vertical-nav > [data-section-region] > .title a, [data-section="horizontal-nav"] > section > [data-section-title] a, [data-section="horizontal-nav"] > section > .title a, [data-section="horizontal-nav"] > .section > [data-section-title] a, [data-section="horizontal-nav"] > .section > .title a, [data-section="horizontal-nav"] > [data-section-region] > [data-section-title] a, [data-section="horizontal-nav"] > [data-section-region] > .title a, .section-container.horizontal-nav > section > [data-section-title] a, .section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > [data-section-title] a, .section-container.horizontal-nav > .section > .title a, .section-container.horizontal-nav > [data-section-region] > [data-section-title] a, .section-container.horizontal-nav > [data-section-region] > .title a, [data-section="accordion"] > section > [data-section-title] a, [data-section="accordion"] > section > .title a, [data-section="accordion"] > .section > [data-section-title] a, [data-section="accordion"] > .section > .title a, [data-section="accordion"] > [data-section-region] > [data-section-title] a, [data-section="accordion"] > [data-section-region] > .title a, .section-container.accordion > section > [data-section-title] a, .section-container.accordion > section > .title a, .section-container.accordion > .section > [data-section-title] a, .section-container.accordion > .section > .title a, .section-container.accordion > [data-section-region] > [data-section-title] a, .section-container.accordion > [data-section-region] > .title a {
    line-height: 1.3;
    white-space: normal !important;
    width: auto !important;
}
.mf_left_sidebar .vertical-nav a.activestate {
    color: #CB333B !important;
}

.mf_left_sidebar .sfContentBlock { max-width: 210px; }
.mf_left_sidebar .sfContentBlock img { max-width: 190px; } /*img plus td padding*/


@media screen and (max-width: 760px) {
/*.touch #flyout_menu { display: none; } RE-ENABLE LEFT MENU ON DEVICES */
}

/* NEW GRID IMAGES TABLE WORK */
/* for tables only */
.grid7 { width: 100%; }
/* grid7 width = 100% divided by 7 columns = 14.25% (approx) */
.grid7 td {
    width: 14.25%;
}
.grid7 img {
    height: auto;
    min-width: 0;
    width: 100%;
}
.imagegrid.grid7 img {
    height: auto;
    min-width: 0;
    width: 86%;
}

.imagegrid { margin: 0; padding:0; list-style: none; overflow: hidden; }
.imagegrid li { display: block; float: left; margin: 0; padding:0; text-align: center; vertical-align: middle;}

@media only screen and (min-width: 320px) {
/* now becomes 3 images per row */
.grid7 li {
    width: 33%;
	height: 110px;
	line-height: 110px;
}
}
@media only screen and (min-width: 480px) {
/* now becomes 4 images per row */
.grid7 li {
    width: 25%;
	height: 125px;
	line-height: 125px;
}
}
@media only screen and (min-width: 760px) {
/* now becomes 5 images per row */
.grid7 li {
    width: 20%;
	height: 160px;
	line-height: 160px;
}
}
@media only screen and (min-width: 920px) {
/* show all seven rows */
.grid7 li {
    height: 125px;
    line-height: 125px;
    width: 14.25%;
}
}
@media screen and (min-width: 320px) and (max-width: 960px) {
/* #flyout_menu { display: none; } REMOVE MENU FROM SMALLER THAN 980px */
#flyout_menu { margin-top: 15px;  }
#flyout_menu h3 { 
top: 0px;
}
}