@import "tools.css";

/* =============================================================================
   [0]  SHORTCUTS
   
   [1]  HTML5 element display
   [2]  Base (TODO: Expand definition of "Base")
   [3]  Links
   [4]  Typography
   [5]  Figures
   [6]  Forms
   [7]  Primary Styles 
   [30] Partners Page
       [30.1] Partners Page - Public Partners
	   [30.2] Partners Page - Private/State Partners	   
   [31] Partners Carousel
   [32] iOS fixes. iPad, iPhone, iPod
   [33] Media Queries
   	   [33.1]  Media Queries -- maxWidth : 1023px
	   [33.2]  Media Queries -- maxWidth : 985px
	   [33.3]  Media Queries -- maxWidth : 950px
	   [33.4]  Media Queries -- maxWidth : 900px
	   [33.5]  Media Queries -- maxWidth : 815px
	   [33.6]  Media Queries -- maxWidth : 850px && minWidth : 768px
	   [33.7]  Media Queries -- minWidth : 768px
	   [33.8]  Media Queries -- maxWidth : 768px
	   [33.9]  Media Queries -- maxWidth : 768px -- iPad
	   [33.10] Media Queries -- maxWidth : 767px
	   [33.11] Media Queries -- maxWidth : 640px
	   [33.12] Media Queries -- minWidth : 480px && maxWidth : 767px
	   [33.13] Media Queries -- maxWidth : 420px
	   [33.14] Media Queries -- maxWidth : 360px
	   [33.15] Media Queries -- Print
   ========================================================================== */


/* =============================================================================
   [1] HTML5 element display
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }


/* =============================================================================
   [2] Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Force vertical scrollbar in non-IE
 * 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted
 *    www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
 * 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html { font-size:100%; overflow-y:scroll; -webkit-overflow-scrolling:touch; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }

body { margin:0; font-size:62.5%;/*10px*//* line-height: 1.231;*/ }

body, button, input, select, textarea { font-family:sans-serif; color:#222; }

/* =============================================================================
   [3] Links
   ========================================================================== */

a { color:#092f90/* #00e*/; }
a:visited { color: #551a8b; }
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: 0; }
.lf a { text-align:left; }
.somemore.lf a {font-size:0.916666666em; }
/* =============================================================================
   [4] Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }
/* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

h1, h2, h3, h4, h5, h6, pre, code, p { margin:0; padding:0; font-size: 1em; }

/*======= Lists =======*/
ul, ol { margin: 0 0 1em; padding: 0/* 0 0 40px*/; }
ul ul { margin:0 0 0 2.708333333%; font-size:100%; }
dd { margin:0; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }

/*======= Embedded content =======*/

/*
 * Improve image quality when scaled in IE7
 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img { border: 0; -ms-interpolation-mode: bicubic; height:auto; max-width:100%;}

/*
 * Correct overflow displayed oddly in IE9 
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   [5] Figures
   ========================================================================== */

figure { margin: 0; }

#content-main aside figure { 	/*opacity:0.5;*/
	margin-bottom: 2em;
}


/* =============================================================================
   [6] Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { /*font-size: 100%;*/ margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

/* 
 * Remove inner padding and border in FF3/4
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* Remove default vertical scrollbar in IE6/7/8/9 */
textarea { overflow: auto; vertical-align: top; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

/*======= Tables =======*/
table { border-collapse: collapse; border-spacing: 0; margin-bottom:1em; } /* Why is the font size set to 1.3em on tables?  font-size:1.3em; -RM */


/* =============================================================================
   [7] Primary Styles 
   ========================================================================== */
#header-container .aside { 
	background:transparent url(/images/bg_mhlogo.jpg) -4px 0 no-repeat;
	float:left;
	position:absolute;
	margin:0;
	border:none;
	padding:0;
	/*height:44.8em;*/
	width:26.04166666%; /* 250px / 960px */
	-webkit-box-shadow: 2px 2px 2px 4px rgba(25, 25, 25, .5);
	-moz-box-shadow: 2px 2px 2px 4px rgba(25, 25, 25, .5);
	box-shadow: 2px 2px 2px 4px rgba(25, 25, 25, .5);
	-pie-box-shadow: -1.75px -1.75px 4px 2px #ccc;
	behavior: url(/js/libs/PIE/PIE.htc);
}
.optional #header-container .aside { 
	height:auto; 
	visibility:hidden; 
}
.optional #header-container #audienceShort { 
	visibility:visible;
	position:absolute; 
	z-index:99;
}

#logo {
	/*background:#fff url(/images/logo_MH.png) 0 0 no-repeat;*/
	background-color:#fff;
	color:#333;
	margin:0;
	padding:0;
	height:auto;
	position:relative;
	z-index:1;
}
#logo-invisible {
	margin:0;
	padding:0;
	height:130px;
	visibility:hidden;
}

#logo a {
	display:block;
	text-align:center;
}

/*#homepage #logo a { cursor:default; text-indent:-9999em; }*/

#audience {
	background: #c42727; /* Old browsers */
	background: -moz-linear-gradient(top, #c42727 0%, #9b0319 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c42727), color-stop(100%,#9b0319)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #c42727 0%,#9b0319 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #c42727 0%,#9b0319 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #c42727 0%,#9b0319 100%); /* IE10+ */
	background: linear-gradient(top, #c42727 0%,#9b0319 100%); /* W3C */
	margin:0;
	padding:0 5%;
	z-index:1000;
	text-align:center;
	/*height:31.8em;*/
}

/*#audienceShort #audience { height:auto; }*/

#audienceShort a.beOne { 
	color:#fff;
	font-size:1.5em;
	font-weight:bold;
	font-style:italic;
	line-height:43px;
	text-align:center;
	text-decoration:none;
	text-shadow: 1px 1px 2px #999;
	position:relative;
	width:100%;
}

#audienceShort #shortForm { 
	/*margin-top:-43px;*/
	position:relative;
	text-align:left; /* override parent */
	/*height:318px;*/ 
}

.optional #audienceShort #shortForm.hidden {
	display:block;
	visibility:visible;
	left:-9999px;
	/*height:43px;*/
	height:0;
	overflow:hidden;
}

#audience,
#audience a {
	color:#fff;
}

#audience a.button {
	padding:0.8em;
	text-decoration:none;
}

#audience .button.toggle.open.hidden {
	display:none;
}

#audience .button.toggle.open,
#audience .button.toggle.close {
	position:relative;
	padding:0.5em 0.6em;
	margin-left:3%;
	width:12px;
	height:12px;
}

#audience .button.toggle:after {
	content:"";
	line-height:0;
	height:0;
	width:0;
	overflow:hidden;
	border:6px solid #e1e1e1;
	position:relative;
	display:inline-block;
}

#audience .button.toggle.open:after {
	border-color:#e1e1e1 transparent transparent;
	top:6px;
}

#audience .button.toggle.close:after {
	border-color:transparent transparent #e1e1e1;
	bottom:3px;
}

#closeButtonContainer {
	text-align:right;
	font-size:1em;
	padding-bottom:1.5em;
}

/* #homepage #buttonOuterContainer { display: none; }*/

#audience h2 {
	font-size:3em;
	margin:0;
	padding-top:0.5em;
}

#audience h3 {
	font-size:2em;
	line-height:1.2em;
}

#audience p { margin:0; }

#audience p.label { padding:0; }

#audience ul { 
	list-style:none;
	margin:0;
	padding:0 0 1em;
}

.js #audience ul {
	padding:0;
}

#audience ul.dropdown { 
	position:absolute; 
	z-index:1; 
}

.js #audience ul { display:none; }

#audience ul.dropdown a,
#audience p.dropdown { 
	color:#b00;
	font-weight:bold; 
}

#audience ul.dropdown a {
	text-decoration:none;
	display:block;
}

#audience ul.dropdown a:hover,
#audience ul.dropdown a.selected {
	background:#b00;
	color:#fff;
}

#audience li { line-height:1.5em; }

#audience .dropdown li { line-height:normal; }

#audience .dropdown li a {
	padding:0.3em;
	border-bottom:1px solid #bac5cd;
	border-top:1px solid #fff;
}

#audience .dropdown li.first a { border-top:none; }

#audience .dropdown li.last a { border-bottom:none; }

#audience .buttonContainer {
	text-align:center;
	margin-top:15%;
	padding-bottom:4em;
}

#audience p.dropdown {
	margin:5% 0 0;
	cursor:pointer;
}

#audience p.dropdown .downarrow,
form .downarrow {
		background:url(/images/icon_select_arrow_dw.png) 0 0 no-repeat;
		display:block;
		width:18px;
		height:15px;
		float:right;
		margin:0 2px 0 0;
}

p.dropdown .text.downarrow {
	background-position:100% 1px;
}

.dropdownContainer { position:relative; }

.dropdownContainer form {
	position:absolute;
	opacity:0;
}

.dropdownContainer form select {
	width:100%;
	min-width:100%;
}

.bgImg {
	position:absolute;
	width:100%;
	height:auto;
	bottom:0;
}

.hiddenupdate { 
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

.welcome {
	clear: both;
	margin: 0 15.625% 0; /* 150px / 960px */
}

	#header-container {
	background:transparent url(/images/bg_mainNav.png) 0 0 repeat-x;
	/* [disabled]height:50.8em; */
	height:auto;
	}
	
	.optional #header-container { background:transparent url(/images/bg_navigation-2ndTier.png) 0 0 repeat-x;
		height:165px; }
	
	/*.optional */#header-container .header { position:relative; }
	
	body.optional { background:transparent url(/images/bg_header_optional_1x100.jpg) 0 165px repeat-x; }
	
	body > .header {
		/*background:transparent url(../images/bg_header_optional_70x70.jpg) 0 0 repeat-x;*/
		padding-top:60px;
	}
	
	#func { line-height: 46px; height:46px; text-align:right; max-width:960px; }
	
	#func > * { display:inline; }
	
	.level1 .nav > li { overflow:hidden; }

header nav, .header .nav {
	float:right;
	/* [disabled]font-size:1em; */
	margin:0;
	padding:0;
	list-style:none;
}

nav a, .nav a {
	display:block;
	font-size:1.25em;
	padding:24px /*12%*/14px 0;
	/* [disabled]padding:0 12.7118644%\9; */ /* 15px / 960px */
	color: white;
	text-align:center;
	text-decoration: none;
	/* [disabled]line-height:64px; */
	height:100%;
	text-align:center;
	text-shadow: 1px 1px 2px #999;
	vertical-align:middle;
	white-space:nowrap;
}
	.nav a span { display:block; width:100%; margin:0 auto; }

.nav li:first-child a { /* [disabled]padding-left:0; */ }

.nav a:hover, .nav a:focus { 
	background-color:#fff;
	color:/* #f00*/#a20000; 
}
.header .menu li a:hover, .header .menu li a:focus { color:/* #f00*/#a20000; }
.header .menu li a:hover { text-decoration:underline; }


.header .nav {
	border-bottom:1px solid #b2b2b2;
	height:64px;
}
optional .header .nav { position:relative; }

#homepage .header .menu { display:none; }
.header .menu { 
	display:none;
	margin:0 auto 0 27.5%; /* 260px / 960px */
	padding:0;
	list-style-type:none;
	height:39px;
	width:auto;
}
.header .nav li {
	float:left;
	border-right:1px solid gray;
	height:64px;
	overflow:hidden;
}

.header .menu li {
	/*float:left;*/
	border:none;
	padding:0;
	height:39px;
}

.header .menu li a {
	color:#333;
	font-size: 1.2em/*108.3333333%*/; 
	line-height:25px;
	padding:0 0.8em; /* 15px / 960px */
	text-align:center;
	text-decoration: none;
	text-shadow: 1px 1px 2px #999;
}

.header #nav-secondary .menu li:before, .auxiliary .menu li:before { color:#333; content:"|"; position:relative; }
.auxiliary .menu li:before { line-height:0; top:-1px; }
.header #nav-secondary .menu li:first-child:before, .auxiliary .menu li:first-child:before { content:""; left:0; }
	
.auxiliary .menu li a { color:#092f90; }

.header.row .menu { margin:-1.75em 0 1em; height:auto; }
.header.row .menu li { height:auto; }
.header.row .menu li:first-child a { padding-left:0; }
.header.row .menu li a { line-height:1.2; padding:0 5px; }
.header.row .menu li:before { left:-1px; }
	
.header.row .menu li:first-child a:before, .header.row .auxiliary .menu a { text-shadow:none; }
	
.header.row .auxiliary { width: auto; /* 630px / 960px */ }
	
	/*.nav li.about { width:15.20833333%;  146px /960px } */
	/*.nav li.beOne { width:13.22916666%;  127px / 960px } */
	/*.nav li.resources { width:10.72916666%; 103px / 960px } */
	/*.nav li.connected { width:11.25%;  108px / 960px } */
	/*.nav li.news { width:8.958333333%;  86px / 960px } */
	.nav li.about a,
	.nav li.beone a,
	.nav li.connected a,
	.nav li.news a {
	/* [disabled]line-height:1.1; */
	padding-top:15px;
	/* [disabled]padding-bottom:14px; */
		height:100%;
	}
	
	.current-aboutMH .campaign a, .current-aboutHDS .about a, .current-beone .beone a, .current-resource .resources a, .current-connected .connected a, .current-news .news a { 
		background-color:#fff; 
		color:#a20000; /*#f00*/ 
	}
	
	body.overview .overview a, body.achieving .achieving a, body.partners .partners a, body.become .become a, body.success .success a, body.stroke .stroke a, body.risk .risk a, body.prevention .prevention a, body.consequences .consequences a, body.individuals .individuals a, body.employers .employers a, body.health .health a, body.hospitals .hospitals a, body.pharmacists .pharmacists a, body.consumer .consumer a, body.video .video a, body.publications .publications a, body.tools .tools a, body.buttons .buttons a, body.qr .qr a, body.gifts .gifts a, body.press .press a, body.events .events a, body.news .news a, body.speaker .speaker a, body.logos .logos a, body.toolkits .toolkits a, body.officials .officials a, body.healthyisstrong .healthyisstrong a, body.teamuppressuredown .teamuppressuredown a, body.eupdate .eupdate a, body.bloodpressure .bloodpressure a, body.protocols .protocols a, body.actionguides .actionguides a, body.hcc .hcc a, body.insurers .insurers a { color:#a20000; /*#f00*/ }
	
	#aboutMH .subCampaign, #aboutHDS .subAbout, #beone .subBeone, #resource .subResources, #connected .subConnected, #news .subNews { display:inline-block; }
	
	#beone .subBeone li { white-space:nowrap; }
	.welcome { 
		clear:none;
		float:right;
		margin:0;
		width:73.95833333%; /* 710px / 960px */
	}
	
	#stage {
		display:block;
		margin: 0 auto;
		height: 39.8em;
		position: absolute;
		top: 111px; /*right: 13.5416666%; left: 13.5416666%; */
		z-index: -1;
		width:100%;
		text-align:center;
		overflow:hidden;
		background-repeat:no-repeat;
		background-position:center;
	}
	
	.js #stage { display:none; }
	
	/*IE 11 fix for missing carousel images*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.js #stage { display:block !important; }
}
	
	
	#stage img { 
		position:relative;
		height:100%;
		/* max-width:100%; */
	}
	
	.resizer ul { 
		color: #fff; 
		font-size: 1.2em; 
		font-weight: bold;
		display:inline; 
		margin-right:3.125%; /* 30px / 960px */ 
		padding: 0; 
		list-style: none;
	}
	.resizer li { 
		margin-left:10px; 
		display:inline; 
	}
	.resizer li.a a { font-size:1.3em; }
	.resizer li.aa a { font-size:1.5em; }
	.resizer li.aaa a { font-size:1.8em; }
	
	.resizer li a { 
		color:#fff; 
		font-weight:bold; 
		text-decoration:none;
	}
	.resizer li a:hover { text-decoration:underline; }
	
	.slides { overflow:hidden; }
	
	.slides .slide {
		height:39.8em;
		overflow:hidden;
		position: relative;
	}
	.slides .slide > * { padding:0 0 0 14.08450704%; /* 100px / 710px */ }
	.slides h2 { 
		color:#000;
		font-size:4.5em; 
		font-weight:bold;
		margin:7.8% auto 2.5% 6.197183098%;
		padding:0 !important;
		line-height:1;
		text-align:center;
			text-shadow: 1px 1px 2px #999;
	}
	.slides h2 span { font-size:31.25%; /* 20px / 64px */ }
	
	.slides .button {
		background:url(/images/img_sprite.png) bottom left no-repeat;
		float:right;
		margin:0 10% 0 0;
		padding:0 !important;
		height:40px;
		width:200px;
	}
	
	.slides .button a {
		color:#fff;
		display:block;
		font-size:1.8em;
		line-height:2.1em;
		height:40px;
		text-align:center;
		text-decoration:none;
		text-indent: -5%;
	}
	
.slides { position: relative;/* [disabled]width: 112.272727%; */ /* 741px / 660px */ }

.slides .alt { display: none; }

.slides .figure b {
	display: block;
	overflow: hidden;
	margin-bottom: 0;
}
.slides .figure b img {
	display:block;
	max-width:inherit;
}
.slides .figcaption {
	position:absolute;
	bottom:-2em;
	right:12.5506073%; /* 93px / 741px */
	width:20.242915%; /* 150px / 741px */
}
.slides p { 
	font-size:2.4em;
	margin:0 0 1em;
	line-height:1;
}
.slides .label {
	bottom: 30%;
	margin: 0;
	position: absolute;
	right: 75.4545455%; /* 498px / 660px */
	text-align: right;
	width: 22.7272727%; /* 150px / 660px */
}
.slidewrap .slidecontrols {
	background:transparent;
	position:absolute;
	top:20%;
	z-index:1;
	width:3.09859%;
	height:45.9798994%;
}

.slidewrap .slidecontrols.prev { left:0px; }
.slidewrap .slidecontrols.next { right:20px; }

.slidewrap .slidecontrols a {
	/*background:url("/images/btn_carousel_arrow_lt.png") no-repeat 50% 50%;*/
	display:block;
	float:left;
	height:183px;
	overflow:hidden;
	text-indent: -1000em;
	padding:0 20px;
}
.slidewrap .slidecontrols a:hover { background-position: 50% 48%; }

.slidewrap .slidecontrols a.carousel-disabled {
	/*cursor: default;
	opacity: 0.5;*/
	display:none;
}
.slidewrap .slidecontrols a.carousel-disabled:hover { background-position: 50% 50%; }

/*.slidewrap .slidecontrols a.carousel-next { background: url("/images/btn_carousel_arrow_rt.png") no-repeat 25% 50%; }*/
.slidewrap .slidecontrols a.carousel-next:hover { background-position: 25% 48%; }

.slidewrap .slidecontrols a.carousel-next.carousel-disabled:hover { background-position: 25% 50%; }

.slidewrap .slidecontrols img { display:block; }

.slidewrap .carousel-tabs {
	margin:0;
	padding:0;
	position:absolute;
	bottom:10px;
	right:0;
	margin-right:20%;
}

	.slidewrap .carousel-tabs li {
		display:inline-block;
		list-style:none;
	}
	
	.slidewrap .carousel-tabs li a {
		text-decoration:none;
		font-size:1em;
		display:inline-block;
		outline:none;
		text-indent:-9999em;
		background-color:#ccc; 
		height:12px;
		width:12px;
		-moz-border-radius:50px; 
		-webkit-border-radius:50px; 
		border-radius:50px;
	}
	
	.slidewrap .carousel-tabs li {
		height:1.6em;
		line-height:1.6em;
		padding-left:1.5em;
	}
	.slidewrap .carousel-tabs li:first-child { padding:0; }
	
	.slidewrap .carousel-tabs li.carousel-active-tab a { background-color:#000; }

#content {
	clear:both;
	padding-top:0;
	overflow: hidden;
}

.aa #content, .aa .header .wrapper { font-size:110%; }
.aaa #content, .aaa .header .wrapper { font-size:120%; }

#homepage #content { 
	background:transparent url(/images/bg_content.png) 0 0 repeat-x;
	padding-top:40px; 
}
.level2 #content { padding-top:2em; }

.optional #content { padding-bottom:10em }
/* = ".twoCol" needs to be added to all second/tertiary pages that use a right rail that has a gray background color = */
.optional.twoCol #content { background:transparent url(/images/bg_content-with-aside.png) repeat-y 60.9375% 0 ; }/* 585px / 960px */ 

a:hover { text-decoration: none; }
a { text-decoration: underline; }

.section {
	float: left;
	width: 65.625%; /* 630px / 960px */
}
.optional #content > .section { padding-top:2em; width:57.8125%; /* 555px / 960px */ }

#content .aside {
	padding:0;
	width:33.33333333%; /* 320px / 960px */
}
.optional #content > .aside {
	/* [disabled]background-color:#f7f7f7; */
	padding-top:2em;
	width:39.0625%; /* 375px / 960px */
}

.optional #content .aside > * { margin-right:auto; margin-left:auto; width:68%; /* 255px / 375px */ }
	.article .tools { float:left; margin:0 1em 1em; padding:0; width:26.5625%; /* 255px / 960px */ }
	.article .tools:first-child { margin-left:0; }

.optional #content > .article { padding-top:2em; }

.tools #content > .article { overflow:auto; } /* force auto height with floated elements. Consider a utility class to accomplish this. */

p.somemore { line-height:1.5em; }
.somemore a { 
	background:#fff url(/images/icon_more.png) 100% 75% no-repeat; 
	padding:1px 25px 0 0; 
}

li p.somemore { font-size:1em; }

/*.somemore span { 
	display:inline-block;
	margin-left:1%;
	position:relative;
	top:3px;
	height:16px;
	width:16px;
}*/

.resource a h4, .resource h3 a { font-weight:normal; }
.resource a:hover h3, .resource a:hover h4 { text-decoration:underline; }
.resource a .sublink:after, .description a:after { content: " »"; }

.optional.lessWhiteSpace .header .wrapper h1 { margin-bottom:0; }

.time, time {
	font-style:italic;
	color:#666;
	font-size:0.9em;
}

/*
 * Simple fluid media
 */
figure, .figure { position: relative; }

figure img, figure object, figure embed, figure video,
.figure img, figure object, .figure embed, .figure video {
	max-width: 100%;
	display: block;
}

input.text {
	border: 2px solid #CDCDCD;
	border-radius: 3px;
}

/* ======= form header images ======= */
.employers > .header > .wrapper { background:transparent url(/images/img_employers_about.png) bottom right no-repeat; }
.individuals > .header > .wrapper { background:transparent url(/images/img_individuals_about.png) bottom right no-repeat; }
.health > .header > .wrapper { background:transparent url(/images/img_healthCare_about.png) bottom right no-repeat; }
.hospitals > .header > .wrapper { background:transparent url(/images/img_hospitals_about.png) bottom right no-repeat; }
.pharmacists > .header > .wrapper { background:transparent url(/images/img_pharmacy_about.png) bottom right no-repeat; }
.consumer > .header > .wrapper { background:transparent url(/images/img_consumer_about.png) bottom right no-repeat; }
.officials > .header > .wrapper { background:transparent url(/images/img_officials_about.png) bottom right no-repeat; }
.insurers > .header > .wrapper { background:transparent url(/images/img_insurers_about.png) bottom right no-repeat; }

.employers > .header > .wrapper > *,
.individuals > .header > .wrapper > *,
.health > .header > .wrapper > *,
.hospitals > .header > .wrapper > *,
.pharmacists > .header > .wrapper > *,
.consumer > .header > .wrapper > *,
.officials > .header > .wrapper > *,
.insurers > .header > .wrapper > * { margin-right:38%; }

.employers > .header > .wrapper p,
.individuals > .header > .wrapper p,
.health > .header > .wrapper p,
.hospitals > .header > .wrapper p,
.pharmacists > .header > .wrapper p,
.consumer > .header > .wrapper p,
.officials > .header > .wrapper p,
.insurers > .header > .wrapper p { line-height:1.33em; }

/* ======= Bookmark and Share ======= */
#services, #services ul { 
	float:right;
	list-style:none;
}
ul.services li.share a { background:transparent url(/images/icon_share.gif) 0 center no-repeat; }
#services ul {
	display: block;
	list-style:none;
	margin:0;
	padding:0;
	height:auto;
}

#services li.share{ 
	/* [disabled]display:none; */ 
	position:relative; 
	z-index:999; 
}
#services li.share ul {
	background-color:white;
	display:block;
	position:absolute;
	/* top:-1000px; */
	left:19px;
	margin:0;
	border:1px solid #cdcdcd;
	border-top:none;
	padding:0 0 3px 0;
	list-style:none;
	width:139px;
	z-index:999;
}

/* ======= Row rules ======= */
#homepage .row { clear:both; margin-bottom:2em; border-bottom:1px solid #e5e5e5; }

body > .row { /*clear:both; */margin-bottom:0; border-bottom:1px solid #e5e5e5; }

/* ======= Video rules ======= */

.video object, object embed {
	height:333px;
	width:540px;
}

/* ======= Module behaviors ======= */
.mod { 
	margin:0 auto;
	padding-bottom:2em/* !important*/;
}
.mod h3 { margin-bottom:0.8em; }
.mod p { line-height:1.4; margin-bottom:1.8em; }

.mod p.somemore { margin-bottom:0; }

.mod a, .somemore a, a.emphasis{ text-decoration:none; }
.mod a:hover, .somemore a:hover, a.emphasis:hover { text-decoration:underline; }
.mod a img { vertical-align:middle; }

.mod .section { border-right:1px solid #7b7b7b; width:63.02083333%; /* 605px / 960px */}
.mod .section > * { margin-right:7.272727272%; /* 44px / 605px */ }

.mod ul, .mod ol { margin:0; padding:0; list-style-type:none; }

.mod ol li strong { color:#c11111; font-size:112.5%; }

.mod .resource { 
	float:left;
	margin-right:0;
	width:45%;
	padding:0 4% 0 0;
}

.mod.tools > * { color:#fff; margin:0 auto; /* width:80.3125%; 257px / 320px */ }

.optional .mod .resource { 
	width:31.33333333%; /* 320px ; 960px */ 
	padding:0 1%;
}

/*.optional .mod .resource:nth-child(1) > * { margin-right:8.75%;  60px / 320px  }*/

/*.optional .mod .resource:nth-child(2) > * { 
	margin-left:9.375%;  30px / 320px  
}*/

/*.optional .mod .resource:nth-child(3) > * { margin-left:18.75%;  60px / 320px  }*/

.level1 .mod .resource p { margin:0 13.24503311% 0 auto; /* 40px / 302px */ }

.menu {
	font-size:1em;
	margin:0 0 1em;
	padding:0;
}

#content .menu { font-size:1.3em; }

.menu li {
	display:inline;
	border-right:1px solid #7b7b7b;
	padding:0 1.58730158%; /* 10px / 630px */
}

.menu li.firstItem { padding-left:0; }
.menu li.lastItem { border-right:none; }

#nav-primary { height:64px; }
#nav-secondary { height:39px; }

#auxiliary { margin-top: 25px; }

.crumb, .crumbL3 { visibility:hidden; }
.level3 .crumb,
.level4 .crumbL3 { visibility:visible; }

#aboutMH #auxiliary #breadcrumbs .aboutMH, #aboutHDS #auxiliary #breadcrumbs .aboutHDS, #beone #auxiliary #breadcrumbs .beone, #resource #auxiliary #breadcrumbs .resource, #connected #auxiliary #breadcrumbs .connected, #news #auxiliary #breadcrumbs .news { display:block; }

#auxiliary #breadcrumbs {
	float: left;
	margin: 0;
	width: 69.3333%;
}

#auxiliary #breadcrumbs .menu { height:24px; margin-left:40%; }
#auxiliary #breadcrumbs .menu li { /*font-size:1.1em;*/ display:inline-block; float:none; height:24px; }
#auxiliary #breadcrumbs .menu li a { color:#555; font-size:1.1em/*0.8em*/; padding:0 5px; line-height:2em; text-shadow:none; }
#auxiliary #breadcrumbs .menu li:before { content:">"; position:relative; font-size:.8em; }
#auxiliary #breadcrumbs .menu li:first-child:before { content:""; }

.bulletlist li, .blocklist li { /*height:24px;*/ margin-bottom:1em; }

.bulletlist, .blocklist/*, #content ul, #content ol, #content dl*/ { 
	margin: 0 0 1em; 
	padding: 0 0 0 1.5em; 
}

.linklist li { margin:0 0 0.3em; }

.abc li { margin-bottom:0.5em; }

.social li { white-space:nowrap; }

.blocklist .facebook, .blocklist .twitter, .blocklist .youtube { /*font-size:1.3em;*/
	padding-left:24px; /* 30px / 320px = 9.375%*/
	line-height:16px; 
}

.description li { margin-bottom:1em; }
.description a { height:32px; }

.bulletlist.description li { height:auto;}
.bulletlist.description li a:after { content:""; content: none; }

.blocklist .facebook { background: transparent url(/images/icon_facebook_sm.png) 0 0 no-repeat; }
.blocklist .twitter { background: transparent url(/images/icon_twitter_sm.png) 0 0 no-repeat; }
.blocklist .youtube { background: transparent url(/images/icon_youtube_sm.png) 0 0 no-repeat; }

#content .footer { 
	margin:0 auto;
	max-width:960px; 
}

#footer {
	color:#222222;
	margin-top:30px;
}

.footercolumn {
	float:left;
	width:26.875%; /* 258px / 960px */
}

.footerlist {
	padding:0;
	margin:0;
}

.footerlist a {
	color:#222;
	text-decoration:none;
}

.footerlist a:hover { text-decoration:underline; }

.footerlist li {
	list-style:none;
	line-height:21px;
}


.footercolumn3 {
	float:right;
	width:46.145833% /* 443px / 960px */
}

.footercolumn .menu a { color:#222; }

.closefooter {
	clear:both;
	color:#222;
	width:100%;
	padding-top:2em;
	padding-bottom:3em;
	text-align:center;
}

.closefooter img {
	float:left;
	margin-left:9.58% /*92px/960px*/
}

.closefooter a { color:#222; }

.closefooter p { margin-top:2em; }

#thankYou {
	background:transparent url(/images/bg_thankyou_960x307.png) 0 0 no-repeat;
	background-size:cover;
	color:#fff;
	font-weight:normal;
	margin-bottom:2em;
	min-height:307px;
}
#thankYou .header { margin:15px 0 40px 4.791666666%; /* 46px / 960px */ }
#thankYou h1 { font-size:4.5em; line-height:1; margin-bottom:15px; }
#thankYou h2 { font-size:3em; margin:40px 0 10px 4.791666666%; /* 46px / 960px */ }
#thankYou p { font-size:2em; }
#thankYou em { margin-left:4.791666666%; /* 46px / 960px */ margin-bottom:0; font-size: 1.3em; }
#thankYou em img { vertical-align:middle; }

img.bg {
	min-height:100%;
	min-width:100%;
	position:absolute;
	left:0;
	
	/* Set rules to fill background 
	min-height:100%;
	min-width:1024px;
	*/
	/* Set up proportionate scaling
	width: 100%;
	height: auto;
	*/
	/* Set up positioning 
	position: fixed;
	top: 0;
	left: 0;
	*/
}

/* ==================
   Initializr Theme
   ================== */
body {
	font-family: Helvetica, Helvetica Neue, "Arial Narrow", Arial, sans-serif;
}

.wrapper {
	margin: auto;
	max-width: 960px;
	padding:0 10px;
}
#header-container {
	border-bottom:1px solid #999;
		/*
		-webkit-box-shadow: 0 40px 40px -40px #aaaaaa;
		-moz-box-shadow: 0 40px 40px -40px #aaaaaa;
		box-shadow: 0 40px 40px -40px #aaaaaa;
		 */
	}
/*h2, h3 {
	 [disabled]margin:30px 0;
} */
h1 { font-size: 3.2em; }
h2 { font-size: 2.0em; }
h3 { font-size: 2.0em; }
h4 { font-size: 1.3em; }

#title, h1, h2, h3 { 
	font-weight:normal; 
	margin:0 0 0.5em;
}

#title {
	font-size: 6em;
	color: white;
	float: left;
}

#beone .header .wrapper h1 { margin-top:1em; }

aside, .aside { /* [disabled]color: white; */ padding: 20px; float: right;/* [disabled]height: 500px; background-color: #d5d2d2;*//* [disabled]border-bottom: 20px solid #e44d26; *//* [disabled]margin-bottom: 50px; -webkit-box-shadow: 0 0px 40px -10px #aaaaaa; -moz-box-shadow: 0 0px 40px -10px #aaaaaa; box-shadow: 0 0px 40px -10px #aaaaaa;*/ }

p, ul, ol, dl, blockqoute, pre, code {
	font-size:1.3em;
	margin:0 0 1em;
}

ol > li > ol { 
font-size: 1em;	
}

article header, .article .header {
	margin-bottom: 50px;
	padding-bottom: 30px;
	/* [disabled]width:700px; */
	/*-webkit-box-shadow: 0 45px 60px -60px #aaaaaa;
	-moz-box-shadow: 0 45px 60px -60px #aaaaaa;
	box-shadow: 0 45px 60px -60px #aaaaaa;*/
}
#footer-container {
	background-color: #fff;
	clear:both;
	color:#222;
	height: 200px;
	border-top: 1px solid #e5e5e5;
}
#footer-container .footer { color: white; }

/* do not group these, IE will not read any declaration that contains last-child pseudos */
#homepage .row { border-bottom:0; }
.row:last-child { border-bottom:0; }

/* =============================================================================
   Non-semantic helper classes
   Please define your styles before this section.
   ========================================================================== */
/* Postioning of text */
html .lf { text-align:left; } html .rt { text-align:right; }

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display:none; visibility:hidden; }
/* This will display the short form on the homepage */
#homepage #shortForm.hidden { display:block; visibility:visible; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */ 
.clearfix:before, .clearfix:after, .cf:before, .cf:after { content: ""; display: table; }
.clearfix:after, .cf:after { clear: both; }
.clearfix, .cf { zoom: 1; }

a.skippy {
	position: absolute;
	top:-1000px;
	left:0;
	overflow:hidden;
	text-align:left;
	height:1px;
	width:1px;
}
a.skippy:active, 
a.skippy:focus, 
a.skippy:hover {
	background-color:#5271ad;
	color:#fff;
	font-size:1em;
	font-weight:bold;
	top:0;
	right:0;
	left:0;
	padding:5px;
	height:auto;
	width:auto;
	overflow:auto;
	z-index:100;
}

.outline { outline:1px dotted #000; }

.nowrap { white-space:nowrap; }

.disclaimerBlurb { 
	display:none; 
	color:#fff;
	font-size:0.5em;
	padding:0.5%;
	padding-top:0;
}

/* =============================================================================
   [30] Partners Page
   ========================================================================== */

.partners.page li { list-style:none; }

.partners.page ul {
	margin:0;
	padding:0;
}

.partners.page .container p { 
	text-align:right; 
	font-size:0.9em;
	font-weight:bold;
	padding:0.5em;
	margin:0;
}

.partners.page .container p a { 
	a:hover {
	text-decoration: underline;
	color:#039; 
}

.partners.page .container p a:after { content: " »"; }

.partners.page .column { float:left; }

.partners.page .container {
	background: #fcfcfc; /* Old browsers */
	background: -moz-linear-gradient(top, #fcfcfc 0%, #ececec 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fcfcfc 0%,#ececec 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fcfcfc 0%,#ececec 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fcfcfc 0%,#ececec 100%); /* IE10+ */
	background: linear-gradient(top, #fcfcfc 0%,#ececec 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 2px 4px 4px 1px #ccc;
	-moz-box-shadow: 2px 4px 4px 1px #ccc;
	box-shadow: 2px 4px 4px 1px #ccc;
	-pie-box-shadow: 2px 4px 4px 1px #ccc;
	display:inline-block;
	padding-top:1em;
	width:240px;
}

/* =============================================================================
   [30.1] Partners Page - Public Partners
   ========================================================================== */

.partners.page.public .container img { width:100%; }

.partners.page.public.grid .column.first > li:after,
.partners.page.public.grid .column.first.single > li:before,
.partners.page.public.grid .column.second > li:before,
.partners.page.public.grid .column li.connector:after,
.partners.page.public.grid .column li.connector:before {	
	content:"";
	display:inline-block;
	position:relative;
	width:25px;
	margin-bottom:65px;
}

.partners.page.public.grid .column.first.single > li:after {
	content:inherit;
}

.partners.page.public.grid .column.first > li:after,
.partners.page.public.grid .column.second > li:before,
.partners.page.public.grid .column li.left.connector:before,
.partners.page.public.grid .column.first.single > li:before {
	border-bottom:1px solid #dedede;
}

.partners.page.public.grid .column.first > li:after,
.partners.page.public.grid .column li.right.connector:after { margin-left:-3px; }

.partners.page.public.grid .column.second > li:before,
.partners.page.public.grid .column li.left.connector:before,
.partners.page.public.grid .column.first.single > li:before { margin-right:-3px; }


.partners.page.public.grid .column li.left.connector:before {
	position:absolute;
	top:68px;
	left:-25px;
}

.partners.page.public.grid .column li.top.connector:before {
	position:absolute;
	border-bottom:0 none;
	border-right:1px solid #dedede;
	height:2em;
	left:6em;
	top:164px;
}

.partners.page.public .column li.top.connector.default { margin-top:2em; }

.partners.page.public.grid .column li.top.connector.default { margin-left:6em; }

.partners.page.public .column,
.partners.page.public .column li { 
	padding-top:2em;
}

.partners.page.public .column li:first-child {
	padding-top:0;
}

.partners.page.public .column.second li.last:before {
	border-bottom:0;
	border-left:1px solid #fff;
	border-top:1px solid #dedede;
	height:68px;
	margin-bottom:-8px;
	margin-left:-1px;
}

.partners.page.public.grid .column.second,
.partners.page.public.grid .column.first.single { 
	border-left: 1px solid #dedede; 
}

.partners.page.public li.nested { 
	position:absolute; 
	top:2em; 
	left:0; 
}

.partners.page.public li.parentNested { 
	position:relative; 
	top:0; 
	left:0;
}

.partners.page.public.default ul li {
	margin-left:1.5em;
}

/* =============================================================================
   [30.2] Partners Page - Private/State Partners
   ========================================================================== */

.partners.page.private li,
.partners.page.state li,
#homepage .partners.page.public li {
	float:left;
	margin:0 4em 2em 0;
}

/* =============================================================================
   [31] Partners Carousel 
   ========================================================================== */

#partnerCarousel {
	position:relative;
}

#partnerCarousel .slider {
	padding-left:14px;
	min-height:200px;
}

#partnerCarousel .slidecontrols {
	position:absolute;
	top:10%;
	z-index:1;
}

#partnerCarousel .slidecontrols.prev { left:0; }
#partnerCarousel .slidecontrols.next { right:0; }

#partnerCarousel .slidecontrols a {
	display: block;
	float: left;
	height:102px;
	width:	28px;
	overflow: hidden;
	text-indent: -1000em;
}
#partnerCarousel .slidecontrols a:hover { background-position: 50% 48%; }

#partnerCarousel .slidecontrols a.partners-disabled {
	cursor: default;
	opacity: 0.1;
}
#partnerCarousel .slidecontrols a.partners-disabled:hover { background-position: 50% 50%; }
#partnerCarousel .slidecontrols a.partners-next:hover { background-position: 25% 48%; }
#partnerCarousel .slidecontrols a.partners-next.partners-disabled:hover { background-position: 25% 50%; }

#partnerCarousel .slidecontrols img { display:block; }

#homepage #partnerCarousel .partners.page.public li { margin:0 2em 0 0; }
#homepage #partnerCarousel .partners.page.public { margin-left:1em; }


/* =============================================================================
   [32] iOS fixes. iPad, iPhone, iPod
   ========================================================================== */

.iOS .pdf.plugin { 
	display:none; 
}

.iOS a:hover { text-decoration:underline; }

.iPad .nav a, 
.iPad nav a { 
	text-shadow:none; 
}

.iPad #audience .button.toggle.open:after {
	top:4px;
}

/* setting background to fix right side stroke for mobile Safari on landscape view (iPad). Why??? */
.iPad .optional #header-container #audienceShort { background:#fff; }


/* =============================================================================
   [33] Media Queries
   
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */


/* =============================================================================
   [33.1] Media Queries -- maxWidth : 1023px
   Adjustments for viewports under 1023px
   ========================================================================== */

@media only screen and (max-width: 1023px) {
	.social li { white-space:normal; }

}


/* =============================================================================
   [33.2] Media Queries -- maxWidth : 985px
   Adjustments for viewports under 985px
   ========================================================================== 
   
@media only screen and (max-width: 985px) {
	body { font-size:56.25%; }
	
	nav a, .nav a { font-size:1.14em; }
	
	.email.subscribe header li a { font-size:95% }
	
	.header .menu li a {
	/* [disabled]font-size:115%; */
	/*padding:0 0.3em;*/
	}
	
	.optional.twoCol #content { 
		/*margin-right:10px; */
		padding-right:0;
	}
	
/*}*/


/* =============================================================================
   [33.3] Media Queries -- maxWidth : 950px
   Adjustments for viewports under 950px
   ========================================================================== */

@media only screen and (max-width: 950px) {
	#audienceShort a.beOne {
		font-size:1.3em;
	}
}


/* =============================================================================
   [33.4] Media Queries -- maxWidth : 900px
   Adjustments for viewports under 900px
   ========================================================================== */
   
@media only screen and (max-width: 900px) {
	
	.header #nav-primary .nav li a {
		padding-left: 7px;
		padding-right: 7px;
	}
	
	#audienceShort #shortForm {
		height:auto;
	}

}


/* =============================================================================
   [33.5] Media Queries -- maxWidth : 815px
   Adjustments for viewports under 815px
   ========================================================================== */
   
@media only screen and (max-width: 815px) {
	#audienceShort a.beOne {
		font-size:1.2em;
	}
}


/* =============================================================================
   [33.6] Media Queries -- maxWidth : 850px && minWidth : 768px
   Adjustments for viewports under 850px and above 768px
   ========================================================================== */
   
@media only screen and (max-width: 850px) and (min-width: 768px) {
	.email.subscribe header li a { font-size:80%; }
	#audienceShort a.beOne { font-size:1.2em; }
	#audience h2 { font-size:2.5em; }
	
	#audienceShort #shortForm {
		padding:0 5%;
		height:auto;
		position:relative;
	}

}


/* =============================================================================
   [33.7] Media Queries -- minWidth : 768px
   Adjustments for viewports bigger than 768px
   ========================================================================== */
   
@media only screen and (min-width: 768px) {
	#homepage #audienceShort #audience .beOne { visibility:hidden; }
	
	#homepage #audience a.beOne,
	#homepage #audience a.button.toggle {
		display:none;
	}
}

/* =============================================================================
   [33.8] Media Queries -- maxWidth : 768px
   Adjustments for viewports under 768px. Up to iPad screen size.
   ========================================================================== */

@media only screen and (max-width: 768px) {	
	body { /* [disabled]font-size:56.25%; */ }
	
	#header-container, #header-container .header .aside, #header-container .slides .slide { height:auto; }
	
	p, ul, ol, dl, blockqoute, pre, code { /* [disabled]font-size: 1.2em; */ }
	
	.iOS .header #nav-primary .nav li a {
		padding-left: 9px;
		padding-right: 9px;
	}
	
	#audience { 
		padding-bottom:0;
		height:auto;
	}
	
	#audience h3 { font-size:1.8em; }
	
	#audience .buttonContainer { padding-bottom:2em; }
	
	#header-container .header .aside { position:absolute; }
	
	#audience h2, #audience h3 { margin-bottom:0.25em; }
	
	#auxiliary #breadcrumbs .menu li a { font-size:1.4em }
	
	#audience h2 {
		font-size:2.4em;
	}
	
	#audience a.button { 
		display: inline-block;
		margin-bottom: 0.5em;
	}
	
	.slides .slide > * {
		padding: 0 10%;
		margin: 5% auto 2.5%;
	}
	.slides h2 { font-size:3.4em; }
	.slides p { font-size:1.6em; }
	.slides .slide .button { 
		background:url(/images/btn_sliderMore.png) bottom left no-repeat; 
		margin-right:15.49295774%;
		height:22px;
		width:104px;
	}
	.slides .button a { 
		font-size:1em; 
		height:auto;
	}
	
	/*.slides { background:transparent url(/images/noise.png) repeat 50% 0; }*/
	
	.slidewrap {
		/*background:transparent url(/images/noise.png) repeat 50% 0;*/
	}
	
	.slidewrap .carousel-tabs { 
		margin:0 auto; 
		text-align:center;
		position:inherit;
	}
	
	.slidewrap .slidecontrols { height:75px; }
	.slidewrap .slidecontrols a { height:100%; }
	.slidewrap .slidecontrols img {
		max-height: 100%;
		max-width: none;
		width: auto;
	}
	
	#stage { 
		left:0;
		/*height:auto;*/
	}
	
	/*.wrapper { padding:0 0.25% 0 0.5%; }*/
	
	.arrow-right {
		border-bottom:10px solid transparent;
		border-left:10px solid transparent;
		border-top:10px solid transparent;
		height:0;
		width:0;
	}
	
	#stage img {
		position:relative;
		height:100%;
		min-height:100%;
	/* [disabled]max-width:none; */
	}
	
	.share, .print { display:none; }
	
	.email h3 { font-size: 1.5em; }
	
	.header.row .menu { margin-top:1em; }
	
	.header.wrapper { padding:0; }
	
	#content, 
	.footer.wrapper { 
		padding: 0 10px; 
	}
	
	/*form.submit-pledge fieldset table {
  		width: 100%;
	}*/
	
	/*.pledge form table td:first-child,
	.pledge form table td.first {
		width:86%;
		padding-right:0.6em;
	}*/
	
	.iOS .pledge form input[name=mhfirstname],
	.iOS .pledge form input[name=mhlastinit],
	.iOS .pledge form input[name=mhorg],
	.iOS .pledge form input[name=mhemail] {
		width:94%;
	}
	
	.pledge div.error.visible {
		margin:3% 5%;
	}
	
	.iOS #millionhearts_search input[type="text"] {
		-webkit-box-shadow:none;
		box-shadow:none;
		-webkit-appearance:none; /* remove mobile Safari form field inner shadow */
		border:1px solid #E5E5E5;
	}
}

/* =============================================================================
   [33.9] Media Queries -- maxWidth : 768px -- iPad
   Adjustments for viewports under 768px
   ========================================================================== */

@media only screen and (max-width: 768px) and (min-width: 768px) {
	#beone .mod .resource h3 {
		font-size:1.9em;
	}
	
	.social li {
		white-space:nowrap;
	}
	
	#header-container { padding:0 10px; }
	
	body #content { font-size:120%; }
	
	.iOS.aa #content, .iOS.aa .header .wrapper { font-size:130%; }
	.iOS.aaa #content, .iOS.aaa .header .wrapper { font-size:140%; }
	
	.partners.page .container { width:198px; }
	
}


/* =============================================================================
   [33.10] Media Queries -- maxWidth : 767px
   Adjustments for viewports under 767px
   ========================================================================== */

@media only screen and (max-width: 767px) {
	body { position:relative; }
	
	#func, #nav-primary, #nav-secondary, .utilityBar, .header.row .auxiliary, #homepage .home-btn { display:none; }
	
	#searchForm {
		float:none;
		margin:1em auto;
		padding:0 6px;
		height:28px;
	}
	
	#millionhearts_search input[type="text"] { 
		height:18px;
		padding:0.5em 0;
		text-indent:0.5em;
		width:100%;
	}
	
	#millionhearts_search input[type="image"] { top:0; }
	
	#header-container,
	.optional #header-container { 
		background-image:none; 
		border-bottom:none; 
	}
	
	#header-container .header .aside {
		position:inherit !important;
		float:none;
		margin:0 auto;
		width:96%;
		z-index:999;
	}
	
	#audienceShort #shortForm { 
		background: #c42727; /* Old browsers */
		background: -moz-linear-gradient(top, #c42727 0%, #9b0319 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c42727), color-stop(100%,#9b0319)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #c42727 0%,#9b0319 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #c42727 0%,#9b0319 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #c42727 0%,#9b0319 100%); /* IE10+ */
		background: linear-gradient(top, #c42727 0%,#9b0319 100%); /* W3C */
		position:absolute;
		left:0;
		padding:0 5% 5%;
		height:auto;
		width:90%;
		-webkit-box-shadow: 2px 2px 2px 4px rgba(25, 25, 25, .5);
		-moz-box-shadow: 2px 2px 2px 4px rgba(25, 25, 25, .5);
		box-shadow: 2px 2px 2px 4px rgba(25, 25, 25, .5);
		-pie-box-shadow: -1.75px -1.75px 4px 2px #ccc;
		behavior: url(/js/libs/PIE/PIE.htc);
	}
	#homepage #shortForm.hidden { 
		display:none; 
		visibility:hidden; 
	}
	
	#audienceShort a.beOne {
		font-size: 2em;
	}
	
	.video object,
	.video object embed {
		width:100%;
		max-width:100%;
	}
	
	.welcome {
		float:none;
		margin:0 auto;
		width:auto;
		background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,0.5) 80%, rgba(255,255,255,0) 100%); /* FF3.6+ */
		background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(80%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); /* Chrome, Safari4+ */
		background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 80%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 80%,rgba(255,255,255,0) 100%); /* Opera 12+ */
		background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 80%,rgba(255,255,255,0) 100%); /* IE10+ */
		/* [disabled]background: radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 80%,rgba(255,255,255,0) 100%); */ /* W3C */
	}
	
	#beone .header.row .wrapper {
		display:none;
	}
	
	.slidewrap .slidecontrols {
		display:none;
	}
	
	/* #stage img { max-width:none; } */
	
	#stage { top:179px; }
	
	body > .header { 
		clear:both;
		padding-top:10px; 
	}
	
	body[class] > .header > .wrapper { background-image:none; }
	body[class] > .header > .wrapper > * { margin-right:auto; }
	
	body.optional { background-image:none; }
	
	.optional.twoCol #content { background-image:none; }
	
	.optional #content { padding-bottom:2em; }
	
	.optional #content > .article, .mod { padding-top:0; padding-bottom:0; }
	
	.mod .section,
	.mod .resource,
	.optional .mod .resource,
	.optional #content > .section,
	.optional #content > .aside {
		clear:both;
		float:none;
		margin:0 auto 2em;
		border:none;
		/*width:90%;*/
		width:auto;
	}
	
	.optional .mod .resource > * { margin:0 auto !important; }
	.mod .section > * { margin-right:0; }
	
	.optional #content .aside > *,
	#auxiliary #breadcrumbs { width:auto; }
	
	#auxiliary #breadcrumbs .menu { margin-left:10px; }
	
	#content .mod.tools { 
		-webkit-border-radius:7px;
		-moz-border-radius:7px;
		border-radius:7px;
		margin-bottom:1em;
		/*border:1px solid orange;*/
		padding-bottom:0 !important;
		width:65%;
		overflow:hidden;
	}
	
	.mod.tools .header {
		
		background: -moz-linear-gradient(left,  rgba(83,10,133,1) 0%, rgba(66,8,105,1) 4%, rgba(69,8,111,1) 5%, rgba(87,10,139,1) 69%, rgba(91,11,146,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(83,10,133,1)), color-stop(4%,rgba(66,8,105,1)), color-stop(5%,rgba(69,8,111,1)), color-stop(69%,rgba(87,10,139,1)), color-stop(100%,rgba(91,11,146,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  rgba(83,10,133,1) 0%,rgba(66,8,105,1) 4%,rgba(69,8,111,1) 5%,rgba(87,10,139,1) 69%,rgba(91,11,146,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  rgba(83,10,133,1) 0%,rgba(66,8,105,1) 4%,rgba(69,8,111,1) 5%,rgba(87,10,139,1) 69%,rgba(91,11,146,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  rgba(83,10,133,1) 0%,rgba(66,8,105,1) 4%,rgba(69,8,111,1) 5%,rgba(87,10,139,1) 69%,rgba(91,11,146,1) 100%); /* IE10+ */
		background: linear-gradient(left,  rgba(83,10,133,1) 0%,rgba(66,8,105,1) 4%,rgba(69,8,111,1) 5%,rgba(87,10,139,1) 69%,rgba(91,11,146,1) 100%); /* W3C */
		
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#530a85', endColorstr='#5b0b92',GradientType=1 ); /* IE6-9 */
	}
	.mod.tools .body {
		background: #760eb3; /* Old browsers */
		background: -moz-linear-gradient(left,  #760eb3 0%, #7611b3 1%, #760eb3 2%, #790eb3 4%, #7611b3 6%, #790eb3 7%, #7912b3 9%, #7912b4 15%, #7d14b4 18%, #7a16b4 19%, #7c16b4 20%, #7a14b3 21%, #7d16b4 22%, #7817b2 33%, #7a19b0 34%, #7a1ab0 37%, #731ea8 63%, #7121a8 64%, #711ea8 64%, #731fa7 66%, #7021a6 66%, #7022a3 75%, #6c229e 81%, #6b2798 95%, #692497 96%, #6c2797 98%, #692796 98%, #6b2797 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#760eb3), color-stop(1%,#7611b3), color-stop(2%,#760eb3), color-stop(4%,#790eb3), color-stop(6%,#7611b3), color-stop(7%,#790eb3), color-stop(9%,#7912b3), color-stop(15%,#7912b4), color-stop(18%,#7d14b4), color-stop(19%,#7a16b4), color-stop(20%,#7c16b4), color-stop(21%,#7a14b3), color-stop(22%,#7d16b4), color-stop(33%,#7817b2), color-stop(34%,#7a19b0), color-stop(37%,#7a1ab0), color-stop(63%,#731ea8), color-stop(64%,#7121a8), color-stop(64%,#711ea8), color-stop(66%,#731fa7), color-stop(66%,#7021a6), color-stop(75%,#7022a3), color-stop(81%,#6c229e), color-stop(95%,#6b2798), color-stop(96%,#692497), color-stop(98%,#6c2797), color-stop(98%,#692796), color-stop(100%,#6b2797)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  #760eb3 0%,#7611b3 1%,#760eb3 2%,#790eb3 4%,#7611b3 6%,#790eb3 7%,#7912b3 9%,#7912b4 15%,#7d14b4 18%,#7a16b4 19%,#7c16b4 20%,#7a14b3 21%,#7d16b4 22%,#7817b2 33%,#7a19b0 34%,#7a1ab0 37%,#731ea8 63%,#7121a8 64%,#711ea8 64%,#731fa7 66%,#7021a6 66%,#7022a3 75%,#6c229e 81%,#6b2798 95%,#692497 96%,#6c2797 98%,#692796 98%,#6b2797 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  #760eb3 0%,#7611b3 1%,#760eb3 2%,#790eb3 4%,#7611b3 6%,#790eb3 7%,#7912b3 9%,#7912b4 15%,#7d14b4 18%,#7a16b4 19%,#7c16b4 20%,#7a14b3 21%,#7d16b4 22%,#7817b2 33%,#7a19b0 34%,#7a1ab0 37%,#731ea8 63%,#7121a8 64%,#711ea8 64%,#731fa7 66%,#7021a6 66%,#7022a3 75%,#6c229e 81%,#6b2798 95%,#692497 96%,#6c2797 98%,#692796 98%,#6b2797 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  #760eb3 0%,#7611b3 1%,#760eb3 2%,#790eb3 4%,#7611b3 6%,#790eb3 7%,#7912b3 9%,#7912b4 15%,#7d14b4 18%,#7a16b4 19%,#7c16b4 20%,#7a14b3 21%,#7d16b4 22%,#7817b2 33%,#7a19b0 34%,#7a1ab0 37%,#731ea8 63%,#7121a8 64%,#711ea8 64%,#731fa7 66%,#7021a6 66%,#7022a3 75%,#6c229e 81%,#6b2798 95%,#692497 96%,#6c2797 98%,#692796 98%,#6b2797 100%); /* IE10+ */
		background: linear-gradient(left,  #760eb3 0%,#7611b3 1%,#760eb3 2%,#790eb3 4%,#7611b3 6%,#790eb3 7%,#7912b3 9%,#7912b4 15%,#7d14b4 18%,#7a16b4 19%,#7c16b4 20%,#7a14b3 21%,#7d16b4 22%,#7817b2 33%,#7a19b0 34%,#7a1ab0 37%,#731ea8 63%,#7121a8 64%,#711ea8 64%,#731fa7 66%,#7021a6 66%,#7022a3 75%,#6c229e 81%,#6b2798 95%,#692497 96%,#6c2797 98%,#692796 98%,#6b2797 100%); /* W3C */
		
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#760eb3', endColorstr='#6b2797',GradientType=1 ); /* IE6-9 */
	}
	
	.mod.tools .footer {
		background: rgb(82,30,117); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(82,30,117,1) 0%, rgba(96,43,129,1) 86%, rgba(92,41,125,1) 89%, rgba(79,36,108,1) 92%, rgba(86,34,96,1) 94%, rgba(57,31,73,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(82,30,117,1)), color-stop(86%,rgba(96,43,129,1)), color-stop(89%,rgba(92,41,125,1)), color-stop(92%,rgba(79,36,108,1)), color-stop(94%,rgba(86,34,96,1)), color-stop(100%,rgba(57,31,73,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(82,30,117,1) 0%,rgba(96,43,129,1) 86%,rgba(92,41,125,1) 89%,rgba(79,36,108,1) 92%,rgba(86,34,96,1) 94%,rgba(57,31,73,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(82,30,117,1) 0%,rgba(96,43,129,1) 86%,rgba(92,41,125,1) 89%,rgba(79,36,108,1) 92%,rgba(86,34,96,1) 94%,rgba(57,31,73,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(82,30,117,1) 0%,rgba(96,43,129,1) 86%,rgba(92,41,125,1) 89%,rgba(79,36,108,1) 92%,rgba(86,34,96,1) 94%,rgba(57,31,73,1) 100%); /* IE10+ */
		background: linear-gradient(top,  rgba(82,30,117,1) 0%,rgba(96,43,129,1) 86%,rgba(92,41,125,1) 89%,rgba(79,36,108,1) 92%,rgba(86,34,96,1) 94%,rgba(57,31,73,1) 100%); /* W3C */
		
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#521e75', endColorstr='#391f49',GradientType=0 ); /* IE6-9 */
	}
	
	.box-parent, .box_parent {
		margin:0;
		/*width:50%;*/
	}
	.box-child, .box_child {
		width:auto;
	}
	.partners_tree .subcolumn { 
		/*width:50%; */
		float:none;
	}
	
	.partners_tree #subcolumn_small,
	.partners_tree .horizontal_left,
	.partners_tree .horizontal_right,
	.horizontal_left_last { display:none; }
	
	.last_box_child {
		width:auto;
		margin:2em 26px 0 24px;
	}
	
	.partners_tree .subcolumn.third {
		margin-left:3em;
	}
	
	/* .cdc-mobile { } */
	.cdc-mobile-hide { display:none !important; } 
	
	#footer-container { height:auto; }
	
	.footercolumn { overflow:hidden; }
	
	.footercolumn,
	.footercolumn3 {
		float:none;
		width:auto;
	}
	
	.footercolumn .footerlist li {
		line-height:2.2em;
		margin-bottom:0.5em;
		
	}
	.footercolumn .footerlist li a:hover { 
		color:#a20000;
		text-decoration:none;
		
		border: 1px solid #ccc;
		background: rgb(245,247,249); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(245,247,249,1) 0%, rgba(229,235,238,1) 50%, rgba(246,248,249,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,247,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(100%,rgba(246,248,249,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(245,247,249,1) 0%,rgba(229,235,238,1) 50%,rgba(246,248,249,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(245,247,249,1) 0%,rgba(229,235,238,1) 50%,rgba(246,248,249,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(245,247,249,1) 0%,rgba(229,235,238,1) 50%,rgba(246,248,249,1) 100%); /* IE10+ */
		background: linear-gradient(top,  rgba(245,247,249,1) 0%,rgba(229,235,238,1) 50%,rgba(246,248,249,1) 100%); /* W3C */
		
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f7f9', endColorstr='#f6f8f9',GradientType=0 ); /* IE6-9 */
	}
	.footercolumn .footerlist li a { 
		display:block;
		margin:0 2%;
		text-align:center;
		
		-webkit-border-radius:6px;
		   -moz-border-radius:6px;
				border-radius:6px;
		
		border: 1px solid #e5e5e5;
		
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* IE10+ */
		background: linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C */
		
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	}
	
	.mod.subscribe { 
		background-image:none; 
		padding-bottom:0 !important;
	}
	
	.email.subscribe { 
		height:auto; 
		min-height:inherit;
	}
	.email.subscribe header, 
	.email.subscribe .content { 
		margin:0;
		height:auto;
	}
	
	.mod .resource > a {
		display:block;
		margin:0 auto;
	}
	
	.email.subscribe header li,
	.email.subscribe header li.last {
		margin-right:auto;
		margin-left:auto;
		width:32.5%;
	}
	
	.closefooter { padding:0 0 0.5em; }
	.closefooter p { margin-top:1em; }
	
	/* Pledge Form */
	
	.pledgeContainer {
		background:#C12726;
	}
	
	.pledge { color:inherit; background:inherit; }
	
	.pledge img.bg { display:none; }
	
	.pledge form, .pledge .content { width:100% }
	
	.pledge .content {
		padding:inherit;
	}
	
	.pledge .contentContainer, 
	.pledge form {
		float:none;
	}
	
	.pledge form, 
	#content .pledge .disclaimer { 
		background:#C12726; 
		color:#fff; 
	}
	
	#content .pledge .disclaimer {
		padding-right:0;
		padding-bottom:1em;
		margin-bottom:0;
		text-align:left;
	}
	
	.pledge form .hdr {
		margin:inherit;
		padding:2% 5% 0;
	}
	
	.pledge div.error {
		min-height:inherit;
		margin:0;
	}
	
	.pledgeContainer .contentContainer { width:inherit; background:#fff; }
	
	#audience .button.toggle.open:after { top:3px; }
	
}

/* =============================================================================
   [33.11] Media Queries -- maxWidth : 640px
   Adjustments for viewports under 640px
   ========================================================================== */

@media only screen and (max-width: 640px) {
	.partners.page.public.grid .column {
		margin-left:4em;
	}
}

/* =============================================================================
   [33.12] Media Queries -- minWidth : 480px && maxWidth : 767px
   Adjustments for viewports between 480px and 767px
   ========================================================================== */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.footercolumn .footerlist {
		font-size:1.75em; 
		border:none; 
		background:teal;
		clear:both;
	}
	.footercolumn .footerlist li {
		float:left;
		width:50%;
	}
	.footercolumn .footerlist li.home-btn { width:100%; }
	
	.footercolumn .footerlist li.home-btn a { margin:0 1%; }

}


/* =============================================================================
   [33.13] Media Queries -- maxWidth : 420px
   Adjustments for viewports under 420px
   ========================================================================== */

@media only screen and (max-width: 420px) {
 	#audienceShort a.beOne { font-size:1.5em; }
}


/* =============================================================================
   [33.14] Media Queries -- maxWidth : 360px
   Adjustments for viewports under 360px
   ========================================================================== */

@media only screen and (max-width: 360px) {
	.email.subscribe header li a { white-space:nowrap; }
	.email.subscribe header li a span { display:none; }
	
	.footer .footercolumn .footerlist { border:none; }
	
	.footer .footercolumn .footerlist li { line-height:3em; }
}

/* =============================================================================
   [33.15] Media Queries -- Print
   Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
	* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
	a, a:visited { color: #444 !important; text-decoration: underline; }
	/*a[href]:after { content: " (" attr(href) ")"; }*/ /* Not printing links on anchors */
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
	tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid; }
	/* Hide skip menus by default */
	#skipmenu, a.skippy { display:none; }
}