@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

BODY, HTML     {
	background-image:url(https://midwesttalent.com/graphics/bg1.jpg);
	background-size:100% 100%;
	width:100%;
	height:105%;
	font-family:Roboto;
	font-size:100%;
//  	overflow:hidden;
	text-align:center;
	}

* {
	margin:0;
	padding:0;
	box-sizing: border-box;
	}

A.menus {
	font: 1.3em Roboto;
	font-weight:400;
	line-height:150%;
	color:#000000;
	margin:0px 10px;
	text-decoration:none;
	}
A.menus:hover {
	color:#880000;
	text-decoration:underline;
	}
A.menu {
	font: 1.0em Roboto;
	font-weight:600;
	color:#0000cc;
	text-decoration:none;
	}
A.menu:hover {
	color:#880000;
	text-decoration:underline;
	}
A.menu2 {
	font: 1.0em Roboto;
	font-weight:600;
	color:#ffddaa;
	text-decoration:none;
	}
A.menu2:hover {
	color:#ffcc88;
	text-decoration:underline;
	}
A.mini {
	font: 1.0em Quicksand;
	color:#880000;
//	margin:0px 10px;
	}
A.mini:visited {
	color:#880000;
	}

.nosel {-webkit-user-select: none;user-select: none;}
.curs {cursor:pointer;}

.bt1 {
	margin:3px;
	height:32px;
	width:auto;
	background-color:#004488;
	border:solid 2px #000000;
	-webkit-border-radius:8px;
	border-radius:8px;
	font: 1.2em Roboto;
	font-weight:600;
	color:#ffffff;
	padding:3px;
	cursor:pointer;
	}

#container {
	display:block;
	position:relative;
	margin:0 auto;
	width:100%;
	height:100%;
	width:360px;
	height:640px;
	border:solid 1px #000000;
	}

#headbar {
	position:relative;
	width:100%;
	height:135px;
	text-align:center;
	background-color:#000000;
	z-index:100;
	}
#darks {
	height:135px;
	width:auto;
	z-index:1000;
	}

#menubar {
	position:relative;
	margin-top:5px;
	width:100%;
	height:80px;
	text-align:center;
	z-index:1000;
	}

#pmt1 {
	display:block;
	}

#pmt2, #pmt3, #pmt4, #pmt5, #pmt6, #pmt7 {
	display:none;
	}

#mast {
	position:relative;
	margin:0 auto;
	width:90%;
	height:60px;
	z-index:1;
	}

#matbar1 {
	position:relative;
	}

#footbar {
	position:relative;
//	top:90%;
	width:100%;
	height:30px;
	text-align:center;
	}
#f1, #f2 {
	display:inline-block;
	font:0.85em Roboto;
	}

#manager {
	position:relative;
//	margin-top:5px;
	}

#mbox {
	width:100%;
//	height:94%;
	}

#msum {
	position:relative;
//	display:block;
	width:100%;
	padding:2px;
//	text-align:left;
	}

#mang {
	position:relative;
	width:100%;
	height:295px;
	font:1.0em "Roboto";
	text-align:center;
	overflow-x:hidden;
	overflow-y:auto;
	scrollbar-width: thin;
 	scrollbar-color: light;
	}

#mang img {
	width:74%;
	height:auto;
	border:solid 1px #000000;
	}

.mpic {
	display:inline-block;
	margin:5px 1vw;
	text-align:center;
	color:#000088;
	font-weight:600;
	}

#mbio {
	display:none;
	position:absolute;
	top:24px;
	width:100%;
	height:355px;
//	z-index:30;
	font:1.0em "Roboto";
	color:#ffffff;
	overflow-x:hidden;
	overflow-y:auto;
	scrollbar-width: thin;
  	scrollbar-color: dark;
	background-color:#001133;
	}

#man {
	padding:8px 12px 6px 6px;
	vertical-align:top;
	text-align:left;
	}

.mimg {
	float:right;
	height:110px;
	width:auto;
	margin:5px;
	}

#xray, #xray2 {
	display:none;
	float:right;
	margin-right:4px;
	}

.con {
	display:inline-block;
	height:24px;
	width:100%;
	font-size:1.15em;
//	text-align:left;
	}

#staff {
	position:relative;
	}

#sbox {
	width:100%;
	}

#ssum {
	position:relative;
	width:100%;
	}

#staf {
	position:relative;
	width:100%;
	height:295px;
	font:1.0em "Roboto";
	text-align:center;
	overflow-x:hidden;
	overflow-y:auto;
	scrollbar-width: thin;
  	scrollbar-color: light;
	}

#staf img {
	width:74%;
	height:auto;
	border:solid 1px #000000;
	}

#sbio {
	display:none;
	position:absolute;
	top:24px;
	width:100%;
	height:355px;
//	z-index:30;
	font:1.0em "Roboto";
	color:#ffffff;
	overflow-x:hidden;
	overflow-y:auto;
	scrollbar-width: thin;
  	scrollbar-color: #0000ff #0000cc;
	background-color:#001133;
	}

#saf {
	padding:8px 12px 6px 6px;
	vertical-align:top;
	text-align:justify;
	}

#contact {
	position:relative;
	margin:0 auto;
	width:96%;
	}

#c1 {
	position:relative;
	padding:10px;
	border:solid 1px #000000;
	background-color:#e0f0ff;
	height:330px;
	}

.lab {
	display:inline-block;
	margin-left:0px;
	margin-bottom:10px;
	height:24px;
	width:28%;
	text-align:left;
	vertical-align:top;
	}

.put {
	display:inline-block;
	margin-bottom:10px;
	height:26px;
	width:70%;
	}

.put input {
	height:30px;
	width:100%;
	color:#000000;
	font-size:0.9em;
	}

.mes {
	display:inline-block;
	margin-bottom:10px;
	vertical-align:top;
	height:80px;
	width:70%;
	}

.mes textarea {
	height:80px;
	width:100%;
	color:#000000;
	font-size:1.2em;
	}

.sld {
	position:relative;
	top:-20px;
	width:100%;
	height:12px;
	cursor:pointer;
	}

.mov {
	margin-top:-35px;
	}

#thx {
	display:none;
	position:fixed;
	top:30%;
	margin-left:5%;
	font:3.0em "Times New Roman";
	font-weight:600;
	color:#880000;
	opacity:0.7;
	}

input[type=range] {
	-webkit-appearance: none;
	margin: 18px 0;
	width: 100%;
	background: transparent;
	}

input[type=range]::-moz-range-track {
	width: 100%;
	height: 8px;
	cursor: pointer;
	background: #60a1d9;
	border-radius: 1.3px;
	border: 0.2px solid #010101;
	}

input[type=range]::-moz-range-thumb {
	box-shadow: 3px 3px 3px #000000;
	border: 1px solid #000000;
	height: 20px;
	width: 10px;
	border-radius: 4px;
	background: #ffffff;
	cursor: pointer;
	}

input[type=range]::-webkit-slider-runnable-track {
	width: 100%;
	height: 8px;
	cursor: pointer;
	background: #60a1d9;
	border-radius: 1.3px;
	border: 0.2px solid #010101;
	}

input[type=range]::-webkit-slider-thumb {
	box-shadow: 3px 3px 3px #000000;
	border: 1px solid #000000;
	height: 20px;
	width: 10px;
	border-radius: 4px;
	background: #ffffff;
	cursor: pointer;
	}

#intern {
	position:relative;
	margin:0 auto;
	width:96%;
	padding-bottom:20px;
	}

#int {
	width:100%;
	height:330px;
	border:solid 1px #000000;
	}

#submit {
	position:relative;
	margin:0 auto;
	width:96%;
	padding-bottom:20px;
	}

#sbm {
	width:100%;
	height:330px;
	border:solid 1px #000000;
	}

#jot1, #jot2 {
	background-color:#e0f0ff;
	}

#about {
	position:relative;
	margin:0 auto;
	width:96%;
	}

#story {
	width:100%;
	height:350px;
	padding:5px;
	background-image:url(https://midwesttalent.com/graphics/abwall.jpg);
	font:1.0em "Roboto";
	text-align: justify;
	overflow-x:hidden;
	overflow-y:auto;
	scrollbar-width: thin;
  	scrollbar-color: light;
	border:solid 1px #000000;
//	z-index:10;
	}


ul li {
	text-align: left;
	margin-left:40px;
	list-style-type: square;
	}

.bits {
	display:inline-block;
	text-align: left;
	}

.stt {
	font-size:0.8em;
	color:#880000;
	}

@media (orientation: landscape) {

	#container {
		display:none;

	}