.rs-slideshow {
	border: 12px solid #444;
	height: 430px;
	margin: 24px auto;
	overflow: hidden;
	position: relative;
	width: 430px;
	}

.rs-slideshow .slideshow-container {
	background-color: #444;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	}
	
.rs-slideshow .slide-container img {
	position: absolute;
	}
	
.rs-slideshow .slides {
	display: none;
	}


.body {
	font-family			: Arial, Helvetica, sans-serif;
	<!-- font-size: 14px; -->
	font-style			: normal;
	line-height			: normal;
	font-weight			: normal;
	font-variant		: normal;
	text-align			: left;
	padding-left		: 14px;
	padding-right		: 14px;
	text-decoration	: none;
	color					: #000000;
	white-space			: normal;
	text-align			: justify; 


}

.body a {
	font-family: Arial, Helvetica, sans-serif;
	<!-- font-size: 14px; -->
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: underline;
	color: #000000;
}

.body a:hover {
	font-weight: bold;
	color: #0000FF;

}


.li_a {
	font-family			: Arial, Helvetica, sans-serif;
	font-style			: normal;
	font-weight			: normal;
	font-variant		: normal;
	font-size			: 14px;
	list-style-type: 	circle;
	line-height: 		150%;
	text-decoration: 	none;
}

.li_a a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-style			: normal;
	font-weight			: normal;
	font-variant		: normal;
	<!-- font-size			: 14px; -->
	list-style-type: 	circle;
	line-height: 		150%;
	text-decoration: 	none;
}

.li_b a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-style			: normal;
	font-weight			: normal;
	font-variant			: normal;
	
	color				: red;
	list-style-type: 	circle;
	line-height: 		150%;
	text-decoration: 	none;
}

.li_a a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-style			: normal;
	font-variant		: normal;
	<!-- font-size			: 14px; -->
	list-style-type: 	circle;
	line-height: 		150%;
	text-decoration: 	none;
	font-weight: 		bolder;
}

.li_a a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-style			: normal;
	font-weight			: normal;
	font-variant		: normal;
	<!-- font-size			: 14px; -->
	list-style-type	: circle;
	line-height			: 150%;
	text-decoration	: none;
}


.li_b {
	font-family			: Arial, Helvetica, sans-serif;
	font-style			: normal;
	font-weight			: normal;
	font-variant		: normal;
	font-size			: 14px;
	list-style-type: 	circle;
	line-height: 		150%;
	text-decoration: 	none;
	color				: red;
}

.li_b a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-style			: normal;
	font-weight			: normal;
	font-variant			: normal;
	
	list-style-type: 	circle;
	line-height: 		150%;
	text-decoration: 	none;
}

.li_b a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-style			: normal;
	font-variant		: normal;
	<!-- font-size			: 14px; -->
	list-style-type: 	circle;
	line-height: 		150%;
	text-decoration: 	none;
	font-weight: 		bolder;
}

.li_b a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-style			: normal;
	font-weight			: normal;
	font-variant		: normal;
	<!-- font-size			: 14px; -->
	list-style-type	: circle;
	line-height			: 150%;
	text-decoration	: none;
}



.topheader {
	text-align: center;
	font-size:2vw; 
	color: #c98900;  
	font-family: 'Asset', Arial, Helvetica, serif;	
	font-variant: small-caps; 
	position: relative;

	}
	
	
.mainwindow {
	width: 90%;
	height: 100%;
	background-image: none;
	background-repeat: repeat;
	background-position: center;
	background-color: #EEEEEE;



}
.head1sidebar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	color: #330066;
	background-color: #C8D4F8;
	background-repeat: repeat;
	text-indent: 18pt;
	text-decoration: none;
	line-height: 24px;
}

.linksidebar a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #999966;
	background-color: #C8D4F8;
	text-decoration: none;
	line-height: 120%;
	font-variant: normal;
	text-transform: none;
	list-style-image: url(Sub_pg_bul.gif);
	list-style-position: outside;
	list-style-type: square;
	text-align: left;
	background-repeat: repeat;
}

.Subhead1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 120%;
	font-weight: bold;
	font-variant: normal;
	color: #330066;
	padding: 0px 0px 0px 12px;
}

.head2sidebar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	background-repeat: repeat;
	text-indent: 18pt;
	text-decoration: none;
	line-height: normal;
	color: #330066;
}

.linksidebar a:hover {
	color: #330066;
	text-decoration: none;
}

.subside a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	line-height: 120%;
	font-variant: normal;
	text-transform: none;
	list-style-image: url(Sub_pg_bul.gif);
	list-style-position: outside;
	list-style-type: square;
	text-align: left;
	background-repeat: repeat;
}

.subside a:hover {
	color: #330066;
	text-decoration: none;
}

.bodyindent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: justify;
	padding-left: 18px;
	text-decoration: none;
}

.result a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #999966;
	text-decoration: none;
	line-height: 120%;
	font-variant: normal;
	text-transform: none;
	list-style-image: url(Sub_pg_bul.gif);
	list-style-position: outside;
	list-style-type: square;
	text-align: left;
	background-repeat: repeat;
}

.result a:hover {
	color: #330066;
	text-decoration: none;
}

.skip a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #999966;
	text-decoration: none;
	line-height: 120%;
	font-variant: normal;
	text-transform: none;
	list-style-image: url(Sub_pg_bul.gif);
	list-style-position: outside;
	list-style-type: square;
	text-align: left;
	background-repeat: repeat;
}

.skip a:hover {
	color: #330066;
	text-decoration: none;
}

.tbl {
	width: 950px;
	height: 100%;
	vertical-align: middle;
	scrollbar-arrow-color:#CCCCCC;
	scrollbar-track-color:#CCCCCC;
	scrollbar-shadow-color:#CCCCCC;
	scrollbar-face-color:#336666;
	scrollbar-highlight-color:#000000;
	scrollbar-darkshadow-color:#336666;
	scrollbar-3dlight-color:#336666;
	}

body {
	scrollbar-arrow-color:#CCCCCC;
	scrollbar-track-color:#CCCCCC;
	scrollbar-shadow-color:#999999;
	scrollbar-face-color:#336666;
	scrollbar-highlight-color:#CCCCCC;
	scrollbar-darkshadow-color:#336666;
	scrollbar-3dlight-color:#EEEEEE;
	color: #000000;

 }

.credit1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 120%;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	padding: 0px 12px;
	text-align: justify;

}

.credit2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	background-repeat: repeat;
	text-indent: 18pt;
	text-decoration: none;
	line-height: normal;
	color: #330066;
}

.credit1 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 120%;
	font-weight: bold;
	font-variant: normal;
	color: #330066;
	padding: 0px 0px 0px 6px;
}

.credit1 a:hover{
	color: #999966;
}

.nav1 {
	text-decoration 	: none;
	font-family 		: Asset, Arial, Helvetica, sans-serif;
	font-size 			: 9pt;
	font-style 			: normal;
	font-weight 		: normal;
	text-align			: center;
	height 				: 98%;
	width 				: 98%;
	color 				: #000000;
	line-height 		: 125%;
	border-bottom 		: 2px solid #333333;
	border-right 		: 2px solid #333333;
	border-top 			: 2px solid #CCCCCC;
	border-left 		: 2px solid #CCCCCC;
	background-color	: #dddddd;
	margin				: 5px;
	align-items			: center;

			
		}

.nav1 a {
	text-decoration 	: none;
	font-family 		: Asset, Arial, Helvetica, sans-serif;
	font-size 			: 9pt;
	font-style 			: normal;
	font-weight 		: normal;
	background-repeat : no-repeat;
	height 				: 98%;
	width 				: 98%;
	line-height			: 125%;
	border-top 			: #CCEEFF;
	border-left 		: #CCEEFF;
	border-bottom 		: #660033;
	border-right 		: #660033;
	color					: #000000;
	margin				: 5px;
	padding-left		: 10%;
	padding-right		: 10%; 
	

		}



.nav1 a:hover {
	background-color : #666666;
	text-decoration : none;
	font-size : 9pt;
	color : #000000;
	width : 100%;
	border-bottom 	: 2px solid #CCEEFF;
	border-right 	: 2px solid #CCEEFF;
	border-top 		: 2px solid #660033;
	border-left 	: 2px solid #660033;
	height: 98%;
	margin: 5px;
	line-height : 125%;

		}
		
		
	.newBase {
		/*	background-color: #000000; */  
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12pt;
			text-align: justify;
			font-weight : normal;
    		text-justify: inter-word;
    		color : #c98900;
    		vertical-align: top;
    		opacity: 0.98;
			
		}
		
		.newBase a {
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12pt;
		text-align: justify;
		font-weight : bold;
		text-decoration : inherit;
    	text-justify: inter-word;
    	color : #c98900;
    	vertical-align: top;
    	opacity: 0.98;
		
		}
		
		.newBase img {
		align-items: center;
		float: right;
		margin-bottom: :50px;
		}
		
		.img {
	 z-index: 5;    
    opacity: 1.0;
    filter: alpha(opacity=50); /* For IE8 and earlier */
	}
		
		
body, html {
    height: 100%;
}
.animated {
	text-align: center;
	-webkit-animation-duration: 5s;
	animation-direction: 5s;
	-webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   -moz-animation: fadein 5s; /* Firefox < 16 */
        -ms-animation: fadein 5s; /* Internet Explorer */
         -o-animation: fadein 5s; /* Opera < 12.1 */
            animation: fadein 5s;
}

@-webkit-keyframes fadeIn {
            0% {opacity: 0;}
            100% {opacity: 1;}
         }

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}         
         
         
@keyframes fadeIn {
            0% {opacity: 0;}
            100% {opacity: 1;}
         }
         
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
         }



.bg { 
    /* The image used */
    background-image: url("https://www.nobetterbedandbreakfast.com/_images/20180519_NoBetterBedBreakfast_DSC6132-2_1920w.jpg");

    /* Full height */
    height: 100%; 

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1.0;
    z-index: 1;
    margin: 4px;
    margin-right: 8px;
    margin-left: 8px;
   
}

		
		
.calendar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	padding-left: 4px;
	padding-right: 5px;
	text-decoration: none;
	color: #000000;
	vertical-align: top;
}

.calendar a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	padding-left: 4px;
	padding-right: 5px;
	text-decoration: none;
	color: #000099;
	vertical-align: top;
}
.calendar a:hover {
	font-weight: normal;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;


}
.calendar a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	padding-left: 4px;
	padding-right: 5px;
	text-decoration: none;
	color: #000099;
	vertical-align: top;

}
.lrg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color: #336666;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-align: center;
	text-decoration: none;
}

.aac {
background: url(../_images/bcgrRepeatStrip40.jpg) repeat-x #f4efcf;
font: 75%/1.6em "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
margin: 0;
padding: 0;
color: #1f140a;
}
.survey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: right;
	padding-left: 14px;
	padding-right: 14px;
	text-decoration: none;
	color: #000000;
	white-space: normal;
	letter-spacing: normal;
	word-spacing: normal;

}
.survey2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: left;
	padding-left: 14px;
	padding-right: 14px;
	text-decoration: none;
	color: #000000;
	white-space: normal;
	letter-spacing: normal;
	word-spacing: normal;
	background-position: left;

}
.faq {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: justify;
	padding-left: 14px;
	padding-right: 14px;
	text-decoration: none;
	color: #000000;
	white-space: normal;
}
.photocaptain {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	line-height: 10px;
	font-weight: normal;
	font-variant: normal;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	color: #00CCFF;
	white-space: normal;
}




/*Cookie Consent Begin*/
#cookieConsent {
    background-color: rgba(20,20,20,0.8);
    min-height: 26px;
    font-size: 14px;
    color: #ccc;
    line-height: 26px;
    padding: 8px 0 8px 30px;
    font-family: "Trebuchet MS",Helvetica,sans-serif;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 9999;
}
#cookieConsent a {
    color: #4B8EE7;
    text-decoration: none;
}
#closeCookieConsent {
    float: right;
    display: inline-block;
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin: -15px 0 0 0;
    font-weight: bold;
}
#closeCookieConsent:hover {
    color: #FFF;
}
#cookieConsent a.cookieConsentOK {
    background-color: #F1D600;
    color: #000;
    display: inline-block;
    border-radius: 5px;
    padding: 0 20px;
    cursor: pointer;
    float: right;
    margin: 0 60px 0 10px;
}
#cookieConsent a.cookieConsentOK:hover {
    background-color: #E0C91F;
}
/*Cookie Consent End*/

#alert-subject {
    display: block;
    margin: 0;
    padding: 0;
    background: #a00;
    border: 4px solid transparent;
    color: #fff;
    text-align: center;
    text-decoration: none;
    line-height: 30px;
    font-weight: bold;
}
a {
    color: #4E6EB1;
    position: relative;
}
*, *::before, *::after {
    font: inherit;
    box-sizing: inherit;
    color: inherit;
}


.mobile-container {
#	max-width:			800px;
	margin:				auto;
	background-color:	#FFFFF0;
	height: 				auto;
	color:				#02066f;
	border-radius:		3px;
}

.topnav {
	overflow:			hidden;
	background-color:	#F2F2F2;
	position:			relative;
}

.topnav #myLinks {
	display:			none;
}

.topnav a {
	color:				#02066f;
	padding:				8px 10px;
	text-decoration:	none;
	font-size:			17px;
	display:				block;
}

.topnav a.icon 	{
	background:			F2F2F2;
	display:				block;
	position:			absolute;
	right:				0;
	top:					0;
}

.topnav a:hover {
	background-color:	##F2F2F2;
	color:				black;
}

.active {
	background-color:	##F2F2F2;
	color:				#02066f;
}


.5G0_body {
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 10px;
	font-style			: normal;
	line-height			: 200%;
	font-weight			: normal;
	font-variant		: normal;
	padding-left		: 12px;
	padding-right		: 12px;
	text-decoration	: none;
<!--	color					: #000000;	-->
	white-space			: normal;
	text-align			: justify; 


}

.5G0_body a {
	font-family: Arial, Helvetica, sans-serif;
	<!-- font-size: 14px; -->
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: underline;
	color: #000000;
}

.5G0_body a:hover {
	font-weight: bold;
	color: #0000FF;

}