/* lato-100 - latin */

@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 100;
	src: url('lato-v16-latin-100.eot');
	/* IE9 Compat Modes */
	src: local('Lato Hairline'), local('Lato-Hairline'), url('lato-v16-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('lato-v16-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
	url('lato-v16-latin-100.woff') format('woff'), /* Modern Browsers */
	url('lato-v16-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
	url('lato-v16-latin-100.svg#Lato') format('svg');
	/* Legacy iOS */
}


/* lato-300 - latin */

@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 300;
	src: url('lato-v16-latin-300.eot');
	/* IE9 Compat Modes */
	src: local('Lato Light'), local('Lato-Light'), url('lato-v16-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('lato-v16-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
	url('lato-v16-latin-300.woff') format('woff'), /* Modern Browsers */
	url('lato-v16-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
	url('lato-v16-latin-300.svg#Lato') format('svg');
	/* Legacy iOS */
}


/* lato-regular - latin */

@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	src: url('lato-v16-latin-regular.eot');
	/* IE9 Compat Modes */
	src: local('Lato Regular'), local('Lato-Regular'), url('lato-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('lato-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('lato-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
	url('lato-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('lato-v16-latin-regular.svg#Lato') format('svg');
	/* Legacy iOS */
}


/* lato-900 - latin */

@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 900;
	src: url('lato-v16-latin-900.eot');
	/* IE9 Compat Modes */
	src: local('Lato Black'), local('Lato-Black'), url('lato-v16-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('lato-v16-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
	url('lato-v16-latin-900.woff') format('woff'), /* Modern Browsers */
	url('lato-v16-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
	url('lato-v16-latin-900.svg#Lato') format('svg');
	/* Legacy iOS */
}


body {
	overflow-y: scroll;
}

* {
	position: relative;
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	text-decoration: none;
}

a { cursor: pointer; }


img {
	max-width: 100%;
}

body {
	background-image: url("/src/bg.png");
	background-color: #fff;
	padding: 0 auto;
	margin: 0 auto;
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-position: center;
}

section {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
}

h1 {
	padding-top: 60px;
	padding-bottom: 5px;
	width: 100%;
	margin: 0;
	font-family: 'Lato';
	font-size: 40px;
	color: #000;
		font-weight:300;
}

h2 {
	padding-top: 10px;
	padding-bottom: 0;
	width: 100%;
	margin: 0;
	font-family: 'Lato';
	font-size: 32px;
	text-transform: uppercase;
	color: #000;
}

p {
	line-height: 140%;
	color: #000;
}

b {
	font-family: 'Lato-Black';
}

em {
	font-style: italic;font-weight: 300;
}

.topimage {
	background-size: cover;
	top: -30px;
	margin-bottom: -30px;
}

main {
	width: 1000px;
	margin: 0 auto;
}

#navtable {
	width: 100%;
	display: table;
}

#navtable h2 {
	text-align: center;
	font-size: 20px;
	color: #fff;
	background-color: #0066ae;
	padding-bottom: 10px;
}

#navtable p {
	font-family: "Lato";
	text-align: center;
	font-size: 15px;
	margin: 0;
	padding: 10px 15px;
	line-height: 160%;
}

#navtable a {
	text-align: center;
	text-transform: none;
	padding-top: 20px;
	padding-bottom: 10px;
	display: inline-block;
}

#navtable .cell {
	width: 33%;
}

.row {
	display: table-row;
}

#navtable {
	border-bottom: 5px #0066ae solid;
}


#navtable	.cell1 p{border-top: 5px #8852af solid; }
#navtable	.cell2 p{border-top: 5px #cf3646 solid;}
#navtable	.cell3 p{border-top: 5px #669c8b solid; }
#navtable	.cell2{border-left:1px solid #fff; border-right:1px solid #fff; border-top:5px #8852af;}
#navtable	.cell1 {background-color:rgba(255,255,255,1);border-bottom:5px #8852af solid;}
#navtable	.cell2 {background-color:rgba(255,255,255,1);border-bottom:5px #cf3646 solid;}
#navtable	.cell3 {background-color:rgba(255,255,255,1);border-bottom:5px #669c8b solid;}
#navtable	.cell1 a{color:#8852af;font-family:"Lato"; font-weight:900;}
#navtable	.cell2 a{color:#cf3646;font-family:"Lato"; font-weight:900;}
#navtable	.cell3 a{color:#669c8b; font-family:"Lato"; font-weight:900;}

.intextimage{width:300px;float:right;display:inline;padding:20px 0px 20px 60px;}

.cell {
	display: table-cell;
}

.table {
	display: table;
}

.cell1 p {
	border-top: 5px #8852af solid;
}

.cell2 p {
	border-top: 5px #cf3646 solid;
}

.cell3 p {
	border-top: 5px #669c8b solid;
}

.cell2 {
	
	border-right: 1px solid #fff;
	border-top: 5px #8852af;
}

.cell1 {
	background-color: rgba(255, 255, 255, .8);
	border-bottom: 5px #8852af solid;
}

.cell2 {
	border-bottom: 5px #cf3646 solid;
}

.cell3 {
	border-bottom: 5px #669c8b solid;
}

.cell1 a {
	color: #8852af;
	font-family: "Lato";
	font-weight: 900;
	;
}

.cell2 a {
	color: #cf3646;
	font-family: "Lato";
	font-weight: 900;
	;
}

.cell3 a {
	color: #669c8b;
	font-family: "Lato";
	font-weight: 900;
	;
}

.headercell {
	text-align: right;
	left: 400px;
}

#topnav {
	width: 100%;
	display: table;
}

#topnav h2 {
	text-align: center;
	font-size: 15px;
	font-family: "Lato";
	color: #fff;
	padding-bottom: 5px;
}

#topnav p {
	font-family: "Lato";
	text-align: center;
	font-size: 15px;
	margin: 0;
	padding: 10px 15px;
	line-height: 160%;
}

#topnav a {
	text-align: center;
	text-transform: none;
	padding-top: 20px;
	padding-bottom: 10px;
	display: block;
}

#topnav .cell {
	width: 25%;
	text-align: center;
}

.row {
	display: table-row;
}

.cell {
	display: table-cell;
}

.table {
	display: table;
}

.cell2 {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: 5px #8852af;
}

.cell3 {
	border-right: 1px solid #fff;
	border-top: 5px #8852af;
}

.cell1 {
	background-color: #8852af;
}

.cell2 {
	background-color: #cf3646;
}

.cell3 {
	background-color: #669c8b;
}

.cell4 {
	background-color: #0066ae;
}

.cell1 a {
	color: #8852af;
	font-family: "Lato";
	font-weight: 900;
	;
}

.cell2 a {
	color: #cf3646;
	font-family: "Lato";
	font-weight: 900;
	;
}

.cell3 a {
	color: #669c8b;
	font-family: "Lato";
	font-weight: 900;
	;
}

.headercell {
	text-align: right;
	left: 400px;
}

header {
	padding-left: 40px;
	padding-bottom: 100px;
	font-family: "Lato";
		font-weight:300;
}

#toptext {
	font-family: "Lato";
	font-size: 20px;
	top: -50px;
	font-weight:300;
}

.maintext {
	padding: 80px 120px 40px 120px;
	line-height: 160%;
	font-size: 15px;
	background-color: #fff;
}

.maintext h2 {
	padding-top: 20px;
	padding-bottom: 5px;
	font-size: 25px;
	font-family: "Lato";
	text-transform: none;
	color: #0066ae;
}

.maintext b {
	color: #0066ae;
}

.maintext em {
	font-size: 20px;
	text-align: center;
	line-height: 190%;
	margin: 0 60px;
	display: block;
}

.maintext a {
	color: #0066ae;
	font-family: "Lato";
	font-weight: 900;
	;
}

.maintext h1 {
	padding-top: 0px;
	padding-bottom: 20px;
}

footer {
	background-color: rgba(43, 109, 177, 0.1);
}

#footertable {
	width: 100%;
	display: table;
	padding: 60px 0 40px 150px;
	line-height: 160%;
	font-size: 15px;
	box-sizing: border-box;
}

#footertable h2 {
	font-size: 15px;
	text-transform: none;
	font-family: "Lato";
	font-weight: 900;
	;
	padding-bottom: 20px;
}

#footertable a {
	color: #000;
	display: block;
	margin-bottom: 10px;
}








@media screen and (max-width: 1040px) {
	main {width: 100%;}
	#topnav, #topnav .row, #topnav .cell {display: block; width: 100%;}
	#footertable , #footertable  .row, #footertable  .cell {display: block; width: 100%;}
	#navtable , #navtable  .row, #navtable  .cell {display: block; width: 100%;}
	#footertable {padding: 20px;}
	.maintext {padding-left: 20px; padding-right: 20px;}
	h1 {font-size: 30px;}
	.intextimage {float: none; margin: 0; padding:0;}
/* 	.topimage , .topimage  .row, .topimage  .cell, .topimage table{display: block; width: 100%;} */
.headercell {display: none;}
body {background-image: none;}
.topimage {background-position: top center;}
.topimage img {width: 80px ! important;}
#toptext {font-size: 15px; top: -40px;}
header h1 {padding-top: 100px; }
header {text-shadow: 0 0 1px #fff,  0 0 2px #fff,  0 0 3px #fff; padding-left: 20px; padding-bottom: 20px;}  
.maintext em {font-size: 14px;}
}






strong, b {font-weight: bold;}