@import url('https://fonts.googleapis.com/css2?family=Montez&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montez&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

#wrapper{

	--measure-header: 95px;
}
.montez-regular {
  font-family: "Montez", cursive;
  font-weight: 400;
  font-style: normal;
}
.montserrat-regular {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

body {
	padding:0;
	margin:0;

	background-color: #888;
}
#wrapper {
	box-sizing: border-box;
	width: calc(100vw - 40px);
	padding: 0;
	margin: 20px;
}
h1 {padding: 20px;}
.tops {
	margin:0;
	padding: 20px;
	min-height:400px;
}
.tops > div, .tops > .row > span {
	vertical-align: top;
}

#leftColumn {
	display: inline-block;
	width: 230px;
	padding: 15px;
	margin: 20px 20px 20px 10px;
}
header {
	background-color: white;
	padding: 10px 0 0 0;
}
header div.top {
	height: var(--measure-header);
}
.mainlogo {
	width: 100%;
}
.mainlogo img {
	width: 100%;
}
div.top .imgcontainer {
	display: inline-block;
	height: 100%;
	width: var(--measure-header);
	margin: 0 20px 0 0;
}
div.top img {
	/* width: 100%; */
	height: 100%;
	border:0;
	outline: none;
}

div.top span {
	font-size: 62px;
	vertical-align: top;
}
nav ul {
	font-weight: bold;
	margin-top: 0;
	padding-top: 0;
	list-style: none;
}
nav ul li {
	margin-top: 10px;
	margin-right: 20px;
}
nav.horizontal {
	width: 100%;
	margin:0;
	height: 40px;
	line-height: 20px;
	
}
nav.horizontal ul li {
	display: inline-block;
}
nav a, nav a:visited {color: black;}
nav a:hover {color: #555;}

#rightColumn {
	display: inline-block;
	width: calc(92% - 230px);s
	margin-top: 20px;
}

.tops .row {
	width: 100%;
	margin-bottom: 25px;
}
.tops .row.embed-parent {margin-bottom: 0;}
.tops .row label {
	display: inline-block;
	width: 150px;
	font-weight:700;
}

footer {padding: 10px 20px;}
.secDesc {font-size: .85em;}

.pdfforms ul {list-style: none;}
.pdfforms ul li {padding-bottom: 8px;}
.pdfforms ul li a:visited, .pdfforms ul li a { color:#444;}
.pdfforms .row h3 {padding-top: 20px;}


p.alert {font-size: .9em; font-weight: bold; color: var(--cs-dkred);}
p.message {padding-left: 50px color: var(--cs-dkred); font-weight: bold;}
.stepin {margin-left: 80px; width: calc(99% - 80px);}
h2.stepin {margin-left: 36px;}
div.row.position {padding: 16px 8px 1px 16px;}
div.row.removed {background-color: rgba(120, 120, 120, .3);}
div.row.removed label, div.row.removed input { color: #777;}
input.jumbo {margin: 20px 10px 20px 10px; padding: 6px 40px;}
.row.board {padding-top: 6px;}

.embed-parent {overflow: hidden;}
.embed-parent.closed {height: 1px;}
.embed-wrap {width:100%; height:801px; margin:0; padding:0; overflow: hidden;}
.embed-wrap.closed {height: 2px;}
.embed-bar {width: 95%; height:22px; text-align: right; margin-top:-22px;}
.embed-bar button{width: 80px; height:22px; vertical-align; bottom; border-radius:0;}

footer h4 {margin: 10px 0;}
footer ul li {margin-top: 6px;}


.left-up, .right-down {display: inline-block; box-sizing: border-box; margin:0; padding:0; border: 0; vertical-align: top;}

.row.board {display: inline-block; width: calc(33% - 13px); height: 80px; margin-bottom:0; }
.row.board h4 { margin: 4px 2px;}
.row.board p { margin: 4px 24px; }


@media print {
 #wrapper {padding: 0; margin: 0;}
 nav {display: none;}
 div.top span {font-size: 42px;}
 .row.board {width: calc(33% - 14px); height: 80px;}
}

@media  (min-width: 1200px) {
    .row.board {width: calc(25% - 14px);}

}
@media (min-width: 780px) {
  .left-up, .right-down {
    width: calc(50% - 6px);
  }
  .mobile-wrap {display: inline-block;}
}
@media  (max-width: 780px) {
  .left-up, .right-down {
    width: 99%;
    display: block;
  }

  header div.top {height: 22.43vw;}
  div.top .imgcontainer {width:95px}
  div.top .imgcontainer img {width: 100%; height: auto;}
  div.top > span {display: inline-block; width: calc(100% - 120px);}
  div.top span { font-size: 8.38vw;}
  nav.horizontal {height: 80px;}

  .row.board {width: calc(50% - 14px); height: 88px;}
  .row.board p {font-size: 14.5px}
}
@media only screen and (max-width: 780px) {
    .mobile-wrap {display: block;}
}
@media print and (max-width: 780px) {
     div.top span {font-size: 42px; display: inline;}
     .row.board {width: calc(33% - 14px); height: 80px;}
     .mobile-wrap {display: inline-block; border: 1px solid gray;}
     header div.top { height: var(--measure-header); border: 1px solid green;}
     div.top .imgcontainer { height: 100%; }
}