html { position: relative; min-height: 100%; }
body { margin-bottom: 155px; background: #1a1915; }
a:hover { text-decoration: none }
#article a:hover img { opacity: .8 }
hr { border-color: #888; border-width: 3px; }
h5 { font-weight: 700 }
address { margin: 10px 0 10px 30px }
.spaced li { margin: 1em 0 }
.tac { font-weight: bold; font-style: italic; }

.pagination {width: 100%;  border-top: 2px solid #fff; margin: 20px 0 0; padding: 20px 0 0;  font-weight: bold;}
.pagination ul {list-style: none;  margin: 0; padding: 0;}
.pagination li {display: inline-block;}
.pagination a, .pagination span {display: block; padding: 5px 10px}

/* HEADER */
#header { position: relative; height: 120px; border-radius: 10px 10px 0 0; background: url("../images/header.png") repeat-x; }
#header h1 { margin: 20px 0 0; text-indent: -9999px; }
#logo { float: left; height: 115px; width: 100%; background: url("../images/tac-wordmark.png") 115px 25px no-repeat; }
#logo a { display: block; width: 680px; }
#logo img { margin: 15px }
#tagline { position: relative; top: -30px; white-space: nowrap; clear: left; padding-left: 15px; line-height: 35px; height: 35px; font-style: italic; color: #fff; font-size: 15px; margin-left: 115px; border-radius: 10px 0 0 0; background: #33322b; background: -webkit-linear-gradient(top,  #33322b 0%,#69655a 100%); background: linear-gradient(to bottom,  #33322b 0%,#69655a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33322b', endColorstr='#69655a',GradientType=0 ); }
.translateThis { float: right; margin-right: 10px; margin-top: 10px; }
#hsub5 .jmoddiv.jmodinside { position: static }
#hsub5 form { position: absolute; top: 85px; right: 0; line-height: 28px; z-index: 10; font-size: 12px; }
#hsub5 label { text-align: center; width: 88px; height: 35px; padding-right: 8px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fff; }
#hsub5 label:hover { background: rgba(255,255,255,.10) }
#hsub5 label:after { position: relative; top: 4px; left: 7px; font-size: 18px; font-weight: 400; font-family: "glyphicons halflings"; content: "\e003"; }
#hsub5 #mod-search-searchword105 { box-shadow: 0 0 6px #222; visibility: hidden; position: absolute; top: 4px; right: 93px; color: #000; border: 0; border-radius: 5px; outline: 0; width: 0; margin: 0; padding: 0 40px 0 6px; height: 28px !important; }
#hsub5 button { display: none; position: absolute; top: 4px; right: 92px; padding: 0 10px; border: 0; border-radius: 0 5px 5px 0; font-size: 11px; text-transform: uppercase; height: 28px; line-height: 28px; font-weight: 700; }
#hsub5 .visible #mod-search-searchword105 { visibility: visible; width: 290px; -webkit-transition: width 0.3s; transition: width 0.3s; -webkit-backface-visibility: hidden; }
#hsub5 .visible button { display: block }
#hsub5 .visible label { color: #bebbb3; }
#hsub5 .visible label:hover { background: rgba(255,255,255,.05); }
/* NAV */
#nav, #nav * { border-radius: 0; margin: 0; padding: 0; }
#nav { border: 0; background: #454545; height: 34px; min-height: 30px; margin: 5px 0; padding: 0 0 0 33px; font-size: 12px; }
#nav a { background: #454545; padding: 0 25px; color: #eee; line-height: 34px; }
#nav a:hover, #nav a:focus, #navbar > ul > .open > a, #nav li:hover > a { background: #555; color: #fff; }
#navbar > ul > li.current  { color: #eee; cursor: default; }
#navbar > ul > li > a{ border: solid #aaa; border-width: 0 1px; margin-right: -1px; }
#navbar > ul > li.open > a { padding-bottom: 3px; }
#navbar > ul > li:hover > a.dropdown-toggle, #navbar > ul > li:focus > a.dropdown-toggle { padding-bottom: 3px;}
#navbar > ul > li:hover, #navbar > ul > li:focus { z-index: 1000 }
#nav li ul { min-width: 120px; box-shadow: 2px 2px 4px -2px #000; border: 0; border-left: 1px solid #aaa; margin-left: 0; }
#nav li li a { padding: 1px 25px }
#nav li li { position: relative; font-size: 12px; }
#nav li li ul { z-index: 1000; top: 0; left: 100%; margin: 0; box-shadow: 2px 0 4px-2px #000; }
#nav .caret { margin-left: 5px }
#nav li li .caret { border-left: 4px solid #fff; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 0; }
#nav img { margin: -3px 0 0 4px }
/* green donate */
#navbar > ul > li:last-child a { background: #254C25 }
#navbar > ul > li:last-child a:hover { background: #366036 }
/* CONTENT */
#hsub4 { color: #fff; float: left; height: 20px; width: 525px; margin-top: 15px; margin-left: 70px; font-style: italic; }
#hsub6 { clear: left; color: #CCC; height: 35px; padding-left: 20px; }
#article { background: url("../images/papyrus.gif"); padding: 40px; }
#backdrop { padding: 20px; border: 3px solid #fff; background: rgb(247,231,206); background: rgba(255,255,255,0.6); }
p { overflow-wrap: break-word; }
/* FOOTER */
#footer { background: #454545; color: #bbb; padding: 15px; position: absolute; bottom: 0; width: 100%; height: 135px; }
#footer .container { position: relative }
#footer a { color: #bbb; text-decoration: underline; }
#footer a:hover { text-decoration: none }
#socialicons { margin-top: 15px }
#socialicons a { display: inline-block; outline: 0; width: 36px; height: 36px; margin: 0 0 0 3px; background-image: url("../images/social-icons.png"); text-indent: -9999px; }
#icon-rss { background-position: -36px 0 }
#icon-fb { background-position: -72px 0 }
#icon-twitter { background-position: -108px 0 }
#icon-pinterest { background-position: -144px 0 }
#icon-linkedin { background-position: -180px 0 }
#icon-youtube:hover { background-position: 0 100% }
#icon-rss:hover { background-position: -36px 100% }
#icon-fb:hover { background-position: -72px 100% }
#icon-twitter:hover { background-position: -108px 100% }
#icon-pinterest:hover { background-position: -144px 100% }
#icon-linkedin:hover { background-position: -180px 100% }
/* Captcha Styles */
#recaptcha_area input { height: auto; }
#recaptcha_area a { font-weight: normal; }
/* RESPONSIVE STYLES */
@media (min-width: 768px) {
    #nav li:hover li ul { display: none }
    #nav li:hover ul, #nav li li:hover ul { display: block }
    #nav li li .caret { position: absolute; right: 16px; top: 14px;}
    #nav li ul { box-shadow: 2px 2px 4px -2px #000; }
    #nav li li ul { box-shadow: 2px 0 4px-2px #000; }
}
/* bigger screens */
@media (max-width: 991px) {
    #nav { padding: 0 0 0 17px }
    #nav a { padding: 0 16px }
    .container { width: auto; max-width: 930px; }
}
/* medium screens */
@media (max-width: 767px) {
    .container { padding: 0 }
    #header { margin-top: -20px; border-radius: 0; background-position: 0 -8px; }
    #logo { background-position: 115px -60px }
    #logo a { width: 490px }
    #tagline { font-size: 13px }
    #nav { height: auto; padding: 0; }
    #navbar { overflow: hidden; border: 0; }
    #nav #navbar a,  #nav #navbar ul { border: 0; margin: 0; box-shadow: none;}
    #nav a { padding: 0 0 0 14px; height: 40px; line-height: 40px; }
    #nav li li a { padding-left: 40px }
    #nav li li .caret { border-top: 4px solid #fff; border-right: 4px solid transparent; border-left: 4px solid transparent; border-bottom: 0; }
    #nav li li ul { position: static }
    #nav li li li { border: 0 }
    #nav li li li a { padding-left: 66px }
    #nav .navbar-toggle { float: left; margin: 0; border: 0; border-radius: 0; padding: 0 10px; height: 34px; }
    #nav .navbar-toggle:hover { background: #555 }
    #nav .navbar-toggle:focus { background: #454545 }
    #nav .icon-bar { margin: 4px; padding: 2px 0 0; background: #eee; }
    #nav .menutitle { float: left; color: #fff; margin: -3px 5px 0 35px; height: 25px; font-weight: bold; line-height: 30px; }
    #hsub5 form { top: 127px; background: none; }
    #hsub5 label { height: 34px; line-height: 22px; }
    #hsub5 #mod-search-searchword105, #hsub5 button { top: 1px }
    #article { padding: 10px }
  	#responsiveTitles h2 (font-size:4vw;)
  #responsiveTitles p (font-size:6vw;)
}
/* tiny screens */
@media (max-width: 550px) {
    #header { height: 75px }
    #header img { margin: 5px }
    #logo { background-position: 100px -140px; height: 75px; }
    #logo img { height: 65px; width: auto; }
    #logo a { height: 75px; width: 320px; }
    #tagline { display: none }
    #hsub5 form { top: 80px }
    #hsub5 .visible #mod-search-searchword105 { width: 225px }
    #footer { font-size: 12px; height: 130px; }
  	#responsiveTitles h2 (font-size:6vw;)
  #responsiveTitles p (font-size:7vw;)
}