body {
font-family: Candara, Roboto, Arial, Helvetica, sans-serif;
font-size: 1em;
color: #000000;
background-color: #ffffff
}

a:link {
color: #0b4a91;
text-decoration: none;
font-style: italic;
}

a:visited {
color: #0b4a91;
font-style: italic;
}

a:hover {
color: white;
font-style: italic;
background-color: #0b4a91;
}

a:active {
color: #ff0000;
font-style: italic;
}

a.freefind1 {
text-decoration: none;
color: #6a6a6a;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
}

a.freefind2 {
text-decoration: none;
color: #000;
font-size: 1.3em;
}

.button {
background-color: #357575;
color: white;
margin: 1px;
border: 1px solid #f3f3f3;
border-radius: 5px;
}

.close {
color: #3333FF;
margin: 3em 0 0 0;
}

.color {
color: red;
}

.column1 {
float: left;
width: 50%;
}

.column2 {
float:  right;
width: 50%;
text-align:right;
}

.container {
width: 98%;
max-width: 1360px;
margin: 0 auto;
}

.copyright {
font-size: .8em;
color: #606060;
}

.foot {
width: 80%;
text-align: center;
font-size: .8em;
font-style: italic;
margin: auto;
margin-top: 3em;
padding: 1em;
}

#foot {
font-size: .8em;
font-style: italic;
}

#footer {
text-align: center;
}

.footer-inside {
display: inline-block;
text-align: center;
margin-top: 1em;
font-style: italic;
border-top: 3px solid #f6bb3d;
border-radius: 50%;
padding: 1em;
}

h1,h2 {
text-align: center;
color: #086b08;
}

.home {
font-size: 1.3em;
}

hr {
border: thin solid #f6bb3d;
margin: .5em 5em;
color: #f6bb3d;
background-color: #f6bb3d;
}

.info {
text-align: justify;
}

.input {
margin: 3px;
}

.legacy {
width: 800px;
margin: auto;
margin-bottom: 3em;
}

.list1 {
font-size: 1.1em;
float: left;
width: 15%;
}

.list2 {
font-size: 1.1em;
float: left;
width: 15%;
}

.logo {
min-width: 230px;
float: left;
margin: 2em .7em .5em .7em;
width: 29%;
height: auto;
}

.logo2 {
width: 200px;
height: 181px;
float: left;
}

.main {
overflow: hidden;
}

.other {
width: 800px;
overflow: hidden;
padding: 0 1em;
}

.search {
border: 2px solid #357575;
background-color: #c0e2e2;
width: 240px;
margin: auto;
margin-top: 1.2em;
padding: .4em;
text-align: center;
font-size: .7em;
}

#title {
display: none;
}

.totalSheets {
text-align: center;
}

.update {
font-size: .8em;
font-style: italic;
margin: 2em 0 0 0;
}

@media only screen and (max-width: 1030px) {
.list1 {
width: 20%;
padding-right: 1px;
}
.list2 {
width: 20%;
padding-right: 1px;
}
}

@media only screen and (max-width: 1000px) {
.legacy {
width: 100%;
float: right;
}
.logo2 {
float: none;
}
}

@media only screen and (max-width: 810px) {
.footer {
width: 94%;
}
.list1 {
width: 25%;
padding-right: 1em;
}
.list2 {
width: 25%;
padding-right: 1em;
}
.logo {
margin: 0;
width: 230px;
height: auto;
float: none;
}
.other {
width: 94%;
}
.update {
margin: 0;
}
}

@media only screen and (max-width: 630px) {
.list1 {
width: 45%;
padding-right: 1px;
}
.list2 {
width: 45%;
padding-right: 1px;
margin-bottom: 1em;
}
.info {
text-align: left;
}
.main {
clear: both;
margin-right: .2em;
}
}

@media only screen and (max-width : 629px) {
#title {
display: initial;
clear: both;
font-size: 2em;
width: 90%;
}
}

@media only screen and (max-width: 390px) {
.list1 {
width: 100%;
float: none;
line-height: 180%;
}
.list2 {
width: 100%;
float: none;
line-height: 180%;
}
}