body {
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
background-color: #8FCBF2;
margin: 0;
padding: 0;
color: #000;
margin-top: 1px;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl {
padding: 0;
margin: 0;
}

h1 {
padding-right: 15px;
padding-left: 15px;
color: #6A5ACD;
text-align: center;
margin-bottom: 10px;
margin-top: 20px;
}

h2, h3, h4, h5, h6, p {
padding-right: 15px;
padding-left: 0px;
color: #6A5ACD;
text-align: center;
}

a img {
border: none;
}

/* ~~ Link styling ~~ */
a:link {
color: #7B68EE;
text-decoration: none;
}

a:visited {
color: #6A5ACD;
text-decoration: underline;
}

a:hover, a:active, a:focus {
text-decoration: none;
color: #9932CC;
}

/* ~~ Main container ~~ */
.container {
width: 95%;
max-width: 960px;
background-color: #FFFFFF;
margin: 0 auto;
}

/* ~~ Header ~~ */
header {
background-color: #B0C4DE;
}

/* ~~ Main columns ~~ */
.sidebar1 {
float: left;
width: 170px;
background-color: #6A5ACD;
padding-bottom: 10px;
}

.sidebar2 {
float: left;
width: 170px;
background-color: #6A5ACD;
padding-bottom: 10px;
}

.content {
padding-top: 0px;
padding-right: 0;
padding-left: 0;
padding-bottom: 10px;
width: 620px;
float: left;
color: #6A5ACD;
}

aside {
float: left;
width: 180px;
background-color: #6A5ACD;
padding: 10px 0;
}

/* ~~ Content lists ~~ */
.content ul, .content ol {
}

/* ~~ Navigation ~~ */
nav ul {
list-style: none;
border-top: 1px solid #666;
margin-bottom: 15px;
}

nav li {
border-bottom: 1px solid #666;
}

nav a, nav a:visited {
padding: 5px 5px 5px 15px;
display: block;
width: 160px;
text-decoration: none;
background-color: #C6D580;
}

nav a:hover, nav a:active, nav a:focus {
background-color: #ADB96E;
color: #FFF;
}

/* ~~ Footer ~~ */
footer {
padding: 10px 0;
background-color: #6A5ACD;
position: relative;
clear: both;
color: #FFFFFF;
}

/* ~~ Miscellaneous float/clear classes ~~ */
.fltrt {
float: right;
margin-left: 8px;
}

.fltlft {
float: left;
margin-right: 8px;
}

.clearfloat {
clear: both;
height: 0;
font-size: 1px;
line-height: 0px;
}

/* HTML5 support */
header, section, footer, aside, article, figure {
display: block;
}

/* Left flyout nav */
#navigation {
width: 170px;
font-size: 0.58em;
}

#navigation ul {
margin: 0px;
padding: 0px;
}

ul.top-level {
background: #6A5ACD;
}

#navigation li {
list-style: none;
}

ul.top-level li {
border-bottom: #fff solid;
border-top: #fff solid;
border-width: 1px;
}

#navigation a {
color: #fff;
cursor: pointer;
display: block;
height: 25px;
line-height: 25px;
text-indent: 10px;
text-decoration: none;
width: 100%;
}

#navigation a:hover {
text-decoration: underline;
}

#navigation li:hover {
background: #4682B4;
position: relative;
}

ul.sub-level {
display: none;
}

li:hover .sub-level {
background: #6EFF82;
border: #fff solid;
border-width: 1px;
display: block;
position: absolute;
left: 170px;
top: -1px;
}

ul.sub-level li {
border: none;
float: left;
width: 170px;
}

#navigation .sub-level {
background: #7B68EE;
}

#navigation .sub-level .sub-level {
background: #8470ff;
}

/* Right flyout nav */
#navigation1 {
width: 170px;
font-size: 0.58em;
}

#navigation1 ul {
margin: 0px;
padding: 0px;
}

ul.top-level1 {
background: #6A5ACD;
}

#navigation1 li {
list-style: none;
}

ul.top-level1 li {
border-bottom: #fff solid;
border-top: #fff solid;
border-width: 1px;
}

#navigation1 a {
color: #fff;
cursor: pointer;
display: block;
height: 25px;
line-height: 25px;
text-indent: 10px;
text-decoration: none;
width: 100%;
}

#navigation1 a:hover {
text-decoration: underline;
}

#navigation1 li:hover {
background: #4682B4;
position: relative;
}

ul.sub-level1 {
display: none;
}

li:hover .sub-level1 {
background: #6EFF82;
border: #fff solid;
border-width: 1px;
display: block;
position: absolute;
right: 170px;
top: -1px;
}

ul.sub-level1 li {
border: none;
float: left;
width: 170px;
}

#navigation1 .sub-level1 {
background: #7B68EE;
}

#navigation1 .sub-level1 .sub-level1 {
background: #8470ff;
}

/* IE reset helper */
li:hover .sub-level .sub-level {
display: none;
}

.sub-level li:hover .sub-level {
display: block;
}

li:hover .sub-level1 .sub-level1 {
display: none;
}

.sub-level1 li:hover .sub-level1 {
display: block;
}

table.navbar {
border-collapse: collapse;
height: 50px;
}

table.navbar td {
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;
font-weight: bold;
font-size: small;
}

table.navbar td a {
display: block;
width: auto;
text-decoration: none;
margin: 0px;
padding: 1px;
}

table.navbar td a:link,
table.navbar td a:visited {
color: #6A5ACD;
}

table.navbar td a:hover,
table.navbar td a:active {
color: #9932CC;
background-color: #EEEEEE;
font-style: normal;
text-align: center;
font-size: 14px;
}

#sitename {
float: left;
height: auto;
width: auto;
background-color: #B0C4DE;
margin-top: 5px;
margin-left: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 30px;
border-style: solid;
border-width: medium;
font-weight: bolder;
color: #FFFFFF;
padding: 5px;
overflow: hidden;
display: inline;
text-decoration: none;
position: static;
left: 450px;
top: 283px;
border-radius: 12px;
}

.button {
color: #6A5ACD;
background: none !important;
border: none;
padding: 0 !important;
border-bottom: 1px solid #6A5ACD;
font-size: 13px;
font-weight: bold;
}

.buttonlabel {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #6A5ACD;
font-weight: bold;
padding: 2px 6px;
margin: 0;
line-height: normal;
vertical-align: middle;
}

.refresh_page_button {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #6A5ACD;
font-weight: bold;
padding: 2px 6px;
margin: 0;
line-height: normal;
vertical-align: middle;
margin-top: 7px;
margin-left: 20px;
}

.dropdown {
color: #6A5ACD;
font-size: 10pt;
}

.style06px {
color: #6A5ACD;
font-size: 6px;
}

.style09px {
color: #6A5ACD;
font-size: 9px;
}

.style10px {
color: #6A5ACD;
font-size: 10px;
}

.style11px {
color: #6A5ACD;
font-size: 11px;
}

.style12px {
color: #6A5ACD;
font-size: 12px;
}

.style13px {
color: #6A5ACD;
font-size: 13px;
}

.style14px {
color: #6A5ACD;
font-size: 14px;
}

.style15px {
color: #6A5ACD;
font-size: 15px;
}

.style16px {
color: #6A5ACD;
font-size: 16px;
}

.style20px {
color: #6A5ACD;
font-size: 20px;
}

.style32px {
color: #6A5ACD;
font-size: 32px;
}

.stylewhitetext {
color: #FFFFFF;
font-size: 11px;
}

table.fixed {
table-layout: fixed;
}

table.fixed td {
overflow: hidden;
}

.ef-logo {
color: #6A5ACD;
font-size: 32px;
}

#width-css {
width: 250px;
}

* {
box-sizing: border-box;
}

/* Generic legacy column helper */
.column {
float: left;
width: 33.33%;
padding-left: 7px;
}

/* Generic row clear */
.row:after {
content: "";
display: table;
clear: both;
}

.text_margin_left {
margin-left: 20px;
margin-bottom: 0px;
font-size: 15px;
font-weight: 550;
}

.text_margin_suggestions {
margin-left: 20px;
margin-top: 5px;
margin-bottom: 5px;
font-size: 15px;
font-weight: 550;
}

.text_margin_rss {
margin-left: 25px;
text-align: left;
margin-bottom: 5px;
font-size: 16px;
font-weight: 550;
}

.table_page_summary_info {
color: #6A5ACD;
padding-left: 0px;
padding-botton: 15px;
margin-bottom: 0px;
margin-top: 0px;
font-weight: bold;
background-color: #EEEEEE;
table-layout: auto;
width: 100%;
height: auto;
border-style: hidden;
line-height: 1.0;
}

.rss_table {
color: #6A5ACD;
padding-left: 0px;
padding-botton: 15px;
margin-bottom: 0px;
margin-top: 0px;
font-weight: bold;
background-color: #EEEEEE;
table-layout: auto;
width: 100%;
height: auto;
border-style: hidden;
line-height: 3;
}

/* ===== Index.php specific cleanup ===== */

.header-logo-img {
background-color: #C6D580;
display: block;
}

.banner-ad-wrap {
text-align: center;
}

.search-area-label {
padding-bottom: 10px;
text-align: left;
display: block;
font-size: 17px;
font-weight: bold;
}

.search-controls {
text-align: center !important;
}

.search-area-wrap {
width: 500px !important;
padding-bottom: 10px;
text-align: left;
margin: 12px auto 0 auto !important;
}

.suggestion-column {
background-color: #ffffff;
}

.suggestion-radio-list {
list-style: none;
margin: 0;
padding: 0;
background-color: #ffffff;
cursor: default;
}

.suggestion-radio-list li {
padding: 0;
}

.random-search-wrap label {
color: #6A5ACD !important;
font-size: 15px !important;
font-weight: 550 !important;
}

.random-search-wrap {
margin-top: 10px !important;
margin-left: 20px !important;
}

.visitor-count-banner {
text-align: center;
color: #6A5ACD;
font-weight: bold;
}

/* New page-specific replacements for old inline index.php rules */
.index-suggestion-row:after {
content: "";
display: table;
clear: both;
}

.index-suggestion-panel {
float: left;
width: 45%;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 5px;
margin-right: 5px;
margin-left: 20px;
border-width: thin;
border-style: dashed;
}

.index-suggestion-list {
background-color: #ffffff;
cursor: pointer;
}

.index-suggestion-list li {
padding: 0px;
}

.top-menu-cell {
text-align: center;
font-style: normal;
font-size: 14px;
}

.top-menu-cell a {
display: block;
text-align: center;
font-style: normal;
font-size: 14px;
}

.sidebar-separator {
color: #6A5ACD;
font-weight: bold;
}

.typeahead-suggestion-item {
font-size: 12px;
padding-left: 23px;
padding-top: 5px;
padding-bottom: 10px;
list-style: none;
color: #6A5ACD;
}

#termList {
background-color: #eeeeee;
}

#termList ul {
background-color: #eeeeee;
margin: 0;
padding: 0;
list-style: none;
cursor: pointer;
}

#termList li {
background-color: #eeeeee;
padding: 0 0 10px 23px;
font-weight: bold;
}

#termList li + li {
margin-top: 4px;
}

.template-logo-img {
background-color: #C6D580;
display: block;
}

::-webkit-input-placeholder {
color: #6A5ACD;
font-weight: bold;
}

:-moz-placeholder {
color: #6A5ACD;
opacity: 1;
font-weight: bold;
}

::-moz-placeholder {
color: #6A5ACD;
opacity: 1;
font-weight: bold;
}

:-ms-input-placeholder {
color: #6A5ACD;
font-weight: bold;
}

::placeholder {
color: #6A5ACD;
font-weight: bold;
opacity: 1;
}

