body {
	margin: 0;
	padding: 0;

	background-image: url('../_images/bg.jpg');
	background-repeat: repeat-x;
	background-color: #ede8cb;

	font-family: Nina, Verdana, sans-serif;}
a {
	color: #663;
	text-decoration: none;}
a:hover {
	color: #ede8cb;
	background-color: #663;}


#main {margin: auto; text-align: center;}
#main img {border: 0;}
#main a:hover {background-color: transparent;}

#leftNav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
	left: -2px; top: 100px;
	font-size: 0.8em;
	color: #663;}
#rightNav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	right: -3px; top: 100px;
	font-size: 0.8em;
	color: #663;
	text-align: right;}

#content {
	color: #330;
	margin: 30px 10px 30px 10px;
	font-family: Arial, sans-serif;
	font-size: 0.8em;}


#footer {
	margin: 50px 0px;
	text-align: center;}
.bottomNav {
	list-style-type: none;
	width: 500px;
	text-align: center;
	font-size: 0.7em;
	display: block;
	margin: auto;
	text-align: center;
}
.bottomNav li {
	display: inline;
	float: left;}



.skipNav {position: absolute; left: -10000px; top: -10000px;}

.mini {clear: both;}
.mini a {border: 1px solid #cc9;  float: left; margin-right: 5px;}
.mini a:hover {background-color: transparent; border: 1px solid #663;}
.mini img {border: 0; padding: 2px; margin: 0;}
.mini h3 {color: #663;margin-bottom: 0; padding-bottom: 0;}
.mini ul {margin: 0; padding: 0; list-style-type: none;}
.mini ul li {width: 106px; float: left; margin-right: 5px;}
.mini ul li img {margin-bottom: -2px;}


#content h1 {margin-bottom: 0; padding-bottom: 0;}
#content p {margin-top: 0; padding-top: 0;}

#yr1, #yr2, #yr3, #yr4, #yr5, #yr6 {display: none; width: 300px;}
#yrs {margin-top: 100px;}
#yrs a {width: 300px; display: block; float: left; text-align: center; }
#yrs a:hover {}
#yrs a img {height: 300px; margin: 0;border: 1px solid #cc9; }
#yrs br {clear: both; }

/* Library page columns */
#library h2 {margin: 0; padding: 0;}
#library ul {margin: 0; padding-left: 15px;}
#library ul li a {border-bottom: 1px dotted black;}

table#catalog {text-align: left; border: 1px solid #666633;}
table#catalog tr td a {display: block;}
table#catalog tr.dark {background-color: #dcd7bc; }
table#catalog tr:hover, table#catalog tr:hover td a {background-color: #666633; color: white;}
table#catalog th {border-bottom: 1px solid black; padding: 2px 7px 2px 6px;}
table#catalog tr td {padding: 2px 7px 2px 6px;}
table#catalog tr.separator td {background-color: #9a9677; border: 1px solid #666633; border-right:0; border-left: 0; height: 0.75em;}
table#catalog th a {color: black; text-decoration: underline;}
table#catalog th a:hover {color: #ede8cb;}

.alphabet {width: 50%; float: left;}
.alphabet .leftCol {width: 150px;}
.alphabet .rightCol {width: 150px;}

#ourcounty {margin-left: 10px;}

/* For citizenship page */
#application {margin: auto; width: 750px; background-color: white; border: 5px solid black; padding: 10px; font-family: 'Georgia','Times New Roman',sans-serif; font-size: 1.5em;}
#application h2 {text-align: center;}
#application input {border: 0; text-align: center; color: #bbb; font-size: 0.6em; }
#application #eletop input {border-bottom: 1px dotted black; }
#application #eletop {margin: 0; padding: 0;}
#application #submitButton {background-color: white; font-size: 1.5em; display: block; clear: both; text-align: right; float: right;}
#application #submitButton:hover {color: black; cursor: pointer;}

/*
#name_label {width: 220px; display: block; float: left; text-align: right;}
#name_prefix, #name_suffix {width: 50px;}
#name_first {width: 200px;}
#name_last {width: 200px;} */

#title {width: 200px;}
#dob {width: 120px;}
#addy {width: 500px;}

#pobox {width: 240px;}
#poboxzip {width: 140px;}

#city {width: 200px;}
#state {width: 200px;}
#zip {width: 150px;}
#eMail {width: 200px;}

.occupation {width: 50%; float: left;}
.occupation ul {margin: 0; list-style-type: none;}
.occupation span {text-decoration: underline;}
#occupation2 {margin-top: 1.0em;}

#status {display: none;}
#agree {margin-right: 10px;}