html{
	background:#9CB24E;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
}
body{
}
nav{
	background:#9CB24E url(../images/smkev.jpg) no-repeat top center;
	padding:200px 0 0 0;
	position:fixed;
	margin:0 4px 0 0;
	width:160px;
}
nav ul{
  padding: 0;
}
nav li {
	list-style-type: none;
	-webkit-transition: background-color 1000ms linear;
	-ms-transition: background-color 1000ms linear;
	transition: background-color 1000ms linear;
	transition: background-color 500ms ease;
	background: #0C40C2;
	margin: 5px;
	padding: 0 8px;
	border-radius: 3px;
}
nav li:hover {background:#09f;}
nav li a {display: block;}
li{
	list-style-type: circle;
	font-size: 12pt;
	font-weight: bold;
	list-style-position:inside;
}
header{
	text-align: center;
	height:100px;
}
main, footer{
	margin: 0 4px 0 170px;
}
footer a{
	text-align: center;
	font-size:0.7em;
}
p {line-height: 125%;}
a {
	font-size: 13pt;
	text-decoration:none;
	font-weight: bold;
	color: #ff6600;
}
a:visited { color: #c0c }
a:hover { color: #0ae267 }
h1 {
	font-size: 18pt;
	text-align: center;
	color: #0C40C2;
	margin-top: 15pt;
}
h2 {
	font-size: 14pt;
	color: #0C40C2;
}
h4{
	font-size: 12pt;
	text-align: center;
}
.centre{
	text-align:center;
	margin: 0 auto;
}
.oline, footer{
	border-top:1px solid #FF440F;
}
.uline{
	border-bottom:1px solid #FF440F;
}
.forms {background: #9CB24E;font-size:12pt; font-weight: bold; color: yellow; text-align: center; }
.tab {background-color: #E0682D; valign: top }
.right{float:right;}
.text, .next {background: #CCC; font-size:12pt; font-weight: bold; color: #FF440F }
.next {color: #0C40C2;}
#hamburger, .nomob{display:none;}
.flexy{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-around;
}
.flexy table{
	border: 2px solid #FF440F;
	margin: 4px auto;
	border-radius: 4px;
	background-color: #cfc;
	background-repeat:no-repeat;
	width:270px;
}
.flexy table td{
	padding:0;
	margin:0;
	border:0;
	background-size: cover;
}
.flexy fieldset{
	border: none;
	font-size: 14pt;
	color: #ff480f;
	font-weight: bold;
	margin: 15px 0 0;
}
.flexy input, .flexy select, .flexy button{
	margin:20px auto;
	display: block;
}
@media all and (max-width: 600px) {
	main, footer{margin: 0 4px;}
	header img{max-width:100%;}
	label[for="hamburger"]{display:block;}
	nav{
		position: fixed;
		top: 0;
		display: block;
		width: 0px;
		-webkit-transition-duration: .2s;
		-moz-transition-duration: .2s;
		-ms-transition-duration: .2s;
		-o-transition-duration: .2s;
		transition-duration: .2s;
		-webkit-transition-delay: .2s;
		-moz-transition-delay: .2s;
		-ms-transition-delay: .2s;
		-o-transition-delay: .2s;
		transition-delay: .2s;
		z-index:35;
	}

	nav ul select{
		color:#000;
		width:90%;
		float:none;
		font-weight:300;
	}
	nav ul{
		display: block;
		list-style:none;
		margin:0 auto;
		text-align:center;
		padding:0;
		position:relative;
		left: -400px;
		-webkit-transition-duration: .2s;
		-moz-transition-duration: .2s;
		-ms-transition-duration: .2s;
		-o-transition-duration: .2s;
		transition-duration: .2s;
		-webkit-transition-delay: .2s;
		-moz-transition-delay: .2s;
		-ms-transition-delay: .2s;
		-o-transition-delay: .2s;
		transition-delay: .2s;
	}
	nav ul li{
		display: block;
		margin :5px 10px;
		padding:0 2px;
		text-align: left;
		float:none;
		width:auto;
	}
	nav ul li:last-child{border-bottom:none;}
	nav ul li a{
		color:#000;
		text-decoration:none;
		font-weight:300;
		font-size: 13px;
		letter-spacing: 0;
		line-height: 20px;
	}

	.menuicon {
		position: fixed;
		top: 20px;
		right: 10px;
		display: block;
		cursor: pointer;
		height: 21px;
		width: 25px;
		z-index:32;
		background: #ff450f;
    padding: 8px 6px;
    border-radius: 6px;
    border: 1px solid #0c40c2;
	}
	.menuicon span {
		z-index:33;
    display: block;
    top: 9px;
    width: 25px;
    height: 3px;
    background-color: #fff;
    position: relative;
    -webkit-transition-duration: 0;
    -moz-transition-duration: 0;
    -ms-transition-duration: 0;
    -o-transition-duration: 0;
    transition-duration: 0;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -ms-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
  }
	.menuicon span::after, .menuicon span::before {
		display: block;
		content: '';
		position: absolute;
		width: 25px;
		height: 3px;
		background-color: #fff;
		-webkit-transition-property: margin, -webkit-transform;
		-webkit-transition-duration: .2s;
		-moz-transition-duration: .2s;
		-ms-transition-duration: .2s;
		-o-transition-duration: .2s;
		transition-duration: .2s;
		-webkit-transition-delay: .2, 0;
		-moz-transition-delay: .2, 0;
		-ms-transition-delay: .2, 0;
		-o-transition-delay: .2, 0;
		transition-delay: .2, 0;
	}
	.menuicon span::before {margin-top: -8px;}
	.menuicon span::after {margin-top: 8px;}

	#hamburger:checked ~ nav {width: 50%;}
	#hamburger:checked ~ nav ul {left:0px;}
  #hamburger:checked ~ .menuicon span {background-color: rgba(0,0,0,0);}
	#hamburger:checked ~ .menuicon span::before, #hamburger:checked ~ .menuicon span::after {
		margin-top: 0px;
		border-radius: 0;
		-webkit-transition-delay: 0, .2s;
		-moz-transition-delay: 0, .2s;
		-ms-transition-delay: 0, .2s;
		-o-transition-delay: 0, .2s;
		transition-delay: 0, .2s;
	}
	#hamburger:checked ~ .menuicon span::before {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#hamburger:checked ~ .menuicon span::after {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

}
@media all and (max-width: 800px) {
}