﻿/* PALETTE ---------
MHS red: #790000
Dark Blue Text (headers): #283446
Dark Blue Nav Text: #2e3a4f 
Grey body copy: #383838
Grey stroke on Btns and Containers: #788183
MegaMenu BKGND color: #6c82a7
Link color for Breadcrumbs and other text links:  #2c6067
---NOTES---
.wysiwygcopy is a Class for the <div> that wraps all user-generated content coming from the SiteCore CMS Content Editor tool. It has a blanket font-size of 1.2em for content not wrapped in a specific tag. Tagged content (eg: p, ul, li, a) within this .wysiwygcopy class has font-size:1em to avoid compounding ems.
-- */
body {font-size:62.5%} /* Converts the presumed browser default font-size of 16px to 10px for easier math when converting px to em (1em = 10px) */
body {-webkit-text-size-adjust: 100%} /* Prevents iOS from resizing fonts when switching to landscape */
body {background:url(../img/BKGNDrepeater.png) repeat-x; font-family: tahoma, verdana, sans-serif}
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, h7, p {margin:0px; padding:0px}
header, nav, footer, section, article, aside {display:block}
.SkipNavLink {z-index:100; position:absolute; left:-1000px; display:block; width:180px; text-align:center; padding:7px; background:#fff; color:#fff; font:bold 1.2em/2 tahoma, verdana, sans-serif; border:1px #fff solid; border-left:none; border-top:none; outline:none; -moz-border-bottom-right-radius:8px; border-bottom-right-radius:8px; box-shadow:4px 4px 20px rgba(0,0,0,0.6)}
.SkipNavLink:focus {left:0; background:#b31312; -webkit-transition:left 1s ease-in, background .5s linear; -moz-transition:left 1s ease-in, background .5s linear; -o-transition:left 1s ease-in, background .5s linear; transition:top 1s ease-in, background .5s linear}
div.wrapper {max-width: 970px; margin: 0px auto}
img {border:none}
#LeftShadowEdge {background:url(../img/ShadowEdge-Left.png); float:left; width:31px; height:598px; position:absolute; left:-31px}
#RightShadowEdge {background:url(../img/ShadowEdge-Right.png); float:right; width:31px; height:598px; position:absolute; right:-31px}
header {background: url(../img/HeaderRepeater2.png) repeat-x; height: 164px; position: relative; padding:0px 10px; z-index:60}
.MHSseal {display:block; margin-top:20px; width:91px; height:91px; float:left; background-image:url(../img/MHSseal.png)}
.HealthMilLogo {display:block; margin-top:20px; width:359px; height:91px; float:left; background-image:url(../img/HealthMilLogo-main.png); margin-left:5px;}
.hidden, .HiddenHeaders, h1.MainLogoH1 > span {position:absolute; left:-9999px} /* Headers req'd for 508 */
h1.MainLogoH1 {margin:0}
#content {padding:10px 10px 0 10px; background-color:#fff; position:relative; *zoom:1} /* Fixes and issue with IE7 in which the layout comlpletely breaks */
/*--------TYPOGRAPHY----------*/
h1, h2, h3, h4, h5, h6 {font-weight:bold; font-family:tahoma, verdana, sans-serif}
h1 {font-size:/*1.8*/2.0em; color:#283446; margin-bottom:6px}
h1 a {color:#283446; text-decoration:none}
h2 {font-size:/*1.6*/1.8em; line-height:1.5; color:#283446; /*border-bottom:1px #bbb solid; margin-bottom:8px*/}
h2 a {color:#283446; text-decoration:none}
h1 a:hover, h2 a:hover {color:#2c6067; text-decoration:underline}
h3 {font-size:/*1.4*/1.55em; line-height:1.3; color:#495c7e/*283446*/; margin-bottom:2px; padding-top:6px}
h3 a {color:#495c7e/*283446*/; text-decoration:none}
h3 a:hover {color:#2c6067; text-decoration:underline}
h4 {font-size:/*1.2*/1.25em; line-height:1.25; color:#495c7e/*283446*/; letter-spacing:.05em}
h4 a, h5 a {color:#495c7e/*5f6168*/; text-decoration:none}
h4 a:hover, h5 a:hover {color:#2c6067; text-decoration:underline}
h5 {font-size:1.15em; color:#5f6168; letter-spacing:.05em}
h5 a {color:#5f6168/*383838*/}
p {font:1.2em/1.6 tahoma, verdana, sans-serif; color:#383838; margin-bottom:8px}
a, ul a, p a, .wysiwygcopy a {color:#2c6067; text-decoration:underline}
ul a:hover, p a:hover, .wysiwygcopy a:hover {color:#000; text-decoration:none}
.EmphasizedBodyCopy {font-weight:bold}
.AlertText {font:bold 1.2em/1.6 tahoma, verdana, sans-serif; color:#790000}
img {max-width:100%; height:auto}
.wysiwygcopy img, .wysiwygcopy video {max-width:100%; height:auto}
.wysiwygcopy {font-size:1.2em; margin-bottom:15px} /* sets font size for content from the WYSIWYG editor (CMS rich text editor) that doesn't fall within a specific tag, such as <p> */
.wysiwygcopy h1 {font-size:1.67em}/*--  1.2em(from ".wysiwygcopy") x 1.67em = 2em(20px) --*/
.wysiwygcopy h2 {font-size:1.5em}/*--  1.2em(from ".wysiwygcopy") x 1.5em = 1.8em(18px) --*/
.wysiwygcopy h3 {font-size:1.29em}/*--  1.2em(from ".wysiwygcopy") x 1.29em = 1.55em(15.5px) --*/
.wysiwygcopy h4 {font-size:1.04em} /*-- 1.2em(from ".wysiwygcopy") x 1.04em = 1.25em(12.5px) --*/
.wysiwygcopy h5 {font-size:.96em} /*-- 1.2em(from ".wysiwygcopy") x .96em = 1.15em(11.5px) --*/
 /* For Date/Time stamps, Author info, file type, etc */
.MetaContent {font-size:1.1em; display:block; padding:5px 0 0 10px; margin:0 0 5px 0; text-transform:uppercase; float:left; width:100%}
.MetaContent a {color:#2c6067}
.MetaContent a:hover {color:#000; text-decoration:none}
.MetaContent li {display:inline-block; *display:inline; *zoom:1; padding-right:15px; margin-right:10px; border-right:1px #aaa solid;}
.MetaContent li:last-of-type {border:none}
.MetaContent li span {font-weight:bold}
.MetaContent.refDate {padding:5px 0 0; background:none}
section ul.MetaContent, article ul.MetaContent {margin:5px 0 10px; background-color:#ececec;}
/*--- For document meta content (file type, author, source, etc) when listed on the item's individual page ---*/
.publishedStudyIndPage .asideBox {margin:10px 0; padding-top:10px}
.publishedStudyIndPage .asideBox .col1, .publishedStudyIndPage .asideBox .col2 {float:left; width:48%}
.publishedStudyIndPage .asideBox p > span {font-weight:bold}
.publishedStudyIndPage .asideBox .col1 {margin-right:2%}
.publishedStudyIndPage .centeredGroup input {margin-top:10px}
.publishedStudyIndPage h2 {border-bottom:1px #790000 solid; margin-bottom:8px; padding-bottom:2px}
.asideBox {box-sizing:border-box; display:block; margin:5px; padding:6px 10px; background:#d4dbe9; -moz-border-radius:4px; border-radius:4px} /* blue background box for call outs, pull quotes --*/
.asideBox:after {display:block; content:""; height:0; clear:both}
.SearchResultsMetaContent a {color:#2c6067; text-transform:none; display:block; font-size:1.1em; margin-bottom:4px}
.SearchResultsCount {display:block; margin-bottom:6px; font:bold 1.2em/1 tahoma, verdana, sans-serif}
.Topic-AudienceLabel {font: bold 1.2em tahoma, verdana, sans-serif; color:#6d6d6d; display:block; margin-bottom:8px; text-transform:uppercase} /* For category name of items in the Topics News Feed */
.Topic-AudienceLabel a {color:#6d6d6d; text-decoration:none} 
.Topic-AudienceLabel a:hover {color:#2c6067; text-decoration:underline}
/* refItem is used for Feeds (articles, Reference Items, Listings, etc */
.refItem {position:relative}
.refItem > h3 {max-width:550px; padding-right:80px}
.refItem > .imgWrap {position:relative; margin-right:10px; float:left; display:block; overflow:hidden}
.refItem > .imgWrap img {margin-right:0}
.refItemTopics, .refItemTags {font: 1.2em/1.4 tahoma, verdana, sans-serif; color:#6d6d6d; display:block; margin:8px 0; clear:left} /* For "Related Topics" and "Tags" in the Topics News Feed */
.refItemTopics > span, .refItemTags > span {color:#6d6d6d; font-weight:bold; margin-right:4px; text-transform:initial}
.refItemTopics a:hover {color:#000; text-decoration:none}
.refMetaContent {display: block; position: absolute; padding: 4px; top: 0px; right: 0px; color: #fff; background: #000; text-align: center; min-width: 60px; font-weight: bold; font-size: 1.1em; }
.refDate { width: 100%; }
.refItem.publishedStudies h3 {margin-bottom:10px}
small {display:none; color:#48844c; font-weight:bold; margin:20px 0}
span.PhotoCredit {display:block; text-align:right; font:normal 1em/1.5 tahoma, verdana, sans-serif; text-transform:uppercase}
span.caption {display:block; text-align:left; color:#383838; font:normal 1.15em/1.6 tahoma, verdana, sans-serif; margin:5px 0 10px 0; padding-bottom:5px; border-bottom:1px #788183 solid}
/*------Basic shaded Panel with border and faint shadow-----*/
.contentTile {display:inline-block; vertical-align:top; text-align:center; background:url(../img/PanelShadow.png) no-repeat; background-position:bottom center; box-sizing:border-box; padding-bottom:8px; margin: 5px 0 0 .5%}
.contentTileInner {display: block; height: 100%; background: url(../img/TopicsSubSection/PanelBKGNDrepeater.png) repeat-x; background-position: bottom; border: 1px #788183 solid; text-decoration: none; padding:10px 1% 15px 1%}
	
	
/*------COLUMNS-GRIDS-----*/
.fullWidth {width:100%; clear:both; *overflow:hidden} /* use this to wrap a section of columns */
.fullWidth:after {content:""; display:table; clear:both} /* used instead of "overflow:hidden" to clear floats and avoid conflict when overflow needs to be visible. Note IE7 does not support this and requires "*overflow:hidden" fallback */
.col {float:left; margin-right:1%}
.col:last-child {/* margin-right:0 */} /* IE7 does not support this */
.col-1of2 {width:49%} /* 1 column span in a 3 column layout */

.col-1of3 {width:32%} /* 1 column span in a 3 column layout */
.col-2of3 {width:65%} /* 2 column span in a 3 column layout */
.col-3of3 {width:99%} /* 3 column span in a 3 column layout */

.col-1of5 {width:19%} /* 1 column span in a 3 column layout */
.col-2of5 {width:39%} /* 2 column span in a 3 column layout */
.col-3of5 {width:59%} /* 3 column span in a 3 column layout */
.col-4of5 {width:79%} /* 3 column span in a 3 column layout */
.lastCol {margin-right:0}
/*---MEDIA BLOCKS --*/
.MediaBlock {float:left}
.MediaBlock, .MB-contentWrap {overflow:hidden; *overflow:visible; zoom:1}
.MB-imgWrap {float:left; margin-right:5px}
.MB-imgWrap img {display:block}
/* ---CONTENT PANELS ----*/
.addPanelShadow {background:url("../img/PanelShadow.png") no-repeat; background-position: bottom center; padding-bottom:8px; margin-bottom:8px}
.PanelWrapper {border:1px #788183 solid; padding:10px 10px 15px 10px; background:url(../img/TopicsSubSection/PanelBKGNDrepeater.png) repeat-x; background-position:bottom}
.fullWidth.addPanelShadow {background-size:300px 8px} /* Stretches shadow on full width panels. Supported gteIE9 */
/*--- OTHER STANDARDS ---*/
.wysiwygcopy div.ImgFloatLeft {float:left; margin:10px 10px 10px 0}
.wysiwygcopy div.ImgFloatRight {float:Right; margin:10px 0 10px 10px}
.wysiwygcopy div.ImgFloatLeft, .wysiwygcopy div.ImgFloatRight {width:51%; border:none}
.wysiwygcopy div.ImgFloatLeft img, .wysiwygcopy div.ImgFloatRight img {max-width:100%; height:auto; border:none}
.wysiwygcopy span.caption {font:normal .9em/1.5 tahoma, verdana, sans-serif}
.wysiwygcopy span.PhotoCredit {font:normal .8em/1.5 tahoma, verdana, sans-serif}
input.SearchButton {cursor: pointer}
.TooltipLink:after {content:""; position:absolute; height:18px; width:18px; background:url(../img/GlobalSprite.png) no-repeat; overflow:hidden; background-position:-36px 2px}
.TooltipLink {color:#790000; margin-right:16px; padding-bottom:0; text-decoration:none; border-bottom:3px double #bbb; position:relative}
.TooltipLink:hover {border-bottom:3px double #790000}
.quote .TooltipContent {font-size:.75em; font-weight:normal}
.TooltipLink .cancelButton {display:block; position:absolute; top:-5px; right:-10px; width:22px; height:22px; background:red; background:url("../img/GlobalSprite.png") no-repeat; background-position:-111px -18px}
.TooltipLink .TooltipContent {z-index:100; position:absolute; left:-9999px; display:block; min-width:120px; padding:8px 10px 10px; color:#000; border:1px #2e3a4f solid; -moz-border-radius:6px; -o-border-radius:6px; border-radius:6px; background:#fbfcd5; box-shadow: 4px 4px 20px rgba(0,0,0,0.25)}
.TooltipLink:hover .TooltipContent {left:0; top:30px}
.TooltipLink .DefinitionTerm {display:block; font-weight:bold; padding-right:5px}
.TooltipLink .DefinitionTerm:First-child {margin-top:0}
a.button, input.button {display:inline-block; *display:block; *zoom:1; padding:6px 12px; margin:5px 15px 15px 0; background:url(../img/MainNavBKGNDRepeater.png) repeat-x; color:#fff; font:bold 1em tahoma, verdana, sans-serif; text-align:center; text-decoration:none; -moz-border-radius:4px; border-radius:4px; width:auto; cursor:pointer; border:0px; background-position:top/*5px*/; background-color:#495c7e; -moz-border-radius:4px; border-radius:4px}
a.button:hover {color:#283446; background-image:none; background-color:#bec4d1}
.FullStoryLink {display:inline-block; background:#ccc; font:normal 1.2em/20px tahoma, verdana, sans-serif; color:#181f2a; text-decoration:none; height:20px; margin-top:10px; padding:2px 10px}
p .FullStoryLink {font-size:1em}
.FullStoryLink:hover {background:#bbb; color:#000}
.clearfix {clear:both}
.clearNone {clear:none}
.imgSprite {background-image:url(../img/GlobalSprite.png)}
.centeredGroup {text-align:center; width:100%; margin:10px auto; clear:both}
.centeredGroup input[type="submit"] {float:none; clear:none}
/*-------FORMS: DEFAULT SETTINGS--------*/
fieldset {border:1px #bbb solid; margin:15px 2px 15px; padding:5px 10px 20px 10px}
legend {font:bold 1.2em/1.3 tahoma, verdana, sans-serif; color:#283446; margin:0 auto 10px; padding:0 10px}
label {font:bold 1.2em/1.2 tahoma, verdana, sans-serif; color:#383838; margin:15px 0 5px 0; float:left; clear:left}
label + .formNotes {margin-bottom:5px}
p + label, div>label:first-child {margin-top:0} /*removes <label> top margin when preceded by <p>, or if the first <label> in a div, otherwise there's too much space */
select {height:29px; min-width:120px; max-width:100%; width:350px; line-height:28; line-height:20px; clear:left; float:left; padding-left:5px; margin-bottom:8px; color:#383838; border:1px #abadb3 solid; -moz-border-radius:4px; border-radius:4px}
input {width:220px; height:25px; line-height:20px; clear:left; float:left; padding-left:5px; margin-bottom:3px; color:#383838; border:1px #abadb3 solid; -moz-border-radius:4px; border-radius:4px}
.inputWide {width:350px}
textarea {width:300px; height:150px; float:left; padding-left:5px; margin:0 0 3px 0; color:#383838; border:1px #abadb3 solid; clear:left}
input[type="radio"], input[type="checkbox"], input[type="file"] {width:auto; height:auto; clear:none; float:none; border:none}
input[type="file"] {float:left}
input[type="date"] {width:auto}
input[type="radio"] {display:none; display:inline-block\9; vertical-align:middle; zoom:1\9; width:auto; float:left; float:none\9; clear:none}
input[type="radio"] + label {line-height:1.6}
input[type="radio"] + label span.InputReplace {display:inline-block; display:none\9; width:18px; height:17px; background:transparent url(../img/GlobalSprite.png) no-repeat; background-position:0 -18px; margin-right:6px; margin-bottom:-4px}
input[type="radio"]:checked + label span.InputReplace {background-position:-18px -18px}
/*--- wrap each radio button's <input> and <label> pair in a <div.radioInputPair> --- */
.radioInputPair {display:block; width:100%; margin-bottom:15px; overflow:hidden}
.radioInputPair label{margin:0 10px 0 0; float:left\9; clear:none\9}
.radioInputPair input {width:auto; margin:10px 0 0 5px; float:left\9; margin:0 5px 0 0\9}
/*--- wrap a group of <div.radioInputPair> in a <div.radioGroup>--- */
.radioGroup {display:block}
/*--- for horizontal radio buttons, wrap the pairs in <span.radioInputPairsHorizontal>, and the group in a <div.horizontalPairGroup>*/
/*.radioInputPairsHorizontal {width: 13%; margin:10px 0 0 5px; overflow:hidden;display:inline; float:left}
.horizontalPairGroup {position: relative; top:15px; left: -57px; height: 100px;}*/
.checkboxPair {box-sizing:border-box; float:left; clear:left}
.checkboxPair label {width:80%}
/*---- following to group checkbox with <select> (put <select> first in source code) ----*/
.checkboxPair select {max-width:80%; float:none; margin-left:5px}
.checkboxPair select + input[type="checkbox"] {margin-top:8px}
input[type="radio"][disabled] + label span.InputReplace {background-position:-92px -87px}
input[type="radio"][disabled] + label  {color: gray;}
input[type="checkbox"] {float:left}
input[type="checkbox"] + label {clear:none; margin:3px 0 5px 8px; font-weight:normal}
/* input[type="checkbox"] {display:none;} */
/* input[type="checkbox"] + label span.InputReplace {display:inline-block; width:18px; height:17px; background:url(../img/CheckboxRadioSprite.png) no-repeat; background-position:0 0; margin-right:8px} */
/* input[type="checkbox"]:checked + label span.InputReplace {background-position:-18px 0} */
input[type="submit"], input[type="reset"], input[type="button"] {height:30px; width:auto; cursor:pointer; margin:20px 30px 0 0/* 15px 10px 10px 0 */; padding:6px 12px; border:0px; background:url(../img/MainNavBKGNDRepeater.png) repeat-x; color:#fff; font:bold 1.2em/1.3 tahoma, verdana, sans-serif; text-align:center; background-position:5px; text-decoration:none; -moz-border-radius:4px; border-radius:4px/* ; clear:none */}
input[type="submit"]:hover, input[type="reset"]:hover {box-shadow:0px 0px 4px 4px rgba(48,60,82,0.2)}
input[type="submit"][disabled] {color:#ababab; background-color: #efefef; cursor:initial;}
input[type="submit"][disabled]:hover {box-shadow:none;}
.formNotes {font-size:12px; display:block; float:left; clear:left}
.formAlerts {font-size:12px; color:red} /* this is an extender style to be used paired with "formNotes" */
.errorSummary {background:#e4e7ea; border:1px solid #790000; padding:10px; margin-bottom:10px; font-weight:bold; font-size:1.4em; color:#790000}
fieldset .errorSummary ul{margin:10px 0 0 20px}
fieldset .errorSummary ul li{font-size:.88em; color:#000} /*-- long selector req'd to override earlier specificity --*/
/*-------SHARE BUTTON ON ARTICLES----------*/
/* NOTE: "box-sizing:border-box" is not suported in IE7, so special rules will need to be written to address some elements in IE7 */
.shareThisBtn {display:block; box-sizing:border-box; width:100%; *width:69%; float:right; position:relative; margin:6px 0; padding:8px 12px 8px 33px; color:#283446; font:bold 1.2em tahoma, verdana, sans-serif; text-decoration:none; background:url(../img/PICHR-Qlevel3BKGNDRepeater.jpg) repeat-x; background-color:#e7e7ce; border:1px solid #ddd; -moz-border-radius:4px; border-radius:4px}
.shareThisBtn:hover {background:#283446; color:#fff}
.shareThisBtn span {display:inline-block; *display:inline; *zoom:1; position:absolute; top:6px; left:8px; width:18px; height:18px; background:url(../img/GlobalSprite.png); background-position:-72px 0}
.shareThisBtn:hover span {background-position:-90px 0}
/*------NAVIGATION-------*/
nav {height:35px; width:950px; position:absolute; bottom:0px; left:10px}
/* Direct descendant selector (>) used to avoid styles cascading down into the Mega Menu ULs and LIs */
nav > ul#MainNav {float:left; width:950px; list-style:none; z-index:2}
#MainNav > li {float:left; position:relative; background:url(../img/MainNavBKGNDRepeater.png) repeat-x; height:35px; border-left:1px solid #82a2d0; border-right:1px solid #26406c}
#MainNav > li > a {display:block; padding:0 2.5em; text-align:center; text-decoration:none; color:#fff; font:bold 1.2em/3em tahoma, verdana, sans-serif}
#MainNav > li > a:hover, 
#MainNav > li.active > a {background:url(../img/MainNavHoverBKGNDRepeater.png) repeat-x; *background-position:center bottom}
#MainNav li#I-am-a {float:right; background:url(../img/IamA-BtnBKGNDrepeater.png) repeat-x; border-left: 1px solid #e27a79; border-right: 1px solid #490000; padding: 0}
#MainNav li#I-am-a > a {display:block; width:80px; height:100%; text-align:left; background:url(../img/MainNav-IamA-Icon.png) left center no-repeat; padding:0 10px 0 45px}
#MainNav li#I-am-a img {float:right; margin:12px 0 12px 10px}
#MainNav li#I-am-a:hover {background:url(../img/MainNav-IamA-HoverBKGNDRepeater.png) repeat-x}
#MainNav li#Home a {width:20px; height:35px; padding:4px 15px; *padding-top:8px; background:url(../img/MainNavHomeIcon.png) no-repeat; background-position: center 9px}
a.DropMenuTrigger {display:none; width:100%; height:35px; position:absolute; left:0; top:0; padding-left: 52px; box-sizing: border-box} /* will use this at narrow width to trigger MainNav dropdown menu */
.UtilityNav-footer {display:none} /* This navigation is hidden until width<620px */
/*----- HEADER UTILITIES -----*/ 
.HeaderUtilities {width:300px; position:absolute; right:10px; top:20px; overflow:hidden}
.UtilityNav, .HeaderSocialMedia {overflow:hidden; margin-bottom:10px; text-align:right}
.UtilityNav li, .HeaderSocialMedia li {display:inline-block; *display:inline; *zoom:1; font: 1.2em/1.4em tahoma, verdana, sans-serif; color:#2e3a4f}
.UtilityNav li {padding:1px 0 1px 8px; margin-left:8px}
.HeaderSocialMedia li {padding:1px 0 1px 8px}
.UtilityNav li + li {border-left:1px #aaa solid} /*--Places pipes between links but not on last item --*/
.UtilityNav li a {text-decoration:none; color:#3d4d69}
.UtilityNav li a:hover {text-decoration:underline; color:#000}
.HeaderSocialMedia {margin-top:8px; box-sizing:border-box}
.HeaderSocialMedia li img {width:22px; height:22px}
/*----- HEADER GLOBAL SEARCH -----*/ 
.GlobalSiteSearch {overflow:hidden; *margin-bottom:8px}
.GlobalSiteSearch label {position:absolute; left:-9999px}
.GlobalSiteSearch .SearchInput {-webkit-appearance:none; box-sizing:border-box; width:80%; *width:78%; height:24px; *height:20px; line-height:24px; margin:0; border:1px #abadb3 solid; border-radius:0}
.GlobalSiteSearch .GlobalSiteSearchBtn {float:right; font-weight:normal; width:20%; height:24px; border-radius:0; margin:-24px 0 0 0; *margin-top:0; padding:0 12px; *padding:0; background:url(../img/SearchButtonBKGND.png) no-repeat; background-position:-20px 0; box-sizing:border-box}
/*-------ALERT BOX----------*/
div#alert {margin:-5px 0 10px 0; padding:0 0 8px 10px; min-height:51px; background:rgb(235,75,75) url(../img/AlertBoxTexture.png) no-repeat; z-index:2; border:1px #b6b6b6 solid; box-shadow: 4px 4px 20px rgba(0,0,0,0.5); overflow:hidden}
#alertArrow {width:80px; height:31px; float:left; margin:13px 25px 7px 0; padding-left:20px; background-color:#b31212; position:relative; font:bold 14px/31px tahoma, verdana, sans-serif; color:#fff; z-index: 0}
#alertArrowTip {position:absolute; left:100px; top:0}
#alertMessage {font:bold 1.2em/1.4 tahoma, verdana, sans-serif; color:#fff; margin:8px 10px 10px 0}
#alert a {text-decoration:none; color:#fdfc9f}
#alert a:hover {text-decoration:underline; color:#fff}
#breadcrumb {font-size:1.2em; margin:0 0 .9em 0}
#breadcrumb a {text-decoration:none; color:#2c6067}
#breadcrumb a:hover {text-decoration:underline; color:#000}
/*----------MEGA MENUS -----------*/
.MegaMenus {position:absolute; display:none; top:34px; background:url(../img/MegaMenuBKGNDrepeater.png) #6c82a7 repeat-x; border: 1px #536162 solid; border-top:#fff; margin-top:1px; padding:10px 10px 20px 10px; box-shadow: 4px 4px 20px rgba(0,0,0,0.6); color:#fff; overflow:hidden}
.MegaMenus h3 {border-bottom:1px #cbd0dc solid; color:#fff; padding-bottom:5px; margin-bottom:5px}
.MegaMenus ul {list-style:none; float:left}
.MM_I-Am-A h3 {border-bottom:none; color:#fff; padding-bottom:0; margin-bottom:4px}
.MegaMenuContent { width: 100%; }
ul.MegaMenuContent a {display:block; width:100%; text-decoration:none; padding:5px 0 5px 5px}
.MM_introText {font:1.2em/1.3 tahoma, verdana, sans-serif; color:#fff; display:block; margin:5px 0 10px 0}
.MM_bodyCopy {font:1.2em/1.3 tahoma, verdana, sans-serif; color:#fff; display:block; margin:5px 0 5px 0}
.col3 .MM_HeadersDark {font:bold 1.4em/1 tahoma, verdana, sans-serif; color:#383838; display:block} /* For non-link content headers on light BKGND*/
.MM_HeadersLight {font:bold 1.4em/1.1 tahoma, verdana, sans-serif; color:#fff; display:block} /* For non-link content headers on dark BKGND*/

.MM_Topics {/* display:block;  */width:890px; left:-53px}
.MM_Topics ul {width:210px; margin:0 10px 0 0}
.MM_Topics li a:hover {background-color:#cbd0dc}
.MM_Topics-Articles li {border-top:1px #000 solid; padding:5px 0 0 0}
.MM_Topics h3 {border:none; margin-bottom:0}
.MM_Topics h3.MM_HeadersLight {padding-bottom:0}
.MM_Topics li a:hover h3.MM_HeadersLight {color:#2e3a4f}
.MM_Topics li a:hover .MM_bodyCopy {color:#383838}
.MM_Topics .col3 {float:right; width:435px; background-color:#cbd0dc; padding:10px 0 10px 10px; overflow:hidden}
.MM_Topics .col3 ul {width:265px; float:left}
.MM_Topics .col3 div#campaignTile {float:right; width:140px; padding:0 10px 0 5px}
.MM_Topics .col3 div#campaignTile img {margin-bottom:10px}
.MM_Topics .col3 a {display:block; width:100%; color:#2e3a4f; text-decoration:none; padding:5px 0}
.MM_Topics .col3 a:hover {text-decoration:underline; color:#000}
.MM_Topics-Articles li {padding:5px 0}
.MM_ArticleDateStamp {font-size:1.2em; line-height:1; color:#383838}
.MM_ArticleTitle {font:bold 1.2em tahoma, verdana, sans-serif; color:#2e3a4f}

.MM_Training {width:890px; left:-153px}
.MM_Training li a:hover {background-color:#cbd0dc}
.MegaMenus.MM_Training li {margin:0}
.MM_Training .col1, .MM_Training .col2 {float:left; width:45%; margin-right:15px}
.MM_Training .col2 {margin-right:0}
.MM_Training li a:hover {color:#2e3a4f}
.MM_CourseName, .MM_ArticleName {display:block; font:bold 1.2em tahoma, verdana, sans-serif; color:#fff; margin-bottom:2px}
.MM_Training li a:hover .MM_bodyCopy {color:#383838}
.MM_Training li a:hover .MM_CourseName, .MM_News li a:hover .MM_ArticleName {color:#383838}

.MM_Policies {width:890px; left:-266px}
.MM_Policies span {display:block; margin-bottom:10px}
.MM_Policies ul {margin-right:10px; font-size:1.2em; width:90%}
.MM_Policies .col1,
.MM_Policies .col2,
.MM_Policies .col3 {float:left; width:32%; margin-right:10px}
.MM_Policies .col1 a,
.MM_Policies .col2 a,
.MM_Policies .col3 a {display:block; width:100%; font-weight:bold; color:#fff; text-decoration:none; padding:5px}
.MM_Policies .col1 a:hover,
.MM_Policies .col2 a:hover,
.MM_Policies .col3 a:hover {color:#2e3a4f; background-color:#cbd0dc}
.MM_Policies .col3 {margin-right:0}

.MM_ResourceCenter {width:890px; left:-374px}
.MM_ResourceCenter span {display:block; margin-bottom:10px}
.MM_ResourceCenter ul {margin-right:10px; width:90%; font-size:1.2em}
.MM_ResourceCenter .col1,
.MM_ResourceCenter .col2,
.MM_ResourceCenter .col3 {float:left; width:32%; margin-right:15px}
.MM_ResourceCenter .col3 {margin-right:0}
.MM_ResourceCenter .col1 a,
.MM_ResourceCenter .col2 a,
.MM_ResourceCenter .col3 a {display:block; width:100%; font-weight:bold; color:#fff; text-decoration:none; padding:5px; margin-bottom:4px; *margin-bottom:0}
.MM_ResourceCenter .col1 a:hover,
.MM_ResourceCenter .col2 a:hover,
.MM_ResourceCenter .col3 a:hover {color:#2e3a4f; background-color:#cbd0dc}

.MM_News {width:890px; left:-541px}
.MM_News div.col1 {margin-right:160px}
.MM_News div.col1 ul.MegaMenuContent {margin-bottom:15px}
.MM_News div.col1 ul.MegaMenuContent a {width:auto}
.MM_News li a:hover {background-color:#cbd0dc}
.MM_News li a:hover h3.MM_HeadersLight {color:#2e3a4f}
.MM_News li a:hover .MM_bodyCopy {color:#383838}
.MM_News div#campaignTile {float:right; width:140px}
.MM_News div#campaignTile img {border:1px #fff solid; margin-bottom:8px}
.MM_News div.SocialMedia {clear:both; background:#cbd0dc; padding:8px; overflow:hidden}
.MM_News div.SocialMedia h3.MM_bodyCopy {color:#2e3a4f; margin:0; font-weight:bold; width:50%}
.MM_News div.SocialMedia h3.MM_bodyCopy a {color:#2c6067; text-decoration:underline}
.MM_News div.SocialMedia h3.MM_bodyCopy a:hover {color:#000; text-decoration:none}
.MM_News ul.MM_News-SocialIcons {float:right; width:37%; text-align:right}
.MM_News ul.MM_News-SocialIcons li {float:left; margin-right:5px}

.MegaMenus .MM_Newsroom {display: block}

/* CSS for Phase 1 About Us megamenu --*/
.MM_AboutMHS {left:-300px; right:0}
.MM_AboutMHS h3 {border:none; margin-bottom:5px; padding-bottom:0}
.MM_AboutMHS li:hover {background-color:#cbd0dc}
.MM_AboutMHS li:hover h3.MM_HeadersLight {color:#2e3a4f}
.MM_AboutMHS li:hover .MM_bodyCopy {color:#383838}

.MM_I-Am-A {width:270px; right:0}
.MM_I-Am-A li span {display:block; margin:0}
.MM_I-Am-A ul {list-style:none; width:265px; float:left; margin-right:10px}
.MM_I-Am-A li {margin-top:5px; padding-bottom:5px; border-bottom:1px #cbd0dc solid}
.MM_I-Am-A li:nth-last-of-type(1) {border:none}
.MM_I-Am-A a:hover {color:#2e3a4f; background-color:#cbd0dc}
.MM_I-Am-A li a:hover h3.MM_HeadersLight {color:#2e3a4f}
.MM_I-Am-A li a:hover .MM_bodyCopy {color:#383838}
/*--------- FEATURED CAROUSEL (default.html)------- */
/* Converting px to % for Responsive Design: 632px/950px=66.526316% 631px/950px=66.421053% 630px/950px=66.315789% 610px/950px=64.210526%*/
#carousel {float:left; position:relative; width:66.315789%; *margin-right:5px; /* min-height:360px; */ border:1px solid #788183; border-top: 4px #790000 solid} 
#carousel h2 {font:bold 1.6em tahoma, verdana, sans-serif; color:#283446; margin-bottom:8px} 
#carousel h2 a {color:#283446; text-decoration:none} 
#carousel h2 a:hover {color:#2c6067; text-decoration:underline} 
#CarouselContent {list-style:none}
#CarouselContent > li {position:absolute; top:0px; left:0px; overflow:hidden; width:100%; }
#CarouselContent > li > div {padding:10px}
#CarouselContent > li + li {display: none}
#CarouselContent > li.active {position:static; z-index:50}
#CarouselNavigation {list-style:none; width:100%; border-bottom:4px #181f2a solid; overflow: hidden; position:relative}
#CarouselNavigation li {float:left; width:24.625%; *display:inline; *zoom: 1; *width:24.5%; margin-right:.5%; vertical-align:top; padding-top:13px; text-align:center; position: relative}
#CarouselNavigation li a {position: relative; display:block; padding:7px 5px 10px 5px; background-color:#bfc6d4; font:bold 1.1em/1.2 tahoma, verdana, sans-serif; color:#181f2a; text-decoration:none; z-index:1}
#CarouselNavigation li > span {position:absolute; top:13px; left:0px; width:100%; height: 200px; display: block; background:#bfc6d4; z-index: 0}
#CarouselNavigation li:hover,
#CarouselNavigation li.active {background:url(../img/Carousel-ActiveArrow.png) top center no-repeat}
#CarouselNavigation li:hover > span {background-color:#181f2a}
#CarouselNavigation li:hover a,
#CarouselNavigation li.active a,
#CarouselNavigation li.active > span {background-color:#181f2a; color:#fff}
#CarouselNavigation li.last {margin-right:0px} /*Removes Margin-right from the right-most nav item */
#carousel img {float:right; width:370px; height:auto; margin:0 0 5px 10px}
#carousel div.FeaturedItemBodyCopy {/* font-size:1.2em; line-height:1.6em;  */color:#383838}
#carousel div.FeaturedItemBodyCopy ul {list-style-position:inside; margin-top:5px; margin-left:5px}
#carousel a.FullStoryLink {display:block; color:#fff; text-decoration:none; height:24px; margin:15px 10px 15px 0; padding:0 18px 0 10px; float:left; background: #495c7e url(../img/FullStoryArrow-FeaturedCarousel.jpg) top right no-repeat; font:bold 1.1em/2 tahoma, verdana, sans-serif; color:#fff}
#carousel a.FullStoryLink:hover {color:#bfc6d4}
/*------ ACCORDION------- */
/* Converting px to % for Responsive Design: 308px/950px=32.421053% 306px/950px=32.210526%(width) // 10px/950px=1.0526316% (margin-left)*/
#accordion {list-style:none; float:right; width:32.210526%; margin:0 0 0 1.0526316%; *margin:-2px 0 0 0; *padding-left:6px; border-top:4px #790000 solid; *border:none} 
#accordion > li {border:1px solid #788183; margin-top:2px; overflow:hidden}
#accordion > li > a {display:block; width:100%; box-sizing:border-box; text-decoration:none; color:#283446; font-weight:bold; font-size:1.4em; line-height:1.3em; letter-spacing:.03em; text-align:left; padding:8px 8px 8px 0; background:#fdfdfd url(../img/AccordionBtnBKGNDRepeater2.png) repeat-x; *padding-left:8px}
#accordion > li.active > a, #accordion > li > a:hover {background:#495c7e url(../img/AccordionBtnHoverBKGNDRepeater.png) repeat-x; color:#fff; *padding-left:8px}
#accordion > li a span {float:left; width:10px; height:22px; background:url(../img/AccordionArrow.png) no-repeat; background-position:0px; overflow:hidden; margin:-2px 8px 0 8px; *display:none}
#accordion > li a:hover span {background-position:-20px 5px; *display:none}
#accordion > li.active a span {background-position:-10px 4px; *display:none}
.accordionContent {border:none; color:#383838; display:none; padding:10px 10px 15px 10px; border-top:1px #203e60 solid}
.accordionContent li {font:normal 1.2em/1.4 tahoma, verdana, sans-serif; margin-bottom:4px}
.accordionContent li li {font-size:1em; margin-left:10px}
.accordionContent ul, .accordionContent ol {list-style-position:inside; margin-top:5px; margin-bottom:8px}
#accordion li.active div {display:block; overflow:hidden}
.accordionContent img {float:left; margin-right:8px}
.accordionContent a {color:#2c6067; display:inline-block; *display: inline; *zoom: 1}
.accordionContent a:hover {text-decoration:underline; color:#000}
.accordionContent .FullStoryLink {color:#181f2a}/* --overwrites changes from ".accordionContent a" */
.accordionContent .FullStoryLink:hover {text-decoration:none}
.accordionContent h2, .accordionContent h3 {margin-bottom:0}
/*--------Topics Subsection (default.html) --------- */
#topics {margin:20px 10px 20px 10px; overflow:hidden}
#topicsHeader {display:block; margin-bottom:5px; padding:0 10px 0 10px; height:35px; color:#fff; background:url(../img/TopicsHeaderRepeater.png); font:bold 1.4em/2.5em tahoma, verdana, sans-serif; text-align:left; position: relative} 
#topicsHeader span {float:left}
#TopicsCheatSheetLink {position: absolute; right:5px; top:5px; font-size:.85em; line-height:2.1em; color:#fff; background-color:#790000; text-decoration:none; padding:0 15px; height:23px; border:1px #e27a79 solid; display:block}
#TopicsCheatSheetLink:hover {color:#283446; background-color:#bfc6d4; border:1px #fff solid}
#topics ul {list-style:none; overflow:hidden; text-align:center; margin:0px; padding:0px}
#topics li.tile {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; text-align:center; background: url(../img/PanelShadow.png) no-repeat; background-position: bottom center; box-sizing:border-box; padding-bottom:8px; margin:5px 0 0 .5%}
#topics li.tile h2.topicName {display:block; font:bold 1.4em/1.1 tahoma, verdana, sans-serif; color:#790000; margin:5px 0; padding:0 5px 0 5px}
#topics li.tile span.topicTags {display:block; font:1.2em/1.1 tahoma, verdana, sans-serif; color:#2e3a4f; padding:0 5px 0 5px}
#topics li.tile a {display: block; height:100%; background:url(../img/TopicsSubSection/PanelBKGNDrepeater.png) repeat-x; background-position: bottom; border:1px #788183 solid; text-decoration: none; padding:0 1% 15px 1%}

#topics li.tile a:hover, ul.I-am-a_UserTypes li a:hover {background:none; border:1px #ccc solid}
#topics li.tile a:hover img, ul.I-am-a_UserTypes a:hover img {opacity:0.5; filter:alpha(opacity=50)}
#topics li.tile a:hover h2.topicName, ul.I-am-a_UserTypes a:hover h2.UserType {color:#788183}
#topics li.tile a:hover span.topicTags, ul.I-am-a_UserTypes a:hover span.UserTypeDescr {color:#788183}
#topics li.tile:hover, ul.I-am-a_UserTypes li:hover {background:none}

#topics li.NoMargin {margin-left:0px}
li a#ViewAllTopicsLink {display:block; clear:left; text-decoration:none; background:none; width:70%; height:auto; text-align:center; border-top:1px #bbb solid; color:#790000; font:bold 1.2em tahoma, verdana, sans-serif; padding-top:10px; margin:20px auto}
li a#ViewAllTopicsLink:hover {text-decoration:underline; color:#000}
#topics li img {padding:10px 0 0 0}

#topics ul.Topics6panelRow {}
#topics ul.Topics6panelRow li.tile {min-height:180px; width:15.8%}
#topics ul.Topics6panelRow li.tile a {min-height: 180px}

#topics ul.Topics5panelRow {}
#topics ul.Topics5panelRow li.tile {min-height:150px; width:19.25%}
#topics ul.Topics5panelRow li.tile a {min-height:170px}

#topics ul.Topics4panelRow {}
#topics ul.Topics4panelRow li.tile {min-height:140px; width:24.25%}
#topics ul.Topics4panelRow li.tile a {min-height:140px}

#topics ul.Topics3panelRow {}
#topics ul.Topics3panelRow li.tile {min-height:120px; width:32.5%}
#topics ul.Topics3panelRow li.tile a {min-height:120px}

#topics ul.Topics6panelRow li.tile:nth-child(6n+1),
#topics ul.Topics4panelRow li.tile:nth-child(4n+1),
#topics ul.Topics3panelRow li.tile:nth-child(3n+1) {margin-left: 0px}
/*----------CONTACT US SECTION (FOOTER) -----------*/
#DIVContactUs {float:left; width:150px; text-align:center; margin-left:20px; padding-top:10px}
#DIVContactUs a img.MHSseal-Footer {margin-bottom:5px}	
#DIVsubscribe {position:relative; background-color:#2e3a4f; width:117px; height:40px; margin:25px auto; padding-top:7px; -moz-border-radius:8px; border-radius:8px}
#DIVsubscribe a {font:bold 12px/15px tahoma, verdana, sans-serif; color:#fff; text-decoration:none; display:block; width:117px; height:40px}
#subscribeicon {position:absolute; left:99px; top:-19px}
.SocialMedia-footer {width:105px; overflow:hidden; list-style:none; margin:10px auto 0; padding-left:5px}
.SocialMedia-footer img {/* width:25px; height:25px;  */padding-right:5px}
#DIVContactUs li {float:left}
#DIVContactUs fieldset {padding:0 5px; -moz-border-radius:6px; border-radius:6px}
#emailLink {width:100px; font-size:1.2em; text-align:left; /* margin:0 5px 15px; * */padding:10px 10px 15px 15px}
#emailLink img {width:25px; height:auto}
.outreachLinks-footer img {padding-bottom:15px}
/*------------FOOTER & Footnotes Section-----------*/
footer {margin-top:30px; background:#fff url(../img/FooterBKGNDrepeater.png) repeat-x; padding:30px 10px 20px 10px; min-height:400px; overflow:hidden; clear:both}
footer h3 {color:#283446; font:bold 1.4em/1.2 tahoma, verdana, sans-serif; width:140px; margin:0 0 10px 0}
#Links-AboutMHS,
#Links-Topics,
#Links-Training,
#Links-Policies,
#Links-ResourceCenter,
#Links-IAmA {list-style:none; margin-bottom:20px}
footer li {font:1.2em/1.3 tahoma, verdana, sans-serif; margin-bottom:12px}
.FooterColumns {float:left; width:140px; margin:0 0 10px 10px}
.FooterColumns a, #footnotes a {text-decoration:none; color:#283446}
.FooterColumns a:hover, #footnotes a:hover  {text-decoration:underline; color:#788183}
#footnotes {background:url(../img/FootnotesBKGNDrepeater.png) repeat-x; height:60px; padding-bottom:10px; margin-bottom:50px; position:relative}
#footnotes ul#footnoteLinks-external {list-style:none; float:right; font:1.4em "Times New Roman", Times, serif; margin:19px 10px 0 0}
#footnotes ul#footnoteLinks1 {list-style:none; clear:left; float:left; margin:20px 0 0 20px; font:1.2em/2 tahoma, verdana, sans-serif}
#footnotes li {float:left; padding:0 12px; border-left:1px #383838 solid}
#footnotes li:nth-of-type(1) {border:none}
.mhsfootnotelogo, .DHAfootnotelogo {float:left; margin:20px 0 0 25px}
.stethescope {position:absolute; top:-130px; left:160px}
div.PDFnotice {display:block; clear:both; margin:0 auto 50px auto; width:90%; text-align:center; padding-top:15px; font:1.1em/1.7 tahoma, verdana, sans-serif; border-top:1px #ccc solid}
div.PDFnotice a {color:#2c6067}
/*------ LAYOUTS ------------*/
.main1Column {width:99%}
.main2Column {width:75%} /*718px/950px=75.578947%; */
.main3Column {width:55.47368%} /*527px/950px=55.47368%; */
.main1Column,
.main2Column,
.main3Column {float:left; border-top:4px #790000 solid; padding:5px 0 20px 0}
.main1Column ul, .main2Column ul, .main3Column ul, .wysiwygcopy ul, .main1Column ol, .main2Column ol, .main3Column ol, .wysiwygcopy ol {list-style-position:outside; margin:5px 0 10px 20px; *margin-left:25px; line-height:1.6}
.main1Column ul li,
.main2Column ul li,
.main3Column ul li {margin-bottom:5px; font:normal 1.2em/1.3em tahoma, verdana, sans-serif; color:#383838}
.main1Column ul li li,
.main2Column ul li li,
.main3Column ul li li {font-size:1em}
.wysiwygcopy p, .wysiwygcopy ul li, .wysiwygcopy ol li {font-size:1em}
/*--------- TOPIC CAROUSEL (All Topics page)------- */
/* Converting px to % for Responsive Design: 632px/950px=66.526316% 631px/950px=66.421053% 630px/950px=66.315789% 610px/950px=64.210526%*/
#TopicCarousel {position:relative; overflow:hidden; margin-bottom:20px} 
#TopicCarousel h2 {font:bold 1.4em/1.3 tahoma, verdana, sans-serif; color:#283446; padding-bottom:4px} 
#TopicCarousel h2 a {color:#283446; text-decoration:none} 
#TopicCarousel h2 a:hover {color:#2c6067; text-decoration:underline} 
#TopicCarousel ul#TopicCarouselContent {list-style:none; overflow:hidden; margin:0 0 10px 0; border-top:2px #ccc solid}
#TopicCarousel ul#TopicCarouselContent > li {font-size:1em; overflow:hidden; position:absolute; top:2px; left:0px; width:100%; padding-top:5px}
#TopicCarousel ul#TopicCarouselContent > li + li { display: none; }
#TopicCarousel ul#TopicCarouselContent > li.active {/*  position: static;  */z-index: 50; }
#TopicCarousel ul#TopicCarouselNavigation {list-style:none; width:100%; position:relative; float:left; overflow:hidden; margin-left:0; margin-bottom:0; border-bottom:4px #181f2a solid}
#TopicCarousel ul#TopicCarouselNavigation li {float:left; vertical-align:top; width:24.625%; *width:24.5%; margin-right:.5%; margin-bottom:0; padding-top:13px; text-align:center; font:bold 1.1em/1.3 tahoma, verdana, sans-serif; position: relative/* ; overflow: hidden; */}
#TopicCarousel ul#TopicCarouselNavigation li > span {display:block; position:absolute; top:13px; left:0px; width:100%; height:200px; background:#bfc6d4; z-index:0}
#TopicCarousel ul#TopicCarouselNavigation li:hover > span,
#TopicCarousel ul#TopicCarouselNavigation li:hover a,
#TopicCarousel ul#TopicCarouselNavigation li a:hover,
#TopicCarousel ul#TopicCarouselNavigation li.active a {background-color:#181f2a; color:#fff}
#TopicCarousel ul#TopicCarouselNavigation li.active > span {background-color:#181f2a}
#TopicCarousel ul#TopicCarouselNavigation li a {position:relative; display:block; padding:7px 5px 10px 5px; background-color:#bfc6d4; z-index:1; font-weight:bold; color:#181f2a; text-decoration:none}

#TopicCarousel ul#TopicCarouselNavigation li:hover,
#TopicCarousel ul#TopicCarouselNavigation li.active {background:url(../img/Carousel-ActiveArrow.png) top center no-repeat}
#TopicCarousel ul#TopicCarouselNavigation li.last {margin-right:0px} /*Removes Margin-right from the right-most nav item */
#TopicCarousel img {float:left; width:370px; margin-right:10px}
#TopicCarousel a.FullStoryLink {display:block; color:#fff; text-decoration:none; height:24px; margin:15px 10px 15px 0; padding:0 18px 0 10px; float:left; background: #495c7e url(../img/FullStoryArrow-FeaturedCarousel.jpg) top right no-repeat; font:bold 1.1em/2 tahoma, verdana, sans-serif; color:#fff}
#TopicCarousel a.FullStoryLink:hover {color:#bfc6d4}
/*--TopicsNewsFeed (Main Topics page) + All Topics List (via "View All Topics" link)--*/ 
ul#TopicsNewsFeedNav {position:relative; list-style:none; margin:5px 0 5px 0; border-top:4px #790000 solid; z-index:1}
ul#TopicsNewsFeedNav > li {display:inline-block; *display:inline; *zoom: 1; vertical-align:top; margin-right:2px; text-align:center; background-color: #dedede; white-space: nowrap; }
ul#TopicsNewsFeedNav > li:hover,
ul#TopicsNewsFeedNav > li.active {background-color:#790000}
ul#TopicsNewsFeedNav > li > a {display:block; padding:8px 4px; margin:0 10px; font:bold 1em/1.2 tahoma, verdana, sans-serif; color:#181f2a; text-decoration:none; background-color:#dedede}
ul#TopicsNewsFeedNav > li > a:hover,
ul#TopicsNewsFeedNav > li:hover > a,
ul#TopicsNewsFeedNav > li.active > a {background-color:#790000; color:#fff}
/*-- Newsfeed Subnav (under "More" menu) --*/ 
ul#TopicsNewsFeedNav li.more ul {list-style:none; margin-left:0; position:absolute; top:25px; left:-9999px; border-top:2px #fff solid; white-space:normal}
ul#TopicsNewsFeedNav li.more:hover ul {right:0; left:auto; width:auto}
/*----when More btn wraps to next line, subnav alignment is shifted to avoid it getting cut off-----*/
ul#TopicsNewsFeedNav li.more.leftWrap:hover ul {right:auto; left:0}
ul#TopicsNewsFeedNav ul li {background-color:#dedede; border-bottom:1px #fff solid; margin-bottom:0; box-shadow: 4px 4px 20px rgba(0,0,0,0.3); white-space: nowrap; }
ul#TopicsNewsFeedNav ul li:nth-last-child(1) {border-bottom:2px #790000 solid; margin-bottom:0}
ul#TopicsNewsFeedNav ul li:hover {background-color:#790000}
ul#TopicsNewsFeedNav ul li a {display:block; font:bold 1em/1.4 tahoma, verdana, sans-serif; text-align:left; background-color:#bfc6d4; color:#181f2a; text-decoration:none; padding:10px}
ul#TopicsNewsFeedNav li.more {position:relative}
ul#TopicsNewsFeedNav li.more:hover > a {background-color:#790000; color:#fff}
ul#TopicsNewsFeedNav ul li a:hover {background-color:#181f2a; color:#fff}
.LinktoVideo {display:inline-block; *display:inline; *zoom:1; width:17px; height:13px; background-image:url(../img/GlobalSprite.png); background-position:-90px -36px; margin:1px 0 0 5px} /* adds video icon after text that links to video */
.VideoPlayBtn {position:absolute; left:50%; top:50%; margin:-27px 0 0 -27px; height:0; width:54px; height:54px; background:url(../img/GlobalSprite.png); background-position:0 -54px} /* adds video "play" button icon to screen capture thumbnail */
.ImgLink {display:block; padding-bottom:59%; /*This is a percentage of the width, so variable as the image scales */ height:0; overflow:hidden; position:relative; margin-bottom:4px} /*Add to an img's parent element to maintain image proportions. Larger pics will be cropped */

section, article {border-top:1px #283446 solid; padding:5px 0 15px 0; color:#383838; overflow:hidden}
section > div, article > div {float:left}
section.TrainingProviderDetails {border:none}
section.TrainingProviderDetails a.TrainingProviderLink {font-weight:bold}
section img, article img, div video {float:left; margin:5px 10px 8px 0}
section h3, article h3, 
section h3 a, article h3 a, ul h3 a {font-weight:bold; color:#283446; text-decoration:none}
section h3 a:hover, 
article h3 a:hover {text-decoration:underline; color:#2c6067} 
section > a img:hover, 
article > a img:hover {opacity:.70}
section > a, article > a {color:#2c6067; font-size:1.2em; line-height:1.6}
section a:hover, article a:hover {color:#283446; text-decoration:none}
section ul.column, article ul.column {list-style:none; width:45%; float:left; margin:5px 5% 0 0} 
section ul.column ul, article ul.column ul {margin-left:20px; list-style-position:outside;/* text-indent:20px;  list-style:none; */} /*--- Indents the 2nd-level Child Topic ---*/
section ul ul li, article ul ul li {margin-top:5px} /* --- For the 2nd-level Child Topic ---*/
section ul.column, article ul.column {list-style-position:outside}
section ul.column > li, article ul.column > li {margin-bottom:6px}
section li a, article li a {color:#2c6067} 
section li a:hover, article li a:hover {color:#000}
/*-------VIEW ALL TOPICS BUTTON (Bottom of NEWS FEED page) ------*/
span.Content_ViewAllLink {height:57px; float:left; background:url(../img/PanelShadow.png) no-repeat; background-position: bottom center; overflow:hidden}
span.Content_ViewAllLink a {display:block; height:32px; background:url(../img/LeftNavViewAllBtnBKGNDRepeater.png) repeat-x; text-decoration:none; font:bold 1.2em/2.6 tahoma, verdana, sans-serif; color:#790000; text-align:center; border: 1px solid #788183; padding:0 10px; margin-top:15px}
span.Content_ViewAllLink a:hover {color:#2e3a4f; background:url(../img/LeftNavBtnHoverBKGNDRepeater.png) repeat-x}
/*----- BUTTON: "Show A-Z Topics List" ------*/
.TopicsListAZ:after {display:block; content:""; clear:both}
.TopicsListAZ h1 {position:relative}
.TopicsListToggleButton {float:right; font:bold 1.1em/2 tahoma, verdana, sans-serif; color:#d1d9e8; background-color:#2e3a4f; text-decoration:none; padding:0 15px; height:23px; display:block}
h1 a.TopicsListToggleButton {font:bold .8em/1.95 tahoma, verdana, sans-serif}
.TopicsListToggleButton:hover {color:#2e3a4f; background-color:#bfc6d4}
/*---- A to Z list of Topics ---*/
ul.TopicsAZnav {margin:20px 0 15px 0; font:bold 1.5em tahoma, verdana, sans-serif; color:#788183; vertical-align:top}
ul.TopicsAZnav li {background-color:#d4dbe9; *background-color:#fff; list-style:none; display:inline-block; *display:inline; *zoom: 1; font:bold .9em tahoma, verdana, sans-serif; margin-right:2px; *margin-right:3px; color:#bec4d1; padding:5px 5px 7px 5px}
ul.TopicsAZnav a {color:#283446}
ul.TopicsAZnav li:hover {background-color:#8193b5; *background-color:#fff}
.AZlistColumn {width:31%; margin:0 11px 15px 0; float:left} /* width:232px/718px=32.3% ; */ 
.AZlistColumn.last {margin:0}
.AZlistColumn h2 {font:bold 1.4em tahoma, verdana, sans-serif; color:#283446; padding:5px; margin-bottom:10px; text-align:center; display:block; background-color:#bfc6d4} 
.AZlistColumn ul {list-style-position:inside} 
.AZlistColumn li {font:normal 1.2em tahoma, verdana, sans-serif; margin-bottom:8px; margin-left:6px; list-style-position:outside; width:96%} 
.AZlistColumn li a {color:#2c6067} 
.AZlistColumn li a:hover {color:#000} 
/*----Generic "Search this Section" + "Download This" ----*/
.SearchThisSection, .DownloadThis {box-sizing:border-box; width:auto; padding:10px; margin:5px 0 15px; background-color:#d4dbe9; overflow:hidden}
.SearchThisSection .resultsHeader {font-weight: bold; font-size: 1.45em; line-height: 1.2}
.SearchThisSection .searchWrap {overflow:hidden; margin-bottom:5px}
.SearchThisSection .ExpandedContent {margin:0; border:none; padding-left:0}
.dateRange .radioGroup {float:left; width:30%; margin-right:3%; border-right:1px #383838 solid}
.dateRange .radioInputPair {margin:0 0 10px 5px}
.dateRange .dateRangeWrap {float:left; width:65%}
.dateRange .dateRangeWrap > div {width:50%; float:left}
.contentType .checkboxPair {width:100%}
.contentType .checkboxPair select {display:inline-block}
.SearchThisSection select {margin-right:10px}
.SearchThisSection label {margin:0 10px 5px 0}
.SearchThisSection .SearchButton {font:normal 1.2em/1 tahoma, verdana, sans-serif; height:28px; border-radius:0; margin:0 0 0 8px; clear:none; *float:none}
.SearchThisSection .centeredGroup {margin-bottom:0}
.SearchThisSection .centeredGroup input[type=submit],
.SearchThisSection .centeredGroup input[type=button]
 {margin:0 15px 15px 0; float:none}
.SearchThisSection .SearchInput {width:66%; clear:left; border-radius:0; height:25px;}
.DownloadThis label, .DownloadThis select {margin:0; float:none; height:24px}
.DownloadThis .SelectWrapper {float:left}
.DownloadThis select {width:200px; margin-left:5px; clear:none}
.DownloadThis .ButtonWrapper {float:left; padding:0}
.DownloadThis .ButtonWrapper input.button {margin:0; font:normal 1.2em/1 tahoma, verdana, sans-serif; height:24px; border-radius:0; padding:2px 6px}
/*----TRAINING CENTER SEARCH RESULTS --*/
ul.CourseList {margin:10px 0 20px 15px; list-style:none; font-weight:bold} 
ul.CourseList a {color:#2c6067; font:bold 1.2em/1.5 tahoma, verdana, sans-serif} 
ul.CourseList a:hover {color:#283446; text-decoration:none}
ul.CourseList li {margin-bottom:5px}
/*----- BUTTON: "Show A-Z Topics List" ------*/
.Btn_MHSlearn-Register {float:right; font:bold 1.2em tahoma, verdana, sans-serif; text-align:center; line-height:25px; color:#d1d9e8; background-color:#2e3a4f; text-decoration:none; padding:0 15px; height:25px}
.Btn_MHSlearn-Register:hover {color:#2e3a4f; background-color:#bfc6d4}
/*--DISPLAY PAGE navigation (FORM) --*/
section.PageSelectorInfo div.DisplayPage {float:right; width:auto; margin-right:25px}
div.DisplayPage label {font-size:.923em; margin-top:9px}
select.PageNumber {width:50px; color:#383838; border:1px #abadb3 solid}
section.PageSelectorInfo {border:none; padding:0; margin:0 0 5px 0}
section.PageSelectorInfo > div {display:inline-block; *display:inline; *zoom:1; width:auto; font:1.3em tahoma, verdana, sans-serif; color:#383838; margin:0 0 8px 0}
section.PageSelectorInfo span.current {display:inline-block; *display:inline; *zoom:1; *margin-bottom:5px}

section.PageSelectorInfo div span a {text-decoration:none; color:#2c6067; display:inline-block; padding:5px; background-color:#d4dbe9}
section.PageSelectorInfo span a:hover {text-decoration:underline; color:#fff; background-color:#8193b5}
section.PageSelectorInfo div span div {margin-top:4px; text-align:left; font:.85em tahoma, verdana, sans-serif}
/*--- "Sort by" UL (General Search Results page) --*/
section.PageSelectorInfo ul.SortBy {float:right; padding:0 10px; list-style:none; font:1.1em tahoma, verdana, sans-serif; color:#383838}
section.PageSelectorInfo ul.SortBy li {display:inline-block; *display:inline; *zoom:1}
section.PageSelectorInfo ul.SortBy li a {text-decoration:none; color:#2c6067}
section.PageSelectorInfo ul.SortBy li a:hover {text-decoration:underline; color:#000}
/*-- Resources Page Checkbox Group (FORM) --*/
div.ResourceCheckboxGroup {margin:10px 0 20px 0}
div.ResourceCheckboxGroup ul {float:left; list-style:none; padding:8px 5px 0 15px; margin:0; width:100%; box-sizing:border-box}
div.ResourceCheckboxGroup li {width:24%; margin:0 5px 8px 0; /* overflow:hidden;  */vertical-align:top; float:left; display:inline-block; *display:inline; *zoom:1}
div.ResourceCheckboxGroup input {display:block; margin:0 5px 0 0; float:left; border:none; width:auto; height:auto; float:left}
div.ResourceCheckboxGroup label {font:bold 1em tahoma, verdana, sans-serif; display:block; width:80%; color:#383838; float:left; margin:0; clear:none; *margin-top:2px}
/* div.ResourceCheckboxGroup fieldset {padding-left:0; padding-right:0; border:1px #bbb solid; width:100%} 
div.ResourceCheckboxGroup legend {font-size:1.2em; margin:0 auto; padding:0 10px; font-weight:bold; color:#696a6d} */
/*------ LeftNav AllTopics ----*/
#leftNav {float:left; width:22.84%; margin-right:15px; margin-bottom:30px; border-top:4px #790000 solid; padding-top:2px}
div#SlideTrayTab {display:none; position:absolute; left:-15px; top:35px}
#leftNav ul {list-style:none}
ul.SideNav_AllParentTopics li {margin-top:2px; *padding:6px 0 6px 0; height:44px; *height:auto; width:99%; border:1px solid #788183; border-bottom:1px solid #203e60; background:url(../img/LeftNavBtnBKGNDRepeater2.png) repeat-x; background-color:#495c7e; display:table} /* Display:table allows text to be centered vertically --*/
ul.SideNav_AllParentTopics li a {padding:8px 10px 10px 10px; text-decoration:none; color:#fff; font:bold 1.4em/1.3 tahoma, verdana, sans-serif; text-align:left; display:table-cell; *display:block; *padding:3px 10px 3px 10px; vertical-align:middle}
#leftNav ul.SideNav_AllParentTopics li:hover a {color:#2e3a4f}
#leftNav ul.SideNav_AllParentTopics li:hover {background:url(../img/LeftNavBtnHoverBKGNDRepeater.png) repeat-x; background-color:#fff}
/*-------VIEW ALL TOPICS BUTTON (LEFT NAV) ------*/
#leftNav li.SideNav_ViewAllLink, #leftNav li.SideNav_ViewAllLink:hover {*height:33px; width:100%; background:url(../img/PanelShadow.png) no-repeat; background-position:bottom center; margin:2px auto 10px auto; display:table; padding:0 0 8px 0; border:none}
#leftNav li.SideNav_ViewAllLink a {display:table-cell; vertical-align:middle; font-size:1.2em; width:100%; text-decoration:none; font-weight:bold; color:#790000; *display:block; *text-align:center; height:30px; line-height:30px; text-align:center; border:1px solid #788183; padding:0; margin-top:5px; margin-left:0; *margin-top:0}
#leftNav li.SideNav_ViewAllLink a:hover {color:#2e3a4f; background:url(../img/LeftNavBtnHoverBKGNDRepeater.png) repeat-x}
/*------LeftNav menu that displays full navigation tree ----*/
	/* 
	- An <a> is required wrapping the content of every LI for proper padding and for background appearance when the item has a "CurrentPage" class
	- exception to this is when LI has class "TopicLabel". Content should NOT have <a>. Doing so will double left padding. Proper padding is included in the TopicLabel class. 
	- Every LI (except for SideNav_L2's) requre a <span> before its content. Span holds the appropriate icon for the level and state of the LI.
	*/
.SideNav_TopicTree .ParentTopicName {padding:8px; background:url(../img/LeftNavBtnBKGNDRepeater2.png) repeat-x; background-color:#495c7e}
.SideNav_TopicTree .ParentTopicName a,
.SideNav_TopicTree .ParentTopicName a:hover {border:none; display:table-cell; text-decoration:none; color:#fff; font:bold 1.4em/1.3 tahoma, verdana, sans-serif; padding:0}
.SideNav_TopicTree {border:1px solid #788183; border-top:none; padding-bottom:10px;/*  margin-bottom:10px */}
.SideNav_TopicTree li {color:#383838; position:relative; overflow:hidden; margin-bottom:0}
.SideNav_TopicTree li.SideNav_L2 {font:bold 1.3em/1.3 tahoma, verdana, sans-serif; color:#383838; margin:0 8px; padding:6px 0; border-bottom:1px #c3cad7 solid}
.SideNav_TopicTree li.SideNav_L2 > a {color:#383838; text-decoration:none; display:block; padding:0 12px 0 0}
.SideNav_TopicTree li.SideNav_L2:nth-last-of-type(1) {border:none} /* Removes underline from last L2 item */
.SideNav_TopicTree li.SideNav_L2 > a:hover {background:url(../img/SideNavRolloverArrow3.png) no-repeat; background-position:center right}
.SideNav_TopicTree li > a {text-decoration:none; display:block; padding:4px 4px 4px 15px}
.SideNav_TopicTree li .SideNav_L7 li > a {padding:4px} /* Assumes no children (ie, no L8), removes indent from L7 */
.SideNav_TopicTree li > a:hover {color:#35747c; text-decoration:underline}
.SideNav_TopicTree .SideNav_L3 ul {font-weight:normal; padding-left:10px; padding-top:2px} /* indents every UL below L3 */
.SideNav_TopicTree .TopicLabel > ul {padding-left:0} /* Removes indent from ULs that directly follow a TopicLabel */
.SideNav_TopicTree .SideNav_L3 {font-weight:normal; padding-top:4px}

.SideNav_TopicTree .SideNav_L5 li {border-bottom:1px #ccc solid} /* all after L5 */
.SideNav_TopicTree .SideNav_L5 li:nth-last-of-type(1) {border:none}
#leftNav .SideNav_TopicTree span.NAVicon {width:10px; height:10px; position:absolute; left:0; top:4px; margin-top:4px; display:inline-block; *display:block; *zoom:1; background:url(../img/GlobalSprite.png) no-repeat; background-position:-9999px -9999px; padding:0} /* Defines the span holding icons for each LI in the LeftNav */
#leftNav ul.SideNav_TopicTree .SideNav_L4 span.NAVicon {background-position:-9999px -9999px}
#leftNav ul.SideNav_TopicTree .SideNav_L5 span.NAVicon {background-position:-4px -40px}
#leftNav ul.SideNav_TopicTree .SideNav_L6 span.NAVicon {background-position:-54px -4px}
#leftNav ul.SideNav_TopicTree .WithChildren-Open > span.NAVicon {background-position:-40px -22px}
#leftNav ul.SideNav_TopicTree .TopicLabel > span.NAVicon {background-position:-40px -22px}
#leftNav ul.SideNav_TopicTree .WithChildren-Closed > span.NAVicon {background-position:-22px -40px}
#leftNav ul.SideNav_TopicTree .SideNav_L3 .WithChildren-Closed span.NAVicon {background-position:-22px -40px}
ul.SideNav_TopicTree .CurrentPage > a {background-color:#dedede; border-right:2px #3f557a solid}
ul.SideNav_TopicTree .CurrentPage.SideNav_L2 > a {background:url(../img/SideNavActiveArrow2.png) no-repeat; background-position:center right; text-decoration:none; border:none} /* Special case (override) for L2 with class="Current page" */
ul.SideNav_TopicTree .CurrentPage.SideNav_L2 a:hover {text-decoration:underline}
#leftNav .SideNav_TopicTree li.CurrentPage > span.NAVicon {height:16px; background-position:-56px -19px; margin-top:0} /* Applies blue arow to "Current page". Needs this specific selector */
ul.SideNav_TopicTree .SideNav_L2 .TopicLabel {padding:4px 4px 4px 15px} /* For Topic Labels (below L2) that do not act as links in the LeftNav */
/*------SubNav menu for generic pages ----*/
div.SideNavWrapper {background: url(../img/PanelShadow.png) no-repeat; background-position: bottom center; padding-bottom:8px}
ul.SideNav_GenericSubPage {border:1px solid #788183; border-top:none; padding-bottom:10px}
ul.SideNav_GenericSubPage li.lastSubNavItem a {border:none}
ul.SideNav_GenericSubPage li a {text-decoration:none; display:block; font:bold 1.3em/1.3 tahoma, verdana, sans-serif; color:#383838; margin:0 8px; padding:6px 12px 6px 0; border-bottom:1px #c3cad7 solid}
ul.SideNav_GenericSubPage li:nth-last-of-type(1) a {border:none}
ul.SideNav_GenericSubPage li a:hover {text-decoration:underline; color:#383838}
ul.SideNav_GenericSubPage li:hover {background:url(../img/SideNavRolloverArrow2.png) no-repeat; background-position:center right}
ul.SideNav_GenericSubPage li.active {background:url(../img/SideNavActiveArrow.png) no-repeat; background-position:center right; text-decoration:none}
/*------SubNav menu for individual Parent Topic pages ----*/
ul.SideNav_CurrParentTopic {border:1px solid #788183; border-top:none}
ul.SideNav_CurrParentTopic > li {font:normal 1.4em tahoma, verdana, sans-serif; color:#383838; margin:0 10px; padding:10px 0; border-bottom:1px #c3cad7 solid}
ul.SideNav_CurrParentTopic > li a {color:#383838; text-decoration:none}
ul.SideNav_CurrParentTopic > li a {display:block; padding:0 15px 0 0}
ul.SideNav_CurrParentTopic > li a:hover {color:#35747c; text-decoration:underline}
#leftNav > span, #leftNav div.SideNavWrapper span {width:100%; display:table; *display:block; *padding:8px 0; *width:100%; background:url(../img/LeftNavBtnBKGNDRepeater2.png) repeat-x; background-color:#495c7e} /* Display:table allows text to be centered vertically --*/
#leftNav > span a.ParentTopicName, #leftNav div.SideNavWrapper span a.ParentTopicName {display:table-cell; *display:block; vertical-align:middle; padding:8px 10px 10px 10px; *padding:3px 10px 3px 10px; text-align:left; font:bold 1.4em tahoma, verdana, sans-serif}
a.ParentTopicName, a.ParentTopicName:hover
{border:none; text-decoration:none; color:#fff}
ul.SideNav_CurrParentTopic > li:nth-last-of-type(1) {border-bottom:none}
ul.SideNav_CurrParentTopic ul li a {color:#2e3a4f; text-decoration:none; width:165px; *width:185px; padding:10px 10px 10px 0; margin-left:10px; display:block; border-bottom:1px #c3cad7 solid}
ul.SideNav_CurrParentTopic ul li:nth-last-of-type(1) a {border-bottom:none}
ul.SideNav_CurrParentTopic ul li:hover a {text-decoration:underline; color:#383838}
ul.SideNav_CurrParentTopic li a:hover {background:url(../img/SideNavRolloverArrow3.png) no-repeat; background-position:center right}
ul.SideNav_CurrParentTopic ul li.active {background:url(../img/SideNavActiveArrow2.png) no-repeat; background-position:center right; text-decoration:none}
ul.SideNav_CurrParentTopic ul li.active a:hover {background:none}
ul.SideNav_CurrParentTopic li.lastNavItem {padding-bottom:10px}
ul.SideNav_CurrParentTopic li.lastSubNavItem a {border:none}
/*------SubNav menu for Child Topic pages ----*/
ul.SideNav_ChildTopicTab {padding-bottom:20px; background:url(../img/ChildTopicTabShadow.png) no-repeat; background-position:bottom}
ul.SideNav_ChildTopicTab > li {font:bold 1.4em/1.2 tahoma, verdana, sans-serif; padding-top:6px; color:#383838}
ul.SideNav_ChildTopicTab li ul li a {border-bottom:1px #ccc solid}
ul.SideNav_ChildTopicTab li li a { font-weight: normal; line-height:1.1; text-decoration:none; color:#2c6067; display:block; padding:8px 10px}
ul.SideNav_ChildTopicTab li li a:hover {text-decoration:underline; color:#383838; background:url(../img/SideNavRolloverArrow3.png) no-repeat; background-position:center right}
ul.SideNav_ChildTopicTab li li.active {text-decoration:none; color:#383838; background:url(../img/SideNavActiveArrow2.png) no-repeat; background-position:center right}
ul.SideNav_ChildTopicTab ul ul {margin-left:10px}
ul.SideNav_ChildTopicTab li.lastNavItem a {border:none; margin-bottom:10px}
/*---- WIDGET SIDEBAR -------*/
.WidgetColumn {overflow:hidden}
#WidgetPanelWrapper {float:left; overflow:hidden; width:180px; padding-left:10px; padding-bottom:9px; background:url(../img/WidgetShadow.jpg) no-repeat; background-position: bottom left}
#WidgetPanelWrapper .WidgetColumn {border:1px #788183 solid; padding:8px 8px 15px 8px; *padding-top:0}
#WidgetPanelWrapper div.WidgetColumn h3:nth-of-type(1) {margin-top:0}
#WidgetPanelWrapper h3, .NR-LeftColumnWrap h3 {border-bottom:1px #790000 solid; padding:0 0 2px 0; margin:8px 0 5px 0; line-height:1.3em}
#WidgetPanelWrapper div.WidgetColumn > h3:nth-of-type(1) {border-bottom:2px #790000 solid}
#WidgetPanelWrapper p {font:1.2em/1.3 tahoma, verdana, sans-serif}
#WidgetPanelWrapper .wysiwygcopy p {font-size:1em; overflow:hidden}
#WidgetPanelWrapper a,
#WidgetPanelWrapper ul a {color:#2c6067}
#WidgetPanelWrapper a:hover,
#WidgetPanelWrapper ul a:hover {color:#000}
#WidgetPanelWrapper ul {margin-left:15px}
#WidgetPanelWrapper li {font:1.2em/1.2 tahoma, verdana, sans-serif; padding-bottom:3px; margin-bottom:3px; color:#383838}
#WidgetPanelWrapper li ol, #WidgetPanelWrapper li ul {margin-top:8px}
#WidgetPanelWrapper .wysiwygcopy li {font-size:1em}

#WidgetPanelWrapper img {float:left; margin-right:5px}
#WidgetPanelWrapper img.videoposter_thumb {margin:0 8px 5px 0; max-width:100%}
#WidgetPanelWrapper section {padding:5px 0 6px 0}
#WidgetPanelWrapper section.first {border:none; padding-top:0}
#WidgetPanelWrapper .MetaContent {font:1.1em/1.1 tahoma, verdana, sans-serif; margin:3px 0 6px 0}
#WidgetPanelWrapper .PolicySubcontent {float:none; margin-top:5px}
/*---- Widget Sidebar VIEW ALL button ---*/
aside#WidgetPanelWrapper span.Widget_ViewAllLink {display:block; padding-bottom:8px;  margin:10px 0; background:url(../img/PanelShadow.png) no-repeat; background-position: bottom center; overflow:hidden}
aside#WidgetPanelWrapper span.Widget_ViewAllLink a {display:block; text-decoration:none; font:bold 1.2em/1.2 tahoma, verdana, sans-serif; color:#790000; text-align:center; border: 1px solid #788183; padding:5px}
aside#WidgetPanelWrapper span.Widget_ViewAllLink a:hover {color:#2e3a4f; background:url(../img/LeftNavBtnHoverBKGNDRepeater.png) repeat-x}
/*--- INDIVIDUAL VIDEO PAGE ----*/
div.Buttons_IndividualVideoPage {margin:5px 0 15px 0}
div.Buttons_IndividualVideoPage a {font:bold 1.2em/2 tahoma, verdana, sans-serif; text-align:center; color:#d1d9e8; background-color:#2e3a4f; text-decoration:none; padding:6px 10px; margin-right:10px; height:25px; -moz-border-radius:8px; border-radius:8px}
div.Buttons_IndividualVideoPage a:hover {color:#2e3a4f; background-color:#bfc6d4}
img.videoposter_large {margin:10px 0 10px 0}
/*--- I Am A Landing Page ---*/
ul.I-am-a_UserTypes {list-style:none; width:100%; margin:10px auto 10px auto}
ul.I-am-a_UserTypes li {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; text-align:center; background: url(../img/PanelShadow.png) no-repeat; background-position: bottom center; padding-bottom: 8px; min-height:170px; width:23%; margin:0 1% 10px 0}
ul.I-am-a_UserTypes li a {display:block; min-height:170px; background:url(../img/TopicsSubSection/PanelBKGNDrepeater.png) repeat-x; background-position: bottom; border:1px #788183 solid; text-decoration: none; padding:10px 8px 8px 5px}
ul.I-am-a_UserTypes h2.UserType {display:block; font:bold 1.2em/1.2 tahoma, verdana, sans-serif; color:#283446; margin:5px 0}
span.UserTypeDescr {display:block; font:1.1em/1.2 tahoma, verdana, sans-serif; color:#2e3a4f}
/*--- I Am A - Subpage ---*/
section.UserTypeResources {border:1px #788183 solid; padding:10px 0 5px 10px; margin-bottom:10px; background:url(../img/TopicsSubSection/PanelBKGNDrepeater.png) repeat-x; background-position: bottom}
section.UserTypeResources ul {list-style:none; float:left; width:45%; margin:5px 0 5px 10px}
section.UserTypeResources li {margin-bottom:5px; font-size:1.2em}
/*----Video Thumbnail Carousels ----*/
div.VideoCarousel {margin-bottom:20px; position:relative; overflow:hidden; background:url(../img/VideoCarouselBKGNDrepeater.png) repeat-x; min-height: 150px}
h2.VideoCarousels {margin:10px 19px 3px 19px; border-bottom:3px #790000 solid}
h2.VideoCarousels span {display:block; width:140px; padding:5px 0; background-color:#790000; color:#fff; text-align:center}
div.VideoCarousel a.ScrollLeft {width:16px; height:150px; float:left; padding-right:3px;position:relative; overflow:hidden; background-color:#fff}
div.VideoCarousel a.ScrollRight {width:16px; height:150px; float:right; padding-left:3px; position:relative; overflow:hidden; background-color:#fff}
div.VideoCarousel > span {position:absolute; z-index:100; float:left; display:block; width:27px; height:150px; margin-right:1px; background: url(../img/VideoCarouselLeft-RightShadow.png) no-repeat; background-position:top right}
div.VideoCarousel > span.ScrollRightShadow {position:absolute; right:-1px; display:block; width:26px; height:150px; background: url(../img/VideoCarouselLeft-RightShadow.png) no-repeat; background-position:top left}
.VideoCarousel a.ScrollLeft img {max-width:none; position:absolute; left:-32px; top:65px}
.VideoCarousel a.ScrollLeft:hover img {position:absolute; left:0; top:65px}
.VideoCarousel a.ScrollRight img {max-width:none; position:absolute; right:0; top:65px}
.VideoCarousel a.ScrollRight:hover img {position:absolute; right:-32px; top:65px}
.VideoCarouselInnerWrap {*position:absolute; padding-left: 27px}
.VideoCarousel ul {list-style:none; position:relative; margin:0; width:10000px}
.VideoCarousel ul li {position: relative; float: left; *zoom:1; vertical-align: top; width:120px; padding-top:8px; margin-right:5px; max-height:135px}
.VideoCarousel .ImgLink {padding-bottom:75%} /*place on <img> parent. Constrains height to 75% of width (YouTubestandard: 120px x 90px @ full size) */
.VideoCarousel ul li a {float:left; max-width:100%}
.VideoCarousel ul li a.VideoThumbTitle {float:left; font:1em/1.1 tahoma, verdana, sans-serif; color:#2c6067; text-decoration:none}
.VideoCarousel ul li a.VideoThumbTitle:hover {color:#000; text-decoration:underline}
/* ------MODAL WINDOW -----*/
div.ModalOverlay {z-index:1000; position:absolute; top:0; display:none; width:100%; height:100%; background:rgba(46,58,79,0.6); *background:none; }
div.ModalWindow {position:absolute; width:40%; max-width:400px; overflow:hidden; background:rgba(255,255,255,0.85); *background-color:#fff\9; background-color:#fff\0/; padding:15px; padding-bottom:20px; margin:0 auto; border:4px #fff solid; *border:4px #788183 solid\9; *border:4px #788183 solid\0/; -moz-border-radius:8px; border-radius:8px; -moz-box-shadow:inset 0 0 10px #2e3a4f; box-shadow:inset 0 0 10px #2e3a4f}
div.ModalWindow span.Modal-HealthMilLogo {display:block; width:165px; height:40px; background:url(../img/MHS-FootnoteLogo2.png) no-repeat}
div.ModalWindow span.Modal-ExternalLinkMessage,
div.ModalWindow span.Modal-ExternalLinkMessage-Mobile {display:block; color:#2e3a4f; font:normal 1.4em/1.4 tahoma,verdana,sans-serif; margin:10px 0 15px 0}
div.ModalWindow span.Modal-ExternalLinkMessage-Mobile {display:none}
div.ModalWindow span.Modal-MessageTitle,
div.ModalWindow span.Modal-MessageTitle-Mobile {display:block; margin-bottom:8px; font-weight:bold}
.Modal-OKbutton, .Modal-Cancelbutton {float:left; font:bold 1.4em/1.4 tahoma,verdana,sans-serif; text-align:center; line-height:30px; color:#d1d9e8; background-color:#2e3a4f; text-decoration:none; padding:0 15px; height:30px;  -moz-border-radius:4px; border-radius:4px}
div.ModalWindow a.Modal-OKbutton:hover, div.ModalWindow a.Modal-Cancelbutton:hover {color:#2e3a4f; background-color:#fff; box-shadow:0px 0px 12px 5px rgba(0,0,0,0.3)}
.Modal-OKbutton {margin:0 30px 0 10px}
/*-----FALLEN----*/
h1 span.HiddenText {display:none}
.main3Column h1.FallenArthed, .main2Column h1.FallenArthed {width:325px; margin:0 auto 15px auto}
a.RemembranceVideoThumb {display:block; float:right; text-align:center; width:120px; margin:5px 0 10px 25px; padding:3px; border:1px #ccc solid; text-decoration:none;}
a.RemembranceVideoThumb small{display:block; margin:3px 3px; color:#2c6067; font:normal 1.1em tahoma, verdana, sans-serif;}
figure.quote {margin:0;}
figure.quote blockquote {margin:10px 30px 10px 30px; color:#2e3a4f; font:bold 1.35em/1.65 'Lucida Sans Unicode', sans-serif; position:relative}
figure.quote span.OpenQuotes, figure.quote span.CloseQuotes {margin:10px; position:absolute; color:#ccc; font:bold 3.5em times, serif}
figure.quote span.OpenQuotes {left:-40px; top:-15px}
figure.quote span.CloseQuotes {bottom:-35px}
figure.quote small.author {display:block; margin:0 25px 20px 30px; padding:3px; color:#2c6067; font:normal 1.2em tahoma, verdana, sans-serif;}
div.MHS-Fallen div.SearchThisSection input.SearchInput,
div.MHS-Fallen div.SearchThisSection input.SearchButton {margin-top:0}
ul.Fallen-YearNavigation {list-style-type:none; float:left; margin:0; padding:2px 0; text-align:center; border-top:2px #4a5065 solid; border-bottom:2px #4a5065 solid}
ul.Fallen-YearNavigation li {margin-bottom:1px}
ul.Fallen-YearNavigation li a{display:block; background:#ddd; width:55px; margin-bottom:1px; padding:10px}
ul.Fallen-YearNavigation li a:hover,
ul.Fallen-YearNavigation li a.Fallen-Selected {background:#790000; color:#fff}
li.Fallen-Year a{font-weight:bold; text-decoration:none}
li.Fallen-YearPrev, li.Fallen-YearNext {display:none}
div.Fallen-Pagination section.PageSelectorInfo {background:#ecebe9; margin:0; text-align:center}
div.Fallen-Pagination section.PageSelectorInfo div {float:none}
div.Fallen-Content {box-sizing:border-box; margin-left:80px; max-width:85%}
section.Fallen-SingleEntry, section.Fallen-DetailPage {overflow:hidden; padding:8px; border-top:1px #aaa solid; background:linear-gradient(#eee 0%, #fff 10%)}
section.Fallen-SingleEntry.Fallen-DetailPage p {margin:0}
section.Fallen-DetailPage a {color:#2c6067; font-size:1.2em}
section.Fallen-DetailPage a:hover {color:#000; text-decoration:none}
section.Fallen-SingleEntry.Fallen-DetailPage > a {color:#790000}
section.Fallen-SingleEntry img, section.Fallen-DetailPage img {float:right; max-width:85px; border:1px #000 solid; margin:0 6px 10px 0}
h2.Fallen-Name {margin-bottom:5px}
span.EntryEmphasis {font-weight:bold}
.ExpandContentTrigger {display:table; position:relative}
.ExpandContentTrigger a {display:table-cell; width:10000px}
.ExpandContentTrigger a:after {content:""; width:18px; height:18px; background:url(../img/GlobalSprite.png) no-repeat; background-position:-18px -36px; display:inline-block; *display:block; *zoom:1; position:absolute}
.ExpandContentTrigger.active a:after {background-position:-36px -18px}
.ExpandedContent {margin:5px 0 20px 35px; padding-left:5px; border-left:2px #ccc solid; position:relative}
.ExpandedContent .Q-A {margin-left:-25px}
.FAQgroup {margin-bottom:15px; float:left} /* float:left is to clear child floats */
.FAQgroup .refItemTopics {background:#d4dbe9; padding:8px 8px 12px 8px; margin-top:0}
.FAQgroup .refItemTopics > span {color:#283446}
.FAQgroup .Q-A {display:block; padding:2px; margin-right:2px; font-size:1.2em; font-weight:bold; color:#283446; float:left}
.FAQgroup .wysiwygcopy {overflow:visible; position:relative} /* overflow:visible is to allow "A:" to display outside its parent */
.FAQgroup .wysiwygcopy .Q-A {font-size:1em}
/*---DHCAPE Reference Center Table & all Data Tables
"dataTable" class is req'd to distiguish from tables used (by client) for layout---*/
table.DHCAPE-ReferenceTable, .dataTable {border-spacing:1px; border-spacing:0px\0/; background-color:#eee; *border-collapse:collapse; *background-color:#fff; font:normal 1.2em/1.4 tahoma, verdana, sans-serif; margin:10px 0 20px}
.wysiwygcopy .dataTable {font-size:1em}
table.DHCAPE-ReferenceTable caption, .dataTable caption {font:bold 1em tahoma, verdana, sans-serif; color:#283446; margin-bottom:5px}
table.DHCAPE-ReferenceTable th, .dataTable th {padding:5px 3px; background-color:#2E3A4F; color:#fff; *border:1px solid #fff}
.dataTable th .TooltipLink {color:#fff; text-decoration:none}
.dataTable th .TooltipLink:hover {color:#fff}
.dataTable .tableSubheadRow th {background-color:#6c82a7}
table.DHCAPE-ReferenceTable td, .dataTable td {width:10000px; border:0; padding:5px; vertical-align:top; border:1px #aaa solid\0/; *border:1px #aaa solid}
table.DHCAPE-ReferenceTable a, .dataTable a {color:#2c6067; text-decoration:underline}
table.DHCAPE-ReferenceTable a:hover, .dataTable a:hover {color:#000; text-decoration:none}
table.DHCAPE-ReferenceTable tr:nth-of-type(odd), .dataTable tr:nth-of-type(odd) {background-color:#cbd5e7} /*--Zebra striping --*/
/*--ImageGallery--*/
div.ImageGallery {background:#e7e8ee url(../img/ImageGalleryBKGNDRepeater.png) repeat-x; background-position:bottom; margin:5px 0 15px; border-top:2px #790000 solid; border-bottom:1px #790000 solid; padding:0 10px 15px 0; overflow:hidden; position:relative}
div.ImageGallery h3 span {background:#790000; color:#fff; display:block; padding:8px; margin-right:-10px}
div.ImageGallery ul.ImageGalleryContent {list-style:none; margin:12px 0 8px 10px; position:relative}
div.ImageGallery ul.ImageGalleryContent div.NextPrevBtnOverlay {position:relative; max-width:450px; margin:0 8px 10px 0; overflow:hidden; float:left}
div.ImageGallery ul.ImageGalleryContent div.NextPrevBtnOverlay a.OverlayPrevBtn {position:absolute; left:0; width:17.5%}
div.ImageGallery ul.ImageGalleryContent div.NextPrevBtnOverlay a.OverlayNextBtn {position:absolute; right:0; width:17.5%; text-align:right}
div.ImageGallery img.ImageGalleryImage {float:left/* ; margin-right:10px */}
div.ImageGallery ul.ImageGalleryContent div.ImageGalleryDescr  {line-height:1.5em; min-width:150px; overflow:hidden; margin-bottom:80px}
div.ImageGallery ul.ImageGalleryContent div.ImageGalleryDescr a.SeeFullSizePhoto {display:block; margin-top:10px}
div.ImageGallery ul.ImageGalleryContent div.ImageGalleryDescr a.SeeFullSizePhoto:after {content:""; display:inline-block; *display:inline; *zoom:1; width:18px; height:18px; background-image:url(../img/GlobalSprite.png); background-position:-54px -36px; margin-left:5px}
div.ImageGallery ul.ImageGalleryNavigation {list-style:none; overflow:hidden; position:absolute; bottom:10px; right:10px}
div.ImageGallery ul.ImageGalleryNavigation li {display:inline-block; *display:inline; *zoom:1; float:left}
div.ImageGallery ul.ImageGalleryNavigation a {display:block; width:30px; height:30px; margin:0 8px}
div.ModalWindow.ImageGalery {width:80%; max-width:900px/*; overflow:hidden; background:rgba(255,255,255,0.85); *background-color:#fff\9; background-color:#fff\0/; padding:15px; padding-bottom:20px; margin:0 auto; border:4px #fff solid; *border:4px #788183 solid\9; *border:4px #788183 solid\0/; -moz-border-radius:8px; border-radius:8px; -moz-box-shadow:inset 0 0 10px #2e3a4f; box-shadow:inset 0 0 10px #2e3a4f */}
div.ModalWindow.ImageGalery {background:#e7e8ee url(../img/ImageGalleryBKGNDRepeater.png) repeat-x; background-position:bottom}
/*---TRANSPARENCY (TIG) PAGES ----*/
.transparencyPages .button, #WidgetPanelWrapper .button.patientPortalBtn {float:right; height:22px; margin:3px 0 0 10px; padding:1px 8px; font-size:1em; line-height:22px; background:#0e76bc; color:#fff; text-decoration:none; -moz-border-radius:4px; border-radius:4px}
#WidgetPanelWrapper .button.patientPortalBtn {float:none; padding:3px 8px; display:block; margin:5px auto 0 auto; font-size:1.2em}
.transparencyPages .button:hover {box-shadow:none}
.MeansToMe {width:75%; margin:25px auto 50px auto; padding:10px 10px 15px 10px; border-top:1px #b16720 solid; border-bottom:2px #b16720 solid; background:url(../img/TransparencyPages/MeansToMeBKGNDrepeater.jpg) repeat-x; background-position:bottom; position:relative}
.MeansToMe h2 {color:#790000; margin:0 55px 10px 0}
.QuestionRibbon {display:block; width:53px; height:53px; background:url(../img/TransparencyPages/QuestionRibbon-top.png) no-repeat; position:absolute; right:5px; top:-14px}
.QuestionRibbonTail {display:block; width:42px; height:26px; background:url(../img/TransparencyPages/QuestionRibbon-tail.png) no-repeat; position:absolute; right:5px; bottom:-29px}
.AboutExternalSite {border-top:2px #0e76bc solid; padding-top:8px; position:relative}
.ExternalSiteName a {display:block; color:#0e76bc; text-decoration:none; font-size:1.15em; margin:0 140px 20px 68px; position:relative}
.ExternalSiteRibbon {display:block; width:53px; height:53px; background:url(../img/TransparencyPages/ExternalSiteRibbon.png) no-repeat; position:absolute; left:5px; top:-14px}
.AboutExternalSite .VistThisSiteBtn {position:absolute; right:0; top:6px; border-radius:0; background:url(../img/TransparencyPages/ArrowBKGNDrepeater.png) repeat-x; padding-left:10px; height:27px; color:#fff; font:bold 1em tahoma, verdana, sans-serif; line-height:27px; text-decoration:none}
.arrowTip {background:url(../img/TransparencyPages/ArrowTip.jpg) no-repeat; display:block; width:15px; height:27px; float:right; margin-left:5px}
.asideContent {margin-top:10px}
.asideContent ul {margin:0; padding:5px}
.asideContent ul li {line-height:20px}
.asideContent ul li span {font-weight:bold; display:block}
.asideContent h2 {color:#790000}
/*---PATIENT PORTAL FOR ACCESS AND INFORMATION ---*/
.patientPortalPanel {text-align:center; min-height:250px}
.patientPortalPanel ul, .asideContent ul {margin:5px 0 0 0; padding:5px 10px 0 10px}
.patientPortalPanel li, .asideContent li {list-style:none; padding:0 0 8px 0; border-bottom:1px #ccc solid}
.patientPortalPanel li:last-of-type, .asideContent li:last-of-type {border:none}
.patientPortalPanel li a {text-decoration:none}
.patientPortalPanel h2 {color:#790000; margin:5px 0; padding:0 5px 0 5px}
/*----Rates and Reimbursement Pages----*/
.Step1InputGroup, .Step2InputGroup, .Step3InputGroup {overflow:hidden; margin-bottom:25px}
.Step1InputGroup {margin-top:10px}

/* "formInputGroup" to replace "Step1-, Step2-, Step3InputGroup styles. Need to go back through existing form to make this change... */
.formInputGroup {overflow:hidden; margin-bottom:20px}
.formInputGroup:first-of-type {margin-top:10px}

.RRform input[type="submit"], .RRform input[type="button"] {float:none; margin:15px 0 0}
.RRform .ButtonWrapper {text-align:center; clear:both; margin:15px 0 10px}
.Step1InputGroup .ZipCodeContainer {width:120px}
.Step1InputGroup .CityContainer {margin-bottom:5px}
.RRform .ZipCode {width:130px}
.RRform .asideBox {display:inline-block; *display:block; *zoom:1; float:left; clear:both; font-size:1.2em; font-weight:bold; margin:10px 0}
.RRform .asideBox + label {margin-top:5px}
.RR_searchParams {text-wrap: none; float:left;}
.RR_searchResults {background:#d4dbe9; margin-top:25px; padding:0 10px 15px}
.RR_searchResults h2 {text-align:center; color:white; background:url(../img/LeftNavBtnBKGNDRepeater2.png) repeat-x; padding:4px; margin:0 -10px 12px}
.RR_searchResults .TooltipLink { text-align: left; }
.RR_searchResults .DefinitionTerm + span { font-weight: normal}
.RR_generatedInfo {clear: both;}
.RR_generatedInfo p {background:#fff; font-weight:bold; width:95%; margin:15px auto 0; padding:4px; text-align:center; -moz-border-radius:4px; border-radius:4px}
.RR_generatedInfo span.rate {display:block; clear:both; color:#790000; font-size:1.8em}
.RR_gridViewPaging {width: 20%; float: right; text-align: right;}
.columnPercent40 {width: 40%;}
.columnPercent50 {width: 50%;}
.asidePanel {padding:10px; margin:0 0 10px 15px; overflow:hidden; font-weight: normal; width: 40%;}
.asidePanel h2 {text-transform:uppercase; color:#790000; line-height:1.2; margin:0 0 5px 0; background:none; text-align:left;}
.asidePanel > .MB-contentWrap > div {padding-left: 4px;}
.floatRight {float: right;}
.RR_searchResultsAsidePanel {background-color: white; float: right; width: 55%; margin-bottom: 20px;}
.tabTable {border-spacing:1px 0; margin:10px 0 0;  Width: 100%;}
.allowableTable {border-spacing:1px 0; margin:0 0 20px; border-bottom-width: 1px; border-bottom-color: white; border-bottom-style: solid;}
th.plainTab {color: aqua; background-color: white;}
.tablePageNavigation {width: 85%; float: left;}
/*------ CQM Database Search form-----------*/
.CQMdatabaseSearch {}
.CQMdatabaseSearch .definition {float:left; margin-left:0}
.CQMdatabaseSearch .radioGroup {clear:both; padding-top:5px}
.CQMdatabaseSearch .radioInputPair {display:inline-block; width:auto; margin-right:10px}
.CQMdatabaseSearch .selectFacilities {width:95%}
/*-------NEWS ROOM------- */
/* Selector specificity req'd to override previous --- */
body.Newsroom div.NewsroomSubcontent {position:relative; box-sizing:border-box; padding:0}
body.Newsroom div.main3Column {position:relative; float:left; margin:0 1% 0 25%; box-sizing:border-box; padding:5px 0 5px 0; width:56%}
div#NR-leftNav {position:relative; float:left; width:24%; margin:0 0 10px -82%; border-top:4px #790000 solid; padding-top:2px; background:url(../img/panelshadow.png) no-repeat; background-position:bottom center; padding-bottom:8px}
body.Newsroom #WidgetPanelWrapper {position:relative; float:left; box-sizing:border-box; width:18%; *width:17.5%; margin-right:-19%; padding-left:0; background-position:bottom center}
body.Newsroom #TopicCarousel ul#TopicCarouselContent > li {padding-top:0}
body.Newsroom #TopicCarousel ul#TopicCarouselContent {border-top:none}
div#NR-leftNav > div.NR-NewsFeedHeader {box-sizing:border-box; padding:8px 10px 10px 10px; background:url(../img/LeftNavBtnBKGNDRepeater2.png) repeat-x; background-color:#495c7e; color:#fff; font:bold 1.4em tahoma, verdana, sans-serif}
div.NR-LeftColumnWrap {padding:8px 8px 15px 8px; border:1px solid #788183; border-top:none; overflow:hidden}
div.NR-Search, .NR-NewsFeedItem {padding:4px 0; overflow:hidden; position:relative}
.NR-NewsFeedItem .wysiwygcopy {margin-bottom:0}
.RSSfeed {margin-bottom:10px}
.RSSfeed .NR-NewsFeedItem {border-top:1px #ccc dotted}
.NR-NewsFeedItemFirst {padding-top:0}
.NR-NewsFeedItem .wysiwygcopy p {font-size:1em}
div.NR-GlobalSocialMediaPortal {position:relative; padding-bottom:35px}
#NR-leftNav.NR-NewsFeed img {float:left; margin:2px 5px 5px 0}
#NR-leftNav.NR-NewsFeed ul.ListWithBullets {list-style:square; list-style-position:inside; margin-bottom:6px}
.NR-FullStoryLink {display:inline-block; background:#ccc; font:normal 1.2em/20px tahoma, verdana, sans-serif; color:#181f2a; text-decoration:none; height:20px; margin-top:5px; padding:2px 10px; position:absolute; bottom:10px; right:10px}
.NR-FullStoryLink:hover {background:#bbb; color:#000}
#NR-leftNav .NR-FullStoryLink {font-size:1em; color:#181f2a; text-decoration:none; position:relative; bottom:auto; right:auto}
div.NR-Search {margin-top:0; padding-top:0}
div.NR-Search label {margin-top:0; display:none}
div.NR-Search input.SearchInput {width:83%; *width:75%; border-radius:0; float:left; margin:0; padding-top:0\9; height:25px; *height:21px; line-height:25px; box-sizing:border-box}
div.NR-Search input.SearchButton {width:10%; height:25px; *width:25px; *height:24px; float:left; clear:none; margin:0; border-radius:0; font-size:0px; background:#131923 url(../img/NR-SearchButtonBKGND.png) no-repeat}
.NR-NewsFeedItem p, .NR-NewsFeedItemFirst p {margin-bottom:6px; font-size:1.2em}
/* Social Media Widget (Newsroom landing page)*/
div.NR-SocialMediaWrapper {min-height:90px; margin:5px 0 10px 0; border-top:3px #790000 solid; background: url(../img/PICHR-Qlevel3BKGNDRepeater.jpg) repeat-x; background-color: #e7e7ce; padding:10px; border-bottom-left-radius:1em; position:relative}
div.NR-SocialMediaWrapper div.FollowUsContainer {position:absolute; top:-10px; width:105px; overflow:hidden}
div.NR-SocialMediaWrapper div.WidgetLabel {padding:6px; *margin-bottom:10px; font:bold 1.2em tahoma, verdana, sans-serif; text-align:center; color:#fff; background-color:#790000}
div.NR-SocialMediaWrapper div.quote {box-sizing:border-box; margin:5px 5px 5px 120px; padding-right:8px; width:65%; font:bold 1.25em/1.55 'Lucida Sans Unicode', sans-serif; color:#283446 }
div.NR-SocialMediaWrapper div.quote a {display:block; font-weight:normal; margin:5px 0 5px 0}
div.NR-SocialMediaWrapper div.quote a:hover {color:#000}
div.NR-SocialMediaWrapper ul#NR-SocialMedia {list-style:none; float:none; margin:10px 0 0 2px; width:100%}
div.NR-SocialMediaWrapper ul#NR-SocialMedia li {float:left; margin-right:5px}
/*-- Individual Article Page (header) --*/
div.IndividualArticleHeader {overflow:hidden}
div.IndividualArticleHeader h1.ArticleTitle {font-size:2.0em; margin-bottom:10px}
div.IndividualArticleHeader div.ArticleMetaData {float:left; width:28%; max-width:250px; margin-left:2%}
div.IndividualArticleHeader div.ArticleMetaData h2 {font-family:tahoma, verdana, sans-serif; background:#bfc6d4; font-size:1.2em; padding:6px 6px 10px 6px; margin-bottom:5px}
div.IndividualArticleHeader h2.ArticleAuthor div, div.IndividualArticleHeader h2.ArticleSource span {font-weight:normal}
h2.ArticleAuthor > span {font-weight:normal}
h2.ArticleAuthor span.MetaContent {padding:4px 0; font-size:1em; background:#fff; text-align:center}
div.IndividualArticleImgContainer {width:370px; float:left; margin-bottom:5px}
div.IndividualArticleHeader span.photocaption {float:left}
span.refItemTopics.IndividualArticle, div.refItemTags.IndividualArticle {font-size:1em; float:right; width:28%; border-top:2px #790000 solid; border-bottom:3px #790000 solid; padding:8px 0 15px 0; margin-left:10px}
div.refItemTags.IndividualArticle span {*display:inline; *zoom:1; *padding-bottom:10px; *margin-right:10px}
div.refItemTags.IndividualArticle {display:block; float:none; margin:20px 0 10px 0; width:auto; border-bottom:none}
div.refItemTags.IndividualArticle div.articleTag {display:inline-block; *display:inline; *zoom:1; background:#ddd; padding:6px; margin:0 4px 6px 0}
div.refItemTags.IndividualArticle div.articleTag:hover {background:#bfc6d4}
div.refItemTags.IndividualArticle div.articleTag a {text-decoration:none; color:#2e3a4f}
div.wysiwygcopy.IndividualArticle {margin-top:5px}
div.wysiwygcopy.IndividualArticle p:first-of-type:first-letter {float:left; color:#aaa; font:bold 3.3em "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif; line-height:33px; padding-top:2px; padding-right:3px}
/* Article Highlights Section AND Social Media Hub */
ul.NR-ArticleHighlights {list-style-type:none; margin:0 0 10px 0; overflow: hidden;}
ul.NR-ArticleHighlights h3 + span {margin:3px 0 6px 0}
ul.NR-ArticleHighlights li {font-size:1em; float:left; padding:0 0 10px 0; box-sizing:border-box; width:32%; margin:0 2% 10px 0; margin:0 1.25% 10px 0\9; min-height:375px; border-bottom:2px #790000 solid; position:relative; padding-bottom:35px; background:url(../img/TopicsSubSection/PanelBKGNDrepeater.png) repeat-x; background-position:bottom}
ul.NR-SocialMediaHub {list-style-type:none; margin:0; overflow:hidden; margin-bottom:15px}
ul.NR-SocialMediaHub > li {font-size:1em; float:left; padding:0; box-sizing:border-box; width:32%; margin:0 2% 10px 0; margin:0 1% 10px 0\9; border:1px #bbb solid; border-top:3px #790000 solid}
div.InnerWrap {background:url(../img/PICHR-Qlevel3BKGNDRepeater.jpg) repeat-x; background-position:0 104px; background-color:#e7e7ce; overflow:hidden}
div.SealContainer {background:white; padding:2px 0; text-align:center; border-bottom:2px #790000 solid}
div.SocialContent {padding:8px; min-height:140px}
div.SocialContent h3 {color:#790000}
ul.NR-SocialMediaHubIcons {list-style:none; margin:10px 0 0 0; overflow:hidden}
ul.NR-SocialMediaHubIcons li {display:inline-block; padding-right:3px; *display:inline; *zoom:1; margin-bottom:0}
ul.NR-ArticleHighlights li img {margin:3px 0 3px 0; overflow:hidden}
ul.NR-ArticleHighlights > li:nth-child(3n+3), ul.NR-SocialMediaHub > li:nth-child(3n+3) {margin-right:0}
.twidget {margin-bottom:10px}
/*----404 page-----*/
.page404 {width:75%; min-height:400px; margin:0 auto 25px; padding-top:25px; position:relative}
.redirect {width:95%}
.page404 ul {list-style:none; margin-left:0}
.page404 h1 {margin:0 0 20px 0; font-size:4.8em; letter-spacing:.05em; font-family:"Oswald",tahoma,verdana,sans-serif; font-weight:400}
.redirect h1 {margin:5px 0 5px 0}
.page404 h1 span {display:inline-block; *display:inline; *zoom:1; background:#7a90b7; padding:5px 15px; margin-right:10px; font-size:1em; font-weight:400; color:white}
.page404mainArt {position:absolute; right:-20px; top:5px}
.redirectmainArt {float:left; width:35%}
.page404 .wysiwygcopy, .page404 .URLsuggestions {margin:0 230px 0 25px}
.redirect .wysiwygcopy {margin:0 20px 0 25px}
.page404SearchBox {background:#d4dbe9; height:90px; margin-top:35px; padding:10px 0 10px 0; overflow:hidden}
.magnifyingGlass {display:inline-block; width:100px; height:111px; margin-right:15px; float:left; background:url(../img/MagnifyingGlass.png) no-repeat; background-position:-15px 0}
.page404 input {clear:none; width:auto}
.page404SearchBox input[type="submit"] {margin:0 0 0 8px; height:28px}
/*---- CONTACT US PAGE -------*/
.contactIntroSection {padding-bottom:15px; margin-bottom:20px; overflow:hidden; border-bottom:1px #758181 solid}
.contactUsPage h2 {text-transform:uppercase; color:#790000; font-size:1.4em; line-height:1.2; margin-bottom:5px}
.search-contactPage {width:50%; min-height:111px; padding:10px 5px 10px 95px; margin:0 0 10px 15px; float:right; overflow:hidden; background:#d4dbe9 url(../img/MagnifyingGlass.png) no-repeat; background-position:-25px 10px}
.search-contactPage input, .contactWidget input {clear:none; width:auto}
.search-contactPage input[type="submit"] {width:auto; margin:0 0 0 8px; height:28px}
.contactUsPage #accordion {float:left; margin:0 2% 15px 0; *margin-right:1.5%; width:64%; border:none; *padding-left:0}
.contactUsPage #accordion label {font-size:1em}
.contactUsPage #accordion > li {}
.contactUsPage #accordion > li a {font-size:1.16em; padding:15px 5px 15px 15px}
.contactUsPage #accordion > li a > div {padding-right:40px}
.contactUsPage #accordion > li a span {float:right; width:28px; height:28px; margin-top:-4px; background:url(../img/GlobalSprite.png) no-repeat; background-position:-54px -54px; overflow:hidden; *display:none}
.contactUsPage #accordion > li:hover a span {background-position:-54px -82px}
.contactUsPage #accordion > li.active a span {background-position:-82px -54px}
.contactUsPage .SearchThisSection {background:none; padding:0}
.contactUsPage .ThirdColumn {float:right; width:34%; overflow:hidden}
.contactWidget.support img {box-sizing:border-box; border:5px #7288af solid}
.contactWidget {border-top:1px #758181 solid; margin:15px 0; padding-top:15px}
.contactWidget.support {border-top:none; margin-top:0; padding-top:0}
.contactUsPage .SocialMedia-ContactPage {list-style:none; margin:10px 0; overflow:hidden}
.SocialMedia-ContactPage li {margin:0; float:left}
.SocialMedia-ContactPage img {padding-right:8px; width:25px}
.support.contactWidget {*width:98%}
/*--- Google Locator Map (Contact Us)-------*/
.contactUsPage #map-canvas {width:100%; height:200px; margin-bottom:10px}
.getDirections input[type="submit"] {margin-top:5px}
/*-------Scroll To Top Button -----*/
.backToTop {position:fixed; opacity:0; cursor:pointer; visibility:hidden; z-index:99999999; width:50px; height:50px; right:30px; bottom:30px; background-position:0 -110px; text-indent:-9999px}
.backToTop:hover {background-position:-53px -110px}
.backToTop.show {visibility:visible; opacity:1.0}
/*----Leadership Biographies------*/
.leadershipBios {margin-top:15px}
.leadershipBios h3 {font-size:1.2em; margin-bottom:0}
.leadershipBios > ul {margin:0}
.leadershipBios ul div {min-height:340px; box-sizing:border-box; border-bottom:2px #790000 solid; padding-bottom:10px}
.leadershipBios ul li {display:inline-block; *display:block; *zoom:1; vertical-align:top; font-size:1em; width:23.5%; margin:0 1% 20px 0; padding-bottom:9px; background:url(../img/PanelShadow.png) no-repeat; background-position:bottom center}
.leadershipBios .ImgLink {display:block; padding-bottom:116%; height:0; overflow:hidden; position:relative; margin-bottom:10px; background-color:#d4dbe9; border:5px #d4dbe9 solid}
/*----------------- HSCDB Content Panels -----------*/
.HCSDBsurveyPortal.contentTile {width:32.5%; padding-bottom:8px}
.HCSDBsurveyPortal.contentTile:nth-child(3n+1) {margin-left:0}
.HCSDBsurveyPortal.contentTile p {text-align:left}
.HCSDBsurveyPortal .contentTileInner {padding:15px}
.HCSDBsurveyPortal .contentTileInner h2 {border-bottom:1px #aaa solid; padding-bottom:8px; margin-bottom:10px; line-height:1.1}
.HCSDBsurveyPortal .button {margin:15px 0 10px 0}
/*-------- Puts a video icon on thumbnails ---------*/
.sliderPlay {
        display: block;
        width:41px;
        height:31px;
        opacity: .5;
        position: absolute;
        top:6px;
        right:4px;
        background: url(/img/VideoIcon4thumbs.png) center no-repeat;
        opacity: .9;
}


/*------------------RESPONSIVE -----------------*/
/*----------------------------------------------*/
@media only screen and (max-width:990px) {
	#WidgetPanelWrapper {width:18.5%}
	#DIVContactUs {margin-left:0}
    .refItem > h3 {max-width:530px}
	/*NEWSROOM*/
	div.IndividualArticleHeader h1.ArticleTitle {font-size:1.6em}
	div.IndividualArticleImgContainer {width:100%}
	div.IndividualArticleImgContainer span.caption {margin:0; padding-bottom:10px; border:none}
	div.IndividualArticleHeader div.ArticleMetaData {width:100%; max-width:100%; margin:0}
	div.IndividualArticleHeader div.ArticleMetaData > div {overflow:hidden; width:100%; margin-bottom:5px}
	div.IndividualArticleHeader div.ArticleMetaData a.ArticleShareButton {float:left; margin:0}
	span.refItemTopics.IndividualArticle {width:35%}
	div.IndividualArticleHeader div.ArticleMetaData h2.ArticleAuthor {box-sizing:border-box; margin:0 2% 5px 0; width:63%; float:left}
	div.ArticleMetaData a.shareThisBtn {width:35%; margin-top:0}
	.search-contactPage {padding-left:10px; background-position:-205px 10px}
}
@media only screen and (max-width:969px) {
	body {background:none}
	#LeftShadowEdge, #RightShadowEdge {display:none}
	#content {overflow:visible}
	nav {width:100%; left:0px}
	nav > ul#MainNav {width:100%}
	header {padding-left:0px; height:150px; background-position:0 -14px}
	.HeaderUtilities {width:310px; top:15px; right:15px}
	.HeaderSocialMedia li, .UtilityNav li {padding:1px 0 1px 15px}
	.MHSseal {width:55px; height:55px; margin:28px 0 0 15px; background-image:url(../img/MHSseal_med.png)}
	.HealthMilLogo {width:282px; height:65px; margin:28px 0 0 15px; background:url(../img/HealthMilLogo-main_med.png) no-repeat}
	#carousel {width:auto; float:none; min-height:300px}
	div.clearfix {clear:none}
	/*--- MEGA MENUS ---*/
	.MM_introText {font-size:1.2em; margin:12px 0 10px 10px}
	#MainNav li#I-am-a div a {width:49%; padding:12px 20px 12px 15px; margin:0 0 0 0}
	/* #MainNav > li:hover div.MegaMenus.MM_Topics {width:619px}
	#MainNav > li:hover div.MegaMenus.MM_Training {width:619px}
	#MainNav > li:hover div.MegaMenus.MM_Policies {width:619px}
	#MainNav > li:hover div.MegaMenus.MM_ResourceCenter {width:619px}
	#MainNav > li:hover div.MegaMenus.MM_News {width:619px} */
	
	.MegaMenus.MM_I-Am-A {width:280%}
	.MM_I-Am-A > span {font-size:1.2em; display:block; width:90%; color:#fff; margin:10px 5px 10px 15px}
	.MM_I-Am-A a span.MM_bodyCopy {font-size:1.4em; margin:0; color:#2e3a4f}
	.MM_I-Am-A ul {list-style:none; width:190%; border:none}
	.MM_I-Am-A li {margin-top:0; padding-bottom:0; border-top:1px #2e3a4f solid; background-color:#d5dae7; box-shadow: 4px 4px 20px rgba(0,0,0,0.3)}
	.MM_I-Am-A li h3 {color:#2e3a4f; border:none}
	.MM_I-Am-A li a:hover h3.MM_HeadersLight {border:none}
	.MegaMenus h3 {padding-bottom:0; margin-bottom:0}
	.MM_I-Am-A ul.MegaMenuContent a {width:90%; color:#2e3a4f}
	.MM_I-Am-A li:nth-last-of-type(1) {border-top:1px #2e3a4f solid}
	
	/*-- Removes Padding & sets translucent BKGND on all MEGAMENU divs---*/
	.MegaMenus.MM_Topics,
	.MegaMenus.MM_Training,
	.MegaMenus.MM_Policies,
	.MegaMenus.MM_ResourceCenter,
	.MegaMenus.MM_News,
	.MegaMenus.MM_AboutMHS,
	.MegaMenus.MegaMenus.MM_I-Am-A {padding:0; background:url(../img/MegaMenuBKGNDrepeaterTRANSP.png) repeat-x; background-color:rgba(108,130,167,0.9); background-color:rgb(108,130,167)\9}
	
	.MM_Topics ul {list-style:none; width:100%; border:none}
	.MM_Topics li {border-top:1px #2e3a4f solid; padding:5px 10px 10px 10px; background-color:#d5dae7; box-shadow:4px 4px 20px rgba(0,0,0,0.3)}
	.MM_Topics li:hover {background-color:#cbd0dc}
	.MM_Topics li a {margin-bottom:0; width:50%; padding-bottom:0}
	.MM_Topics li h3, .MM_Topics .MM_bodyCopy {color:#2e3a4f; font-size:1.4em; margin-bottom:0}
	.MM_Topics li a:hover h3.MM_HeadersLight {border:none}
	.MM_Topics .col3 {margin-top:10px; width:100%; background:none; padding:0}
	.MM_Topics .col3 a {font-size:1.4em}
	.MM_Topics .col3 a:hover {color:#2e3a4f; text-decoration:none}
	.MM_Topics .col3 ul {width:100%}
	.MM_Topics .col3 div#campaignTile {display:none}
	.MM_Topics .col3 h3 {color:#fff; margin:5px 10px}
	.MM_Topics-Articles {width:100%; margin-right:0}
	.MM_Topics-Articles li {background-color:#fff}
	
	.MM_Training .col1, .MM_Training .col2 {float:none; width:100%; height: auto}
	.MM_Training h3 {font:bold 1.4em/1.5 tahoma, verdana, sans-serif; border:none; margin: 10px 0 5px 10px}
	.MM_Training ul {list-style:none; width:225%; float:none; border:none}
	.MM_Training li {border-top:1px #2e3a4f solid; padding:8px 10px; background-color:#d5dae7;box-shadow: 4px 4px 20px rgba(0,0,0,0.3)}
	.MM_Training li:hover {background-color:#cbd0dc}
	.MM_Training li a {margin-bottom:0; width:42%}
	.MM_Training li a span.MM_CourseName {margin-bottom:0; color:#2e3a4f; font-size:1.4em}
	.MM_Training span.MM_bodyCopy {color:#2e3a4f; font:1.4em/1 tahoma, verdana, sans-serif; margin:5px 5px 5px 0; display:block}
	.MM_Training li a:hover {background:none}
	
	.MM_News .col1 {float:none; width:100%; height:auto}
	.MM_News .col1 h3 {font:bold 1.4em/1.5 tahoma, verdana, sans-serif; border:none; margin:10px 0 5px 10px}
	.MM_News li {border-top:1px #2e3a4f solid; padding:8px 10px; background-color:#d5dae7; box-shadow:4px 4px 20px rgba(0,0,0,0.3)}
	.MM_News li:hover {background-color:#cbd0dc}
	.MM_News li a span.MM_ArticleName {margin-bottom:0; color:#2e3a4f; font-size:1.4em}
	.MM_News span.MM_bodyCopy {color:#2e3a4f; font:1.4em/1 tahoma, verdana, sans-serif; margin:5px 5px 5px 0; display:block}
	.MM_News li a:hover {background:none}
	.MM_News div.SocialMedia {margin-top:15px; padding:15px; background:#fff}
	.MM_News div.SocialMedia h3.MM_bodyCopy {font-size:1.4em; width:30%; border:none}
	.MM_News div.SocialMedia ul {width:60%}
	.MM_News div.SocialMedia li {border:none; background:none; box-shadow:none}
	.MM_News div#campaignTile {display:none}
	
	
	.MM_Policies .col1, .MM_Policies .col2, .MM_Policies .col3 {float:none; width:100%; height: auto}
	.MM_Policies .col1 h3, .MM_Policies .col2 h3, .MM_Policies .col3 h3 {font:bold 1.4em/1.5 tahoma, verdana, sans-serif; border:none; margin: 10px 0 5px 10px}
	.MM_Policies .col1 h3 {color:#2e3a4f; float:left; margin:0 15px 0 10px; line-height:33px}
	.MM_Policies ul {list-style:none; width:100%; float:none; border:none}
	.MM_Policies li {border-top:1px #2e3a4f solid; padding:8px 15px 10px 8px; background-color:#d5dae7; font-size:1.2em; box-shadow: 4px 4px 20px rgba(0,0,0,0.3)}
	
	.MM_Policies .col1 {box-sizing:border-box; width:95%; height:48px; margin:0 10px; padding:8px; background-color:#c2cbda; overflow:hidden}
	.MM_Policies .col1 li {font-size:1em; width:20%; padding:8px; border:1px #fff solid; background-color:#752620; text-align:center; float:right; display:inline-block; *display:inline; *zoom: 1; margin-right:4%; box-shadow:4px 4px 20px rgba(15,28,46,0.0); -moz-border-radius:8px; border-radius:8px}
	.MM_Policies .col1 li a {color:#fff; padding:0}
	.MM_Policies .col1 li a:hover {color:#fff; background-color:#752620}

	.MM_Policies .col2 li a {color:#2e3a4f}
	.MM_Policies .col2 li:hover {background-color:#cbd0dc}
	
	.MM_Policies .col3 li a {color:#2e3a4f}
	.MM_Policies .col3 li:hover {background-color:#cbd0dc}
	
	.MM_Policies li a {margin-bottom:0}
	.MM_Policies li a span.MM_CourseName {margin-bottom:0; color:#2e3a4f; font-size:1.4em}
	.MM_Policies span.MM_bodyCopy {margin:10px; font-size:1.4em}

 	.MM_ResourceCenter .col1, .MM_ResourceCenter .col2, .MM_ResourceCenter .col3 {float:none; width:100%; height: auto}
	.MM_ResourceCenter h3 {font:bold 1.4em/1.5 tahoma, verdana, sans-serif; border:none; margin: 10px 0 5px 10px}
	.MM_ResourceCenter ul {width:100%; float:none; border:none}
	.MM_ResourceCenter li {border-top:1px #2e3a4f solid; padding:8px 15px 10px 8px; background-color:#d5dae7; font-size:1.2em; box-shadow: 4px 4px 20px rgba(0,0,0,0.3)}
	.MM_ResourceCenter li:hover {background-color:#cbd0dc}
	.MM_ResourceCenter .col1 li a {color:#2e3a4f; margin-bottom:0}
	.MM_ResourceCenter .col2 li a {color:#2e3a4f}
	.MM_ResourceCenter .col3 li a {color:#2e3a4f}
	.MM_ResourceCenter li a {margin-bottom:0}
	.MM_ResourceCenter li a span.MM_CourseName {margin-bottom:0; color:#2e3a4f; font-size:1.4em}
	.MM_ResourceCenter span.MM_bodyCopy {margin:10px; font-size:1.4em}
	
	.MM_AboutMHS .MM_ArticleName, .MM_AboutMHS .MM_bodyCopy {color:#2e3a4f}
	.MM_AboutMHS li {border-top:1px #2e3a4f solid; padding:5px 10px 10px 10px; background-color:#d5dae7; box-shadow:4px 4px 20px rgba(0,0,0,0.3)}
	.MM_AboutMHS li h3, .MM_AboutMHS .MM_bodyCopy {color:#2e3a4f; font-size:1.4em; margin-bottom:0}
	
	#accordion {float:left; margin:8px 0 20px 0; border:none; *padding-left:0}
	.accordionContent img {float:right; margin:0 0 0 10px}

	footer {clear:both; padding-bottom:5px} 
	.FooterColumns {min-height:410px; width:18%; min-width:135px; margin-left:1.5%}
	#footnotes img.stethescope {display:none}
	div.FootnoteLogos {width:280px; margin:0 auto; overflow:hidden}
	#footnotes ul#footnoteLinks-external li {padding-left:20px}
	.MHSseal-Footer, .DHAseal-Footer, #DIVsubscribe, .ContactUsLabel {display:none}
	#DIVContactUs {width:60%; min-width:260px; position:relative; float:none; overflow:hidden; margin:10px auto; padding-top:0; clear:both}
	#DIVContactUs fieldset {padding-bottom:5px}
	.SocialMedia-footer {width:330px; margin:10px auto; padding-left:0}
	.SocialMedia-footer li {margin:0}
	.SocialMedia-footer img {padding-right:20px}
	.SocialMedia-footer li:last-of-type img {padding-right:0}
	#emailLink {float:none; margin:20px auto; padding-top:10px; width:180px; border-top:1px #bbb solid}
	#emailLink img {width:auto; height:auto; margin:3px 5px 0 0}
	.outreachLinks-footer {padding-left:10px}
	.outreachLinks-footer img {margin-right:25px}
    .refItem > h3 {max-width: 500px}

	/* HOME PAGE TOPICS SECTION */
	#topics {width:65%; float:left; margin:10px 0 0 1%}
	#topics li.tile {margin:5px .5% 0 0}

	#topics ul.Topics6panelRow li.tile {min-height:150px; width:32%}
	#topics ul.Topics6panelRow li.tile a {min-height: 160px}

	#topics ul.Topics5panelRow li.tile {min-height:170px; width:32%}
	#topics ul.Topics5panelRow li.tile a {min-height: 170px}

	#topics ul.Topics4panelRow li.tile {min-height:130px; width:32%}
	#topics ul.Topics4panelRow li.tile a {min-height: 150px}

	#topics ul.Topics3panelRow li.tile {min-height:120px; width:32%}
	#topics ul.Topics3panelRow li.tile a {min-height: 150px}
	
	div.ResourceCheckboxGroup li {margin-bottom:15px}
	div.ResourceCheckboxGroup fieldset {padding-bottom:0}
	ul.I-am-a_UserTypes img {width:45px; height:45px}
	.page404 {width:85%}
	.redirect {width:95%}
}
@media only screen and (max-width:930px) {
	#MainNav > li > a {line-height:2.95em; padding:0 1.4em}
	.MM_Training {left:-122px}
	.MM_Policies {left:-210px}
	.MM_ResourceCenter {left:-290px}
	.MM_News {left:-430px}
	.MM_Topics, .MM_Training, .MM_Policies, .MM_ResourceCenter, .MM_News {width:750px}
	
}
@media only screen and (max-width:900px) {
	ul#accordion {width:40%}
	#topics {width:58%}
	ul.SideNav_GenericSubPage li a {font-size:1.2em; padding:10px 12px 10px 0}
	ul.SideNav_CurrParentTopic ul li a {width:95%; padding: 12px 0 12px 5px}
	#leftNav ul.SideNav_AllParentTopics li a, 
	ul.SideNav_ChildTopicTab > li,
	ul.SideNav_CurrParentTopic > li	{font-size:1.2em}
	ul.SideNav_ChildTopicTab > li,
	ul.SideNav_CurrParentTopic > li	{padding-left:8px}
	ul.SideNav_CurrParentTopic li ul li {margin-left:0}
	#breadcrumb {margin:0 0 .8em 0}
	.main1Column h1, .main2Column h1, .main3Column h1 {margin-bottom:5px; padding-bottom:0; font-size:1.8em}
	.main1Column h2, .main2Column h2, .main3Column h2 {font-size:1.35em}
	.main1Column h3, .main2Column h3, .main3Column h3 {font-size:1.25em}
	.ExternalSiteName h2, .ExternalSiteName a {font-size:1em}
	#topics ul.Topics3panelRow li.tile,
	#topics ul.Topics4panelRow li.tile,
	#topics ul.Topics5panelRow li.tile,
	#topics ul.Topics6panelRow li.tile {min-height:170px;/*  width:48% */}

	#topics ul.Topics3panelRow li.tile a,
	#topics ul.Topics4panelRow li.tile a,
	#topics ul.Topics5panelRow li.tile a,
	#topics ul.Topics6panelRow li.tile a {min-height: 170px}
    .refItem > h3 { max-width: 470px; }
	.page404 h1 {font-size:4.2em; margin-bottom:20px}
	.redirect h1 {margin-bottom:10px; line-height:1.4}
	.page404 .wysiwygcopy, .page404 .URLsuggestions {margin-left:10px}
}
@media only screen and (max-width:840px) {
	/*NEWSROOM*/
	body.Newsroom #WidgetPanelWrapper {width:100%; clear:both}
	body.Newsroom div */.NewsroomSubcontent {padding-right:0}
	body.Newsroom div .main3Column {width:75%}
	div#NR-leftNav {margin-left:-101%}
	div#NR-leftNav.NR-NewsFeed a.FullStoryLink {float:left}
}	
@media only screen and (max-width:830px) {
	#WidgetPanelWrapper .WidgetColumn {border-top:3px #790000 solid}
}
@media only screen and (max-width:820px) {
	ul#accordion {width:46.5%}
	#topics {width:51%}
	#accordion > li > a {font-size:1.3em; min-height:auto}
	#accordion > li a span {margin-top:0}
	#accordion li a span {height:22px; background:url(../img/AccordionArrow.png) no-repeat; background-position:0 3px}
	#accordion li a:hover span {background-position:-20px 3px}
	#accordion li.active a span {background-position:-10px 1px}
	.FooterColumns {display:none}
	#DIVContactUs {margin:0; width:100%}
	#DIVContactUs fieldset {margin-top:0; border:none}
	#DIVContactUs legend, #emailLink {display:none}
	div.wrapper {position: relative; width:100%} 
	footer {background:url(../img/FooterBKGNDrepeater2.png) repeat-x; padding:15px 0px 10px 0px; text-align:center; min-height:50px}
	div.FootnoteLogos {margin:20px auto 10px auto}
	.mhsfootnotelogo, .DHAfootnotelogo {margin-top:0}
	#footnotes {width:100%; height:auto; margin:0 auto; text-align:center; font-size:1.1em; overflow:hidden}
	#footnotes ul#footnoteLinks1 {text-align:center}
	#footnotes ul#footnoteLinks1 li {float:none; display:inline-block; *display:inline}
	#footnotes ul#footnoteLinks1, 
	#footnotes ul#footnoteLinks-external {width:100%; padding:10px 0; margin:5px auto}
	#footnotes ul#footnoteLinks-external li {float:none; padding:9px; display:block; border-top:1px #2e3a4f solid}
	#footnotes ul#footnoteLinks-external li a {display:block; width:100%}
	 /*----- LEFT NAV CONVERTS TO DROP-DOWN TRAY ---------*/
	#leftNav {position:absolute; width:50%; left:-9999px; z-index:2; background-color:#fff; padding-top:2px}
	div#SlideTrayTab {z-index:100; display:block; position:absolute; left:0; top:-35px; *top:2px; width:50px; height:35px; *height:25px; background:url(../img/IamA-BtnBKGNDrepeater.png) repeat-x; border-left: 1px solid #fff; border-right: 1px solid #490000}
	#breadcrumb {*margin-left:55px} /* for IE7: makes room for placement of SlideTrayTab that triggers LeftNav to appear */
	div#SlideTrayTab a {display:block; width:50px; height:35px; *height:25px; background:url(../img/Arrow-White.png) no-repeat; background-position: center 13px; *background-position: center 13px}
	div#SlideTrayTab + div#leftNav {z-index:100; width:60%; left:1px; top:0; *top:25px; *border-top:#fff; *padding-top:2px; box-shadow: 4px 4px 20px rgba(0,0,0,0.6); display:none} /*-- ADDED Display:none to remove conflict with Javascript trigger --*/
	.main2Column, .main3Column {width:100%}
	#WidgetPanelWrapper {width:24.5%}
	.main3Column {width:74%}
	div.SideNavWrapper {background:none; padding:0}
	ul.SideNav_GenericSubPage {border:none}
	ul.SideNav_GenericSubPage li a {padding:15px 12px 15px 0; font:normal 1.4em tahoma, verdana, sans-serif; margin-left:12px}
	span a.ParentTopicName, 
	span a.ParentTopicName:hover {font:bold 1.4em/1.3 tahoma, verdana, sans-serif; margin-top:1px; border:none}
	#leftNav span {display:table; width:100%; padding:10px 0}
	#leftNav span a {display: table-cell; vertical-align: middle}
	#leftNav ul.SideNav_AllParentTopics li {border:none; width:100%}
	#leftNav ul.SideNav_AllParentTopics li a,
	#leftNav ul.SideNav_AllParentTopics li a:hover {height:40px; font:bold 1.4em/1.3 tahoma, verdana, sans-serif}
	ul.SideNav_ChildTopicTab {padding:6px 0 0 0; background:none}
	#leftNav li.SideNav_ViewAllLink {background:none}
	#leftNav li.SideNav_ViewAllLink, #leftNav li.SideNav_ViewAllLink:hover {padding-bottom:0}
	ul.SideNav_CurrParentTopic {border-bottom:2px solid #790000}
	ul.SideNav_CurrParentTopic > li,
	ul.SideNav_ChildTopicTab > li	{font:normal 1.4em/1.5 tahoma, verdana, sans-serif}
	ul.SideNav_ChildTopicTab li li a {padding:12px 0; width:95%}
	ul.SideNav_ChildTopicTab > li:nth-child(1) {font-weight:bold}
	/*--LeftNav Topic Tree --*/
	ul.SideNav_TopicTree {padding-bottom:5px; margin-bottom:10px; border-bottom:2px #790000 solid}
	ul.SideNav_TopicTree li.ParentTopicName {padding:10px 0}
	#leftNav ul.SideNav_TopicTree > li.ParentTopicName {font-size:1em}
	#leftNav ul.SideNav_TopicTree li.ParentTopicName a {padding: 8px 10px 10px 10px; border:none}
	#leftNav ul.SideNav_TopicTree li {/*padding-top:6px;  padding-bottom:8px */}
	#leftNav ul.SideNav_TopicTree li a {display:block; padding-top:6px; padding-bottom:6px}
	#leftNav ul.SideNav_TopicTree li.SideNav_L2 {padding:0}
	#leftNav ul.SideNav_TopicTree li.SideNav_L2 > a,
	#leftNav ul.SideNav_TopicTree li.SideNav_L2.TopicLabel {padding-top:12px}
	#leftNav ul.SideNav_TopicTree > li {font-size:1.4em}
	#leftNav ul.SideNav_TopicTree span.NAV-MoreArrow {padding:0}
	#leftNav ul.SideNav_TopicTree ul.SideNav_L3 li.CurrentPage span.NAV-MoreArrow {height:15px; background-position:-56px -21px; margin-top:7px} /* -- For any "current page" SideNav_L3 and lower --*/
	#leftNav ul.SideNav_TopicTree li.WithContent-Open span.NAV-MoreArrow {margin-top:9px}
	#leftNav ul.SideNav_TopicTree li span.NAV-MoreArrow {margin-top:13px}
	ul.SideNav_TopicTree li {border-bottom:1px #ccc solid}
	ul.SideNav_TopicTree li:nth-last-of-type(1) {border-bottom:none}
	
	#topics ul.Topics3panelRow li.tile,
	#topics ul.Topics4panelRow li.tile,
	#topics ul.Topics5panelRow li.tile,
	#topics ul.Topics6panelRow li.tile {width:48%}
    .refItem > h3 {max-width:580px}
	 /*--- TOPIC PAGE CAROUSEL ---*/
	ul#TopicCarouselContent li img {width:330px}
	ul#TopicCarouselContent a.FullStoryLink {margin:15px 0; float:left}
	.redirectmainArt {width:45%}
}	
@media only screen and (max-width:780px) {
	#WidgetPanelWrapper .PolicySubcontent {float:none; width:auto}
	#WidgetPanelWrapper img {margin:5px 8px 5px 0}
    #MainNav li#I-am-a a {padding:0 10px 0 15px; background:none}
    .refItem > h3 { max-width: 550px; }
	.page404 {width:90%; min-height:340px}
	.redirect {width:95%; min-height:300px}
	.page404 h1 {font-size:3.8em}
	.page404 h1 span {padding:3px 10px; margin-right:5px}
	.page404mainArt {width:200px; top:15px}
	.page404SearchBox .magnifyingGlass {margin-right:5px; width:90px; background-position:-25px 0}
}
@media only screen and (max-width:767px) {
	#MainNav li#I-am-a img {display:none}
	#topics li img {width:45px; height:45px}
	#topics li.tile {margin:2px .5% 0 0}
	
	ul.TopicsAZnav li {font:bold 1.1em tahoma, verdana, sans-serif; padding:8px}
	#carousel {min-height:320px}
	ul.I-am-a_UserTypes li {min-height:150px; width:24%}
	ul.I-am-a_UserTypes li a {min-height:150px}
	ul.I-am-a_UserTypes h2.UserType {display:block; font:bold 1.1em/1.2 tahoma, verdana, sans-serif; color:#283446; margin-top:0}
	div.ModalWindow {width:70%}
	div.ModalWindow span.Modal-ExternalLinkMessage {display:none}
	div.ModalWindow span.Modal-ExternalLinkMessage-Mobile {display:block}
	div.ModalWindow span.Modal-ExternalLinkMessage-Mobile a {color:#790000}
	div.ModalWindow span.Modal-MessageTitle {display:none}
	div.ModalWindow span.Modal-MessageTitle-Mobile {display:block}
    .refItem > h3 {max-width:540px}
}
@media only screen and (max-width:750px) {
	/*NEWSROOM*/
	ul.NR-ArticleHighlights li {padding-bottom:50px; min-height:365px}
	div#NR-leftNav {clear:both; width:100%; margin:10px 0 0 0}
	div.NR-Search input.SearchInput {width:50%}
	div.NR-Search input.SearchButton {width:25px; margin-top:0; float:left; padding:0; font-size:0; background-position:0 0}
	body.Newsroom div.main3Column {margin:0; width:100%}
	.NR-FullStoryLink {left:10px; text-align:center; font-weight:bold; padding:5px 10px}
	#NR-leftNav .NR-FullStoryLink {left:auto}
	body.Newsroom aside#WidgetPanelWrapper {width:100%; margin:10px 0 0 0}

    .HCSDBsurveyPortal.contentTile {width:49%}
    .HCSDBsurveyPortal.contentTile:nth-child(3n+1) {margin-left:.5%}
    .HCSDBsurveyPortal.contentTile:nth-of-type(odd) {margin-left:0}
}
@media only screen and (max-width:755px) {
	#content {padding:10px 8px 0 8px}
	#WidgetPanelWrapper {padding-left:8px}	
	.HealthMilLogo {height:35px; margin:40px 0 0 12px}
	div.ResourceCheckboxGroup li {width:32%}
	ul#TopicsNewsFeedNav li.more:hover ul {left:auto}
    .refItem > h3 {max-width:480px}
	#MainNav {background:url(../img/3-barMenuButton.png) no-repeat; background-position:65px 10px}
	#MainNav li#Topics {margin-top:35px}
	#MainNav li#Topics,
	#MainNav li#Training,
	#MainNav li#Policies,
	#MainNav li#ResourceCenter,
	#MainNav li#News,
	#MainNav li#AboutMHS {font-size:1.2em; float:none; width:100%; border-bottom:1px #82a2d0 solid; height:45px; background-color:#fff; background-image:none; box-shadow: 4px 4px 20px rgba(0,0,0,0.3); display:none; *margin-top:-2px}
	#MainNav li#Topics {*margin-top:0}
	.MM_Topics, .MM_Training, .MM_Policies, .MM_ResourceCenter, .MM_News, .MM_AboutMHS {display:none}	
	a.DropMenuTrigger {display:block}
	a.DropMenuTrigger:hover #Topics,
	a.DropMenuTrigger:hover #Training,
	a.DropMenuTrigger:hover #Policies,
	a.DropMenuTrigger:hover #ResourceCenter,
	a.DropMenuTrigger:hover #News,
	a.DropMenuTrigger:hover #AboutMHS {display:block} 	
	
	#MainNav li#Topics > a,
	#MainNav li#Training > a,
	#MainNav li#Policies > a,
	#MainNav li#ResourceCenter > a,
	#MainNav li#News > a,
	#MainNav li#AboutMHS > a {color:#2e3a4f; line-height:45px}
	
	#MainNav li#Topics > a:hover,
	#MainNav li#Training > a:hover,
	#MainNav li#Policies > a:hover,
	#MainNav li#ResourceCenter > a:hover,
	#MainNav li#News > a:hover,
	#MainNav li#AboutMHS > a:hover {color:#2e3a4f; background-color:#e0e4ee; background-image:none}
	
	#MainNav li#I-am-a {position:absolute; top:0; right:0}
	#MainNav li#I-am-a > a {padding:0 20px 0 45px; background:url(../img/MainNav-IamA-Icon.png) left center no-repeat}
	#MainNav li#I-am-a img {display:block}
	
	#MainNav li#Topics a,
	#MainNav li#Training a,
	#MainNav li#Policies a,
	#MainNav li#ResourceCenter a,
	#MainNav li#News a,
	#MainNav li#AboutMHS a {padding:0px 1em; display:block}		
}
@media only screen and (max-width:720px) {
	.MegaMenus.MM_I-Am-A {width:320%}
	.redirectmainArt {margin-top:10px}
}
@media only screen and (max-width:660px) {
	ul#accordion {width:57%}
	#topics {width:41%; margin-left:.5%}
	#topics li img {display:none}
	#topics li.tile h2.topicName {margin-top:8px}
	#topics li.tile a {padding-bottom:10px}
	#topics ul.Topics6panelRow li.tile {min-height: 1px; width:99%}
	#topics ul.Topics6panelRow li.tile a {min-height: 1px}

	#topics ul.Topics5panelRow li.tile {width:99%; min-height: 1px}
	#topics ul.Topics5panelRow li.tile a {min-height: 1px}

	#topics ul.Topics4panelRow li.tile {width:99%; min-height: 1px}
	#topics ul.Topics4panelRow li.tile a {min-height: 1px}

	#topics ul.Topics3panelRow li.tile {min-height: 1px; width:99%}
	#topics ul.Topics3panelRow li.tile a {min-height: 1px}
	#TopicsCheatSheetLink {display:none}
	
	ul#TopicCarouselContent li img {width:300px; float:right; margin:0 0 0 10px}
	
	#leftNav {width:70%}
	section div.TrainingCourseMetaContent, article div.TrainingCourseMetaContent {width:40%}
	
	div.SearchThisSection {width:99%; margin:10px auto 10px auto; background-color:#d4dbe9}
	.main2Column div.SearchThisSection, .main3Column div.SearchThisSection {width:auto; margin:10px 0; text-align:left; overflow:hidden}
	.main3Column div.SearchThisSection label,
	.main3Column div.SearchThisSection select,
	.main3Column div.SearchThisSection input.SearchInput,
	.main3Column div.SearchThisSection input.SearchButton {float:none}
	.main3Column div.SearchThisSection input.SearchInput {margin:0}
	div.ResourceCheckboxGroup {margin:5px auto 15px auto; width:99%}
	div.ResourceCheckboxGroup ul {margin:4px 0 0 0}
	#WidgetPanelWrapper {float:none; width:100%; padding-left:0; background-position:bottom center}
	aside#WidgetPanelWrapper span.Widget_ViewAllLink {width:250px; margin:10px auto}
	aside#WidgetPanelWrapper span.Widget_ViewAllLink a {padding:10px}
	.main1Column, .main2Column, .main3Column {width:99.5%; padding-bottom:10px}
	img.videoposter_thumb {float:none; clear:both}
	.patientPortalPanel {min-height:290px}
	.patientPortalPanel ul {padding:5px 0 0 0}
	.page404mainArt {width:160px; right:-10px}
	.page404SearchBox {margin-top:30px}
	.HCSDBsurveyPortal.contentTile {width:48%}
    .centeredGroup {margin-bottom:20px}
}
@media only screen and (max-width:640px) {
	body {font-size:68.75%} /* Enlarges font slightly for mobile devices */
	#carousel ul#CarouselContent li img {width:330px}
	#carousel a.FullStoryLink {margin:15px 0; float:left}
	#MainNav > li > a {line-height:2.8em; padding:0 1.2em}
	#topicsHeader {line-height:2.3em}
	div.ModalOverlay {padding-top:5%}
	div.ModalWindow {width:60%}
	.SearchThisSection .SearchButton {line-height:1em}
	#MainNav > li:hover div.MegaMenus.MM_Topics {width:494px}
	#MainNav > li:hover div.MegaMenus.MM_Training {width:494px; left:-122px}
	#MainNav > li:hover div.MegaMenus.MM_Policies {width:494px; left:-206px}
	#MainNav > li:hover div.MegaMenus.MM_ResourceCenter {width:494px; left:-287px}
	#MainNav > li:hover div.MegaMenus.MM_News {width:494px; left:-430px}
	.MegaMenus.MM_I-Am-A {width:400%}
    .refItem > h3 {max-width:450px}
	.MM_Policies li, .MM_ResourceCenter li {font-size:1.1em}
	.MM_News div.SocialMedia ul {box-sizing:border-box; width:34%}
	.MM_News div.SocialMedia ul li {margin:0}
	.MM_News div.SocialMedia h3.MM_bodyCopy {width:60%}
	.GlobalSiteSearch .GlobalSiteSearchBtn {padding:0 6px}
	.page404 h1 {font-size:3.2em}
}
@media only screen and (max-width:620px) {
	#content {padding:3px 3px 0 3px}
	.UtilityNav {display:none}
	.HeaderUtilities {width:280px; top:25px}
	.HeaderSocialMedia {margin-top:15px}
	.SocialMedia-footer img {padding-right:20px}
	.outreachLinks-footer {margin:0 auto 20px auto}
	.UtilityNav-footer {display:block; margin-bottom:10px; font-size:1.2em; border-bottom:1px #2e3a4f solid; overflow:hidden}
	.UtilityNav-footer li {float:none; margin-bottom:0; width:100%; height:30px; border-top:1px #2e3a4f solid; padding:6px; display:block}
	.UtilityNav-footer li a {line-height:30px; text-decoration:none; color:#283446}	
	.UtilityNav-footer li a:hover {text-decoration:underline; color:#788183}
	#breadcrumb {display:none}
	#carousel, .main1Column, .main2Column, .main3Column, ul#TopicsNewsFeedNav {border-top:3px #790000 solid}
	div#SlideTrayTab {*top:-24px}
	div#content {*margin-top:26px} /* for IE7: moves page content lower to accommodate placement of SlideTrayTab that triggers LeftNav to appear */
	div#SlideTrayTab:hover + div#leftNav {*top:3px}
	#carousel {margin-top:0; min-height:220px}
	/* #TopicCarousel {padding-bottom:40px} Padding-bottom is used to make room for the navigation, which is absolutely positioned */
	#carousel ul#CarouselNavigation li a,
	#TopicCarousel ul#TopicCarouselNavigation li a {font-size:0; height:10px; padding-bottom:0}
	footer {padding:0; border-bottom:1px #2e3a4f solid; box-shadow: 4px 4px 20px rgba(0,0,0,0.3)}
	#footnotes {padding-top:15px; border-bottom:1px #2e3a4f solid; font-size:1.4em}
	#DIVContactUs ul#SocialMedia {width:auto; padding-top:10px}
	#footnotes ul#footnoteLinks1 {float:none; padding-bottom:10px; border-bottom:1px #2e3a4f solid}
	#footnotes ul#footnoteLinks1 li {font-size:.85em; font-weight:bold; width:100%; height:30px; padding:6px; display:block}
	#footnotes ul#footnoteLinks1 li a {line-height:30px}
	#footnotes ul#footnoteLinks-external {font-size:1.2em}
	#footnotes ul#footnoteLinks-external li {border:none}
	div.PDFnotice {border:none}
    .refItem > h3 {max-width:400px}
	.MegaMenus.MM_I-Am-A {width:250%}
	.contactUsPage #accordion, .contactUsPage .ThirdColumn {width:100%}
	.contactWidget {float:left; width:99%; margin:5px 0; padding-left:5px}
	.SocialMedia-ContactPage img {width:35px; padding-right:15px}
	.getDirections input[type="submit"] {margin:0 0 0 10px}
	.leadershipBios ul {margin-left:.5%}
	.leadershipBios ul div {padding-bottom:5px}
	.leadershipBios ul li {width:31%}
    /*--------------NEW-------------------*/
    .SearchThisSection .dateRange .radioGroup {width:100%; margin-right:0; border:none}
    .SearchThisSection .dateRange .radioInputPair {float:left; width:auto; margin-right:15px}
    .SearchThisSection .dateRange .dateRangeWrap {margin-left:8px; width:100%}
}
@media only screen and (max-width:600px) {
	.MHSseal {width:39px; height:39px; margin:14px 0 0 10px; background-image:url(../img/MHSseal_small.png)}
	.HealthMilLogo {width:165px; height:30px; margin:18px 0 0 10px; background:url(../img/HealthMilLogo-main_small.png) no-repeat}
	.HeaderUtilities {left:10px; top:70px; width:100%; /*padding-left: 10px;*/ box-sizing: border-box}
	.GlobalSiteSearch {width:40%/*210px*/}
	.GlobalSiteSearch .SearchInput {width:88%}
	.GlobalSiteSearch .GlobalSiteSearchBtn {background-position:0 0; width:12%; font-size:0px}
	.HeaderSocialMedia {margin:-23px 25px/*15px*/ 0 45%}
	.page404 h1 {font-size:3em; margin-bottom:10px}
	.page404SearchBox {padding-left:15px}
	.page404SearchBox .magnifyingGlass {display:none}
	.search-contactPage {float:none; width:100%; margin:10px 0; padding:8px; min-height:initial}

@media only screen and (max-width:570px) {
    header {height:180px; background-position:0 16px; background-color:#e4e6eb}
    .HeaderSocialMedia {margin:13px 0 0 0; text-align:left}
	.HeaderSocialMedia li {padding:0 15px 0 0}
}

@media only screen and (max-width:560px) {
	.page404 h1 {font-size:2.55em}
	.page404 .wysiwygcopy, .page404 .URLsuggestions {margin-right:190px}
	.redirectmainArt {width:60%; float:none; margin:0 auto}
	.redirect .wysiwygcopy {margin:0 auto; width:80%}
	.redirect {padding-top:0px; text-align:center}
}
@media only screen and (max-width:550px) {
	#carousel ul#CarouselContent li img {width:100%}
	#carousel a.FullStoryLink, #TopicCarousel a.FullStoryLink {display:none}
	#TopicCarousel ul#TopicCarouselContent {margin:0}
	#TopicCarousel ul#TopicCarouselContent li img {width:280px; height:auto}
	div.SearchThisSection label, div.SearchThisSection select {display:block}
	div.SearchThisSection select {margin-left:10px}
	div.SearchThisSection {width:99%}
	.main2Column div.SearchThisSection, .main3Column div.SearchThisSection {padding:8px}
	.Btn_MHSlearn-Register {width:25%; height:auto; line-height:1.6}
	.wysiwygcopy div.ImgFloatLeft, .wysiwygcopy div.ImgFloatRight {width:58%}
	ul.I-am-a_UserTypes li {width:48%; margin:0 1% 5px 0; min-height:130px}
	ul.I-am-a_UserTypes li a {min-height:130px}
	h2.UserType {font:bold 1.2em/1.2 tahoma, verdana, sans-serif}\
	.wysiwygcopy div.ImgFloatLeft, .wysiwygcopy div.ImgFloatRight {width:58%}
	figure.quote blockquote {font-size:1.2em; line-height:1.5em}
	.refItem > h3 {max-width:320px}
	.patientPortalPanel {min-height:320px}
	.CityContainer {clear:left; margin-top:10px}
	.redirectmainArt {width:60%}
}
@media only screen and (max-width:500px) {
	/*ul#TopicsNewsFeedNav > li {min-width:30%}*/
    /*ul#TopicsNewsFeedNav > li.more {float:none; clear:both}*/    
	div.ResourceCheckboxGroup li {width:48%}
	ul#accordion {width:100%; margin-bottom:15px}
	#topics {width:100%; max-width:100%; margin:0px; border-top:3px #790000 solid; padding-top:2px}
	#topics ul.Topics3panelRow li.tile,
	#topics ul.Topics4panelRow li.tile,
	#topics ul.Topics5panelRow li.tile,
	#topics ul.Topics6panelRow li.tile {min-height:90px; width:48%}
	#topics ul.Topics3panelRow li.tile a,
	#topics ul.Topics4panelRow li.tile a,
	#topics ul.Topics5panelRow li.tile a,
	#topics ul.Topics6panelRow li.tile a {min-height:90px}
    
	#MainNav li#I-am-a img {display:none}
	.page404 {width:95%}
    .HCSDBsurveyPortal.contentTile {width:99%}
}
@media only screen and (max-width:480px) {
	#carousel img {min-width:100%; margin:0 0 10px 0; *margin-left:0}
	#carousel h2 {clear:both; padding-bottom:0}
	#leftNav {width:80%}
	div.ResourceCheckboxGroup legend {width:80%; text-align:center}
	#carousel ul#CarouselContent {margin:0 0 5px 0}
	#CarouselContent > li > div {padding:0}
	#carousel ul#CarouselContent li h2, #carousel div.FeaturedItemBodyCopy {margin:0 15px 10px 10px}
	ul.I-am-a_UserTypes li {min-height:170px}
	ul.I-am-a_UserTypes li a {min-height:170px}
	.refItem > h3 {max-width:100%; margin:28px 0 0 0; padding:0}
	.refMetaContent {left:50%; right:initial; width:180px; padding:6px; margin-left:-90px}
	.GlobalSiteSearch {width:250px}
	.GlobalSiteSearch .SearchInput {width:70%}
	.GlobalSiteSearch .GlobalSiteSearchBtn {width:30%; background-position:-20px; font-size:1.2em}
	.outreachLinks-footer img {margin:0 auto 10px auto; display:block; clear:both}
	/*NEWSROOM*/
	ul.NR-ArticleHighlights li, ul.NR-SocialMediaHub > li {margin-right:2%; width:49%}
	ul.NR-ArticleHighlights li:nth-child(3n+3), ul.NR-SocialMediaHub > li:nth-child(3n+3) {margin-right:2%}/* replaces margin on 3rd LI once layout drops to 2 per row */
	ul.NR-ArticleHighlights li:nth-child(even), ul.NR-SocialMediaHub > li:nth-child(even) {margin-right:0}
}	
@media only screen and (max-width:460px) {
	#TopicCarousel ul#TopicCarouselContent li img {clear:both; float:left; width:95%; margin:0 0 10px 0}
	#TopicCarousel ul#TopicCarouselContent .MetaContent {margin:0 0 5px 0}
	.AZlistColumn {width:49%; margin-right:1%}
	section.PageSelectorInfo ul.SortBy {float:left; margin:0 auto}
	section.PageSelectorInfo div.DisplayPage {clear:both; margin:10px 5px 0 0}
	#footnotes ul#footnoteLinks-external {font-size:1.4em; width:100%; margin:5px auto}		
	#footnotes ul#footnoteLinks-external li {font-size:.85em; padding:7px; display:block}
	#footnotes ul#footnoteLinks-external li a {display:block; width:100%}
	section.Fallen-SingleEntry img, section.Fallen-DetailPage img {margin:3px 0 10px 5px}
	section.Fallen-SingleEntry {padding-right:3px}
	/*---FALLEN/HONORED----*/
	a.RemembranceVideoThumb img {width:100px; height:auto;}
	a.RemembranceVideoThumb {width:100px; margin:5px 0 5px 8px}
	div.ImageGallery {padding:0}
	div.ImageGallery h3 {font-size:1.1em}
	div.ImageGallery h3 span {margin-right:0}
	div.ImageGallery ul.ImageGalleryContent {margin:0 0 8px 0}
	div.ImageGallery ul.ImageGalleryContent div.NextPrevBtnOverlay {margin:0 0 8px 0}
	div.ImageGallery ul.ImageGalleryContent div.ImageGalleryDescr {margin:0 8px 80px 8px}
	#MainNav li#I-am-a div a {padding:10px}
	div#SlideTrayTab + div#leftNav {width:80%}
	.patientPortal .col-1of2 {width:100%}
	.patientPortalPanel {min-height:initial}
	/*NEWSROOM*/
	span.refItemTopics.IndividualArticle {width:100%; margin:5px 0 10px 0; padding-bottom:8px; float:none}
	div.IndividualArticleHeader div.ArticleMetaData h2.ArticleAuthor {width:75%}
	div.ArticleMetaData a.shareThisBtn {width:23%}
	.page404mainArt {display:none}
	.page404 {min-height:300px}
	.page404 h1 span {display:inline-block}
	.page404 .wysiwygcopy, .page404 .URLsuggestions {margin:0}
	.redirect .wysiwygcopy {margin:0 auto}
}
@media only screen and (max-width:425px) {
	#carousel h2 {font-size:1.4em}
	section div.TrainingCourseMetaContent, article div.TrainingCourseMetaContent {float:left; width:100%}
	section div.TrainingCourseMetaContent ul, article div.TrainingCourseMetaContent ul {padding-bottom:5px; }
	div.DownloadThis {width:auto}
	div.DownloadThis div.SelectWrapper {float:none}
	div.DownloadThis div.ButtonWrapper {float:none; width:30%; padding:10px 0 0 0}
	div.DownloadThis div.ButtonWrapper input.button {width:100%}
	div.IndividualArticleHeader div.ArticleMetaData h2 {margin-bottom:0}
}
@media only screen and (max-width:420px) {	
	.wysiwygcopy div.ImgFloatLeft, .wysiwygcopy div.ImgFloatRight {width:100%}
	ul.Fallen-YearNavigation {border:none}
	ul.Fallen-YearNavigation li {display:inline-block; *display:block; *zoom:1; margin:0 2% 5px 0}
	ul.Fallen-YearNavigation li a {padding:8px 6px; width:auto}
	ul.Fallen-YearNavigation li.Fallen-YearPrev, ul.Fallen-YearNavigation li.Fallen-YearNext {display:none}
	div.Fallen-Content {clear:both; margin-left:0; max-width:100%}
	span.Content_ViewAllLink {float:none; width:200px; display:block; margin:0 auto 15px auto; height:70px}
	span.Content_ViewAllLink a {height:40px; line-height:1.3em; padding-top:5px; background:none}
	.transparencyPages > p {position:relative; margin-bottom:65px}
	.button.patientPortalBtn {position:absolute; bottom:-35px; left:0; margin:0}
	.MeansToMe {width:90%}
	.AboutExternalSite .VistThisSiteBtn {left:70px; top:70px; display:block; width:50%}
	.AboutExternalSite .VistThisSiteBtn + p {margin-top:45px}
	.ExternalSiteName a {margin-right:0}
	.SocialMedia-footer {width:80%; margin-bottom:0}
	.SocialMedia-footer li {margin-bottom:10px}
	.leadershipBios ul li {width:48%}
	.SocialMedia-footer {width:200px; padding-left:20px}
	select, input.inputWide {width:95%}
}
@media only screen and (max-width:400px) {
	a.RemembranceVideoThumb {float:none; text-align:left; width:80%; display:block; margin:0 auto 10px auto; overflow:hidden}
	a.RemembranceVideoThumb img {float:left; margin-right:5px}
	div.MHS-Fallen p.Fallen-Intro {text-align:center; width:85%; margin:0 auto}
	a.RemembranceVideoThumb small {margin:0; width:85%}
	.main3Column h1.FallenArthed, .main2Column h1.FallenArthed {width:auto; text-align:center; padding:0; margin:0 auto 10px auto}
	.main3Column h1.FallenArthed img, .main2Column h1.FallenArthed img {height:auto}
	#topics ul.Topics3panelRow li.tile,
	#topics ul.Topics4panelRow li.tile,
	#topics ul.Topics5panelRow li.tile,
	#topics ul.Topics6panelRow li.tile {min-height:110px; width:48%}

	#topics ul.Topics3panelRow li.tile a,
	#topics ul.Topics4panelRow li.tile a,
	#topics ul.Topics5panelRow li.tile a,
	#topics ul.Topics6panelRow li.tile a {min-height:110px}
	div.SearchThisSection .searchPanelFilter a {margin-left:0px}
	div.IndividualArticleHeader div.ArticleMetaData a.ArticleShareButton {padding-left:35px; margin-right:5px; width:24%}
	div.IndividualArticleHeader div.ArticleMetaData a.ArticleShareButton span {left:8px}
	#MainNav li#I-am-a > a {padding:0 20px; background:none}
	.page404SearchBox {height:auto}
	.page404 input[type="text"] {width:150px}
    .dateRange .dateRangeWrap > div {width:100%; margin-bottom:10px}
}
@media only screen and (max-width:360px) {
	.SocialMedia-footer img {padding:0 20px 10px 0}
	.outreachLinks-footer {margin-top:0}
	#DIVContactUs fieldset {margin-bottom:0}
	#topics ul.Topics6panelRow li.tile {min-height: 55px; width:98%}
	#topics ul.Topics6panelRow li.tile a {min-height: 55px}
	#topics ul.Topics5panelRow li.tile {width:98%; min-height: 75px}
	#topics ul.Topics5panelRow li.tile a {min-height: 75px}
	#topics ul.Topics4panelRow li.tile {width:93%; min-height: 45px}
	#topics ul.Topics4panelRow li.tile a {min-height: 45px}
	#topics ul.Topics3panelRow li.tile {min-height: 75px; width:98%}
	#topics ul.Topics3panelRow li.tile a {min-height: 75px}
	.AZlistColumn {width:99%; margin-right:1%}
	#WidgetPanelWrapper img.videoposter_thumb + p a {float:left; width:160px}
	aside#WidgetPanelWrapper span.Widget_ViewAllLink, 
	#WidgetPanelWrapper img.videoposter_thumb {width:100%}
	.DHAfootnotelogo {margin-left:15px}
	div.SearchThisSection input.SearchInput {width:180px}
	div.SearchThisSection input.SearchButton {margin-right:3px; min-width:0}
	div.DownloadThis div.ButtonWrapper {float:none; width:80%; padding:10px 0 0 0}
	div.DownloadThis div.ButtonWrapper input.button {width:50%}
	/*NEWSROOM*/
	div.NR-Search input.SearchInput {width:90%}
	ul.NR-ArticleHighlights li, ul.NR-SocialMediaHub > li {margin-right:0; width:100%; min-height:0}
	div.NR-SocialMediaWrapper div.FollowUsContainer {width:210px}
	div.NR-SocialMediaWrapper div.quote {margin:60px 0 0 0; width:100%}
	div.SealContainer {background:none; float:left; padding:6px 10px 0 4px; text-align:center; border-bottom:none}
	div.SocialContent {min-height:0}
	div.InnerWrap {background:url(../img/PICHR-Qlevel3BKGNDRepeater.jpg) repeat-x; background-position:top; background-color:#e7e7ce; overflow:hidden}
	ul.NR-SocialMediaHubIcons {width:auto}
	div.IndividualArticleHeader div.ArticleMetaData h2.ArticleAuthor {width:100%}
	div.ArticleMetaData a.shareThisBtn {width:100%; float:left; margin-top:10px}
	.getDirections input[type="submit"] {clear:left; margin:5px 0}
	.DownloadThis select {margin:5px 0 0 0}
    .publishedStudyIndPage .asideBox .col1, .publishedStudyIndPage .asideBox .col2 {width:100%}
}
/* Sitecore Page Editor */
.scWebEditInput.scEnabledChrome { display: inline; } 