/*
	UBCM - Print Stylesheet
	July 2009
	Atomic Crayon / karen@atomiccrayon.com / SMRT
*/

/* Sections flagged with =
	GENERIC
	CONTENT
	FOOTER
	SECTION-SPECIFIC
		Home
		Contact Us
		Latest News
		Latest News Archive
		Photo Gallery Listing
		Photo Gallery
		Photo
		Sitemap
		Search
		Municipal Code
		Events Calendar

*/

/* =GENERIC
----------------------------------------------------*/

* {
/*	background-color: #fff;*/
	background-image: none;
	color: #000;
}

body {
	font-size: 10pt;
	line-height: 1.6;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	line-height: 1.6;
}

/* hide these elements for printing */

#main-navigation, .skip, #section-navigation, #meta-navigation,  #search, #breadcrumbs, #top-link, #rss-feed, #related-links, #spotlight, #accessibility, #footer-links, #customize, #weather, #sub-navigation, #newsletter, #content .share_links {
	display: none;
}


/* basic styling */

h1, h2, h3, h4, h5 {
	margin: 2em 0 0 0;
	page-break-after:avoid;
	page-break-inside:avoid;
	line-height: 1.4;
}

h1 {
	font-size: 14pt;
}

h2 {
	font-size: 12pt;
}

h3, h4 {
	font-size: 10pt;
}

p {
	margin: 0 0 1em 0;
}

#print-logo {
	/*float: left;*/
	/*margin: 0 1em 1em 1em;*/
	margin: 1em 0 0 0;
	padding: 0;
	border: none;
}

p#tagline, p#heading a strong {
	display: none;
	/*margin: -1em 0 0 0;
	font-style: italic;*/
}


a {
	text-decoration: none;
}

.clear {
	clear: both;
}

label, .label {
	display: block;
	margin-top: 1em;
}

.text, select, textarea {
	display: block;
}

fieldset {
	border: none;
	padding: 0;
	margin: 0;
}



/* =CONTENT
----------------------------------------------------*/

#content {
	clear: both;
}

#content img.image-border, #content .image-shadow-wrapper img {
	border: solid 1px #d0d0d0;
	padding: .5em;
}


#content img.image-right {
	float: right;
	margin: 0 0 1.5em 1.5em;
}

#content img.image-left {
	float: left;
	margin: 0 1.5em 1.5em 0;
}


#content img.image-right-border, #content .image-shadow-float-right img {
	float: right;
	margin: 0 1px 1.5em 1.5em;
	border: solid 1px #d0d0d0;
	padding: .5em;
}

#content img.image-left-border, #content .image-shadow-float-left img {
	float: left;
	margin: 0 1.5em 1.5em 1px;
	border: solid 1px #d0d0d0;
	padding: .5em;
}



/* tables */

#content table {
	border-collapse: collapse;
	border-width: 0;
	margin: .5em 0;
}

#content table td, #content table th {
	padding: .5em;
	line-height: 1.2;
	border-collapse: collapse;
	border-width: 0;
	vertical-align: top;
}


#content table th, #content table td.header {
	text-transform: uppercase;
	font-weight: bold;
}

#content table th, #content table td h2, #content table td h3, #content table td h4 {
	margin: 0;
	text-transform: uppercase;
	text-align: left;
}

#content table.table-styled, #content table.table-striped {
	border-color: #d0d0d0;
	border-spacing: 1px;
	border-width: 1px;
	border-style: solid;
	padding: 1px;
	margin: 1px;
}

#content table.table-styled td, #content table.table-styled th, #content table.table-striped td, #content table.table-striped th {
	border-color: #d0d0d0;
	border-spacing: 0;
	border-width: 1px;
	border-style: solid;
}


#content table.table-styled th, #content table.table-styled td.header, #content table.table-striped th, #content table.table-striped td.header {
	background-color: #d0d0d0;
}

#content table p {
	margin: 0;
	line-height: 1.2;
}

/* striped rows */

#content table tr.even td {
	background-color: #eee;
}

#content table th, #content table td h2, #content table td h3, #content table td h4 {
	margin: 0;
	text-transform: uppercase;
	text-align: left;
}

#content table p {
	margin: 0;
	line-height: 1.4;
}

#content table a {
	background: transparent;
}

/* Forms */

#content fieldset {
	margin: 0 0 2em 0;
	padding: 0;
	border: none;
}

#content form div {
	overflow: auto; /* clears floats */
	padding-bottom: 1.5em;
}

#content label, #content .label {
	display: block;
	font-weight: bold;
}

#content label .note {
	font-weight: normal;
	font-size: .9em;
}

#content input.text, #content textarea, #content select {
	text-align: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1em;
	display: block;
	padding: .2em;
}

#content select {
	background-image: none;
}

#content textarea {
}

#content .required {
	display: none;
}

#content .featured {
	border-top: solid 1px #333;
	padding: .5em 0;
	margin: 1.5em 0 1em 0;
}


/* =FOOTER
----------------------------------------------------*/

#footer {
	border-top: solid 1px #333;
	padding-top: 1em;
	margin-top: 2em;
	line-height: 1.2;
}

#footer #footer-links {
	display: none;
}

/* =Home
----------------------------------------------------*/

.page-home #whats-new #rss-link, .page-home #whats-new p#view-all-news-link {
	display: none;
}

.page-home #sidebar #quicklinks {
	display: none;
}

.page-home #sidebar #spotlight {
	display: block;
}

.page-home #slider-controls {
    display: none;
}

.page-home #slider-pager {
    display: none;
}


.page-home #sidebar #spotlight img {
	position: absolute;
    top: 200px;
    display: block;
	margin: 1.7em 0 .5em 0;
	border: solid 1px #d0d0d0;
	padding: .5em;
}

.page-home #section-navigation {
	display: block;
	line-height: 1.2;
}

.page-home #section-navigation h3 {
	display: none;
}

/* =Contact Us
----------------------------------------------------*/

.page-contact #content .contact-info {
	border-bottom: solid 1px #e5e1db;
	min-height: 202px;
	position: relative;
	padding: 1em 0;
	margin: 0 0 1em 0;
}

.page-contact #content #contact-2 {
	border: none;
}

.page-contact #content .address-info {
	width: 220px;
}

.page-contact #content .address-info h2 {
	margin-top: 0;
	line-height: 1;
}

.page-contact #content .address-info a {
	display: none;
}

.page-contact #content .map {
	width: 250px;
	height: 184px;
	position: absolute;
	top: 1em;
	right: 0;
}

.page-contact #content #contact-form-area {
	display: none;
}

/* =Trade Show
----------------------------------------------------*/
.page-trade-show #content #contact-form-area {
	display: none;
}


/* =Documents
----------------------------------------------------*/

.page-documents #content .documents-listing #treecontrol {
	display: none;
}

.page-documents #content .documents-listing ul#browser ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.page-documents #content .documents-listing ul#browser li {
	list-style: none;
	margin: 0;
	padding: .2em 0;
	min-height: 15px;
	line-height: 1.2;
}

.page-documents #content .documents-listing ul#browser li.last {
	padding-bottom: 0;
}

.page-documents #content .documents-listing ul#browser li ul {
	display: block !important;
}

.page-documents #content .documents-listing ul#browser li ul li {
	padding: .3em 0 .3em 20px;
}

.page-documents #content .documents-listing ul#browser li .folder {
	display: block;
	padding-left: 37px;
	background-image: url(../images/icon-folder.png);
	background-position: left center;
	background-repeat: no-repeat;
}

.page-documents #content .documents-listing ul#browser li .file a {
	display: block;
	padding-left: 37px;
	background-image: url(../images/icon-document.png);
	background-position: left center;
	background-repeat: no-repeat;
}

/* =Events
----------------------------------------------------*/
.section-events #content form.events-form {
	display: none;
}

.section-events #content table#events-listing-table {
	width: 100%;
}

.section-events #content table#events-listing-table tr th {
	font-weight: normal;
	text-transform: none;
	padding: 9px 10px 9px 0;
	width: 30%;
	border-bottom: solid 1px #c4c4c4;
	line-height: 1.6;
}

.section-events #content table#events-listing-table tr td {
	font-weight: normal;
	text-transform: none;
	padding: 9px 10px 9px 0;
	width: 60%;
	border-bottom: solid 1px #c4c4c4;
	line-height: 1.6;
}

.section-events #content table#events-listing-table tr td .story-title {
	font-weight: bold;
}


/* =What's New
----------------------------------------------------*/
.section-whats-new #content #whats-new ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.section-whats-new #content #whats-new ul li {
	margin: 0 0 2em 0;
	padding: 0;
	list-style: none;
	clear: both;
}

.section-whats-new #content #whats-new ul li h3 {
	margin: 0 0 .2em 0;
}

.section-whats-new #content #whats-new ul li p.date {
	display: block;
	margin: 0 0 .5em 0;
	font-weight: bold;
}

.section-whats-new #content #whats-new ul li .thumbnail img {
	display: block;
	float: left;
	margin: .4em 1.5em 0.5em 0;
	padding: 4px;
	border: solid 1px #e5e5e5;
}

.section-whats-new #content #whats-new ul li .blurb {
	display: inline;
	line-height: 1.6;
}

.section-whats-new #content #whats-new ul li .blurb p {
	display: inline;
}

.section-whats-new #content #whats-new ul li p.read-more {
	display: none;
}

/* =Latest News Archive
----------------------------------------------------*/
.section-whats-new #content #news-archive {
	margin-top: 1em;
}

.section-whats-new #content #news-archive ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.section-whats-new #content #news-archive ul li {
	padding: 0;
	margin: 0 0 1.5em 0;
	list-style: none;
}

.section-whats-new #content #news-archive ul li p.title {
	margin: 0;
	font-weight: bold;
	line-height: 1.4;
}

.section-whats-new #content #news-archive ul li p.date {
	display: block;
	margin: 0;
	line-height: 1.2;
}

/* =Photo Gallery Listing
----------------------------------------------------*/

#content #photo-gallery-listing .gallery {
	margin: 2.5em 0;
	padding: 0;
}

#content #photo-gallery-listing .gallery h2 {
	font-size: 1.2em;
	display: block;
	color: #000;
}

#content #photo-gallery-listing .gallery p.more-link {
	display: none;
}

#content #photo-gallery-listing .gallery ul {
	margin: .5em 0 0 0;
	padding: 0;
	list-style: none;
}

#content #photo-gallery-listing .gallery ul li {
	padding: 0;
	list-style: none;
	float: left;
	margin: 8px 8px 16px 0;
	width: 137px;
	height: 108px;
	padding: 5px;
	border: solid 1px #d0d0d0;
	background-color: #fff;
	overflow: hidden;
	position: relative;
}

#content #photo-gallery-listing .gallery ul li a {
	display: block;
	position: absolute;
	background-color: #fff;
	width: 137px;
	height: 108px;
	padding: 5px;
	text-align: center;
	color: #000;
	text-decoration: none;
	top: 0;
	left: 0;
	cursor: pointer;
}
#content #photo-gallery-listing .gallery ul li a .title {
	display: none;
}

#content #photo-gallery-listing .gallery ul li a .image {
	display: block;
	width: 137px;
	height: 108px;
	overflow: hidden;
	background-color: #eee;
}

#content #photo-gallery-listing .gallery ul li a .image img {
	display: block;
	overflow: hidden;
	border: none;
}

/* =Photo Gallery
----------------------------------------------------*/

#content #photo-gallery {
	margin: 2.5em 0;
	padding: 0;
	clear: both;
}


#content #photo-gallery ul {
	margin: .5em 0 0 0;
	padding: 0;
	list-style: none;
}

#content #photo-gallery ul li {
	margin: 0 8px 16px 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 137px;
	height: 108px;
	padding: 5px;
	border: solid 1px #d0d0d0;
	background-color: #fff;
	overflow: hidden;
	position: relative;
}

#content #photo-gallery ul li a {
	display: block;
	position: absolute;
	background-color: #fff;
	width: 137px;
	height: 108px;
	padding: 5px;
	text-align: center;
	color: #000;
	text-decoration: none;
	top: 0;
	left: 0;
	cursor: pointer;
}
#content #photo-gallery ul li a .title {
	display: none;
}

#content #photo-gallery ul li a .image {
	display: block;
	width: 137px;
	height: 108px;
	overflow: hidden;
	background-color: #eee;
}

#content #photo-gallery ul li a .image img {
	border: none;
}

/* =Photo
----------------------------------------------------*/

#content #photo {
}

#content h2#photo-title {
	margin: .5em 0;
	color: #000;
	/*clear: both;*/
}

#content #photo .main-photo {
	display: block;
	width: 484px;
	text-align: center;
	border: solid 1px #d0d0d0;
	padding: 8px;
	background-color: #fff;
	margin: 10px 0;
	overflow: hidden;
}

#content #photo .main-photo img {
	display: block;
}

#content #photo #blurb {
	line-height: 1.6;
	text-align: left;
	padding-bottom: 8px;
}

#content #photo-navigation {
	display: none;
}

/* =Sitemap
----------------------------------------------------*/

#content #sitemap-intro {
	display: none;
}

#content #sitemap {
	clear: both;
}

#content #sitemap .slider ul li ul.sitemap-1 {
	display:block !important;
}

/* =Search
----------------------------------------------------*/

#content #search-instructions, #content .searchform, #content #did-you, #content .paging {
	display: none;
}

/* =Resolution
----------------------------------------------------*/

.page-resolution #content .resolution-nav {
	display: none;
}


.page-resolution #content .resolution h4 {
	font-size: 1em;
}

/* Info Bar */

.page-resolution #content .resolution .info {
	margin-bottom: 1.5em;
}

.page-resolution #content .resolution .info h4 {
	line-height: 1.4;
	padding: 0 0 .3em 0;
}

.page-resolution #content .resolution .info p {
	margin: 0;
	padding: 0;
	line-height: 1.4;
}

.page-resolution #content .resolution .info .data {
	padding: .3em 10px 0 0;
}


.page-resolution #content .resolution .info .year {
	float: left;
	width: 8%;
	margin-right: 4%;
}

.page-resolution #content .resolution .info .number {
	float: left;
	width: 8%;
	margin-right: 4%;
}

.page-resolution #content .resolution .info .title {
	float: left;
	width: 41%;
}

.page-resolution #content .resolution .info .sponsor {
	float: right;
	width: 30%;
}

/* Main Text */

.page-resolution #content .resolution .text {
	float: left;
	width: 65%;
}

.page-resolution #content .resolution .text h4 {
	padding: 0 0 .3em 0;
	margin: 0 0 .3em 0;
}

.page-resolution #content .resolution .text .data {
	margin-bottom: 1.5em;
	line-height: 1.6;
}

/* Decision Sidebar */

.page-resolution #content .resolution .decision {
	float: right;
	width: 30%;
}

.page-resolution #content .resolution .decision h4 {
	padding: 0 0 .3em 0;
	margin: 0 0 .3em 0;
}

.page-resolution #content .resolution .decision .data {
	margin-bottom: 1.5em;
	line-height: 1.6;
}

/* =Resolution Search Results
----------------------------------------------------*/

.page-resolution-search-results #content .results-nav .paging,  .page-resolution-search-results #content .results-nav .prev-next, .page-resolution-search-results #content .results-nav .new-search-link {
	display: none;
}

.page-resolution-search-results #content .results-nav .numbers {
	padding-top: 1em;
}

/* =Widget
--------------------------------------------------*/

.widget {
	margin: 1em 0 2em 0;
}