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

a:link {
color: #0b4a91;
}

a:visited {
color: #0b4a91;
}

a:hover {
color: orange;
}

a:active {
color: #ff0000;
}

.center-column {
margin-right: 1em;
overflow: hidden;
}

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

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

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

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

.foot {
font-size: .8em;
font-style: italic;
text-align: center;
width: 90%;
margin: 0 auto;
}

hr {
border: 1px;
border-style: solid;
margin-right: 20%;
margin-left: 20%;
margin-top: 10px;
margin-bottom: 10px;
color: #0b4a91;
background-color: #0b4a91;
}

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

.left-column {
float:left;
width:15%;
}

.logo {
margin: 5px;
}

.right-column {
float: left; 
width:15%;
}

.search {
width: 80%;
margin: auto;
text-align: center;
}

.star {
font-weight: bold;
color: red;
}

.statelist {
color: black;
}

@media only screen and (min-width : 320px) and (max-width : 800px) {
.center-column {
float: left;
width: 100%;
padding-right: 1px;
}
}

@media only screen and (min-width : 320px) and (max-width : 800px) {
.left-column {
float: left;
font-size: .95em;
line-height: 180%;
width: 49%;
}
}

@media only screen and (min-width : 320px) and (max-width : 800px) {
.logo {
height: auto;
margin: 5px;
width: 30%;
}
}

@media only screen and (min-width : 320px) and (max-width : 800px) {
.right-column {
float: left;
font-size: .9em;
line-height: 180%;
width: 49%;
}
}

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

@media only screen and (min-width : 600px) and (max-width : 1024px) {
.center-column {
float: left;
width: 50%;
padding-right: 1px;
}
}

@media only screen and (min-width : 600px) and (max-width : 1024px) {
.left-column {
float: left;
width: 20%;
padding-right: 1px;
}
}

@media only screen and (min-width : 600px) and (max-width : 1024px) {
.right-column {
float: left;
width: 20%;
padding-right: 1px;
}
}

@media only screen and (min-width : 761px) {
#title {
visibility: hidden;
display: none;
width: 1px;
}
}