/* 
brown-black: #363530

yellow: #CDBD65
brown: #364C63
orange: #CB7856
lt.brown: #957B5A
red: #C56A55
gray-yellow: #BBAE82
blue-black: #354B60
med.brown: #6E5F3E
*/

html {width: 100%;
height: 100%;}

body {
	/*width: 100%;*/
	background: #363530;
	color: #000000;
	font-size: 100%;
	line-height: 125%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
#container {
	max-width: 800px;
	background-color: #FFF;
}
#logo {
	max-width: 700px;
	background-color: #363530;
}
#estore {
	padding-right: 50px;
	padding-left: 50px;
}
a:link, a:visited {
	color: #D99B1A;
	text-decoration: none;
	}
a:hover {
	color: #D99B1A;
	text-decoration: underline;
}
img {
	max-width:100%; 
	max-height:100%;
}
p	{
	color: #363530;
	font-size: 85%;
	line-height: 170%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top: 8px;
	margin-right: 60px;
	margin-bottom: 4px;
	margin-left: 60px;
	text-align: left;
	}
.maincenter {
	text-align: center;
}
.maincenter a:link, .maincenter a:visited {
	color: #D99B1A;
	text-decoration: none;
}
.maincenter a:hover {
	color: #D99B1A;
	text-decoration: underline;
}
blockquote {
	text-align: left;
	font-size: 0.9em;
	margin-top: 1.5em;
	margin-right: 10%;
	margin-bottom: 1.5em;
	margin-left: 10%;
	padding: 0.6em;
	/*quotes: "\201C""\201D""\2018""\2019";*/
    quotes: "\201C""\201D";
	/*background-color: #F4E1C6;*/
	/*background-color: #F4F3C6;*/
	/*background-color: #FAF6E1;*/
	background-color:#F8E4BE;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #363530;
	font-family: Georgia, "Times New Roman", Times, serif;
}
blockquote:before {
  color: #363530;
  content: open-quote;
  font-size: 3em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

#nav {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 85%;
	line-height: 160%;
	color: #FFF;
	background-color: #363530;
	padding: 5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	line-height: 18px;
	text-align: center;
	max-width: 690px;
	/*margin: 0px;*/
	margin-top: 2px;
	margin-bottom: 2px;
}
#nav a:link, #nav a:visited {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
#nav a:hover {
	color: #ECBD5E;
	text-decoration: none;
	font-weight: bold;
}
#navbot {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 75%;
	line-height: 140%;
	color: #FFF;
	padding: 2px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	text-align: center;
}
#navbot a:link, #navbot a:visited {
	color: #FFF;
	text-decoration: none;
}
#navbot a:hover {
	color: #CDBD65;
	text-decoration: none;
}

/* Responsive two-column layout for contact page */
.contact .row {
	width: 75%;
}
.contact .row .col-1 {
	width: 49%;
	float: left;
}
.contact .row .col-2 {
	width: 49%;
	float: left;
}

.event {
	color: #000000;
	font-size: 11px;
	line-height: 15px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}

.event a:link {
	color: #CDBD65;
	text-decoration:underline;
	}

.event a:visited {
	color: #CDBD65;
	text-decoration:underline;
	}

.event a:hover {
	color: #CDBD65;
	text-decoration:none;
	}

h1	{
	font-size: 125%;
	line-height: 145%;
	color: #363530;
	text-align:center;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-left: 60px;
	margin-right: 60px;
	}

h2	{
	font-size: 105%;
	line-height: 140%;
	color: #363530;
	text-align:center;
	font-weight:bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: italic;
	margin-left: 60px;
	margin-right: 60px;
	padding-top: 10px;
	}

h3	{
	font-size: 95%;
	line-height: 130%;
	color: #363530;
	text-align: left;
	font-weight: bold;
	font-style: italic;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 8px 60px 4px 60px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #363530;
	}

H4	{
	font-size: 95%;
	line-height: 130%;
	color: #363530;
	text-align: left;
	font-style: italic;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 8px 60px 4px 60px;
	}

H5	{
	font-size: 100%;
	line-height: 120%;
	color: #fff;
	text-align:center;
	font-weight:bold;
	font-style:normal;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}

H6	{
	font-size:16px;
	background: #363530;
	color: #FFFFFF;
	text-align:left;
	font-weight:bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 5px;
	}

.logobanner { border-top: 1px solid #fff;
			border-bottom: 1px solid #fff;
			border-left: 1px solid #fff;
			border-right: 1px solid #fff;
			color: #fff;
			font-size: 12px;
			line-height: 15px;
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			}

.credittext  {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #ECBD5E;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
	text-align: center;
	padding: 5px;
}
.credittext a:link, .credittext a:visited {
	color: #ECBD5E;
	text-decoration: underline;
	font-weight:normal;
}
.credittext a:hover {
	color: #E7AA2E;
	text-decoration: underline;
	font-weight:normal;
}
.contact  {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #363530;
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
	text-align: center;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
}
.contact a:link, .contact a:visited {
	color: #363530;
	text-decoration: underline;
}
.contact a:hover {
	color: #ECBD5E;
	text-decoration: none;
}

.gallery {
	padding-top: 0em;
	padding-left: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	border: 0px solid #363530;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
}

.gallery a:link {
  padding-top: 0em;
  padding-left: 0em;
  padding-right: 0em;
  padding-bottom: 0em;
  border: 0px solid #363530;
}

.gallery a:hover {
  padding-top: 0em;
  padding-left: 0em;
  padding-right: 0em;
  padding-bottom: 0em;
  border: 0px solid #CDBD65;
}

.gallery a:visited {
  padding-top: 0em;
  padding-left: 0em;
  padding-right: 0em;
  padding-bottom: 0em;
  border: 0px solid #CDBD65;
}
	
/* NAVIGATION BAR  */

div.navbar
	{	padding: 0.2em 0.5em 0.2em 0.5em;
	color: #fff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
    text-decoration: none;
	}
	
.navbarnolink
	{	padding: 0.2em 0.5em 0.2em 0.5em;
	color: #fff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
    text-decoration: none;
	font-weight: bold;
	}

.fancytext  {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 140%;
	font-weight: bold;
	color: #933D13;
	text-align: center;
}

.tinytext  {
  			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  			font-size: 9px;
			line-height: 12px;
			text-align: left;}
			
.smalltext  {
  			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  			font-size: 11px;
			line-height: 12px;
			text-align: center;}

.whiteborder { border-top: 1px solid #fff;
			border-bottom: 1px solid #fff;
			border-left: 1px solid #fff;
			border-right: 1px solid #fff;
			}

.lowernav  {
  			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			color: #CDBD65;
  			font-size: 11px;
			line-height: 12px;
			text-align: center;
			text-decoration: none;
}
.lowernav a:link {
			color: #CDBD65;
			text-decoration: none;
}
.lowernav a:visited {
			color: #CDBD65;
			text-decoration: none;
}
.lowernav a:hover {
			color: #CDBD65;
			font-weight: normal;
			text-decoration: underline;
}
.picleft {
  padding-top: 8px;
  padding-left: 0px;
  padding-right: 8px;
  padding-bottom: 8px;
}
.picright {
  padding-top: 8px;
  padding-left: 8px;
  padding-right: 0px;
  padding-bottom: 8px;
}
.cottage  {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #5A2E2E;
	background-color: #CDBD65;
	line-height: 13px;
	text-align: center;
	padding: 5px;
	margin: 0px;
}
.cottage a:link, .cottage a:visited  {
	color: #5A2E2E;
	font-weight: bold;
	text-decoration: underline;
}
.cottage a:hover  {
	color: #FFF;
	font-weight: bold;
	text-decoration: underline;
}
.main {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #000000;
	text-align: left;
}
.mainsmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #000000;
	text-align: left;
	/*padding: 0px 10px 5px;*/
	margin-top: 4px;
	margin-right: 60px;
	margin-bottom: 4px;
	margin-left: 60px;
}
.mainsmall a:link, .mainsmall a:visited {
	color: #363530;
	text-decoration: underline;
}
.mainsmall a:hover {
	color: #363530;
	text-decoration: underline;
}
.hilite  {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 160%;
	color: #FFFFFF;
	background-color: #363530;
	text-align: center;
	padding: 8px;
	margin-right: 60px;
	margin-left: 60px;
}
.hilite a:link, .hilite a:visited  {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}
.hilite a:hover  {
	color: #FFF;
	font-weight: bold;
	text-decoration: underline;
}
.hilite2  {
	text-align: left;
	font-size: 0.9em;
	margin-top: 1.5em;
	margin-right: 10%;
	margin-bottom: 1.5em;
	margin-left: 10%;
	padding: 0.6em;
	background-color:#F8E4BE;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #363530;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.hilite2 a:link, .hilite2 a:visited  {
	color: #000;
	text-decoration: underline;
}
.hilite2 a:hover  {
	color: #000;
	text-decoration: underline;
}
.links  {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 140%;
	color: #FFFFFF;
	background-color: #363530;
	line-height: 18px;
	text-align: center;
	padding: 8px;
	/*margin-right: 60px;
	margin-left: 60px;*/
	margin-right: 7%;
	margin-left: 7%;
}
.links a:link, .links a:visited  {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
.links a:hover  {
	font-weight: bold;
	color: #ECBD5E;
	text-decoration: none;
}
.emailborder {
	background-color: #FFF;
	color: #000;
	border: thin solid #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	padding: 0px;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 30px;
}
/*.ulmain {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	line-height: 22px;
	color: #000;
	text-align: justify;
	margin-right: 25px;
	margin-left: 50px;
	margin-top: 5px;
}*/
ul {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 85%;
	line-height: 150%;
	color: #000;
	text-align: justify;
	margin-right: 25px;
	margin-left: 50px;
	margin-top: 5px;
}

.button  {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 95%;
	line-height: 150%;
	text-align: center;
	font-weight: bold;
	background-color: #363530;
	color: #FFFFFF;
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 6px;
	padding-left: 8px;
	margin-top: 5px;
	-moz-box-shadow:inset 0px 1px 0px 0px #363530;
	-webkit-box-shadow:inset 0px 1px 0px 0px #363530;
	box-shadow:inset 0px 1px 0px 0px #363530;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #363530), color-stop(1, #363530) );
	background:-moz-linear-gradient( center top, #363530 5%, #363530 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#363530', endColorstr='#363530');
	background-color:#363530;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-topleft:8px;
	border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-topright:8px;
	border-top-right-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-border-radius-bottomright:8px;
	border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-moz-border-radius-bottomleft:8px;
	border-bottom-left-radius:8px;
}
.button a:link, .button a:visited  {
	color: #FFFFFF;
	text-decoration: none;
}
.button a:hover  {
	color: #ECBD5E;
	text-decoration: none;
}

.brownbox {
	background-color: #363530;
	padding: 10px;
	max-width: 350px;
}
#slides, #slides img {
	max-width: 700px;
}

.twocols {
	width: 92%;
	float: left;
	padding: 2%;
	max-height: 400px;
	/*background-color: #363530;*/
	margin: 2%;
}
.twocols .leftcol {
	width: 49%;
	float: left;
}
.twocols .rightcol {
	width: 49%;
	float: left;
}


/* Now let's get responsive!! */
.xwideonly {
	display: inline;
}
.wideonly {
	display: inline;
}
.mobileonly, .mobileinline {
	display: none;
}
@media screen and (max-width: 700px) {
.buttons a:link, .buttons a:visited {
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
	margin-top: 5%;
	margin-bottom: 5%;
}
.xwideonly {
	display: none;
}
.wideonly {
	display: inline;
}
.mobileonly, .mobileinline {
	display: none;
}
p, h3, h4, .mainsmall {
	margin-left: 5%;
	margin-right: 5%;
}
.twocols .leftcol {
	width: 100%;
	float: none;
}
.twocols .rightcol {
	width: 100%;
	float: none;
}
#estore {
	padding-right: 5%;
	padding-left: 5%;
}
ul {
	margin-left: 25px;
}
}
@media screen and (max-width: 400px) {
.buttons a:link, .buttons a:visited {
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
	margin-top: 5%;
	margin-bottom: 5%;
}
.mobileonly {
	display: block;
}
.mobileinline {
	display: inline;
}
.xwideonly {
	display: none;
}
.wideonly {
	display: none;
}
p, h3, h4, .mainsmall {
	margin-left: 5%;
	margin-right: 5%;
}
.twocols .leftcol {
	width: 100%;
	float: none;
}
.twocols .rightcol {
	width: 100%;
	float: none;
}
#estore {
	padding-right: 5%;
	padding-left: 5%;
}
ul {
	margin-left: 10px;
}
}