/**/
body {
font-size: 10pt;
font-family: arial, helvetica, geneva, Swiss, SunSans-Regular;
margin: 0;
padding: 0; }
#container {
text-align: left;
width: 750px;
float: left; }
#header {
background-color: white;
background-image: url(../images/navigationtown_of_north_red.jpg);
background-repeat: no-repeat;
width: 750px;
height: 160px;
float: left;
clear: both; }
#wrapper {
background: url(../images/wrapper-repeat.jpg) repeat-y #99cdcb;
width: 750px;
float: left;
border-color: #99cdcb;
border-style: solid;
border-width: 1px 1px 0; }
#supp-content {
background-color: #99cdcb;
width: 150px;
float: left; }
#main-nav {
color: #00065b;
font-size: 1.2em;
background-color: #fff;
text-decoration: none;
width: 150px;
margin-top: 50px; }
#main-content {
background-color: white;
width: 578px;
float: right;
margin: 0;
padding: 10px;
display: inline; }
#footer {
background-color: #99cdcb;
text-align: center;
width: 751px;
float: left;
clear: both;
border-right: 1px solid #99cdcb; }
/**/
/**/
h1 {
color: #039;
font-size: 1.6em ;
text-align: center; }
h2 {
color: #039;
font-size: 1.4em ;
text-align: center; }
h3 { color: #039; font-size: 1.2em }
h4 { color: #039; font-size: 1em }
a:link { color: #039; text-decoration: underline }
a:visited { color: #039; text-decoration: underline }
a:hover { color: #039; font-style: normal; text-decoration: none }
a:active { color: #4169e1; font-style: normal; text-decoration: none }
li {
margin-bottom: 5px; }
p {
font-size: 10pt; }
/**/
/**/
#supp-content .instructions {
font-size: 0.65em;
padding-right: 5px;
padding-left: 5px; }
.deifooter { font-size: 0.75em }
.small { font-size: 0.8em; }
.float-right {
float: right;
margin-right: 10px; }
.float-left { float: left; }
#hours {
color: #00c;
text-align: center; }
#footer p {
margin-left: 150px; }
#main-content img {
margin-right: auto;
margin-left: auto; }
/**/
/**/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/**/
/**/
#contact_form * { list-style-type: none; }
#contact_form {
text-align: left;
width: 280px;
margin-right: auto;
margin-left: auto;
padding: 10px;
border: solid 1px #003060; }
#contact_form em { font-size: 0.9em; }
#contact_form label { text-align: left; width: 110px; float: left; display: block; }
#contact_form .horizontal { padding-left: 25px; display: block; }
#contact_form .horizontal input { margin-left: 5px; }
#contact_form legend { color: #003060; font-weight: bold; margin: 0; }
#contact_form h1 { font-size: 1em; font-weight: bold; clear: both; }
#contact_form .footnote { clear: both; font-size: 0.7em; text-indent: 0; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; }
#contact_form fieldset { text-align: left; width: 280px; padding: 10px; border: solid 1px #003060; }
.bot-input { float: left; margin-left: -999em; }
/**/
/**/
#main-nav * {
margin: 0;
padding: 0; }
#main-nav ul {
padding-bottom: 5px;
list-style-type: none; }
#main-nav li {
list-style-type: none; }
#main-nav a:link, #main-nav a:visited {
color: #00065b;
font-size: 0.77em;
font-weight: bold;
background-image: none;
background-position: left 0;
text-decoration: none;
text-indent: 5px;
padding-left: 15px;
width: 150px;
margin: 0; }
#main-nav a:hover {
background-image: url(../images/nav-bullet.jpg);
background-repeat: no-repeat;
background-position: 0 center;
text-indent: 5px;
padding-left: 15px; }
#home-button:active, body#home-page #home-button {
background-image: url(../images/nav-bullet.jpg);
background-repeat: no-repeat;
background-position: 0 center;
text-indent: 5px;
padding-left: 15px; }
#home-button:active, body#home-page #home-button { background-image: url(../images/nav-bullet.jpg);
background-repeat: no-repeat;
background-position: 0 center;
text-indent: 5px;
padding-left: 15px; }
#services-button:active, body#services-page #services-button { background-image: url(../images/nav-bullet.jpg);
background-repeat: no-repeat;
background-position: 0 center;
text-indent: 5px;
padding-left: 15px; }
#elevation-button:active, body#elevation-page #elevation-button { background-image: url(../images/nav-bullet.jpg);
background-repeat: no-repeat;
background-position: 0 center;
text-indent: 5px;
padding-left: 15px; }
#flood-button:active, body#flood-page #flood-button { background-image: url(../images/nav-bullet.jpg);
background-repeat: no-repeat;
background-position: 0 center;
text-indent: 5px;
padding-left: 15px; }
#businesses-button:active, body#businesses-page #businesses-button { background-image: url(../images/nav-bullet.jpg);
background-repeat: no-repeat;
background-position: 0 center;
text-indent: 5px;
padding-left: 15px; }
#meetings-button:active, body#meetings-page #meetings-button {
background-image: url(../images/nav-bullet.jpg);
background-repeat: no-repeat;
background-position: 0 center;
text-indent: 5px;
padding-left: 15px; }
#messages-button:active, body#messages-page #messages-button {
background-image: url(../images/nav-bullet.jpg);
background-repeat: no-repeat;
background-position: 0 center;
text-indent: 5px;
padding-left: 15px; }
#news-button:active, body#news-page #news-button {
background-image: url(../images/nav-bullet.jpg);
background-repeat: no-repeat;
background-position: 0 center;
text-indent: 5px;
padding-left: 15px; }
#officials-button:active, body#officials-page #officials-button {
background-image: url(../images/nav-bullet.jpg);
background-repeat: no-repeat;
background-position: 0 center;
text-indent: 5px;
padding-left: 15px; }
/**/
/**/
#bottom-nav {
font-size: 0.7em;
background-color: #fff;
text-align: left;
width: 578px;
float: right;
clear: both;
padding: 5px 10px;
border-right: 0 solid #99cdcb; };border-top-width: 0;border-bottom-width: 0;border-left-width: 0;
#bottom-nav ul {
list-style-type: none;
display: inline; }
#bottom-nav li {
font-weight: bold;
margin-right: 2px;
margin-left: 2px;
list-style-type: none;
display: inline; }
/**/