@charset "utf-8";
/* CSS Document */


body,h1,h2,h3,h4,h5,h6 {
	font-family: "Roboto", "Lato", sans-serif;
}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}
p{font-size:14px}

body, html {
  height: 100%;
  color: #4D4D4D;
  line-height: 1.8;
}
	
hr{border:0;border-top:1px solid #eee;margin:20px 0}


a{background-color:transparent;
	color:#666666;
}
a:active,a:hover{outline-width:0; color: #000000;}

.NavBar {
	text-decoration: none;
	font-size: 20px;
	color: #666666;
  	white-space: nowrap;
	padding: 5px;
	text-align: center;
	
}
.NavBar:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: cornflowerblue;	
	}
	
.JHC {font-size: 28px;
	font-weight: bold;
	white-space:nowrap;
	text-align: center;
	margin-right: 100px;
}

.logobox {
 content:url("images/DAR_logo.jpg");
	width: 300px;
	display: inline-block; margin-right: 10px;
	vertical-align: middle;
	text-align: left;
	float: left;
	}


/* Create a Parallax Effect */
.my-div-img {
	background-attachment: scroll;
  /* background-attachment: fixed; /* this is the effect for scrolling PAST it. It stays static */
  background-position: center;
  background-repeat: no-repeat;
	background-size: 100%;
 /* background-size: contain; /* use this if you want it to always show the full photo */
  /*background-size: cover; - use this if you want it to strech full width */
}

/* Turn off parallax scrolling for tablets and phones */
/* Disabled this 
@media only screen and (max-device-width: 1600px) {
  .my-div-img {
    background-attachment: scroll;
  }
} */


.bodmargins {margin-left: 5%; margin-right: 5%;}

.footer-text { background-color: darkslategray; color: antiquewhite;}


/*pulled these from w3.css */
a{background-color:transparent}a:active,a:hover{outline-width:0}

/* rewritten from w3.css */
.jh-margin-bottom{margin-bottom:10px!important; vertical-align: top}

.w3-opacity,.w3-hover-opacity:hover{opacity:0.60}
.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1}
.w3-opacity-max{opacity:0.25}
.w3-opacity-mid{opacity:0.5}
.w3-opacity-min{opacity:0.85}