html, body
{
	min-height:100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

#indexleft{
	float:left;
	width:40%;
}

body{
	 display: flex;
	min-height: 100vh;
	flex-direction: column;
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
}

header.index{
	position: relative;
	height:400px;
	background-image: url('images/headerbackground.jpg');
}


main{
	flex: 1 0 auto;
}

.announce{
	padding:30px;
	background-color:#000;
	color:#FFA500;
	font-weight:bold;
	font-size:16px;
	width:100%;
}

header.index h1{
	color:#FFA500;
	font-family: 'Oswald', sans-serif;
	font-weight:200;
	letter-spacing:3px;
	font-size:10vw;
}

header.index h2{
	color:#FFA500;
	letter-spacing:1px;
	font-size:2vw;
}

header.index nav{
	display:none;
}

h1{
	margin:0 0 0 10px;
	padding:0;
	
}

h2{
	margin:0 0 0 20px;
	font-size:80%;
	padding:0;
}

@media only screen and (max-width: 600px) {
	header.index{
		height:120px;
	}
	
	#indexdiv{
		clear:right;
	}
}

#status{
	padding:20px;
	float:right;
	width:300px;
	border:1px solid #c0c0c0;
	background-color: #000;
	color:#FFA500;
}

input, select, textarea{
	display: block;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
	padding: 8px;
	border-radius: 6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border: 2px solid #fff;
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
	-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
}

input[type="submit"]{
	background: #2A88AD;
	padding: 8px 20px 8px 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #fff;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
	font: normal 30px arial;
	-moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
	-webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
	box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
	border: 1px solid #257C9E;
	font-size: 15px;
}

input[type="submit"]:hover{
	background: #2A6881;
	-moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
	-webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
	box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
}

section{
	padding: 30px;
	background: #F8F8F8;
	border-radius: 6px;
	margin-bottom: 15px;
}

form{
	width:500px;
	padding:30px;
	margin:40px auto;
	background: #FFF;
	border-radius: 10px;
	-webkit-border-radius:10px;
	-moz-border-radius: 10px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
}

label{
	display: block;
	font: 13px Arial, Helvetica, sans-serif;
	color: #888;
	margin-bottom: 15px;
}

article{
	display:block;
	background: #FFF;
	padding:20px;
	border-radius: 10px;
	-webkit-border-radius:10px;
	-moz-border-radius: 10px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
}

nav, footer{
	background-color:#2A88AD;
	color:#fff;
	padding:10px;
}

.menu, .menu ul, .menu ul li, .menu ul li a,
.menu ul ul, .menu ul ul li, .menu ul ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 1;
}

.menu ul {
    list-style-type: none; 
    text-align: center;
} 

.menu ul li {
    position: relative;
    display: inline; 
    text-align: center;
}

.menu ul li a {
    text-decoration: none;
    display: inline-block; 
    width: 200px; 
    padding: 20px;
    color: #fff;
}

.menu a:hover, .menu a:focus, .menu a:active  {
    color: #fff;
    background: #2A6881;
}

.menu-arrow {
    font-size: 10px;
}

.menu ul ul {
    position: absolute;
    left: 0;
    display:none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
}

.menu ul li:hover ul {
    display:block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */
    filter: alpha(opacity=100); /* IE 5-7 */
}

.menu ul ul li {
    display: block;
    text-align: left;
}

.menu ul ul li a {
    width: 100%;
    min-width:200px;
    padding: 20px;
    white-space: nowrap;
    border-bottom: 1px solid #ccc;
	background-color:#2A88AD;
}

.menu ul ul li a:hover, .menu ul ul li a:focus, .menu ul ul li a:active  {
    background: #2A6881;
}

.menu ul li a, .menu ul ul li, .menu ul li:hover, .menu ul ul {
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

@media screen and (max-width: 768px) {

	.menu ul li {
		display: block;
		border-bottom: 1px solid #ccc;
	}

	.menu ul li, .menu ul li a {
		width: 100%;
	}

	.menu ul ul {
		position: relative;
		display: none;
	}

	.menu ul li:hover ul {
		display: block;
	}

	.menu ul ul li {
		text-align: center;
	}
}


footer{

	clear: both;

	text-align:right;
}

footer a{
	color:#fff;
}

.container { margin: 150px auto; max-width: 640px; }
.wrap{
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
  background: #fff;
  border-radius: 3px;
  box-shadow: inset 0 0 7px rgba(69, 78, 140,0.5);
}
.jctkr-label{
  height: 35px;
  padding: 0 17px;
  line-height: 42px;
  background: rgba(69, 78, 140,0.7);
  font-style: italic;
  font-size: 19px;
  color: #fff;
  text-shadow: 0 1px 2px rgba(69, 78, 140,1);
  cursor: default;
}
.jctkr-label:hover{
  background: rgba(69, 78, 140,0.9);
}
[class*="js-conveyor-"] ul{
  display: inline-block;
  opacity: 0.5;
}
[class*="js-conveyor-"] ul li{
  padding: 0 15px;
  line-height: 35px;
  font-size: 16px;
}