/* Primary Styles - Universal*/

body {
	font-family: Verdana, Candara, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px; /* This specifies default font size for 1em */
	background: #E6D59D;
	margin: 0;
	padding: 0;
}

#pagewrap {
	background: #fff;
	width: 760px;
	margin: 0 auto;
}

a {
	color: #326400;
}

a:hover {
	color: #009900;
	text-decoration: none;
}

p { 
	font-size: 1em;		/* 12px */
	line-height: 1.5em; /* 18px */
	margin: 0 0 1.5em 0; 
}

form {
	margin: 0;
}

h1 { 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.5em;
	line-height: 1em;
	margin: 0 0 0.5em 0; 
	font-weight: normal;
	color: #316300;
}

h2 {
	font-size: 1.5em;
	line-height: 1.5em;
	margin: 0 0 1em 0;
	font-weight: normal;
	color: #66A32B;
}
h2.news {
	margin: 0;
}
h2.news a {
	color: #66A32B;
}

h3 {
	font-size: 1.25em;
	line-height: 1.25em;
	margin: 0 0 1em 0;
	color: #316300;
}
h3.news {
	margin: 0;
}
h3.news a {
	color: #316300;
	font-size: .75em;
}

h4 {
	font-size: 1.1em;
	line-height: 1.25em;
	margin: 0 0 1em 0;
	color: #66A32B;
}

h5 {
	font-size: 1em;
	line-height: 1.25em;
	margin: 0 0 1em 0;
	color: #316300;
}

th {
	font-size: 1.1em;
	line-height: 1.25em;
	margin: 0 0 1em 0;
	color: #316300;
	text-align:left;
	vertical-align:top;
}

.alt {
	display: none;
}

.clr {
	clear: both;
}

	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	
	.clearfix {display: inline-block;}
	
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */


/* End Primary Styles */

/* Secondary Pages */

#content {
	padding: 20px 36px;
}

#content h1 {
	padding-bottom: 0.4em;
	border-bottom: solid #C3DBAB 1px;
}

#content h1.businessDir {
	padding-top: 10px;
}

#content ul {
	list-style: none;
	margin: 0 0 1.5em 1em;
	padding: 0;
}

#content li {
	font-size: 1em;		/* 12px */
	line-height: 1.5em; /* 18px */
	margin: 0 0 1em 0;
	background: url(/images/bullet-green.jpg) no-repeat;
	background-position: 0.5em 0.5em;
	padding: 0 0 0 2em;
	display: block;
}

#maincol {
	width: 495px;
	margin: 0 15px 0 0;
	float: left;
}

#staff {
}

#staff .member{
	float: left;
	margin: 0 1em 1em 0;
	width:47%;
}

#staff .row {
	margin: 0 0 0 12px;
}

#staff ul {
	list-style: none;
	margin: 0 0 1.5em 0;
	padding: 0;
}

#staff li {
	margin: 0;
	padding: 0;
	background: none;
}

#staff h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 1.8em;
	letter-spacing: -1px;
	margin: 0 0 15px 0;
	padding: 10px 5px 0 12px;
	line-height: 0.9em;
	background: #E4D79B url(/images/corner-right.gif) no-repeat top right;
	color: #316300;
}

#brdcrmb {
	margin: 0 0 1.5em 0;
}

#brdcrmb ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

#brdcrmb li{
	background: none;
	display: inline;
	padding: 0;
	margin: 0 0.5em 0 0;
	font-size: 0.9em;
	color: #666666;
}

#brdcrmb a {
	color: #666666;
}

#sidebar {
	width: 154px;
	float: left;
	margin: 5px 0 0 2px;
	background: url(/images/sidebar-top.gif) no-repeat top right;
	border-left: solid #E4D79B 1px;
	padding: 0 0 0 20px;
}

#sidenews .newsitem {
	padding: 0;
}


#sidebar h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.95em;
	margin: 34px 0 0.5em 0;
	line-height: 1em;
}

#sidebar .documentlist h3{
	font-size: 1.1em;
	margin: 0 0 0.5em 0;
}

#sidebar ul {
	margin: 0 0 1.5em 0;
	padding: 0;
}

#sidebar .documentlist li{
	font-size: 0.9em;
	margin: 0 0 0.75em 0;
	background: none;
	padding: 0;
	line-height: 1.25em;
}

#sidebar .allnews, #sidebar .allnews {
	margin-left: 0;
}

/* End Secondary Pages */

/* Header Styles */

#header {
	width: 760px;
	margin: 0 auto;
	background: #749374 url(/images/header-union-county.jpg) no-repeat;
	position: relative;
	z-index: 0;
}

#header h1 {
	float: left;
	width: 494px;
	height: 95px;
}

#header h1, #header h2 {
	margin: 0;
}

h2.tagline {
	position: absolute;
	top: 0px;
	left: 494px;
	width: 266px;
	height: 95px;
}

h2#live {
	background: url(/images/great-place-to-live.jpg) no-repeat;
}

h2#work {
	background: url(/images/great-place-to-work.jpg) no-repeat;
}

h2#visit {
	background: url(/images/great-place-to-visit.jpg) no-repeat;
}

#mainnav {
	position: absolute;
	top: 66px;
	left: 2px;
	z-index: 25;
}

#mainnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#mainnav ul li {
	float: left;
	background: url(/images/nav-tabs-lt.gif) top left no-repeat;
	display: block;
	padding-left: 10px;
	margin: 0 5px;
}

#mainnav ul li span {
	display: block;
	background: url(/images/nav-tabs-rt.gif) top right no-repeat;
	padding-right: 10px;
}

#mainnav ul li.active span {
	background: url(/images/nav-tabs-active-rt.gif) top right no-repeat;
}

#mainnav ul li.active {
	background: url(/images/nav-tabs-active-lt.gif) top left no-repeat;
}

#mainnav a {
	display: block;
	text-align: center;
	background: url(/images/nav-tabs-mid.gif) repeat-x top;
	margin: 0;
	padding: 10px 0 3px 0;
	color: #006600;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.05em;
}

#mainnav .active a {
	color: #fff;
	background: url(/images/nav-tabs-active-mid.gif) repeat-x top;
}

/* End Header Styles */

/* Secondary Nav Styles */

#secnav {
	border: solid #fff 1px;
	border-width: 1px 0;
	margin: 0 auto;
	font-size: 11px;
	position: relative;
	z-index: 999;
	height: 22px;
}
#secnav, #secnav ul{
	width: 760px;
	list-style: none;
	line-height: 1;
	background-color: #326400;
	padding: 0;
}

#secnav ul {
	float: left;
	margin: 0;
}

#secnav a {
	display: block;
	color: #B6BCA0;
	text-decoration: none;
	padding: 3px 15px;
	text-align: center;
}


#secnav li {
	width: auto;
	float: left;
	padding: 2px 0;
}

#secnav .leaving {
	background: url(/images/leaving-green.gif) no-repeat top right;
	background-position: 3px 5px;
}

#secnav li li{
	float: none;
	padding: 2px;
}

#secnav li ul {
	width: auto;
	position: absolute;
	left: -999em;
	height: auto;
	font-weight: normal;
	border: solid #fff 2px;
	margin: 0;
	background: #99C76B;
}

#secnav li li {
	padding-right: 1em;
}

#secnav li ul a {
	text-align: left;
	color: #333333;
}

#secnav li ul ul {
	margin: -1.75em 0 0 12.90em;
}

#secnav li:hover ul ul, #secnav li:hover ul ul ul, #secnav li.sfhover ul ul, #secnav li.sfhover ul ul ul {
	left: -999em;
}

#secnav li:hover ul, #secnav li li:hover ul, #secnav li li li:hover ul, #secnav li.sfhover ul, #secnav li li.sfhover ul, #secnav li li li.sfhover ul {
	left: auto;
}

#secnav li:hover, #secnav li.sfhover {
	background-color: #67A42C;
}

#secnav li:hover a:hover {
	color: #333;
}

#secnav li:hover a {
	color: #333;
}

/* End Secondary Nav Styles */

/* Footer Styles */

#footer {
	width: 760px;
	margin: 0 auto 0 auto;
	text-align: center;
	padding-bottom: 15px;
}

#footer h4#logo {
	background: url(/images/union-county-logo.gif) no-repeat;
	height: 39px;
	width: 146px;
	margin: 0 auto 10px auto;
}

#footer ul {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
	display: block;
}

#footer li a {
	color: #B6BCA0;
	text-decoration: none;
	text-align: center;
	padding: 2px 5px;
	font-size: 0.9em;
	border-right: solid #ccc 1px;
}

#footer ul > li:last-child a {
	border: none;
}

#footer li a:hover {
	color: #316300;
	text-decoration: underline;
}

#footer li {
	display: inline;
	padding: 2px 0;
	height: 1.5em;
}

p#copyright {
	font-size: 0.75em;
}

p#webmaster {
	font-size: 0.75em;
}

/* End Footer Styles */


/* Home-Page Specific styles */

#intro {
	width: 760px;
	margin: 0 auto;
	height: 295px;
	background: #fff url(/images/welcome-bkgd-1.jpg) no-repeat;
	position: relative;
	z-index: 0;
}

#intro #photocourtesy {
	position: absolute;
	top: 281px;
	left: 467px;
	width: 298px;
}

#intro #photocourtesy h3 {
	color: #fff;
	font-size: 8px;
	margin: 0;
	font-style: italic;
}

#intro #photocourtesy a{
	color: #fff;
	text-decoration: none;
}

#intro #photocourtesy a:hover {
	text-decoration: underline;
	color: #fff;
}

#intro #photocourtesysvvb {
	position: absolute;
	top: 282px;
	right: 12px;
	width: 300px;
	height: 7px;
	text-align: right;
}

#intro #photocourtesysvvb h3 {
	color: #fff;
	font-size: 8px;
	margin: 0;
	font-style: italic;
}

#intro #photocourtesysvvb a{
	color: #fff;
	text-decoration: none;
}

#intro #photocourtesysvvb a:hover {
	text-decoration: underline;
	color: #fff;
}

#intro #photocourtesysr {
	position: absolute;
	top: 282px;
	left: 616px;
	width: 147px;
	height: 12px;
}

#intro #photocourtesysr h3 {
	color: #fff;
	font-size: 8px;
	margin: 0;
	font-style: italic;
}

#intro #photocourtesysr a{
	color: #fff;
	text-decoration: none;
}

#intro #photocourtesysr a:hover {
	text-decoration: underline;
	color: #fff;
}

#intro #phototour {
	position: absolute;
	top: 272px;
	left: 195px;
}

#intro #phototour a{
	color: #fff;
	display: block;
	background: url(/images/photo-tour-eyecon.gif) no-repeat;
	padding-left: 40px;
	width: 11em;
	text-decoration: none;
}

#intro #phototour a:hover {
	text-decoration: underline;
	color: #FFFFCC;
}

#intro #phototour h3 {
	font-size: 14px;
	margin: 0;
}

#intro #quicklinks {
	position: absolute;
	top: 40px;
	left: 0px;
	width: 166px;
}

#intro #quicklinks #search{
	background: url(/images/search-corner.gif) no-repeat top right;
	padding: 10px 10px 5px 10px;
}

#intro #quicklinks h4 {
	margin: 0 0 5px 0;
	font-size: 1em;
	color: #316300;
}

#intro #quicklinks label {
	display: none;
}

#intro #quicklinks input{
	background: #fff;
	border: solid #316300 1px;
	font-size: .95em;
	padding: 2px 0 3px 3px;
	width: 100px;
}


#intro #quicklinks input#go{
	background: #999;
	font-size: .95em;
	margin: 0 0 1px 5px;
	padding: 0;
	width: 20px;
}
#intro #quicklinks input#go:hover{
	background: #ccc;
}

#intro #quicklinks #linklist {
	background: #CDE4B7;
	padding: 10px;
	height: 179px;
	overflow: auto;
}

#intro #quicklinks #linklist ul{
	margin: 0 0 10px 10px;
	padding: 0 0 0 10px;
}

#intro #quicklinks #linklist li{
	margin: 0 0 0.25em 0;
	font-size: .8em;
}

#intro #quicklinks #linklist h5 {
	font-size: 0.8em;
	margin: 0 0 0.4em 0;
}

#homecontent {
	width: 760px;
	margin: 0 auto;
	color: #666;
}

#news {
	width: 165px;
	float: left;
	margin: 5px 11px 0 0;
}

#eventslisting {
	width: 391px;
	float: left;
	margin: 5px 9px 0 0;
	border-left: solid #E4D79B 1px;
}


#features {
	width: 180px;
	float: left;
	margin: 5px 0 0 2px;
	border-left: solid #E4D79B 1px;
}

#homecontent h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 1.8em;
	letter-spacing: -1px;
	margin: 0 0 15px 0;
	padding: 6px 5px 0 12px;
	line-height: 1.3em;
}

#homecontent h2 a{
	text-decoration: none;
}

#homecontent h2 a:hover{
	text-decoration: underline;
}

#homecontent h3 {
	font-size: 1.2em;
	color: #888;
	margin: 0 0 .25em 0;
}

#homecontent h3 a {
	color: #888;
	text-decoration: none;
}

#homecontent h3 a:hover {
	color: #316300;
	text-decoration: underline;
}


#news h2 {
	background: #316300 url(/images/corner-right.gif) no-repeat top right;
	color: #fff;
}

#news h2 a{
	color: #fff;
}

#news h2 a:hover{
	color: #FFFF99;
}

.newsitem {
	padding: 0 10px 0 12px;
}

.newsitem p a, .featureitem p a, .event p a {
	display: block;
	margin: 0;
	padding-bottom: 15px;
	margin-bottom: 10px;
	border-bottom: dashed #C3DBAB 1px;
}

.event {
	padding: 0 10px 10px 15px;
}

.featureitem {
	padding: 0 10px 10px 12px;
}

.featureitem h3 {
	color: #316300;
}

#homecontent p a {
	color: #9BA8E4;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
}

#eventslisting h2 {
	background: #E4D79B url(/images/corner-right.gif) no-repeat top right;
	color: #316300;
}
#eventslisting p.date{
	margin: 0;
	color: #888;
	font-size: 1em;
	font-weight: bold;
}
#eventslisting h3 a{
	color: #316300;
}

#features h2 {
	background: #316300 url(/images/corner-right.gif) no-repeat top right;
	color: #fff;
}

#features h2 a{
	color: #fff;
}

#features h2 a:hover{
	color: #FFFF99;
}

.event img {
	float: left;
	margin: 0 10px 5px 0;
}

p.allnews, p.allEvents {
	margin: 0 0 0 12px;
}

/* End Home-Page Specific styles */

/* Business Directory styles */

h2#listType{
	margin: 0 0 10px;
	line-height: 1.1em;
}


ul#businessNav {
	list-style: none;
	width: auto;
	float: right;
	list-style: none;
	margin: 0 0 0.5em 0;
	padding: 2px;
	background: #D3EBBB;
}

#businessNav li{
	background: none;
	display: inline;
	padding: 0 3px;
	margin: 0;
	font-size: 0.9em;
}

#businessNav li.search{
	display: block;
	padding: 2px 5px 0 0;
	text-align:right;
}

#businessNav li.businessNavTitle{
	font-weight:bold;
}

#pageLinker {
	border-bottom:1px solid #C3DBAB;
	border-top:1px solid #C3DBAB;
	clear: both;
	padding: 3px 0 5px 0;
	text-align: center;
}

#listTbl {
	width: 100%;
	margin: 0 auto;
	border: none;
}

.row0{
	background: #fff;
}

.row1{
	background: #F5F4CB; /*#C3DBAB;*/
}
#listTbl td {
	padding-top: 3px;
	padding-bottom: 3px;
}

/* End Business Directory styles */

/* Photo Tour Styles */

#flashcontent {
	float:center;
}

#tourcontainer .desc{
	width: 130px;
	float:left;
	margin-right: 7px;
}

/* End Photo Tour Styles */

.tab1 {
	padding-left:25px;
}
.tab2 {
	padding-left:50px;
}

.tab3 {
	padding-left:75px;
}

.tab3 {
	padding-left:100px;
}
.recycle {
	font-size:11px;
}
.government {
	width:415px;
	background-color:#bed9a4;
	border:solid 1px #406812;
}
.government_image {
	border:solid 1px #406812;
}
.location {
	padding-bottom: 0.2em;
	margin-bottom: 0.6em;
	border-bottom: solid #C3DBAB 1px;
}
.location_image {
	border:solid 1px #406812;
	float: right;
	margin:0 0 1px 25px;
}
.recycleborder {
	border-right:solid 1px black;
	border-top:solid 1px black;
}
.recycleborderend {
	border-top:solid 1px black;
}
.recycleborderright {
	border-right:solid 1px black;
}

/*Top Ten Page*/
.topTen {
	background-position:top left;
	background-repeat:no-repeat;
	padding:0 0 0 90px;
	border-bottom:1px solid #C3DBAB;
	margin:0 0 15px 0;
}
#topTen1 {
	background-image:url(/images/1.jpg);
	height:225px;
}
#topTen2 {
	background-image:url(/images/2.jpg);
	height:200px;
}
#topTen3 {
	background-image:url(/images/3.jpg);
	height:325px;
}
#topTen4 {
	background-image:url(/images/4.jpg);
	height:245px;
}
#topTen5 {
	background-image:url(/images/5.jpg);
	height:200px;
}
#topTen6 {
	background-image:url(/images/6.jpg);
	height:235px;
}
#topTen7 {	
	background-image:url(/images/7.jpg);
	height:290px;
}
#topTen8 {
	background-image:url(/images/8.jpg);
	height:235px;
}
#topTen9 {
	background-image:url(/images/9.jpg);
	height:210px;
}
#topTen10 {
	background-image:url(/images/10.jpg);
	height:210px;
}

.topTenPhotoAndCaption {
	float:right;	
	margin:0 0 0 25px;
	width:250px;
	text-align:center;
	font-size:0.75em;
	font-style:italic;
}

.topTenImage {
	border:solid 1px #406812;
	margin:0 0 10px 0;
}

/*
-----------Tables-----------
*/
table.doStyle {
	margin: 0 auto 1em auto;
	border: 1px solid #D5E9C0;
	border-collapse: collapse;
	background: #fff;
}
table.doStyle thead {
	background: #E0EFD1;
	color: #669AAE;
}
table.doStyle thead td, table.doStyle thead th {
	text-align: center;
	vertical-align: middle;
}
table.doStyle td, table.doStyle th {
	padding: 5px;
	border: 1px solid #D5E9C0;
	vertical-align: top;
}
table.doStyle .altItem {
	background: #EBF4E1;
}