html { background: #eee url(images/background.jpg) fixed; }
body { background: #fff; }
#Main1, .tableStyle3 thead th { background: #0365C0; }
#Footer { background: #0960B3; }
a { color: #0365C0; }
#Main1, #Main1 a, #Main1 a:visited, #Footer, #Footer a, #Footer a:visited { color: #fff; }
.highlight { background: #ffe97f; }

body { display: flex; flex-flow: column nowrap; max-width: 80em; min-height: 100vh; margin: auto; }
#Header, #Footer { padding: 0 2.5%; }
#Main { padding: 0 5%; }
#Main1, #BannerDiv { width: 111.1%; margin: 0 -5.56%; padding: 0 5.56%; }

#Header { flex: none; display: flex; flex-flow: row wrap; align-items: flex-end; }
#Header1 { flex: none; width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; } /* SkipNav, ToolBar */
#Header2 { flex: 1 1 auto; } /* Logo */
#Header3 { flex: 1 1 auto; display: flex; flex-flow: row-reverse nowrap; align-items: center; } /* QuickSearch, Menu */
#Main { flex: 1 0 auto; min-height: 28em; /* min-height required for IE */ }
#Main2 { padding: 12px 0 24px; overflow-x: auto; }
#Footer { flex: none; }

@media (min-width: 0) {
	.column { min-width: 100%; padding-right: 0; }
}

@media (min-width: 600px) {
	#Main3 { display: flex; flex-flow: row nowrap; align-items: flex-start; }
	#Main3 > div { flex: 1 1 auto; width: 100%; margin-right: 1em; }
	#Main3 > div:last-child { margin-right: 0; }
}

@media (min-width: 900px) {
	#Header3 { flex-flow: column nowrap; align-items: flex-end; }
	#Main { display: flex; flex-flow: row wrap; align-items: flex-start; align-content: flex-start; }
	#Main1 { flex: 0 0 auto; }
	#Main2 { flex: 1 1 auto; width: 75%; }
	#Main3 { flex: 1 1 auto; width: 25%; padding: 28px 0 12px 2.5%; margin-right: -2.5%; flex-flow: column nowrap; }
	.column { min-width: 10em; min-width: min-content; padding-right: 2em; }
	.column:last-child { padding-right: 0; }
}

#SkipNavDiv { padding: 9px 0; min-height: 1.25em; font-size: .875rem; }
#SkipNavDiv a { position: absolute; left: -10000px; }
#SkipNavDiv a:focus { position: relative; left: 0; }

#ToolBarDiv { padding: 9px 0 16px; font-size: .875rem; text-align: right; }
#ToolBarDiv form { display: inline; }
#ToolBarDiv input { padding: 0; background: none; border: none; color: inherit; cursor: pointer; }
#ToolBarDiv input:hover, #ToolBarDiv input:focus { text-decoration: underline; }
#ToolBarDiv a { color: #000; }

#AlertDiv { flex: none; width: 105.25%; margin: 0 -2.64% .75em; padding: 12px 2.5% 12px calc(42px + 2.5%); background: #004585 url("images/medkit.png") 2.5% center no-repeat; color: #fff; font-size: .9375rem; }
#AlertDiv p { margin: 0; line-height: 1.5; }
#AlertDiv a { color: #fff; text-decoration: underline; }
@media (max-width: 450px) { #AlertDiv { font-size: .75rem; } }

#LogoDiv { padding: 0 0 12px; }
#LogoDiv p { margin: 0; }
#LogoDiv br { display: none; }
#LogoDiv img { float: left; margin-right: 6px; }
#LogoDiv strong { display: block; font-size: 1.125rem; }
#LogoDiv small { font-weight: 500; }
@media (max-width: 450px) { #LogoDiv small { font-size: .8125rem; word-spacing: -1px; } }

#QuickSearchDiv { padding: 0 0 9px; margin-left: 12px; }
#QuickSearchDiv form { display: flex; align-items: center; border: 1px solid #333; border-radius: 2px; }
#QuickSearchDiv input, #QuickSearchDiv button { border: none; background: transparent; }
#QuickSearchDiv input { padding: 3px 9px; font-size: .9375rem; width: 5.5em; max-width: calc(90vw - 30px); }
#QuickSearchDiv input::placeholder { color: #0960B3; font-weight: 500; xtext-transform: uppercase; }
#QuickSearchDiv input:-ms-input-placeholder { color: #0960B3; font-weight: 500; xtext-transform: uppercase; }
#QuickSearchDiv input { transition: width .5s ease-in 1s; }
#QuickSearchDiv input:focus { transition: width .5s ease-out 0s; }
@media (min-width: 600px) { #QuickSearchDiv input:focus { width: calc(90vw - 25.5em); } }
@media (min-width: 900px) { #QuickSearchDiv input:focus { width: 25.5em; } }
#QuickSearchDiv button { padding: 1px 3px 2px 3px; }

#MenuDiv { padding: 0 0 9px; font-weight: 500; xtext-transform: uppercase; }
#MenuDiv ul { list-style-type: none; padding: 0; margin: 0; }
#MenuDiv li { display: inline; margin-right: .25em; }
#MenuDiv li:last-child { margin-right: 0; }
#MenuDiv li::after { content: " "; }
#MenuDiv a { color: #333; text-decoration: none;  }
@media (min-width: 450px) { #MenuDiv { white-space: nowrap; } } /* prevent premature wrapping on iOS */
@media (min-width: 600px) { #MenuDiv { font-size: 1.0625rem; font-weight: 600; } }
@media (min-width: 900px) { 
	#MenuDiv { padding-bottom: 9px; font-size: 1.125rem; font-weight: 700; letter-spacing: 1px; } 
	#QuickSearchDiv input::placeholder { letter-spacing: 1px; }  #QuickSearchDiv input:-ms-input-placeholder { letter-spacing: 1px; }
}

#MenuDiv a:hover
, .section-27894 #MenuDiv a.section-27894, .section-27896 #MenuDiv a.section-27896, .section-27897 #MenuDiv a.section-27897
, .item-29757 #MenuDiv a.item-29757, .item-30247 #MenuDiv a.item-30247 { color: #0960B3; border-bottom: 1px solid #0960B3; }
/*
@media (min-width: 1200px) {
	.section-27894 #Main1 { background: #0960B3 url("images/Customers.jpg") 96.5% 50% no-repeat; padding-right: 300px; }
	.item-27896 #Main1 { background: #0960B3 url("images/Providers.jpg") 96.5% 50% no-repeat; padding-right: 300px; }
}
*/
#BreadcrumbDiv { padding: 16px 0 8px; }
#BreadcrumbDiv ol { list-style-type: none; margin: 0; padding: 0; }
#BreadcrumbDiv li { display: inline; }
#BreadcrumbDiv, #BreadcrumbDiv a, #BreadcrumbDiv a:visited { font-size: .875rem; }
#BreadcrumbDiv li::after { content: " >"; }
@media (max-width: 600px) { #BreadcrumbDiv { padding: 10px 0 0; } }

#HeadingDiv { padding: 24px 0; }
#HeadingDiv h1 { margin: 0; font-weight: 400;  }
#HeadingDiv h1 img { margin-left: .25em; }
@media (max-width: 600px) { #HeadingDiv { padding: 12px 0;} }

#BannerDiv { padding: 0; text-align: center; }
#BannerDiv .hero { margin: 0; }
#BannerDiv .hero img { width: 100%; }
#BannerDiv .banner { margin: 0; padding: 12px 0; }
#BannerDiv strong { display: block; width: 90%; margin: auto; background: linear-gradient(90deg, #fff 25%, transparent 0%) 0 100% repeat-x; background-size: 4px 1px; font-size: 1.5625rem; font-weight: 500; line-height: 1.25; }
#BannerDiv em { display: inline-block; position: relative; top: -3px; padding: 6px 18px 0; background: #0365C0; font-size: .6875rem; }
@media (max-width: 600px) { #BannerDiv strong { font-size: 1.125rem; line-height: 1.125; } }

#Main2 a { text-decoration: underline; }

#ItemContentDiv h2 { margin-top: .87em; }
#ItemContentDiv > h2:first-child { margin-top: .5em; }
#ItemContentDiv hr { margin-top: 1em; }
#ItemContentDiv a { text-decoration: underline; }
#ItemContentDiv .small { color: #767676; }

.cards { list-style-type: none; margin: 0; padding: 0 6px; }
.cards > li { display: inline-block; width: 100%; margin: 0 0 16px; padding: 0; background: #fff; box-shadow: 3px 3px 9px 0px #ccc; text-align: center; }
.cards img { width: 100%; height: auto; }
.cards em { display: block; margin: 16px 12px 0; color: #333; font-size: .875rem; font-style: normal; }
.cards strong { display: block; margin: 3px 16px; color: #0960B3; font-weight: 600; line-height: 1.25; } /* TODO: change to .header */
#ItemContentDiv .cards a { color: #000; text-decoration: none; }
#ItemContentDiv .cards a:hover, #ItemContentDiv .cards a:focus { color: #0365C0; text-decoration: underline; }

.cards-linked a { display: inline-block; width: 100%; text-decoration: none !important; }
.cards-linked a:hover, .cards-linked a:focus { background: #E5F2FF; }
.cards-linked a { min-height: 13.5em; }

.cards-200 { columns: 200px; }

.cards-500 { columns: 500px; font-size: 1.25rem;  }
.cards-500 h2 { margin: 0 !important; padding: 0 !important; }
.cards-500 ul { margin: 0 0 16px; }
.cards-500 strong { font-size: 2rem; letter-spacing: .05em; padding: 24px 0; background: linear-gradient(#ddd, #ddd) bottom center no-repeat; background-size: 3em 6px; }
.cards-500 em { margin: 16px 48px; }
.cards-500 em strong { background: none; font-size: 1.25rem;  }
.cards-500 em strong::after { content: " →"; }
@supports (display: flex) { /* not for IE; fix chromium column bugs */
	@media (min-width: 500px) {
		.cards-500 { display: flex; margin-left: -10px; }
		.cards-500 li { margin-left: 10px; }
	}
}

.sidebar, .sidebarbox { margin: 0 0 1em; padding: 0; border-bottom: 1px solid #ddd; border-left: 1px solid #eee; box-shadow: 3px 3px 9px 0px #ddd; }
.sidebar h2, .sidebarbox h2 { margin: 0; padding: 9px 16px; background: #ddd; color: #333; font-size: 1.125rem; font-weight: 600; }
.sidebar ul, .sidebarbox ul { margin: 0 0 12px; padding: 0 16px; list-style-type: none; }
.sidebar li:not(:first-child), .sidebarbox li:not(:first-child) { margin: .5625em 0 0; }
.sidebar .controls { margin: 0; padding: 3px 16px; background: #eee; font-size: .875rem; text-align: center; }
.sidebar .prevLink::before { content: "< "; text-decoration: none; }
.sidebar .prevLink::after, .sidebar .nextLink::before { content: " | "; text-decoration: none; }
.sidebar .nextLink::after { content: " >"; text-decoration: none; }
@supports (display: flex) { /* not for IE */
	.sidebar, .sidebarbox { display: flex; flex-flow: column nowrap; align-self: stretch; }
	.sidebar ul, .sidebarbox ul { flex: 1; }
}

#FooterDiv { padding: 24px 0 0; line-height: 1.5; text-align: center; }
#FooterDiv .brand strong { font-size: 1.75rem; }
#FooterDiv .brand small { font-size: 87.5%; }
#FooterDiv strong { font-size: 1.5rem; font-weight: 400; }
#FooterDiv .socialmedia li { margin: 1em .25em; }
#FooterDiv .socialmedia img { width: 40px; }
#FooterDiv .footerlinks { font-size: .875rem; }
#FooterDiv .footerlinks li:not(:last-child)::after { content: " |"; }

#LoginLinkDiv { padding: 0 0 6px; font-size: .875rem; text-align: right; }

@media print {
	html { background: #fff none; font-size: 12px; }
	body { max-width: auto; min-height: 0;  }
	#SkipNavDiv, #ToolBarDiv, #AlertDiv, #LogoDiv img, #QuickSearchDiv, #MenuDiv, #Main3, #Footer { display: none; }
	#Header, #Main, #Main1, #Main2, #LogoDiv, #HeadingDiv, #BannerDiv, #Footer { width: 100%; margin: 0; padding: 0; overflow: visible; }
	#Main1, .tableStyle3 thead th { background: #fff; }
	#Main1, #Main1 a, #Main1 a:visited { color: #000; }
	th, td { page-break-inside: avoid; }
}