html,body{margin:0px;padding:0px;font-family:Source Sans Pro,Gotham, Helvetica Neue, Helvetica, Arial, sans-serif;color:grey;height:100%;background-color:#F0F0F0;font-size:14px;}

div{vertical-align:top;text-align:left;background-color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;}

body{background-image: url("/2020/images/fern.jpg");background-attachment: scroll;}


a{text-decoration:none;color:#153170;}
a:hover{text-decoration:underline;}

h1,h2,h3,h4{
margin:0px;
padding-bottom:5px;
}

table{border-spacing:0px;}
td{padding:3px;}

hr{
height:5px;
background-color:grey;
clear:both;
}

#popup{display:none;position:fixed;left:2em;top:2em;background-color:#CBE1EE;white-space:pre-wrap;min-width:150px;max-width:500px;max-height:700px;overflow:auto;font-size:12px;text-align:center;padding:10px;border:solid 1px grey;box-shadow: 3px 3px 2px #888888;z-index:99;}
#modal{display:none;position: fixed;top:0px;left:0px;height:100%;width:100%;background-color: rgba(0,0,0,0.7);z-index:99;}
#modal-box{display:none;position:absolute;left:50%;top:5%;margin-left:-475px;max-width:1086px;text-align:center;vertical-align:middle;background-color:#fff;padding:10px;border:1px groove grey;-moz-border-radius:5px;border-radius:5px;z-index: 100;}

.hamburger {
	margin-top:0px;
	position: fixed;
	right:0px;
	display:none;
	height:63px;
	width:60px;
	background-image: url("/hamburger.png");
	background-size: 50px 50px;
	background-repeat: no-repeat;
	background-position:bottom;
	text-align:center;
	opacity:0.5;
}
.hamburger img{padding-left:20px;width:50px;}
.hamburger:hover{opacity:0.4;}

.hamburger-modal{
	display:none;
	position: fixed;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	background-color: rgba(0,0,0,0.7);
	z-index:99;
	 
}
.hamburger-menu{
	display:none;
	position:fixed;
	left:5%;top:5%;width:90%;
	min-height:300px;
	padding:10px;
	border:1px groove grey;
	-moz-border-radius:5px;
	border-radius:5px;z-index: 100;
	overflow: scroll;
	height:90%;
	}

.hamburger-menu ul{
    list-style: none;
    padding: 0;
    margin: 0;
    font-size:15px;
    line-height:30px;
}

.sub_menu{
	display:none;
	position:absolute;
	line-height: 1.5;
	background-color:#fff;
	color:grey;
	max-width:200px;
	padding:10px;
	border:solid 1px grey;
	box-shadow: 2px 2px 2px #888888;
	-moz-border-radius:3px;
	border-radius:3px;
	z-index:99;
}




.header,.nav,.footer{border-right:1px groove grey;}

.header{	
	height:200px;	
	margin:0 auto;
	background-image: url("/2020/images/ndoa_banner.jpg");
	background-repeat: no-repeat, repeat;
	background-position: top center; 
	/*background-size: 587px 160px;*/
	}

.nav{
	margin-top:-26px;
	height:25px;
	background-color : transparent;
	border-bottom:1px solid grey;
	}

.nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size:15px;


}


.nav li {
    /*display: inline;*/
    float:right;
    border: solid;
    border-bottom-width: 0;
    border-width: 1px 1px 0 1px;
    margin: 0 0 -1px 0;
    border-radius: 5px 5px 0 0;
    padding: 5px 0 0;
background-color:grey;
}


.nav li a {
    padding: 0 10px;
    color:#fff;
}

#selected {padding-bottom: 1px; }



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



.page-info{
	clear:both;
	height:29px;
	color:#fff;
	font-size:16px;
	/*font-weight:bold;
	font-family:'Oswald';*/
	padding-left:10px;
	padding-top:6px;
	background-color:grey;
	text-align:left;
	/*border-top:1px #F0F0F0 solid;*/	
}


.left50,.right50,.left70,.right30,.left1,.left2,.right1,.right2,.content{padding:10px;border-right:1px groove grey;}

.left1,.left50{float:left;width:50%;}
.right1,.right50{float:right;width:50%;}

.left2,.left70{float:left;width:70%;}
.right2,.right30{float:right;width:30%;
}

.img25{float:left;margin:0px 10px 10px 0px;border:1px solid grey;width:25%;box-shadow: 3px 3px 2px #888888;}
.img35{float:left;margin:0px 10px 10px 0px;border:1px solid grey;width:35%;box-shadow: 3px 3px 2px #888888;}

.img100{width:100%;margin-bottom:10px;border:1px solid grey;box-shadow: 3px 3px 2px #888888;}

.footer{
background-color:grey;
font-size:13px;
text-align:center;
height:30px;
color:#fff;
padding-top:5px;
}

.footer a{color:#fff;}
.footer a:hover{color:red;}

.image_resize{height:95%;width:95%;}  
.image_resize:hover{width:75%;height:75%;z-index:100;position:fixed;top:12%;left:12%;border:solid grey 1px;}


.results{
	padding:10px;
	line-height:20px;
	border: 1px solid #cccccc;
	background: #E1E6EA;
	font-size: 12px;
	font-family: Arial;
}

.results div{background: #E1E6EA;}
.results .img{padding-top:10px;}
.results img{border:1px solid grey;box-shadow: 3px 3px 2px #888888;}
.results span,.c4{font-size:11px;font-style: italic;}


@media screen and (max-width: 960px) {
    .main{width:100%}
	
}

@media screen and (max-width: 600px) {
	.header{	
		height:160px;	
		margin:0 auto;
		background-image: url("/2020/images/ndoa_banner_small.jpg");
		background-position: center center; 
		/*background-size: 100% 100%;*/
		background-repeat: no-repeat, repeat;
	}
	.left1,.left2,.left50,.left70{width:100%;}
    .right1,.right2,.right50,.right30{float:left;width:100%}
    .page-info{font-size:12px;}
    .nav {display:none;}
    .hamburger{display:inline-block;}
     img{max-width:99%;}
}


/* chrome */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
	.nav{height:24px;}
	
} 

/* IE10+ */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.nav{height:24px;}
	/*div{color:red;}*/
}

/* microsoft edge hack */
@supports (-ms-accelerator:true) { 
	.nav{height:24px;}
	/*div{color:red;}*/
} 

.box {
	padding:0px;
	margin:0px;
	line-height:18px;
	border: 1px solid #cccccc;
	background: #E1E6EA;
	font-size: 12px;
	font-family: Arial;
	}
.box_header{
	background: #d8d8d8;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #003366;
	font-weight:bold;
	line-height:22px;
	}	
	
.box a:hover {background-color: #FE1B14;color: #fff;}
.box strong {color:#000033;font-size: 13px;}
.box td{padding-left:5px;padding-right:5px;white-space:nowrap;}