body{
        font-family: 'Open Sans', sans-serif;
        font-size:16px;
        /* font-family: 'Open Sans Condensed', sans-serif;         */
    } 
    .responsive{
            width: 100%;
            height: auto;}
        a img:hover{opacity: .7}
    .menu > li > a {
        padding: .2em !important;
        margin: .3em !important
    }
    .menu > li.more-pad > a {
        padding-right: .8em !important;
    }
    .hoverimage:hover {
        opacity: .8;
        filter: alpha(opacity=80); /* For IE8 and earlier */
    }
    .wrapper-outer-grey {
        background-color:rgba(230,230,230,.70);
        width:100%;
        padding:0;
        margin:20px 0;
    }
    #wrapperNav{
        background-image: url("img/bk-nav.gif");
        background-repeat: repeat-x;
        background-color:#F7F8FA;
    /*    border-bottom:1px solid #C5C4C4;*/
    /*    height: 48px;*/
    }
    #topRow{
        margin-top: 20px;
        margin-bottom:20px;
    }
    #header-rightColumn{
        text-align: center;
        font-size:.9rem;
        color:#323232;
    }
/*
    ul li.navHighlight a{
        background:#008AB6 !important;
        background:#2CA1AF !important;
        border-radius: 10px;
        line-height: 2rem !important;
        margin-top:6px;
        color:white;
        margin-left:40px;
        text-align: center;
    }
*/
    ul li.navHighlight a:hover{
        background:#0D4B5F !important;
    }

/* new for payment buttons in top nav */
.top-bar-section li:not(.has-form) a:not(.button) {
	padding: 0 1rem;
}
ul li.navHighlight{
	padding: 0 10px;
}
ul li.navHighlight a{
	/* background: #008AB6 !important; */
	background: #2CA1AF !important;
	border-radius: 10px;
	line-height: 1rem !important;
	margin: 6px 15px 0 15px;
	color: white;
	text-align: center;
	padding:10px 20px !important;
	
}
	
/* new for payment buttons in top nav */
	
    sup{color:#1F1F1F;font-size:.9rem;}
    .hoverimage:hover {
        opacity: .8;
        filter: alpha(opacity=80); /* For IE8 and earlier */
    }

    .widePic{
        margin-bottom: 20px;
    }
    .widePic img{
        border-radius:8px;
    }
    #wrapper-outer-footer{
        margin:20px 0;
        background:#0F260A;
        width:100%;
    }
    #footer{
        color:#E4E2E2;
        padding:20px 0 30px 0;
         text-align: center;
    }
    .footer-header {
        font-size: 1.3em;
        font-style: italic;
        font-weight: bold;
        margin-bottom: 6px;
        text-align: center;
    }    
    a{
        color:blue;
        text-decoration: underline;
    }
    button, .button{
        border-radius: 10px; 
        margin:0;
    }
    #SBD{
        text-align: right;
        font-size: .6rem;
        padding-top:5px;
        color:rgba(206,230,255,1.00)    
    }
    #rightsideProceeds{
        border:1px solid #C5C5C5;
        font-size:.9rem;
        background:#BFDBE7;
        border-radius: 7px;
        text-align: center;
        padding: 15px;
        margin:10px;
    }
    #wrapperRightside{
        background: #E9E8E8;
        border-radius: 7px;
    }
    #otherContentRow{
        border:1px solid #A7A7A7;
        border-radius: 7px;
        background: white;
        padding:15px;
        /* height: 600px; */
    }
    .otherMainTitle{
        background:#B8C8B5;
        padding:10px 35px;
        border-radius: 7px;
        margin-right:40px;
        font-size:2.2rem;
        font-weight:bold;
        font-family: 'Open Sans Condensed', sans-serif;
    }
    .otherRightPic{
        text-align: center;padding: 10px 0;
    }
    .otherRightPic img{
    border-radius: 7px;
    }
    #leftContent{
        padding:15px 40px 40px 50px;
    }
     
    #SBD a{color:rgba(206,230,255,1.00) }
    
/*gallery links on right side of all gallery pages    */
    #galleries ul{
        list-style: none;
/*        margin: 10px 15px 15px 15px;*/
        margin:0;
        padding: 0;
        display: inline-block;
        *display: inline;
        zoom: 1        
    }
    #galleries ul#leftGallery{
        margin: 3px 0 15px 5%;
        width:44%;
    }
    #galleries ul#rightGallery{
        margin: 3px 5% 15px 0;
        width:44%;
        vertical-align: top;
    }
    #galleries ul li{
        border-top: 1px solid rgba(175,175,175,1.00); 

        background: url(img/lhs-submenu-list.png) no-repeat 8px 13px;
/*        background: white;*/
    }
    #galleries ul li:hover{
       background-color:rgba(242,248,240,1.00);
    }
    #galleries ul li.menu-last{
        border-bottom: 1px solid rgba(175,175,175,1.00);   
    }
    #galleries H3{
        font-size:1.4em;
        margin-bottom:10px;
        margin-top:20px;
        margin-left:15px;
    }
    #galleries ul li a{
        text-decoration: none;
        color:#444;
        display:block;
        padding:6px 15px 6px 25px;        
    }
    #galleries ul li a:hover{
        text-decoration: underline;
        color:blue;
     }    
/* end of tavern styles */
 	.flexBox {
		display: flex;
		justify-content: space-around;
		flex-direction: row;
	}
	.flexBox div {
		padding: 10px 0;
	}
	.flexBox div a {
		/* background: #008AB6 !important; */
		background: #2CA1AF !important;
		border-radius: 10px;
		line-height: 1rem !important;
		margin: 6px 15px 0 15px;
		color: white;
		text-align: center;
/*		padding:10px 25px !important;*/
		padding:10px 45px !important;

	}
   
@media only screen and (min-width: 40.0625em){
    .top-bar-section li:not(.has-form) a:not(.button):hover {
        background-color: #666;
        background: #666;
    }
}    
    
@media screen and (max-width: 39.9375em) {
    #bk-forMobile{display: block;}
    #bk-forMobile img{
        width:100%;
        height:auto;
    }
    #topRow > div{
        text-align:center;
    }
    #topRow > div:nth-child(2){
        margin-top:20px;
    }
    #header-rightColumn{
         padding-top:15px;
    }
    #header-rightColumn {
         padding-top:15px;
    }
    #header-rightColumn  br {
        content: ' '
    }
    #header-rightColumn  br:after {
        content: ' - '
    }
    ul li.navHighlight a{
        margin:auto;
        width:70%;
        padding:8px;
        font-size:1rem;
    }
    #leftContent{
        padding:15px 20px 20px 20px;
    }
    .otherMainTitle{
        padding:10px 35px;
        margin-right:0;
        font-size:2.2rem;
            margin-top: 12px;
/*            margin-bottom: -17px;        */
    } 
    #registrationWrapper{margin-left: 0;}
    
    #mobileOnly {text-align: center;font-weight:bold;}
    #mobileOnly img{display:block;padding:3px;margin:20px 0 0 0}
        
}

@media only screen and (min-width: 40.0625em){
    .top-bar-section li:not(.has-form) a:not(.button):hover {
        background-color: #666;
        background: #666;
    }
}    
    
@media screen and (max-width: 39.9375em) {
    #bk-forMobile{display: block;}
    #bk-forMobile img{
        width:100%;
        height:auto;
    }
    #topRow > div{
        text-align:center;
    }
    #topRow > div:nth-child(2){
        margin-top:20px;
    }
    #header-rightColumn{
         padding-top:15px;
    }
    #header-rightColumn {
         padding-top:15px;
    }
    #header-rightColumn  br {
        content: ' '
    }
    #header-rightColumn  br:after {
        content: ' - '
    }
    ul li.navHighlight a{
        margin:auto;
        width:70%;
        padding:8px;
        font-size:1rem;
    }
    #leftContent{
        padding:15px 20px 20px 20px;
    }
    .otherMainTitle{
        padding:10px 35px;
        margin-right:0;
        font-size:2.2rem;
            margin-top: 12px;
/*            margin-bottom: -17px;        */
    } 
    #registrationWrapper{margin-left: 0;}
    
    #mobileOnly {text-align: center;font-weight:bold;}
    #mobileOnly img{display:block;padding:3px;margin:20px 0 0 0}
        
}

     @media screen and (max-width: 1000px) {
		ul li.navHighlight a {
			/* background: #008AB6 !important; */
			margin: 6px 5px 0 5px;
			color: white;
			text-align: center;
			padding:10px 16px !important;
		}
	 
    }
    @media screen and (max-width: 900px) {   /* hide text on home page when screen gets too small. */
		ul li.navHighlight{
			padding: 0 5px;
		}
	
		ul li.navHighlight a {
			/* background: #008AB6 !important; */
			margin: 6px 5px 0 5px;
			color: white;
			text-align: center;
			padding:10px 6px !important;

		}
        
    }