<style type="text/css">
html {height: 100%;}
body {width:auto; height:100%; background-color:#b8a766;font-size:100%;font-family: Arial, Helvetica, sans-serif;}
p {text-indent: 3px;line-height: 1.5; font-family: Arial, Helvetica, sans-serif; color:#000;}
h1 {text-align: left; font-family: Courier New; font-size:3.5em; color: #b8a766; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
h2 {text-align: left; color:#A0522D;}
h3 {text-align: left; color:#b8a766;}
a:link {color: #A0522D;}
a:visited, a:hover, a:active {color: #A0522D;}
ol {list-style-type: decimal;}
ol ol {list-style-type: lower-alpha;}
ol ol ol {list-style-type: upper-roman;}
blockquote{padding:2%; font-family: Georgia, Times, "Times New Roman", serif; font-style:italic; border: 1px solid #ccc; border-left:5px solid #ccc; background-color: #FFF8DC; margin:1%;}
blockquote footer {float:right; padding:1em;font-size:.8em;}
img {max-width: 100%;}
audio {display: block; max-width: 180px; }
figure {margin: 2px;}
#container{max-width:851px; height:100%; margin-left:auto; margin-right:auto; padding:0px; background: #FFF8DC url("") repeat;}
#banner{max-width:851px; overflow:hidden; margin-left:0; margin-right:0; padding:0px; background:#38290a;}
@media (max-width: 600px) {#banner .img {max-width: 100%;}}
#nav{}
menu{margin:0px; max-width:851px; border-top:0px solid #697ecb; border-bottom:0px solid #831100; margin-left:auto; margin-right:auto; 
background-color:#A0522D; text-align:justify; text-justify:inter-word;padding:0;}
menu ul {list-style-type: none;margin: 0;padding: 0;overflow: hidden;background-color: #A0522D;}
menu li {float:left; display:inline; vertical-align:middle; font-size:1em; color:#fff;}
#nav menu li a {display:block; font-size:0.85em; color:#fff; text-align:center; padding:8px; text-decoration:none;}
#nav menu li a:active {background-color:#FFE4B5;color:#A0522D;}
#nav menu li a:hover {background-color:#FFE4B5;color:#A0522D;}
menu select {display: none; background-color:#A0522D; color:#FFE4B5;}
#nav menu select a:hover {display: none; background-color:#A0522D; color:#FFE4B5;}
#sub-nav{background-color: #FFE4B5; padding:4px;padding-left:8px;}
ul.social-icons {display: block; margin: 3 auto; text-align: center;}
ul.social-icons li {display: inline-block;margin-right:3px;}
@media (max-width: 600px) {menu ul { display: none; } menu select { display: inline-block; width:100%; } }
.announcement {background-color: #FFF8DC; width: 98%; height: auto; border: 1px solid black;}
.announcement h3 {color: #ffffff; background-color: #2a4e57; text-align: center; margin: 0px; padding: 0px;}
#cc-homepage-announcements {height: auto; overflow-x: hidden; overflow-y: auto; padding: 6px; text-align: left;}
#content{max-width:850px; margin-left:auto; margin-right:auto; padding:3%; background-color:#FFF; text-align:justify; text-justify:inter-word;}
input {display: none;}
label {position: relative; text-align:left;display: block;padding: 8px 22px;margin: 0 0 1px 0;cursor: pointer;background: #b8a766;border-radius: 3px;color: #342f18;transition: ease .5s;}
label:hover {background: #9d8c48;color:#fff;}
.acc-content {background: transparent!important;padding: 10px 25px;border: 1px solid #A7A7A7;margin: 0 0 1px 0;border-radius: 3px;}
input + label + .acc-content {display: none;}
input:checked + label + .acc-content {display: block;}
label::after {content: '+';font-size: 22px;font-weight: bold;position: absolute;right: 10px;top: 2px;}
input:checked + label::after {content: '-';right: 14px;top: 3px;}
.quotes {position: relative; border-radius: 25px; border: 1px solid #ccc; font-family: serif; text-align: left; background-color: #FFF8DC; color: #333; font-size: 0.9em; font-style: italic; padding: 20px; margin-bottom:20px; min-height: 30px;}
.quotes footer {padding-top:10px;font-family: sans-serif; font-size: 0.6em; font-weight: 700; color: #666; float: right; margin-bottom: 15px;}
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.horizontal_lower { width: 290px; height: 100px; }
@media(min-width: 470px) {.horizontal_lower { width: 468px; height: 60px; } }
@media(min-width: 790px) { .horizontal_lower { width: 728px; height: 90px; } }
#footer{position:relative; bottom:0; left:auto; right:auto; max-width:851px; height:48px; width:100%; background-color:#A0522D; color:#fff; padding-top:6px; text-align:center;}
#footer a {color:#FFE4B5;}
#footer a:hover {color:#FFE4B5;}
</style>