@charset "UTF-8";
/* Basic tag settings */

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}
body{
  font-family: Helvetica, Arial, sans-serif;
  max-width: 1200px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
img{
  width: 100%;
  float: none;
}
h4{
  font-size: 130%;
  font-weight: bold;
  color: #623600;
  text-shadow: 1px 1px .5px #000000,0 0 1em #ffd700,0 0 0.2em #ffd700;
}
p {
  color: #623600;
  font-style: normal;
  font-size: 95%;
  font-weight: 600;
  text-align: left;
  margin-top: 0px;
}
#mainwrapper{
	background-color: #FFFFFF;
	max-width: 800px;
	min-width: 350px;
	overflow: auto;
	margin-left: 0%;
	margin-right: 0%;
}
#mainwrapper header {
	/*Header Holiday optional*/
	background-image: url(../images/BlueJeansTintBrown.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	overflow: auto;
	font-style: normal;
	font-weight: 400;
}
#mainContent #bannerImage img {
	/* Actual banner image */
	width: 100%;
}
#mainwrapper header #logo {
	/*Company Logo text */
	width: 90%;
	float: center;
	padding-left: 2%;
	padding-top: 12px;
	padding-bottom: 12px;
	color: #929292;
}
#mainwrapper header #TopNav{
	/*Nav bar containing links in header */
	text-align: right;
	padding-top: 0px;
	padding-bottom: 0px;
	overflow: hidden;
	width: 90%;
	float: left;
	color: #ffffff;
}
#mainwrapper header #TopNav a {
	/* Links in header */
	color: #FFF300;
	font-size: 2vw;
	font-weight: 600;
	text-shadow: 3px 2px 4px #000;
	text-decoration: none;
	padding: 0% 1%
}
#mainwrapper header #TopNav a:hover{
  color: #FF8900;
	text-shadow: 3px 2px 4px #000;
	font-weight: 600;
	font-style: italic;	
}
/* Page Heading Container */
#content #TSplash{
	display: block;
	padding:0% 2%;
}
#content #TSplash h3 {
	/*Captions ot Taglines */
	font-family: source-sans-pro, sans-serif;
	font-style: italic;
	font-weight: 400;
	font-size: 110%;
	color: #623600;
	margin-top: 0px;
}
.pageTitlePix{
  float: none;
  display: block;
  margin-top: 10px;
  width: auto
}
/* Styling for Page headings */
.pageTitlePix img{
  width: 50%;
}
.dspMainTab{
	border-collapse: collapse;
}
.dspMainRow{
	border: thin #000000;
}
.dspPage{
	width: 70%;
	padding: 0% 2% 1% 2%;
}
.dspMenu{
	width: 30%;
}
.rowSingle:after{
	content: "";
	display: none;
	clear: both;
}
/* Styling for main headings */
#mainContent h1 {
	color: #623600;
	margin-bottom: 0px;
}
#mainContent h2 {
	color: #623600;	
}
#mainContent h3 {
	/*Captions ot Taglines */
	font-style: italic;
	font-weight: 200;
	font-size: 85%;
	color: #623600;
	margin-top: 2px;
}
.dspControl {
	overflow-x: auto;
}
.contentBkGrd {
  /*Controls the Background & Display of the Content Section*/
  margin-top: 0;
  margin-bottom: .5%;
  background-color: #D7B98F;
  padding: 0% 3% 3% 3%;
  border-bottom: 1px solid #000000;
  border-top: 1px solid #000000;
  /*background-image: url(../images/BkGrdWelcome.jpg);*/
  background-repeat: no-repeat;
  background-attachment: scroll;
}
 .secondInfo {
	/* Second info section */
	display: block;
	background-image:  url(../images/WHBBoots.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: .5%;
	margin-top: 0%;
	padding: 2% 3% 2%
}
.secondInfo p {
  color: #FFFFFF;
  font-size: 95%;
  padding: 0% 3%;
  text-shadow: 1px 1px #000000;
}
.secondInfo em {
	color: #fff300;
}
.secondInfo ul li{
	color: #ffffff;
	list-style-image: url(../images/listCircYellow9px.png);
	list-style-type: disc;
	margin-bottom: 3%;
	font-size: 95%;
	font-weight: 500;
}
.secondInfoAlt {
  /* Second info section */
  display: block;
  background-image: url(../images/WHMagnifyDark.png);
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: .5%;
  margin-top: 0%;
  padding: 2% 3% 2%;
  opacity: 1;
}
.secondInfoAlt p {
  color: #FFFFFF;
  font-size: 95%;
  padding: 0% 3%;
  text-shadow: 1px 1px #000000;
}
.secondInfoAlt em {
	color: #fff300;
}
.secondInfoAlt ul li{
	color: #ffffff;
	list-style-image: url(../images/listCircYellow9px.png);
	list-style-type: disc;
	margin-bottom: 3%;
	font-size: 95%;
	font-weight: 500;
}
#mainwrapper .finalword {
  /* Container for footer artices */
  width: 100%;
  display: inline-block;
  background-image: url("../images/WHBColorBox.png");
  overflow: hidden;
  border-bottom: medium solid #000000;
}
#mainwrapper .finalword article {
	/* Footer articles */
	width: 48%;
	float: left;
	padding-left: 1%;
	padding-right: 1%;
	text-align: left;
	font-style: normal;
	font-weight: 300;
	color: #929292;
}
#mainwrapper .finalword article h3 {
  /* Footer article titles */
  text-align: center;
  font-weight: bold;
  background-color: #FFD700;
  margin: 15px 4px 10px 4px;
  color: saddlebrown;
  text-shadow: 1px 1px #000000;
}
#mainwrapper .finalword article p{
	display: inline-block;
	font-size: 90%;
	padding: 0% 3%;
	color: #ffffff;
	text-align: center;
}
#mainwrapper .finalword article ul {
	margin-left: -2px;
}
#mainwrapper .finalword article ul li {
	margin-left: -4px;
	font-size: 90%;
	color: #ffffff;
}
#footerbar {
	/* Footer bar at the bottom of the page */
	height: 20px;
	clear: both;
	padding-top: 3px;
	font-size: 80%;
	text-align: center;
	color: #fff300;
	background-color: #623600;
	width: 100%;
}
.overLay{
	z-index:-1;
	opacity: 1;
}
.orangelink:link{
	color:orangered;
	font-weight: 700;
	text-shadow: 1px 1px 1px #000;
}
.orangelink:hover{
	color:orangered;
	text-shadow: 1px 1px 1px #000;
	font-weight: 700;
}
.yellowlink:link{
	color:gold;
	font-weight: bold;
	text-shadow: 1px 1px 1px #000;
}
.yellowlink:hover{
	color:gold;
	text-shadow: 1px 1px 1px #000;
	font-weight: 500;
}
.yellowlink:visited{
	color:#fff300;
	font-weight: 500;
}
.yellowlink:active{
	color:#fff300;
	font-weight: 800;
}
.notOnDesktop {
	/*element to be displayed only in mobile view and tablet view */
	display: none;
}
.songlist{
	background-image: url("../images/texas_two_step.jpg");
	background-size: cover;
	background-position:center;
	width: 100%;
	font-size: 100%;
	color:#000000;
}
.songlist tr:nth-child(even) {
	background-color: #bbbbbb;
	opacity: 0.7;
	color: #000000;
	font-weight: bold;
}
.songlist tr:nth-child(odd) {
	background-color: #cccccc;
	opacity: 0.8;
	color: #000000;
	font-weight: 500;
}
.songlist td{
	padding-left: 2%;
}
.listWrap{
  border: #bbbbbb thick solid;
  margin-bottom: 7%;
  display: block;
}
.memberGrid{
  display: block;
  float: none;
  height: 500px;
  margin-top: 1%;
  margin-right: 4%;
  margin-left: 2%;
  padding-bottom: 3%;
  font-size: 100%;
}
.subheading {
	/* Used in WHBGuide, WHBWeddings */
	font-weight: 900;
	font-size: 130%;
	color: #623600;
	text-shadow: 1px 1px 1px #623600,0 0 1em #ffd700,0 0 0.2em #ffd700;
}
.adjustPixLeft{
  float: left;
  margin-top: 0%;
  margin-right: 2%;
  margin-left: 0%;
  margin-bottom: 1.5%;
  width: 40%;
  height: auto;
}
.adjustPixRight{
	float: right;
	margin: 0% 0% 2% 2%;
	width: 40%;
	height: auto;
}
.adjustSmallPixLeft{
  /* For img that pixelate at larger scales */
  float: left;
  margin-top: 0%;
  margin-right: 2%;
  margin-left: 0%;
  margin-bottom: 20%;
  max-width: 25%;
  max-height: auto;
}
.adjustSmallPixRight{
	/* For img that pixelate at larger scales */
	float: right;
	margin: 2% 0% 2% 3%;
	width: 20%;
	height: auto;
}
.adjustMedPixLeft{
  /* For img that pixelate at larger scales */
  float: left;
  margin-top: 0%;
  margin-right: 2%;
  margin-left: 0%;
  margin-bottom: 20%;
  max-width: 45%;
  max-height: auto;
}
.themedList li{
	/* Used in community page */
	color: #623600;
	font-family: source-sans-pro, sans-serif;
	padding: 0% 2% 1% 0%
}
.specialAttention{
	font-style: italic;
  font-weight: bold;
}
.spacer05{
	margin: 5%;
}
.boldIntro{
  font-family: Roboto Condensed;
  font-weight: bold;
  font-size: larger;
  text-shadow: 1px 1px 1px #BF9963;
}
.openMenu{
  font-family: Georgia;
  font-size: smaller;
  color: #FFFFFF;
  float: right;
  margin-top: 0.4%;
  margin-right: 2%;
  font-weight: bold;
  cursor: pointer;
  text-shadow: 1px 1px 1px #000000;
}
.sidenav {
	height: 100%; /* 100% Full-height */
	width: 0; /* 0 width - change this with JavaScript */
	position: fixed; /* Stay in place */
	z-index: 1; /* Stay on top */
	top: 0; /* Stay at the top */
	left: 0;
	background-color: #111; /* Black*/
	overflow-x: hidden; /* Disable horizontal scroll */
	padding-top: 60px; /* Place content 60px from the top */
	transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}
.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}
.sidenav a:hover {
  color: #f1f1f1;
}
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

/* *************************Mobile view***************************** */

@media screen and (max-width:480px) {
#mainwrapper{
	background-color: #FFFFFF;
	max-width: 480px;
	min-width: 350px;
	overflow: auto;
	margin-left: 0%;
	margin-right: 0%;
}
#mainwrapper header #logo {
	/* Company Logo text in header */
	width: 100%;
	margin-left: 0%;
}
#mainwrapper header #TopNav {
	/*navigation links in header */
	text-align: center;
	width: 100%;
}
#mainwrapper header #TopNav a {
	/*navigation link color in header */
	color: #fff300;
	text-shadow: 1px 2px 4px #000;
}
#mainwrapper header #TopNav a:hover {
	/*navigation link color hover in header */
	color: #FF8900;
	text-shadow: 1px 2px 4px #000;
	font-weight: 700;
}
#mainwrapper header #TopNav .MoreLinks{
	display: block;
	margin-left: 3%;
	color: #FFFFFF;
	text-shadow: 1px 2px 4px #000;
	font-size: 2.5vw;
	text-align: right;
}
/* Page Heading Container */
#mainwrapper #content #TSplash{
	padding:0% 2%;
}
/* Styling for Page headings */
#mainwrapper #content #TSplash h1 {
	color: #623600;
	font-size: 150%;
	margin-top: 0px;
	margin-bottom: 0px;
}
#content #TSplash h3 {
	/*Captions ot Taglines */
	/*font-family: source-sans-pro, sans-serif;*/
	font-style: italic;
	font-weight: 300;
	font-size: 100%;
	color: #623600;
	margin-top: 0px;
}	
#mainwrapper #content #sidebar {
	/* Sidebar*/
	float: left;
	width: 96%;
	height: auto;
	padding-top: 2%;
	margin-top: 2%;
	margin-left: 0%;
	margin-bottom: 0%;
}
#mainwrapper #content #sidebar #adimage {
	/* Container for image in sidebar */
	display: inline-block;
	margin-right: 1%;
	padding: 1% 1% 0% 0%;
	width: 49%;
}
#mainwrapper #content #sidebar #magnify p{
	display: block-inline;
	text-align: center;
	color: #ff8900;
	text-shadow: 1px 1px 1px #623600, 0 0 1em #ffd700, 0 0 0.2em #ffd700;
	font-weight: 600;
	font-size: 90%;
}	
#mainwrapper #content #sidebar #SideNav {
	margin-top: 0%;
	margin-left: 7%;		
}
#mainwrapper #content #sidebar #SideNav ul{
	display: inline;
	float: none;
}
#mainwrapper #content #sidebar #SideNav ul li{
	padding-bottom: 3%
}
#mainwrapper #content #sidebar #SideNav ul li a{
	margin-left: 0%;
	text-shadow: 1px 2px 10px #000000;
	color: #FFD700;
	font-style: normal;
	font-weight: 600;
	text-decoration-: none;
}
#mainwrapper #content #sidebar #SideNav ul li a:hover{
	color: #FF8900;
	text-shadow: #000 1px 0 10px;
	font-weight: 600;
	font-style: italic;	
}	
#content .notOnDesktop {
	/* Search box shown only in mobile and tablet view */
	width: 100%;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
}
#mainwrapper .finalword {
	/* Footer region */
	width: 96%;
	padding-left: 2%;
	padding-right: 2%;
}
#mainwrapper .finalword article {
	/*Each footer article */
	width: 96%;
}
#mainwrapper .finalword article h3{
	font-size: 100%;	
}
#mainwrapper .finalword article p {
	font-size: 85%;	
	text-align: center
}
#mainwrapper .finalword article ul {
	margin-left: 0px;
}
#mainwrapper .finalword article ul li{
	font-size: 90%;	
	margin-left: 4%
}
.memberGrid{
	display: block;
	float: none;
  height: 500px;
  margin-top: 1%;
  margin-right: 4%;
  margin-left: 2%;
  padding-bottom: 3%;
  font-size:80%;
}
p{
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 100%;
}
.subheading {
	/* Used in WHBGuide, WHBWeddings */
	font-weight: 900;
	font-size: 150%;
	color: #623600;
	text-shadow: 1px 1px 1px #8C6D47,0 0 1em #ffd700,0 0 0.2em #ffd700;
}
.secondTitlePix {
	min-width: 80%;
}
/* End of Mobile view*/
}

.siteTop {
	display: inline;
	float: left;
	width: 100%;
	height: auto;
}

.topBlock {
  background-image: url("../images/WHBSiteTitle3.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 30px;
  overflow: hidden;
  margin-bottom: 2px;
}

.topTitle {
  font-family: Georgia;
	font-size: smaller;
  float: left;
  text-shadow: 1px 1px 1px #000;
  margin-left: 2%;
  font-weight: bold;
  margin-top: 0.7%;
  color: #FFFFFF;
}

.footScript {
  color: #FFFFFF;
	font-weight: bold;
  text-shadow: 1px 1px #000000;
}
.contentBkGrd {
  /*Controls the Background & Display of the Content Section*/
  margin-top: 0%;
  margin-bottom: .5%;
  background-color: #D7B98F;
  padding: 0% 3% 3% 3%;
  border-bottom: 1px solid #000000;
  border-top: 1px solid #000000;
  /*background-image: url(../images/BkGrdWelcome.jpg);*/
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 4% 0%;
}
.contentDetail {
  text-shadow: 1px 1px 1px #BF9963;
}
.contentDetail ul{
  margin-left: 24%;
  margin-right: 5%;
  float: none;
	color: #623600;
  font-style: normal;
  font-size: 95%;
  font-weight: normal;
  text-align: left;
}
.contentDetail ul li{
  padding-bottom: 0px;
  padding-top: 15px;
  text-shadow: 0px 0px;
}
.secondTitlePix {
  width: 50%;
}

.bannerDate {
  background-image: url("../images/YosemiteCloudBanner.png");
  background-size: cover;
  margin-top: 3px;
	margin-bottom: 3px;
  border-top: thin solid #000000;
	border-bottom: thin solid #000000;
  float: none;
  display: block;
  overflow-x: hidden;
  overflow-y: hidden;
  opacity: 1;
}

.dspDBar {
	margin-right: 20px;
  font-family: Georgia;
  font-size: 25px;
  font-display: auto;
  color: #FFF;
  text-shadow: 2px 2px 1px #000000;
  text-align: right;
}

.contentAltBkGrd {
  margin-top: 0;
	margin-bottom: .5%;
  background-color: #8c6d47;
  padding: 2% 3%;
  border-bottom: 1px solid #000000;
  border-top: 1px solid #000000;
}

.reducePx {
  width: 45%;
}
.contentAltDetail p{
  text-shadow: 1px 1px 0px #000000;
  color: #FFFFFF;
  padding: 0% 3%;
}

.memberDetail p{
  text-shadow: 1px 1px 1px #DFA24E;
}

.memberName {
	font-size: 130%;
  font-weight: bold;
  color: #623600;
  text-shadow: 1px 1px .5px #000000,0 0 1em #ffd700,0 0 0.2em #ffd700;
	display: block;
	float: none;
	margin-bottom:3%;
	padding-top:2%;
	padding-left:27%;
}

.contentBkGrdGray {
  margin-top: .5%;
  margin-bottom: .5%;
  background-color: #806A50;
  padding: 3% 3% 1% 3%;
  border-bottom: 1px solid #000000;
  border-top: 1px solid #000000;
}

.genListForm  li{
  margin: 0% 0%;
  padding: 0%;
  list-style-type: round;
  font-weight: bold;
  text-shadow: 1px 1px 1px #BF9963;
}

.fundList {
  margin: 0% 2% 0% 0%;
}
.fundList ul{
  margin: 0% 2% 0% 0%;
  font-weight: bold;
}
.fundList ul li{
  text-shadow: 1px 1px 1px #BF9963;
}
.adjustSmallerPixLeft {
  float: left;
  margin-top: 0%;
  margin-right: 2%;
  margin-left: 0%;
  margin-bottom: 10%;
  max-width: 20%;
  max-height: auto;
}

.adjustSmallestPixLeft {
  float: left;
  margin-top: 0%;
  margin-right: 2%;
  margin-left: 0%;
  margin-bottom: 10%;
  max-width: 15%;
  max-height: auto;
}

.topFrameRight {
  width: 200px;
  float: right;
}

.covidpx {
  
}