/* SEP-HCP site styles (2026-09-30): replaces style.css + layout.css + maxheight.js */
:root {
	--text: #555;
	--muted: #777;
	--heading: #6a6a6a;
	--link: #4a4a4a;
	--rule: #e2e2e2;
	--footer-bg: #f1f1f1;
	--sky: #3d62d4;
	--page: 950px;
	--gutter: 16px;
}

*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; padding: 0; }
html { -webkit-text-size-adjust: 100%; }
body {
	background: #fff url(images/tall_top_site.gif) 0 0 repeat-x;
	color: var(--text);
	font: 13px/1.6 Tahoma, Verdana, Arial, sans-serif;
}
img { border: 0; max-width: 100%; height: auto; vertical-align: top; }
ul { list-style: none; }
a { color: var(--link); }
a:hover { text-decoration: none; }
.clear { clear: both; }

.main { max-width: var(--page); margin: 0 auto; padding: 0 var(--gutter); }

/* header */
.site-header { max-width: 891px; margin: 0 auto; }
.h_wrapper_logo { padding: 50px 0 17px; color: #606060; }
.h_wrapper_logo span { display: block; font-weight: bold; letter-spacing: 7px; }
.h_wrapper_logo .t1 { font-size: 28px; line-height: 1.5; }
.h_wrapper_logo .t2 { font-size: 17px; text-align: right; }
.h_wrapper_logo a { color: inherit; text-decoration: none; }

.h_wr_menu { display: flex; background: var(--sky); }
.h_wr_menu a, .h_wr_menu .fill { display: block; }
.h_wr_menu img { display: block; width: 100%; }
.h_wr_menu .n1 { flex: 138 1 0; }
.h_wr_menu .n2 { flex: 164 1 0; }
.h_wr_menu .n3 { flex: 137 1 0; }
.h_wr_menu .n4 { flex: 135 1 0; }
.h_wr_menu .n5 { flex: 129 1 0; }
.h_wr_menu .fill { flex: 188 1 0; }
.h_wr_menu .label { display: none; }
.hero { display: block; width: 100%; }

/* content */
#content { max-width: 891px; margin: 0 auto; display: flex; align-items: stretch; padding: 36px 0 0; }
.col_1 { flex: 0 0 260px; min-width: 0; }
.col_2 { flex: 1 1 auto; min-width: 0; }
.col_separate { flex: 0 0 1px; background: var(--rule); margin: 0 40px; }
#page5 .col_1, #page7 .col_1 { flex: 1 1 auto; }
#page5 .col_2 { flex: 0 0 225px; }
#page6 .col_1 { flex: 0 0 280px; }

#content h1 { font-size: 24px; line-height: 1.15; font-weight: bold; color: var(--heading); margin: 0 0 12px; }
#content h1 a { color: inherit; }
#content p { margin-top: 11px; }
#content strong { display: block; color: #4f4f4f; }
#content dt { font-weight: bold; }
#content dd { padding-left: 15px; }
#content .list li a { display: inline-block; background: url(images/list_marker.gif) left center no-repeat; padding-left: 14px; text-decoration: none; line-height: 1.9; }
#content .list li a:hover { text-decoration: underline; }
#content .list_1 a { background: url(images/list_marker1.gif) left center no-repeat; padding-left: 14px; line-height: 2; }
#content .list_2 li { background: url(images/list_marker.gif) left center no-repeat; padding-left: 14px; line-height: 1.9; }
#content .ind_bot { margin-bottom: 21px; }

.ind_left { margin-left: 0; }
.ind_top { margin-top: 15px; }
.ind_top_bot { margin: 16px 0; }
.line_x { height: 1px; background: var(--rule); margin: 28px 0; }
.img_left { float: left; margin: 0 22px 12px 0; }
.st_text { display: block; margin-bottom: 11px; font-size: 1.25em; }
.link { display: block; margin-bottom: 3px; }
.st1 { display: block; padding-top: 1px; }
.title { display: block; margin-bottom: 22px; }
.col_2 img, .col_1 img { margin-bottom: 4px; }

.wr_button { display: inline-block; border: 1px solid #ddd; padding: 2px 10px 2px 8px; }
.wr_button a { background: url(images/bull.gif) left center no-repeat; padding-left: 8px; color: #555; font-weight: bold; text-decoration: none; }
.wr_button a:hover { color: #222; }

/* footer */
.ind_top_f { height: 37px; }
#footer { max-width: 891px; margin: 0 auto 30px; background: var(--footer-bg); color: #777; font-family: Arial, sans-serif; font-size: 12px; padding: 22px 31px 18px; }
#footer a { color: #666; }

/* tablet */
@media (max-width: 900px) {
	.col_separate { margin: 0 24px; }
	.col_1 { flex-basis: 220px; }
	#page5 .col_2 { flex-basis: 200px; }
}

/* phone */
@media (max-width: 700px) {
	body { background-size: 1px 300px; font-size: 15px; }
	.h_wrapper_logo { padding: 26px 0 16px; }
	.h_wrapper_logo span { letter-spacing: 3px; }
	.h_wrapper_logo .t1 { font-size: 19px; }
	.h_wrapper_logo .t2 { font-size: 12px; text-align: left; }
	.h_wr_menu { flex-wrap: wrap; justify-content: center; padding: 6px 4px; }
	.h_wr_menu img, .h_wr_menu .fill { display: none; }
	.h_wr_menu a[class] { flex: 0 0 auto; }
	.h_wr_menu .label { display: block; padding: 8px 10px; color: #fff; font: italic bold 15px/1.2 Arial, sans-serif; text-decoration: none; text-shadow: 1px 1px 2px rgba(0,0,0,.45); }
	#content { flex-direction: column; padding-top: 24px; }
	.col_1, .col_2, #page5 .col_1, #page5 .col_2, #page6 .col_1 { flex: 0 0 auto; }
	.col_separate { flex: 0 0 1px; margin: 28px 0; order: 1; }
	.col_1 { order: 2; }
	#page5 .col_1, #page7 .col_1, #page6 .col_1 { order: 0; }
	#page5 .col_2, #page6 .col_2 { order: 2; }
	#content h1 { font-size: 22px; }
	.img_left { float: none; display: block; margin: 0 0 12px; }
	#footer { padding: 18px 16px; }
}