/* tag definitions ---------------------------------------------------------- */
body {
	margin: 18px 0px; 
	padding: 0px;
    text-align:center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:  100%;
	text-decoration: none;
}
body A {
	color: #0000FF;
	text-decoration: none;
}
body A:hover {
	color: #663300;
	text-decoration: none;
}
body A:visited {;
	color: #0000FF;
}
p {
	font-size: 80%;
	color: #000000;
}
li {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
}
h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #000000;
	text-align: center;
	text-transform: none;
	line-height: 100%;
}
h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	text-align: left;
	line-height: 90%;
	font-style: italic;
}
h3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #000000;
	text-align: left;
	line-height: 90%;
}
h4 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #003366;
	text-align: left;
	line-height: 90%;
}
h5 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #003366;
	text-align: left;
	line-height: 90%;
	font-style: italic;
}


/* ID definitions ---------------------------------------------------------- */
#municipal_site {
	width: 775px;
    margin: 0px auto;
    text-align: left;
}
#header {
	height: 116px;
	width: 775px;
}
#top_nav {
	width: 775px;
}
#top_nav ul {
	color: #FFFFFF;
	font-size: 80%;
	list-style: none;
	margin: 0 0;
	padding: 0 0;
}
#top_nav li {
	float: left;
	margin: 0 0em;
	padding: 0;
	text-align: center;
}
#top_nav a {
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
}
#top_nav li a {
	display: block;
	float: left;
	height: 22px;
	/* broken somehow! needs to be 25 px for firefox*/
	line-height: 22px;
	padding-bottom: 2px;
	text-align: center;
	text-decoration: none;
	width: 108px;
	background-color: #666633;
}
#top_nav a:hover {
	color: #CC6600;
	text-decoration: none;
}
#top_nav a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#top_nav a:visited:hover {
	color: #CC6600;
	text-decoration: none;
}
#main {
	width: 775px;
	background-color: #FFFFFF;
	border-right: 1px dashed #333;
	border-left: 1px dashed #333;
}
#breadrumb {
	font-size: 65%;
	color: #000000;
	float: left;
	width: 420px;
	height: 35px;
	padding-top: 8px;
	padding-left: 5px;
	background-color: #FFFFFF;
}
#search {
	font-size: 65%;
	float: left;
	text-align:right;
	width: 335px;
	height: 35px;
	padding-top: 8px;
	padding-right: 5px;
	background-color: #FFFFFF;
}
#content {
	float: left;
	width: 775px;
	background-color: #FFFFFF;
	padding-bottom: 20px;
	border-bottom: 2px solid #345A81;
	background-image: url(../images/eagle_bg.jpg);
}
#column { 
	float: left;
	width: 552px;
	/*height: 400px;*/
	padding-left: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
#col_left {
	background-color: #FFFFFF; 
	float: left;
	width: 125px;
	padding: 10px;	
	border-right: 1px dashed #333333;
}
#col_center {
	float: left;
	height: 100%;
	text-align: left;
	width: 427px;
	/*height: 400px;*/
	padding: 10px;
}
#sidebar {
	float: right;
	width: 160px;
	/*height: 400px;*/
	padding-right: 10px;
	padding-left: 10px;
	border-left: 1px dashed #333333;
}
#sidenav ul {
	margin: 0 0;
	padding: 0 0;
	height: 60px;
	padding-top:5px;
	padding-bottom:7px;
	border-top: 1px dashed #333333;
	border-bottom: 1px dashed #333333;
}
#sidenav li {
	list-style:none;
	display: block;
	float: left;
	padding: 5px;
	height:10px;
	width:150px;
	font-weight:bold;
}
#sidenav2 ul {
	margin: 0 0;
	padding: 0 0;
	height: 60px;
	padding-top:20px;
	padding-bottom:30px;
	border-bottom: 1px dashed #333333;
}
#sidenav2 li {
	list-style:none;
	display: block;
	float: left;
	padding: 5px;
	height:10px;
	width:150px;;
}
/*#sidenav {
	font-size: 70%;
	line-height: 110%;
	color: #000000;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
	display: block;
	list-style-type: none;
}*/
#footer {
	background-color: #666633;
	clear: left;
	float: left;
	padding-bottom: 3px;
	padding-top: 10px;
	text-align: center;
	font-size: 85%;
	width: 775px;
	height: 60px;
	color: #333333;
	line-height: 15px;
	border-left: 1px dashed #333;
	border-right: 1px dashed #333;
	border-bottom: 1px dashed #333;
	padding-top: 10px;
}

#footer a {
	color: #FFFFFF;
	text-decoration: underline;
}

#footer a:hover {
	color: #000000;
	text-decoration: none;
}

#footer a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

#news {
	float: left;
	width: 500px;
	background-color: #FFFFFF;
	margin-top: 5px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #97C7DE;
}

#col_left h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #FF0000;
	line-height: 2em;
	margin-bottom: 8px;
}
#pullquote {
	color: #000000;
	font-size: 13px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
}
#calendar {
	margin-left: 5px;
	height: 135px;
}
#features a {
	font-weight: bold;
	font-size: 0.9em;
	color: #CCFF33;
	padding-bottom: 5px;
	padding-top: 6px;
}#features p {
	margin-top: 3px;
	margin-bottom: 0px;
}
#header h1 {
	display: none;
}


/* class definitions ---------------------------------------------------------- */
.collections {
	font-size: 0.8em;
	padding-bottom: 6px;
	margin-bottom: 8px;
	border-bottom-color: #90C6DE;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	line-height: 1.1em;
	clear: both;
	display: block;
}
.collections a {
	font-weight: bold;
	color: #000099;
	font-size: 0.8em;
}
.collections .col_body {
	font-size: 0.8em;
}
.collections .thumbnail {
	float: left;
	padding-right: 5px;
	height: 25px;
	padding-bottom: 5px;
}

/*
table#calendar {font-size:11px;}
table#calendar a {text-decoration: underline;}
tr#days th {color: #5A8287; font-size:12px; font-weight: bold; text-align: center;
   padding: 1px 0.33em; border-top: 1px solid #5A8287;}
th.sat, th.sun, th.tue, th.thu {background: #D4E9EB;}
th.mon, th.wed, th.fri {background: #C1DFE3;}   
td {color: #D33636; text-align: center; font-weight:bold;}
td.sat, th.sat {border-right: 1px solid #5A8287;}
td.sun, th.sun {border-left: 1px solid #5A8287;}
td a {display: block; margin: 0;}
td a:link {color: #D33636;}
td a:visited {color: #D33636;}
td a:hover {background: #FF6;}
td.sat, td.sun, td.tue, td.thu {background: #D4E9EB;}
td.mon, td.wed, td.fri {background: #C1DFE3;}
td.jun, td.aug {color: #889;}
tr#lastweek td {border-bottom: 1px solid #5A8287;}#features {
	font-size: 0.7em;
	padding-right: 13px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}*/

.sidenav1 li a {
	font-size: 70%;
	line-height: 110%;
	color: #000000;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
	display: block;
	list-style-type: none;
}

.newsevents {
	font-size: 70%;
	color: #333333;
}
.breakingnews {
	font-size: 70%;
	color: #990000;
	padding: 0px 15px;
}
/*.bottomnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	line-height: 120%;
	color: #333333;
	font-weight: normal;
	text-align: center;
}
.bottomnav A {
	color: #003366;
}
.bottomnav A:hover {
	color: #0000CC;
}
.copyright { 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 82%; 
	line-height: 140%; 
	color: #000033; 
	font-weight: normal;
}*/
.smpagenav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 64%;
	line-height: 100%;
	color: #000000;
	font-weight: normal;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-left: 15px;
	font-style: normal;
}
.star {
	font-size: 100%;
	font-weight: bold;
	color: #990000;
}
.plevelnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 71%;
	line-height: 150%;
	color: #000000;
}
