@charset "utf-8";
/* CSS Document */

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 21px;
	color: #FFFCD5;
	background-color: #2A2225;
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
}
h1 {
  font-size: 24px;
  line-height: 40px;
  letter-spacing: 3px;
  font-weight: 100;
}

h2 {
  font-size: 14px;
  line-height: 21px;
  font-weight: 300;
  display: block;
  background-color: #fefffa;
  margin: 0;
  cursor: pointer;
}
a img {
	border: none;
}

a:link, a:visited {
	color: #fff;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	color: #ED1C24;
	text-decoration: none;
}

li a:link {
	color: #2a2225;
	text-decoration: underline;
}
li a:visited {
	color: #4e3d22;
	text-decoration: underline;
}

li a:hover, li a:active, ali :focus {
	color: #ED1C24;
	text-decoration: none;
}

blockquote {
}

blockquote.bqHalf {
	margin-left: 18px;
	margin-right: 0;
	padding-right: 0;
}

.gridContainer{
	max-width: 500px;
}

p.leftPad13 {
	padding-left: 1.3em;
}


/* ~~~~~~~~~ Form Formatting ~~~~~~~~~ */

input[type=button], input[type=submit] {
	background-color: #8B7C64;
	color: white;
	border: none;
	cursor: pointer;
	height:44px;
	padding: 1em 3em 1em 3em;
}

/* Search */
#sr_searchbutton {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top:5px;
}
#sr_searchbutton:hover {
  background-color: #F3D28A;
}

#sr_searchbox {
	height: 40px;
	border: 1px solid #ccc;
}



/* ~~~~~~~~~ To make Logo Bigger ~~~~~~~~~ */
/* Mobile Layout 480px and below. */
#menu {
width: 13%;
margin-top: 6px;
}
#logo {
width: 74%;
clear: none;
margin-left: 1.5%;
}
#search {
width: 10%;
clear: none;
margin-left: 1.5%;
margin-top: 11px;
}


/* Tablet Layout 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
}

/* Desktop Layout */
@media only screen and (min-width: 769px) {
}
/* ~~~~~~~~~ End To make Logo Bigger ~~~~~~~~~ */


#headerWrapper {
	position: sticky;
	position: -webkit-sticky; /* Safari */
	top: 0;
	z-index: 3;
}
#headerBackground {
	background-color:rgba(42, 34, 37, 0.93);
	padding-top: 0;
	padding-bottom: 7px;
	
}
@media (max-width: 768px) {
	#headerBackground {
		position: relative;
	}
}
#menu {
}
#logo {
	color: #F3D28A;
	font-size: 24px;
	padding-top: 21px;
}
#logo a:link, #logo a:visited {
	color: #F3D28A;
	text-decoration: none;
}
#logo a:hover, #logo a:active, #logo a:focus {
	text-decoration: none;
}
#logoSlogan {
	color: #F3D28A;
	padding: 7px 0 0 0;
}
#search {
	color:#8B7C64;
	text-align: right;
	padding-top: 15px;
}
#search a:link, #search a:visited {
	color: #8B7C64;
}
#search a:hover, #search a:active, #search a:focus {
	color: #F3D28A;
}
#content {
	padding: 0 0 1em 0;
}
#footerBackground {
	background-color: #888284;
	bottom: 0;
	width: 100%;
}
#footer {
	padding: 1em 0 1em 0;
	width: 100%;
	text-align: center;
}
#footer a:link, #footer a:visited {
	text-decoration: none;
}
#footer a:hover, #footer a:active, #footer a:focus {
	text-decoration: underline;
	color:#fff;
}

.morePageWhiteBox {
	background-color: #fff;
	color:#000;
	padding: 30px 20px 30px 20px;
}
.morePageWhiteBox a:link {
	color: #852525;
	text-decoration: underline;
}
.morePageWhiteBox a:visited {
	color: #1c1c1c;
	text-decoration: underline;
}
.morePageWhiteBox a:hover, .morePageWhiteBox a:active, .morePageWhiteBox a:focus {
	color: #ED1C24;
	text-decoration: none;
}