body  {
color: #000000;
background-color: #F8F5ED;
margin: 0;
padding: 0;
font-family: Tahoma, Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
}

a:link { 
  font-weight: normal; 
  text-decoration: none; 
  color: #974025;
}

a:visited { 
  font-weight: normal; 
  text-decoration: none; 
  color: #B4772E;
}

a:hover, a:active { 
  text-decoration: underline; 
  color: #555522;
}

p {
font-family: arial,sans-serif,helvetica,verdana;
line-height: 1.3em;
text-align: left;
}

li {
font-family: arial,sans-serif,helvetica,verdana;
line-height: 1.3em;
text-align: left;
}

#footer {
	background-color: #DEB887;
	font-size: 0.9em;
	text-align: center;
	padding: 0.3em;
}

#topbarheight, #footerheight { 	/* give the header/footer some height! */
	clear: both;
}

.rght {
	float: right;
	font-size: 0.8em;
}

.irght {
	float: right;
	padding-top: 2em;
	padding-bottom: 2em;
	padding-left: 2em;
}

.ilft {
	float: left;
	padding-top: 2em;
	padding-bottom: 2em;
	padding-right: 2em;
}

#imgbar {
	width: 100%;
	text-align: center;
}

#fbc {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

html > body #topbar {
	left: 50%;
	background-color: #F8F5ED;
	padding-top: 1em;
	padding-bottom: 0.5em;
}

html > body #container {
	position: absolute;
	left: 50%;
	margin-top: calc(13em - 5vw);
}

div#scrll {
	overflow: auto;
}

div#cont {
	background-color: #F5DEB3;
	padding: 0.3em 2em 0.5em 2em;
}

h1, h2 {
	font-size: 1.0em;
	text-align: left;
}

h2.notice {
	font-size:1.1em;
	text-align: center;
	color: #006400;
	background-color: #F8F5ED;
}

p.graphic {
	text-align: center;
	margin-block-start: 0;
	margin-block-end: 0;
}

.responsive {
	max-width: 100%;
	height: auto;
}

.cntr {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.tcntr {
	text-align: center;
}

.pb {
	line-height: 1.4em;
	margin-block-start: 0;
	margin-block-end: 0;
	background-color: #F5DEB3;
}

table.prices {
	margin-left: auto;
	margin-right: auto;
}

a.rrhdr:link { font-weight: bold;}
a.rrhdr:visited { font-weight: bold;}
a.rrhdr:hover, a.rrhdr:active { text-decoration: underline; font-weight: bold;}
a.rrhdr { padding-left: 1em; padding-right: 1em;}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	#container {
		margin-left: -48%;
		margin-right: 2%;
		width: calc( 100% - 4% );
	}
	#topbar {
		position: absolute;
		z-index: 100;
		margin-left: -48%;
		margin-right: 2%;
	}
} 

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	#container {
		margin-left: -48%;
		margin-right: 2%;
		width: calc( 100% - 4% );
	}
	#topbar {
		position: absolute;
		z-index: 100;
		margin-left: -48%;
		margin-right: 2%;
	}
} 

/* Medium devices (landscape tablets, 980px and up) */
@media only screen and (min-width: 980px) {
	#container {
		margin-left: -40%;
		margin-right: 10%;
		width: calc( 100% - 20% );
	}
	#topbar {
		position: fixed;
		z-index: 100;
		margin-left: -40%;
		margin-right: 10%;
	}
} 

/* Large devices (laptops/desktops, 992px and up) */
/*@media only screen and (min-width: 992px) {
	#container {
		margin-left: 15%;
		margin-right: 15%;
	}
	#topbar {
		margin-left: -35%;
		margin-right: 15%;
	}
} */

/* Extra large devices (large laptops and desktops, 1300px and up) */
@media only screen and (min-width: 1300px) {
	#container {
		margin-left: -30%;
		margin-right: 20%;
		width: calc( 100% - 40% );
	}
	#topbar {
		position: fixed;
		z-index: 100;
		margin-left: -30%;
		margin-right: 20%;
	}
}