/* structure.css are the styles for the DIVs in a website and should not contain
any typographic or content-related styles for a site. The styles within are strictly
used to create the layout/structure of the website and, as such, this style sheet 
will (almost) never need to be altered by the client or back-end programmers. */

/* ----- comment styles well for better reference later! ----- */
/* ----- try to lay this out in the following sections and from top to bottom on pages ----- */


/* ----------------------------------------------------------------------------------- STYLES FOR ALL PAGES */

/* ------------------------- Main Wrap */

#uber {
	position: relative;
	margin: 0 auto;
	width: 960px;
	font-size: 1.3em;
	background-color: #fff;
}


/* ------------------------- Head Area */

#head {
	position: relative;
	width: 100%;
	height: 96px;
	z-index: 200;
}

/* Logo */

#logo {
	position: absolute;
	top: 40px;
	width: 250px;
}

/* Navigation Area Wrap */

#navigationAreaWrap {
	float: right;
	text-align: right;
}

/* Site Selection Navigation */

#siteSelectNavigation {
	position: absolute;
	right: 0;
	width: 355px;
}

#siteSelectNavigation li {
	float: left;
}

#siteSelectNavigation li a {
	display: block;
	height: 21px;
	background: url(/images/structure/siteSelectNavigation.gif);
	text-indent: -9999px;
	font-size: 1%;
	overflow: hidden;
}

#siteSelectNavigation li#township a {
	left: 0;
	width: 136px;
	background-position: 0 0;
}

#siteSelectNavigation li#economic a {
	left: 0;
	width: 219px;
	background-position: -136px 0;
}

#siteSelectNavigation li#township a:hover {
	background-position: 0 21px;
}

#siteSelectNavigation li#economic a:hover {
	background-position: -136px 21px;
}

/* Support Navigation */

#supportNavigation {
	position: absolute;
	top: 29px;
	right: 0;
	font-size: 12px;
}

#supportNavigation li {
	float: left;
}

#supportNavigation li a {
	padding: 0 12px;
	border-right: 1px solid;
	font-weight: bold;
	color: #666;
	line-height: 22px;
}

#supportNavigation li a.last {
	border-right: none;
}

/* Search Box */

#search {
	margin: 0 0 0 10px;
	width: 168px;
	height: 22px;
	background: url(/images/structure/searchbox.gif) 0 0 no-repeat;
}

#search input {
	float:left;
}

#search .inputbox {
	position: relative;
	width: 125px;
	height: 15px;
	top: 4px;
	left: 8px;
	border: none;
	background: none;
	font-size: 12px;
	font-weight: bold;
	color: #666;
}

#search .gobutton {
	position: relative;
	width: 31px;
	height: 22px;
	top: 0px;
	left: 12px;
}


/* Main Navigation */

/* See NAV.CSS file for stylings. */


/* ------------------------- Footer Area */

#footer {
	margin-top: 20px;
	padding-top: 12px;
	width: 100%;
	border-top: 5px solid #006699;
	font: 10px Verdana, Geneva, sans-serif;
}

#footer p {
	font-size: 10px;
}

#footer .copyright {
	float: left;
}

#footer .address {
	float: right;
}

#footerlinks {
	float: left;
	margin: 0 30px;
}

#footerlinks li {
	float: left;
	border-right: 1px solid;
	padding: 0 15px 0 15px;
}

#footerlinks li.last {
	border-right: none;
}

.designedBy {
	clear: both;
	float: right;
	padding-bottom: 20px;
}


/* ---------------------------------------------------------------------------------- STYLES HOME PAGE ONLY */

/* ------------------------- Banner Area */

#banner {
	width: 100%;
	height: 178px;
}


/* ------------------------- Content Container */

#h_contentContainer {
	width: 100%;
}


/* ------------------------- Content - Left Information Area */

#h_contentContainer .content {
	float: left;
	padding: 19px;
	width: 328px;
	overflow: hidden;
	background: url(/images/structure/h_contentGradientBg.jpg) 0 0 no-repeat;
}


/* ------------------------- Content - Right Links Container */

#h_contentLinksContainer_outer {
	float: left;
	margin: 19px 0 0 237px;
	width: 357px;
	background: url(/images/structure/h_quickLinksBox_bg.gif) 0 0 repeat-y;
}

#h_contentLinksContainer_inner {
	float: left;
	width: 357px;
	background: url(/images/structure/h_quickLinksBox_bottom.gif) left bottom no-repeat;
}


/* ------------------------- Content - Quick Links */

#h_quickLinksContainer {
	float: left;
	width: 178px;
}
#h_quickLinks {
	float: left;
	padding: 17px;
	width: 144px;
	background: url(/images/structure/h_quickLinksBox_top.gif) 0 0 no-repeat;
	font-size: 12px;
}

#h_quickLinks li {
	padding-bottom: .25em;
	padding-left: 12px;
	line-height: 1.3;
	background: url(/images/structure/h_quickLinks_arrow.gif) 0 4px no-repeat;
}


/* ------------------------- Content - Additional Links */

#h_additionalLinksContainer {
	float: left;
	width: 170px;
	margin-left: 9px;
}

#h_additionalLinks {
	width: 170px;
}

#h_additionalLinks li {
	float: left; /* This corrects the */
	width: 100%; /* IE whitespace bug */
	padding-bottom: 9px;
	font-size: 1%;
	text-indent: -9999px;
	overflow: hidden;
}

#h_additionalLinks a {
	display: block;
	height: 33px;
}

li#h_additionalLinks_news a {
	background: url(/images/structure/h_additionalLinks_news.jpg) 0 0 no-repeat;
}

li#h_additionalLinks_commEvents a {
	background: url(/images/structure/h_additionalLinks_commEvents.jpg) 0 0 no-repeat;
}

li#h_additionalLinks_news a:hover {
	background-position: 0 bottom;
}

li#h_additionalLinks_commEvents a:hover {
	background-position: 0 bottom;
}

#h_weatherForecast {
	float: left;
	clear: both;
	border: 1px solid #c6c7c8;
}


/* ------------------------- Random Photos Area */

#h_randomPhotosContainer {
	z-index: 1;
	position: absolute;
	left: 349px;
	top: 158px;
	width: 254px;
	height: 318px;
}


/* -------------------------------------------------------------------------- STYLES FOR CONTENT PAGES ONLY */

/* ------------------------- Breadcrumbs Area */

#breadcrumbs {
	width: 100%;
	height: 33px;
	background: #4d9bee url(/images/structure/breadcrumb_bg.jpg) 0 0 repeat-x;
}

#breadcrumbs ul {
	margin-left: 288px;
	padding-top: 9px;
}

#breadcrumbs li {
	float: left;
	padding-right: 10px;
	font-size: 12px;
	color: #fff;
}

#breadcrumbs a {
	color: #fff;
}

#breadcrumbs .on {
	font-weight: bold;
}


/* ------------------------- Main Area Container */

#mainContainer {
	width: 100%;
	background: url(/images/structure/contentGradientBg.jpg) 270px 0 no-repeat;
}


/* ------------------------- Sub Nav Area */

/* See SUBNAV.CSS file for stylings. */


/* ------------------------- Content Area */

#contentContainer {
	float: left;
	margin: 0 18px;
	width: 654px;
}

#contentContainerWide
{
	float: left;
	margin: 0 18px;
	width: 924px;
	background-color: #ffffff;
}

/* ------------------------- Actions */

#actions {
	position: relative;
	float: right;
	width: 100%;
	margin: 5px 0 15px;
	text-align: right;
}

/* Common Link Styles For All Actions */

a.rssLink, a.rssLink:active, a.rssLink:visited,
a.emailLink, a.emailLink:active, a.emailLink:visited,
a.printLink, a.printLink:active, a.printLink:visited,
.fontSizeWrap {
	display: block;
	float: right;
	height: 19px;
	overflow: hidden;
	margin-left: 20px;
}

.fontSize,
a.fontSizeReset, a.fontSizeReset:active, a.fontSizeReset:visited,
a.fontSizeIncrease, a.fontSizeIncrease:active, a.fontSizeIncrease:visited,
a.fontSizeDecrease, a.fontSizeDecrease:active, a.fontSizeDecrease:visited {
	display: block;
	float: left;
	height: 19px;
	overflow: hidden;
	margin-left: 4px;
}

/* RSS Link */

a.rssLink, a.rssLink:active, a.rssLink:visited {
	width: 69px;
	background: transparent url(/images/action_icons/rss_feeds.png) no-repeat 0px 0px;
}

a.rssLink:hover {background-position: 0px -19px;}

/* Email Link */

a.emailLink, a.emailLink:active, a.emailLink:visited {
	width: 50px;
	background: transparent url(/images/action_icons/email_version.png) no-repeat 0px 0px;
}
a.emailLink:hover {background-position: 0px -19px;}

/* Print Link */

a.printLink, a.printLink:active, a.printLink:visited {
	width: 77px;
	background: transparent url(/images/action_icons/print_version.png) no-repeat 0px 0px;
}
a.printLink:hover {background-position: 0px -19px;}

/* Font Size */

a.fontSizeReset, a.fontSizeReset:active, a.fontSizeReset:visited {
	width: 13px;
	background: transparent url(/images/action_icons/font_size_reset.png) no-repeat 0px 0px;
}
a.fontSizeReset:hover {background-position: 0px -19px;}

a.fontSizeIncrease, a.fontSizeIncrease:active, a.fontSizeIncrease:visited {
	width: 13px;
	background: transparent url(/images/action_icons/font_size_increase.png) no-repeat 0px 0px;
}
a.fontSizeIncrease:hover {background-position: 0px -19px;}

a.fontSizeDecrease, a.fontSizeDecrease:active, a.fontSizeDecrease:visited {
	width: 13px;
	background: transparent url(/images/action_icons/font_size_decrease.png) no-repeat 0px 0px;
}
a.fontSizeDecrease:hover {background-position: 0px -19px;}

/*

	Site Map
	
*/

.siteMapSection
{
	width: 288px;	
	float: left;
	padding-right: 30px;
	margin-bottom: 30px;
}

.siteMapSection a, .siteMapSection span.heading a
{
    font-size: 12px;
	display: block;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	color: #006699;
}

.siteMapSection span.heading
{
	display: block;
	font-weight: bold;
	border-bottom: solid 1px #989898;
	font-size: 14px;
	color: #006699;
}

.siteMapSection span.heading a
{
	margin: 0px 0px 0px 0px;
	font-size: 14px;
	color: #006699;
	text-decoration: none;
}



/*

	Datagrid Styles (search page)

*/

.gridHeader, .gridHeader td
{
	background-color: #1e73c5;
	color: #ffffff;
	font-weight: bold;
	padding: 5px;
}

.gridRow, .gridRow td
{
	background-color: #ffffff;
	padding: 5px;
}

.gridAltRow, .gridAltRow td
{
	background-color: #ecf5fb;
	padding: 5px;
}