@charset "UTF-8";


@font-face {
  font-family: 'roboto-light';
  src: url('../fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),  
  	   url('../fonts/roboto-light-webfont.woff') format('woff'), 
	   url('../fonts/roboto-light.ttf')  format('truetype'), 
	   url('../fonts/roboto-light-webfont.svg#Poppins-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'roboto-regular';
  src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),  
  	   url('../fonts/roboto-regular-webfont.woff') format('woff'), 
	   url('../fonts/roboto-regular.ttf')  format('truetype'), 
	   url('../fonts/roboto-regular-webfont.svg#Poppins-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'roboto-medium';
  src: url('../fonts/roboto-mediumt-webfont.eot?#iefix') format('embedded-opentype'),  
  	   url('../fonts/roboto-medium-webfont.woff') format('woff'), 
	   url('../fonts/roboto-medium.ttf')  format('truetype'), 
	   url('../fonts/roboto-medium-webfont.svg#Poppins-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

* {
  box-sizing: border-box;
}

html {
	min-height:100%;
	height:100%;
	scroll-behavior: smooth;
}

body {
	margin: 0;
	padding: 0;
	color: #767676;
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: .2px;
	background-color: #FFF;
	-webkit-font-smoothing: antialiased;
}


h1 {
	font-family: roboto-light, Arial, sans-serif;
	font-size: 28px;
	color: #232323;
	line-height:38px;
}

.introtext {
	font-family: Arial, sans-serif;
	font-size: 16px;
	line-height: 25px;
	letter-spacing: normal;
}

.topiclabel {
	font-family: Arial, sans-serif;
	font-size: 16px;
	color: #232323;
	line-height: 1.63;
	letter-spacing: normal;
	font-weight: 600;
	margin: 5px 0px 10px 0px;
}


a:link {
	color: #0063be;;
	text-decoration: none;
}
a:visited {
	color: #0063be;;
	text-decoration: none;
}
a:hover,a:focus {
	color: #00a0df;;
	text-decoration: underline;
}


#sitewrap {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	min-height:95vh;
}

.maincontent {
	margin: 0px 10px 0px 10px;
}

#headerbar {
	background-color:black;
	width:100%;
	margin:0px;
	padding:0px;
	height:60px;
}


#footerwrapper {
	width: 100%;
	height: auto;
	min-height: 10vh;
	background-color:black;
}

#footerbar {
	background-color:black;
	width:100%;
	margin:0px;
	padding:0px;
	height:40px;
}

.copyright {
	margin: 0px;
	padding: 10px;
	color: white;
	font-family: Arial, sans-serif;
	font-size: 12px;
	letter-spacing: .2px;
	text-align:center;
}

.flex-container {
  display: flex;
  width:100%;
  flex-wrap: wrap;
}

.flex-container > div {
  width: 25%;
  margin: 15px 15px 15px 15px;
  text-align: left;
}

.warning {color:#990000;}

.fieldwrap {width:100%;margin-bottom:5px;}
.fieldlabel {width:160px;display:inline-block;}
.fieldval {width: 500px;display:inline-block;}
.fieldwrap2 {width:100%;margin: 15px 0px 5px 0px;}
.fieldlabel2 {width:auto;display:inline-block;}
.fieldlabel3 {width:auto;display:block;}

.cb {display:inline-block;white-space: nowrap;}