@charset "UTF-8";
		#container {
	width: 100%;
	}
		#page-main {
	width: 98%;
	-moz-box-shadow: 0 0 20px black;
	-webkit-box-shadow: 0 0 20px black;
	box-shadow: 0 0 20px black;
	background-color: rgba(255,255,255,.7);
	margin-top: 5px;
	border: 1px solid rgba(0,153,0,1);
	border-radius:10px;
	background-image: url(../B&B_photos/white-thin.gif);
	background-repeat: repeat;
	clear: both;
	}
	#fullpage {
	width: 95%;
	align: center
	padding: 20px;
	-moz-box-shadow: 0 0 20px black;
	-webkit-box-shadow: 0 0 20px black;
	box-shadow: 0 0 20px black;
	background-color: rgba(255,255,255,.7);
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	border: 1px solid rgba(0,153,0,1);
	border-radius:10px;
	background-image: url(../B&B_photos/white-thin.gif);
	background-repeat: repeat;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}
	#page-right {
	width: 90%;
	color: #FFF;
	padding: 5px;
	-moz-box-shadow: 0 0 20px black;
	-webkit-box-shadow: 0 0 20px black;
	box-shadow: 0 0 20px black;
	background-color: rgba(00,66,99,.7);
	border: 1px solid rgba(0,153,0,1);
	border-radius:10px;
	background-image: url(../B&B_photos/blue.gif);
	clear: both;
}
	h1{
	color: #036;
	font-family: "Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	font-size: .8 em;
	line-height: .87 em;
}
h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .8 em;
	color: #036;
	line-height: 1.2em;
	text-align: center;
}
h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: .6 em;
	color: #FC9;
	line-height: 1.2em;
	font-weight: normal;
	text-align: center;
}
.space {
	margin-bottom: 10px;
	margin-top: 18px;
}
.blue {
	color: #009;

}
a.blue:link {color: #009; font-weight: bold;}
a.blue:active {color: #009; font-weight: bold;}
a.blue:visited {
	color: #333333;
	font-weight: bold;
}
a.blue:hover {
	color: #CC6600;
	font-weight: bold;
}


.brown {
	color: #C60;
}
li {
	font-family: Verdana, Geneva, sans-serif;
	font-size: .8em;
	color: #003;
	text-indent: 2px;
	line-height: 1.2em;
	margin-left: 5px;
}
	#footer {
	bottom:0;
	width:100%;
	height:auto;			/* Height of the footer */
	background:#000;
	padding:8px 0 0 8px;
	clear: both;
	line-height: 1.5em;
	}
	#footer p {
	margin:0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: .7em;
	line-height: 1.9;
	color: #FFC;
	text-align: center;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	}
		p {
	margin: 0 0 30px 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	line-height: 1.4;
	color: #000;
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
.link top {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #FC6;
	padding: 0px;
	line-height: 16px;
	letter-spacing: 0.08em;
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 15px;
	margin-left: 5px;
}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #FFFFCC;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #FFCC00;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}
.sidebar1 {
	float: right;
	width: 245px;
	background: #006699;
	color: #FFF;
}
.column-left {
	width: auto;
	overflow: visible;
	text-align: left;
	padding: 0px;
}
.photo {
	padding-top: 0px;
	padding-right: 18px;
	padding-bottom: 2px;
	padding-left: 0px;
}
.center {
	align: center;
	color: #FFF;
	text-align: center;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
li {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	color: #003;
	line-height: 1.2em;
}