/* 
	LGMA - Print Stylesheet
	May 2009
	Atomic Crayon / karen@atomiccrayon.com / SMRT
*/

/* Sections flagged with =
	GENERIC
	CONTENT
	FOOTER
	SECTION-SPECIFIC
		Home
		Feedback Form
		What's New
		What's New 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, #accessibility, #footer-links, #customize, #weather, #sub-navigation, #link-learn-more {
	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: right;
	margin: -1em 1em 1em 1em;
	border: none;
}

p#tagline {
	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 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 0 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 0;
	border: solid 1px #d0d0d0;
	padding: .5em;
}



/* tables */

#content table {
	border-collapse: collapse;
	border-width: 0;
	margin: .5em 0
	padding-right: 10px;
	position: relative;
}

#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: 2px;
	margin: 2px;
}

#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;
}

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

#footer  {
	border-top: solid 1px #d0d0d0;
	padding-top: 1em;
	margin-top: 2em;
	position: static !important;
}

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

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

.page-home #content #news-col #rss-link, .page-home #content #news-col p#view-news-link, .page-home #section-navigation, .page-home #sidebar #spotlight #view-spotlight-link, .page-home #sidebar .spacer {
	display: none;
}

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

.page-home #sidebar #spotlight img {
	display: block;
	margin: .5em 0;
}


/* =Feedback Form
----------------------------------------------------*/

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

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

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

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

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

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

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

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

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

/* =What's New Archive
----------------------------------------------------*/
.section-new #content #latest-news-archive {
	margin-top: 1em;
}

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

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

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

.section-new #content #latest-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;
	clear: both;
}

#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: 107px;
	padding: 9px;
	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: 107px;
	padding: 7px;
	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: 107px;
	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 18px 13px 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 137px;
	height: 107px;
	padding: 7px;
	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: 107px;
	padding: 7px;
	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: 107px;
	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: 528px;
	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;
}

.page-search #content .searchresult a.title {
	font-weight: bold;
}

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

.section-contact #content .department {
	width: 580px;
	clear: both;
	margin: .5em 0;
}

.section-contact #content .department h2 {
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 1em;
	background-color: #efefef;
	border-bottom: solid 1px #e1e1e1;
	padding: 9px;
	margin: 0;
}

.section-contact #content .department ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.section-contact #content .department ul li {
	list-style: none;
	margin: 0;
	padding: 9px 0;
	clear: both;
	min-height: 20px;
	border-bottom: solid 1px #e1e1e1;
	min-height: 68px;
	line-height: 1.6;
}

.section-contact #content .department ul li .name-wrapper {
	width: 140px;
	min-height: 68px;
	float: left;
	padding: 0 9px 0 89px;
	border-right: solid 1px #e1e1e1;
	position: relative;
}

.section-contact #content .department ul li .name-wrapper .photo-wrapper {
	width: 64px;
	height: 64px;
	padding: 3px;
	border: solid 1px #e1e1e1;
	display: block;
	position: absolute;
	top: 0;
	left: 9px;
	overflow: hidden;
}

.section-contact #content .department ul li .name-wrapper .photo-wrapper img {
	max-height: 64px;
	max-width: 64px;
	overflow: hidden;
}

.section-contact #content .department ul li .name-wrapper a {
	text-decoration: none;
}

.section-contact #content .department ul li .name-wrapper .fn {
	display: block;
	font-weight: bold;
}

.section-contact #content .department ul li .tel-wrapper {
	width: 103px;
	float: left;
	padding: 0 9px;
	border-right: solid 1px #e1e1e1;
	min-height: 68px;
}

.section-contact #content .department ul li .tel-wrapper .type-wrapper {
	font-size: .9em;
	font-weight: bold;
	display: block;
}

.section-contact #content .department ul li .tel-wrapper .phone {
	margin: 0 0 .6em 0;
}

.section-contact #content .department ul li .tel-wrapper .phone .type-wrapper .type {
	display: block;
	position: absolute;
	left: -9999px;
}

.section-contact #content .department ul li .email-wrapper {
	width: 200px;
	float: right;
	padding: 0 9px;
	min-height: 68px;
}

.section-contact #content .department ul li .email-wrapper .type-wrapper {
	font-size: .9em;
	font-weight: bold;
	display: block;
}

/* =Directors
----------------------------------------------------*/


#content #directors .department {
	width: 580px;
	clear: both;
	margin: .5em 0;
}

#content #directors .department h2 {
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 1em;
	background-color: #efefef;
	border-bottom: solid 1px #e1e1e1;
	padding: 9px;
	margin: 0;
}

#content #directors .department ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#content #directors .department ul li {
	list-style: none;
	margin: 0;
	padding: 9px 0;
	clear: both;
	border-bottom: solid 1px #e1e1e1;
	min-height: 68px;
	line-height: 1.6;
}

#content #directors .department ul li .name-wrapper {
	width: 140px;
	/*min-height: 68px;*/
	float: left;
	padding: 0 9px 0 89px;
	border-right: solid 1px #e1e1e1;
	position: relative;
}

#content #directors .department ul li .name-wrapper .photo-wrapper {
	width: 64px;
	height: 64px;
	padding: 3px;
	border: solid 1px #e1e1e1;
	display: block;
	position: absolute;
	top: 0;
	left: 9px;
	overflow: hidden;
}

#content #directors .department ul li .name-wrapper .photo-wrapper img {
	max-height: 64px;
	max-width: 64px;
	overflow: hidden;
}

#content #directors .department ul li .name-wrapper a {
	text-decoration: none;
}

#content #directors .department ul li .name-wrapper .fn {
	display: block;
	font-weight: bold;
}

#content #directors .department ul li .tel-wrapper {
	width: 103px;
	float: right;
	padding: 0 9px;
	border-left: solid 1px #e1e1e1;
	min-height: 68px;
}

#content #directors .department ul li .tel-wrapper .type-wrapper {
	font-size: .9em;
	font-weight: bold;
	display: block;
}

#content #directors .department ul li .tel-wrapper .phone {
	margin: 0 0 .6em 0;
}

#content #directors .department ul li .tel-wrapper .phone .type-wrapper .type {
	display: block;
	position: absolute;
	left: -9999px;
}

#content #directors .department ul li .email-wrapper {
	width: 200px;
	float: right;
	padding: 0 9px;
}

#content #directors .department ul li .email-wrapper .type-wrapper {
	font-size: .9em;
	font-weight: bold;
	display: block;
}

#content #directors .department ul li .bio-wrapper { /* ie6.css */
	width: 369px;
	float: left;
	margin:  0 0 0 89px;
	padding: 0;
}

#content #directors .department ul li .bio-wrapper .type-wrapper {
	font-size: .9em;
	font-weight: bold;
	display: block;
}