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

body {
	font-family:sans-serif;
	background-color:#F0F5F8;
}
#outerbanner *, #hbrgcontainer * {
    box-sizing: border-box;
	font-family:sans-serif;
}
#top-banner-2017, #sitenavmenu {
	font-family:sans-serif;
}
/* banner-spacer moves the start of the page below the masthead banner. it should have the same height as #outerbanner */
#banner-spacer {
	 height:240px; 
}
#outerbanner {
	width:100%;
	min-width:1240px;
	 height:240px; 
	 background-color:transparent;
	 position:absolute;
	 top:0;
	 left:0;
	 margin-bottom:0px;
	 z-index:2999;
/*	 border-bottom:1px solid #F0F0F0;*/
}
#masthead-background-color {
	width:100%;
	background-color:#121b22; 
	height:180px;
	margin-bottom:10px;
}
#masthead-2017-container {
	z-index:3001;
	width:99%; 
	min-width:1240px; 
	margin-left:auto;
	margin-right:auto;
	height:180px;
	margin-bottom:10px;
}

#banner-nav-container-2017 {
  	width:1240px;
  	margin: auto;
	position:relative;
	top:0;
}
#banner-container-2017 {
	width:1240;
	margin: auto;
}
#banner-2017 {
	margin:0;
	float:left;
	width:960px; 
	height:190px; 
	margin-left:100px;
}


#banner-text-2017 {
	width:400px;
	float:left;
	margin-left:30px;
	margin-top:50px;
}


#banner {
	width:450px;
	margin:0;
	height:85px;
	float:left;
}
#banner-container {
	width:1240;
	margin: auto;
}


.boxlink {
	cursor:pointer;
}
#home-drop-down-menu {
	clear:both;
	width: 100%;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	margin-top:0px;
}
.donatemenu {
	width:80px;
	float:left;
	margin-left:40px;
	margin-top:20px;
}
#guideto {
	position:absolute;
	top:10px;
	right:10px;
	width:90px;
	z-index:3005;
}
#guideto p {
	font-size:1.1em;
}
#searchlink {
	position:absolute;
	top:110px;
	right:20px;
	z-index:3005;
}
#searchlink p {
	padding:5px 10px;
	background-color:#E1E1E1;
	font-size:1.3em;
}
#searchlink p a:link {
	color:black;
}
#searchlink p a:visited {
	color:black;
}
#searchlink p a:hover {
	color:black;
}
#searchlink p a:active {
	color:black;
}
.dropmenu {
	position:relative;
	width:14%;
	margin-right:.5%;
	height:32px;
	background-color:#243A4B;
	display:inline-block;
	vertical-align:bottom;
}
.dropmenushort {
	width:7%;
}
.dropmenushares {
	width:8%;
}
.dropmenucontact {
	width:8%;
}
.dropmenurcp {
	width:20%;
}
.dropmenuwycd {
	width:15%;
}
.dropmenuhome {
	width:6%;
}
.dropmenudonate {
	margin-left:1%;
}
.dropmenu p {
	padding:0 0 0 5%;
	margin:0;
	font-size:1em;
	color:white;
}
.dropmenucontent a:link {
	color:black;
	text-decoration:none;
}
.dropmenucontent a:visited {
	color:black;
	text-decoration:none;
}
.dropmenucontent a:hover {
	color:black;
	text-decoration:underline;
}
.dropmenucontent a:active {
	color:black;
	text-decoration:underline;
}


.dropmenucontent {
    display: none;
	width:100%;
	top:32px;
    position: absolute;
    background-color: #f9f9f9;
	border:1px solid black;
	padding:0 2%;
    z-index: 3001;
}
.dropmenu:hover .dropmenucontent {
    display: block;
}
ul.droplist {
	list-style:none;
	padding:0;
	margin:5px;
}
ul.droplist li {
/*	border-top:1px solid black;*/
	margin:0;
	padding:5px 2%;
	font-size:.9em;
}
ul.droplist li:first-child {
	border: none;
	padding:0 2% 5px;
}



/* below are hamburger menu styles */
#banner-left-cover {
	width:100px;
	height:150px;
	position:absolute;
	z-index:3003;
	top:0;
	left:0;
}
#hbrgcontainer {
	width: 30px;
	height:100px;
	position:absolute;
/*	left:5px;*/
	left:0;
	top:120px;
	z-index: 3010;
	-webkit-transition: height .25s;
	transition: height .25s;
}
#hbrg-icon {
	z-index: 3004;
	margin-top:20px;
	margin-left: 20px;
	cursor: pointer;
}
#hbrg-icon-art {
	width:30px;
}
#hbrg-icon-art {
	width:30px;
}
#hbrgsection {
	margin-top:0px;
	float:left;
}
#hbrg-menu {
	width: 400px;
	position: absolute;
	left: 0px;
	top:0px;
/*	top:-115px;*/
	background-color: white;
	z-index: 3011;
	display: none;
	border:1px solid #D7DCE0;
}
#hbrglist a {
	text-decoration: none;
	color: black;
}
#hbrglist .hbrgitem1 {
	margin: 0;
	width: 100%;
	border-top:1px solid #D7DCE0;
}
#hbrglist .hbrgitem1 p {
	font-family:sans-serif;
	margin:0;
	padding: 10px 5%;
	color:#00577B;
	font-weight:600;
}
#hbrglist .hbrgitem1 p.hbrgptitle:hover {
	background-color: #D7DCE0;
	cursor:pointer;
}
#hbrglist .hbrgitem1a p {
	font-family:sans-serif;
	margin:0;
	padding: 10px 5%;
}
#hbrgonsite, #hbrgcloseicon {
	margin:0;
	padding: 10px 5%;
}
.hbrgitem2 .hbrgitem2title {
/*	padding: 10px 5%;
	color:#00577B;*/
}
.hbrgitem2 .hbrgitem2titlea {
/*	border-bottom: 1px solid #D7DCE0;
	padding: 10px 5%;
	color:#00577B;*/
}
.hbrgitem2 .hbrgitem2titlea:hover {
	background-color: transparent;
}
.hbrgitem2 {
	display:none;
	margin:0;
	width: 95%;
	margin-left:5%;
}
#hbrglist .hbrgitem1 .hbrgitem2 p {
	font-family:sans-serif;
	font-weight:300;
	color:black;
	font-size:1em;
	width: 100%;
	margin: 0;
	padding:4px 5%;
}
.hbrgitem2 a {
	text-decoration: none;
	color: black;
}
.hbrgitem2 p:hover {
	background-color: #D7DCE0;
}
#hbrg02 {
	display: none;
}
#hbrg12 {
	display: none;
}
#hbrg22 {
	display: none;
}
#hbrg32 {
	display: none;
}
#hbrg42 {
	display: none;
}
#hbrgF2 {
	display: none;
}
#sectionicon {
	float:left;
	width:30px;
}
#sectioniconmobile {
	display:none;
}
.hbrgarrowright {
	display:none;
	float:right;
}
.hbrgarrowright:hover {
	background-color: #D7DCE0;
}
/* home and guide lines */

#homeguide {
	display: block;
	width:200px;
	position: absolute;
	left:1px;
	top:120px;
}
#homeguide p {
	font-family:sans-serif;
	margin-left: 20px;
	font-size: 1.1em;
	margin-top: 0px;
}

#languagebutton {
	display:none;
}
#languagebuttonhome {
	display:none;
}

/* right hand navigation */

#bannernavright {
	width: 180px;
	height:100px;
	position: absolute;
	right:30px;
	top:10px;
	z-index: 3000;
}
#bannernavright p {
	font-family:sans-serif;
	font-size: 1.1em;
	margin:0;
	margin-top: 10px;
}
#esplinksolo {
	width: 100px;
	height:10px;
	position: absolute;
	left:1px;
	margin-left: 20px;
	top:100px;
	z-index: 3000;
	display: none;
}
.navsearch {
	 border:1px solid black; padding:5px 8px 5px 5px; background-color:white; color:black;
}
.navsearch:hover {
	text-decoration: underline;
}
#sectionwords {
	color:white; font-size:1em; padding-top:3px;
	display:none;
}
#hbrgcloseicon {
	float:right;
	display:none;
	background-color:#D7DCE0;
	padding: 10px 2%;
}
.hbrgindctr {
	display: inline-block;
	float:right;
}
.rotatecaret {
	/* Safari */
	-webkit-transform: rotate(180deg);
	/* Firefox */
	-moz-transform: rotate(180deg);
	/* IE */
	-ms-transform: rotate(180deg);
	/* Opera */
	-o-transform: rotate(180deg);
}

/* end hamburger styles */

@media only screen and (max-device-width: 900px) {

/*@media only screen and (max-width: 1230px) {*/
	#banner-2017 {
		margin-left:70px;
	}
	#banner-spacer {
	 	height:280px; 
	}
	#outerbanner {
	 	height:280px; 
		width:1240px;
	}
	#guideto {
		width:130px;
	}
	#guideto p {
		font-size:1.5em;
	}
	#searchlink {
		right:35px;
	}
	#searchlink p {
		padding:5px 10px;
		font-size:1.5em;
	}

	/* below are hamburger styles for mobile */
	#home-drop-down-menu {
		display:none;
	}
	#hbrgcontainer {
		max-width:1240px;
		width:100px;
		top:190px;
/*		left:0;*/
		font-size:3em;
	}
	#hbrgcontainer * {
		font-size:50px;
	}
	#hbrg-menu {
		width:1240px;
		position:absolute;
		top:0px;
		left:0;
		border-bottom:10px solid #D7DCE0;
	}
	#sectionicon {
		display:none;
	}
	#sectioniconmobile {
		width:80px;
		margin-left:2%;
		display:block;
	}
	#hbrglist {
		padding-bottom:20px;
	}
	#hbrglist .hbrgitem1 {
		padding-top:30px;
		margin-top:20px;
	}
	#hbrglist .hbrgitem1 p.hbrgptitle {
		margin-bottom:10px;
	}
	#hbrglist .hbrgitem1 .hbrgitem2 p {
		padding:15px 5%;
	}
	#hbrgcloseicon {
		display:block;
	}
	#languagebutton {
		display:block;
		position:absolute;
		top:210px;
		right:25px;
		z-index: 3015;
		background-color:#243A4B;
		padding:10px 2%;
		color:white;
		margin:0;
		font-size:40px;
	}

}