/* resets and overrides
----------------------------- */
a * {	border: none; }
	

/* links & type
----------------------------- */
nav {display:block;}

body {	background-color: #B3B3B3;
		color: #1B1B1B;
		font-family: Source Sans Pro Web,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
		font-size: 1.13rem;
		margin: 0;
		padding: 0; 
}
	
input,select {
	font-size: 16px;
}

ol{
	text-align:left;
}

ol li{
	margin: 10px;
}

#container {	
	margin: 0;
	padding:0;
}

#mainbody {
	border: none;
	padding: 0px 4%;
	position: relative;
}

#mainbody::after{
	content:'';
	display:block;
	clear:both;
}

#searchdiv{
	float:right;
	width:300px;
	position: relative;
	top: 30px;
}

#searchForm{
	margin-right: 5px;
	display: inline-block;
	line-height: normal;
	max-width: 300px;
}

#navbars{
	display: none;
	position: absolute;
	line-height: normal;
}

.navbar{
	margin: 0;
	position: relative;
	padding: 0px 8px 4px 7px;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-appearance: button;
	cursor: pointer;
	background-color: rgba(255, 255, 255, .2);
	
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}

.icon-bar {
	background-color: #fff;
	margin-top: 4px;
	height: 4px;
	width: 33px;
	display: block;
	border-radius: 2px;
	transition: all .25s linear;
	
}
button.navbar.close span.icon-bar:nth-child(2) {
	transform: translate(0px, 9px) rotate(45deg);
}
button.navbar.close span.icon-bar:nth-child(3) {
	background-color: transparent;
}
button.navbar.close span.icon-bar:nth-child(4) {
	transform: rotate(-45deg) translate(5px, -5px);
}
a:link, a:active, a:visited { text-decoration: underline; }

a:hover {	color: #B3B3B3;
			text-decoration: underline; 
			transition: all .25s;}

ul.b { list-style-type: initial; }

ul.b li {	margin-top: 20px;
			margin-bottom: 20px; }
ul.linklist{ padding-left:10px;
			}
ul.linklist li{
	list-style-type:none;
	margin-top:10px;
}		
ul.dropmenu {
float: left;
margin: 0px;
padding: 0px;
display: block;
width: 100%;
position: relative;
z-index: 10;
font-size:13px;
letter-spacing: 0.05em;
}	
p.contact {	text-align: center; }
p.error{
	color:red;
}

h1 {	font-family: Arial, Helvetica, sans-serif;
		font-size: 1.5em;
		color: #0E406A;
		margin: 0px;  }

h1 a {}

h1 a:hover {}

h2 {	font-family: Arial, Helvetica, sans-serif;
		font-size: 1.4em;
		letter-spacing: 0.5px;
		color: #000000; }

h2 a {}

h2 a:hover {}

h3 {	font-family: Arial, Helvetica, sans-serif;
		font-size: 1.2em;
		letter-spacing: 0.10em;
		color: #FFFFFF;
		background-color: #796E66;
		margin-bottom: 10px;
		padding: 5px 13px;
		width: 99%;
		text-transform: uppercase;
		font-weight: 500; }

h3 a {}

h3 a:hover {}

h4 {	font-family: Arial, Helvetica, sans-serif;
		font-size: 1.2em;
		letter-spacing: 0.10em;
		color: #FFFFFF;
		background-color: #796E66;
		margin-bottom: 10px;
		padding: 4px 13px;
		width: 80%;
		text-transform: uppercase;
		font-weight: 500; }
		
h4 a {}

h4 a:hover {}

h5 {	font-family: Arial, Helvetica, sans-serif;
		font-size: 1.2em;
		letter-spacing: 0.10em;
		color: #000000;
		background-color: #B6B0A2;
		margin-bottom: 10px;
		padding: 5px 13px;
		width: 99%;
		text-transform: uppercase;
		font-weight: 500; }
		
h5 a {}

h5 a:hover {}

h6 {	font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		color: #000000;
		margin-top: 0px;
		margin-bottom: 0px; }
		
h6 a {}

h6 a:hover {}

.bulletpoint {	font-family: Arial, Helvetica, sans-serif;
				margin-left: 215px; }

hr.inset {	border: 0;
    		height: 2px;
   			background: #012E40;
   			background-color: #012E40; }

span.inputlabel {
    display: inline-block;
    width: 31%;
    text-align: right;
	vertical-align: top;
}

span.input {
    display: inline-block;
    width: 48%;
    text-align: left;
}

span.highlighted{
	background-color:#FFCC00;
}
span.highlighted a{
	color:#006666;
	text-decoration: underline;
}


/* layout
----------------------------- */
#page {	max-width: 960px;
		margin: 0 auto;
		box-shadow: 0px 0px 15px #000000;
		background-color:#FFFFFF;
		position:relative; }

#ndbanner {	margin: 0;
			padding: 3px 0 3px 5px;
			background-color: #FFFFFF;
			border-bottom: 1px #CCCCCC solid;
			text-decoration: none; }
			
#tourism {	position: absolute;
			right: 0;
			top: 0px;}
			
#header {	position: relative;
			letter-spacing: 0.5px;
			color: #F0EFEF;
			background: #0E406A;
			padding: 4px; }

#header form p{	margin:0px;
				padding:0px;
				font-size:.7em; }
#header > a {	float:left;
			color: inherit;
			text-decoration: none;
			font-size: 1.4em; 
			line-height:40px;
		}

#header > a img {	
				position: relative;
				margin: 7px 9px; 
				padding-right: 10px;
				vertical-align: middle;
				height: 90px;
			}
			
#header > a:visited { color: #FFFFFF; }

#navheader {	/*padding-bottom: 1px;*/
				background-color: rgba(182, 176, 162, 0.49);
				text-align: center;
				/*border-top: 1.5px solid #898C35;
				border-bottom: 1.5px solid #898C35;*/ }

				
#picture {	position: relative;
			height: 240px;
			width: 100%; 
			margin-top: 48px;
			background-position:center;
			}
			
#tmpholder{
	position:absolute;
	height:240px;
	width:100%;
	display:block;
}

#searchform {	
	
				display:inline-block;
				float:right;
				padding-right: 7px;
}
				
#searchform div {	float:right;
					font-size:.8em; }

#searchform input {	font-size:.8em; }
			
#social {	position: absolute;
			top: 12px;
			right: 60px; }
			
#social a {	margin-left: 6px; }

#social a:hover {}

#floodlink {	color: #063242;
				display: block;
				position: absolute;
				text-align: center;
				background-color: #EEEEEE;
				border-radius: 10px;
				border: 3px solid #FFFFFF;
				bottom: 8px;
				right: 61px;
				height: 67px;
				width: 116px;
				padding-top: 10px; }	
				
#floodlink a:hover {	background-color: #CCCCCC; }

div.info {	background-color: #FFFFFF;
			margin-top: 15px;
			padding: 6px 30px;
			border-bottom: 3px solid #012E40 }

#mainbody div.info:last-of-type {	border-bottom: none; }
		
#loginForm div{
	text-align:center;
	width:100%;
	position:relative;
}
		
.inner-form-div{
	box-sizing:border-box;
	text-align:center;
}
.inner-form-div label{
	display:inline-block;
	width:35%;
	text-align: right;
	margin-right:1%;
	vertical-align:top;
}
.inner-form-div input[type='text'], .inner-form-div input[type='email'], .inner-form-div input[type='password']{
	display:inline-block;
	width:55%;
	text-align: left;
}
.normalheader{
	font-weight: bold;
	font-size:1.4em;
	padding: 10px 0;
}
.inner-form-left {
	vertical-align: middle;
	text-align: left;
}
.inner-form-left label{
	display: inline-block;
	width: 35%;
	text-align: right;
}
.inner-form-left input{
	display: inline-block;
	text-align: left;
}



.vspace{
	margin: 5px 0;
}		
.imageleft, .imageright, .imagefull {	border: none;
				text-align: center;
				font-size: .8em;
				font-family: Arial, Helvetica, sans-serif;
				margin-top: 0px;
				margin-right: 15px;
				padding: 3px;
				}
				
.imageleft {	max-width: 200px;
				float: left; }

.imageright {	max-width: 200px;
				float: right; }

					
.imageleft.about {	margin-bottom: 330px; }
				
.imageleft img,.imageright img,.imagefull img {
	width: 100%;
	height: auto;
}					
.imageleft.seventy5 img{
	width: 75%;
}
.vertical_whitespace250{
	height: 250px;
}
.vertical_whitespace200{
	height: 200px;
}
.vertical_whitespace150{
	height: 150px;
}
.content {	border: none;
			margin: 0;
			padding-top: 0px;
			padding-left: 5px;
			padding-right: 5px;
			padding-bottom: 5px;
			position: relative; }
			
.content::after{ 	content:'';
					display:block;
					clear:both;}

.contentblock { font-family: Arial, Helvetica, sans-serif;
				padding-left: 25px;
				padding-right: 25px; }
				
.contentblock::after{ 	content:'';
					display:block;
					clear:both;}
					
.rightcontent { background-color: #FFFFFF;
				min-width: 236px;
				padding: 3px;
				margin-top: 3px;
				border-radius: 7px; }

.rightcontent a {	display: inline-block;
					font-size: .9rem;
					text-decoration: none;
					text-transform: none;
					width: 89%;
					margin-bottom: 4px;
					padding: 5px 13px;
					color: #FFFFFF;
					background-color: #058DC1;
					border-radius: 7px; }

.rightcontent a:hover {	color: #000;
						background-color: #EB9717; }

.rightcontent ul {	margin: 0px;
					padding: 0px;
					list-style-type: none;
					line-height: 2em; 
				}
				
#col-right {	width: 229px;
				height: 100%;
				position: absolute;
				top: -40px;
				right: 20px;
				overflow: visible;
				padding-bottom: 0; 
			}
			
.leftcontent { 	background-color: #FFFFFF;
				min-width: 233px;
				padding: 0px;
				border-radius: 7px; }

.leftcontent a {	display: inline-block;
					text-decoration: none;
					text-transform: none;
					width: 90%;
					padding: 5px 33px;
					color: #000;
					background-color: #F0F0F0;
				}

.leftcontent a:hover {	color: #FFF;
						background-color: #049FDA;
					 }

.leftcontent ul {	margin: 0px;
					padding: 0px;
					list-style-type: none;
					line-height: 2em; 
				}
							
#col-left {		width: 265px;
				height: 100%;
				position: static;
				top: -40px;
				right: 20px;
				overflow: visible;
				padding-bottom: 0; 
			}

.oSticky {	position:fixed;
			top:0px; 
			width:220px;
			}
.stickBottom{ 	position:absolute;
				bottom:0px;
				
			}
			
.rightbox {	position: -webkit-sticky;
			position: -moz-sticky;
			position: -ms-sticky;
			position: -o-sticky;
			top: 10px;
			z-index: 1;
			overflow: visible; 
		}
		
.leftbox {	position: -webkit-sticky;
			position: -moz-sticky;
			position: -ms-sticky;
			position: -o-sticky;
			top: 10px;
			z-index: 1;
			overflow: visible; 
		}
				
.rightcontent.atbottom{
						position:absolute;
						bottom:0px;
}

.leftcontent.atbottom{
						position:absolute;
						bottom:0px;
}

div.infoSpan{
	width: 14px;
	height: 14px;
	display: inline-block;
	margin-left: 3px;
	font: italic normal bold 14px Times;
	color: black;
	background-color: white;
	border: 1px solid #999;
	padding: 0px;
	text-align: center;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	-o-border-radius:7px;
	-ms-border-radius:7px;
	border-radius: 7px;
	line-height: 14px;
	cursor: pointer;
}

div.helpBox{
	text-align: center;
	margin-left: 50%;
	left:-100px;
	margin-top: 10%;
	top:-87px;
	position:absolute;
	display:none;
	padding: 10px;
	background-color: rgb(203,203,203);
	width: 200px;
	text-align: center;
	height: auto;
	top:0px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius:5px;
	border-radius: 5px;
	-moz-box-shadow: 5px;
	box-shadow: 5px 5px 10px #000;
	z-index: 1;
}

div.helpBoxBig{
	text-align: center;
	right:0px;
	margin-top: 0%;
	top:-250px;
	position:absolute;
	display:none;
	padding: 2%;
	background-color: rgb(203,203,203);
	width: 94%;
	text-align: center;
	height: auto;
	top:0px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius:5px;
	border-radius: 5px;
	-moz-box-shadow: 5px;
	box-shadow: 5px 5px 10px #000;
	z-index: 3;
}

div.leftcol {	margin-right: 205px; }

div.rightcol {	margin-left: 255px; }

#footer {	position: relative;
			margin: 10px auto;
			color: #F0EFEF;
			background-color: #0E406A;
			text-align: center;
			font-size: 1rem;
			width: 100%;
			padding-top: 1px;
			padding-bottom: 10px; }
			
#disclaimer {	font-size: 1rem;
				text-align: center;
				bottom: 5px;
				width: 100%;
				margin-top: 10px; }
				
#disclaimer a {	color: #005B99; }

#disclaimer a:hover {	color: #005B99; }

.sitelist tr:nth-child(even) td{
	background-color:#eee;
}
.sitelist tr:nth-child(even) th{
	background-color:#ccc;
}

div#results{
	position:relative;
}



/* ARB column layouts
-------------------------------- */
.colHolder{
	-moz-box-sizing:border-box;
	box-sizing: border-box;
	position: relative;
}
.colHolder::after{
	content:'';
	display:block;
	clear:both;
}
.column2{
	margin:0;
	padding:.5em;
	float: left;
	width: 45%;
	text-align: left;
	list-style-type: none;
}

/* callout boxes
----------------------------- */
/*.whatsnew {	background-color: #EBEBEB;
			box-shadow: 0px 0px 2px;
			margin-top: 15px;
			margin-bottom: 15px;
			padding: 2% 5%; }*/
						
.whatsnew {	background-color: #DEDBD5;
				border-radius: 40px;
				margin-top: 10px;
				padding: 1% 5%;
				color: #000000; }			
			
			
.whatsnew h1 {	font-size: 1.6em;
				line-height: 40px;
				text-shadow: 0px 0px 9px #FFFFFF;
				margin: 0px; }

.frameHolder {	position: absolute;
				z-index: 10;
				background-color: #FFFFFF;
				box-shadow: 0px 0px 10px;
				width: 95%;
				padding: 2.5% 2.5% 1% 2.5%;
				border-radius: 10px;
				margin-left: 2.5%;
				box-sizing: border-box;
				text-align:center;
				top:70px;
				display:none; }
			
.surveybanner {	background-color: #FAA21B;
				margin-top: -43px;
				padding: 1% 6%;
				color: #000000;
				border-radius: 34px; }
				
.surveybanner1 {	background-color: #FAA21B;
					font-size: 20px;
					margin-top: -43px;
					padding: 1% 6%;
					color: #000000;
					border-radius: 34px;
					width: 550px; }	
							
.button	{	color: #2112DF;
			font-size: 20px;
			border: none;
			background-color: #FFF;
			border-radius: 6px;
			padding: 7px; }
					
.button1	{	color: #2112DF;
				border: none;
				background-color: #FFF;
				border-radius: 6px;
				padding: 7px;
				text-align: center;
				font-size: 30px; }
										
.center1 {	display: flex;
			justify-content: center;
			align-items: center; }


/* misc
----------------------------- */
.videocontent {	text-align: center;
				font-size: 0.75em; 
				clear:both;}

/* Dropdown Navigation Bar Fix
------------------------------------- */

/* Make the main nav horizontal */
ul.dropmenu > li {
    float: left;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.dropmenu > li > a {
    display: block;
    padding: 10px 15px;
    background: #0E406A;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}

ul.dropmenu > li > a:hover {
    background: #063242;
    color: #fff;
}

/* Hide submenus by default */
ul.dropmenu li ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #ffffff;
    border: 1px solid #ccc;
    padding: 0;
    margin: 0;
    z-index: 999;
    min-width: 220px;
}

/* Show submenu on hover */
ul.dropmenu li:hover > ul {
    display: block;
}

/* Submenu items */
ul.dropmenu li ul li {
    float: none;
    list-style: none;
}

ul.dropmenu li ul li a {
    display: block;
    padding: 10px 15px;
    background: #ffffff;
    color: #000;
    text-decoration: none;
}

ul.dropmenu li ul li a:hover {
    background: #eee;
}