/* 
	City of Nanaimo - Main Stylesheet
	April 2008
	Atomic Crayon / karen@atomiccrayon.com / SMRT
*/


/* reset styles via myerweb.com */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
/*dl, dt, dd, ol, ul, li,*/
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* COLOURS

#f7f6f4 - light beige - header background
#f4f2ef - light beige - table stripes
#eae7e2 - darker beige - table header background
#74623a - brown - Department section headline

#0a65ab - medium blue - links
#3d6087 - darker blue - link underlines
#59759d - another blue - drop-down background
#2a4c78 - another darker blue - drop-down hovers

#669999 - aqua - Business section headline
#64789d - dull blue - Municipal Hall section headline

#719a21 - green - Visitors section headline
#baba94 - olive - link hover underlines

#fdfbc0 - light yellow - Search highlights, Contact errors

#c16e2b - dark orange - Residents section headline

#c53636 - red - Error messages

#c0c0c0 - light grey - image borders
#636363 - dark grey - home page, Public Notices
#686868 - dark grey - body text

*/


/* Sections flagged with =
	GENERIC
	WRAPPER
	HEADER
	BREADCRUMBS
	MAIN-WRAPPER
	MAIN
	CONTENT
	BREADCRUMBS
	SUB-NAVIGATION
	SIDEBAR
	SECTION-NAVIGATION
	NAVIGATION (main)
	SEARCH
	MINOR-NAVIGATION
	WEATHER
	CULTURAL-CAPITAL
	FOOTER
	SECTION-SPECIFIC
		Home
		What's New
		Public Notices
		Residents
		Business
		Visitors
		Municipal Hall
		Want (I Want To...)
		Secure
		Sitemap
		Search Results
		Contact
		Gallery
		Single Gallery
		Application
		Building Inspection Search Results
*/

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

body {
	background-color: #636363;
	color: #282828;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
}

h1, h2, h3, h4 {
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-weight: normal;
}

a:link, a:visited {
	color: #0a65ab;
	text-decoration: none;
}

a:focus, a:hover, a:active {
	color: #282828;
	text-decoration: none;	
}


.right {
	float: right;
	margin: 0 0 1.5em 1.5em;
}

.left {
	float: left;
	margin: 0 1.5em 1.5em 0;
}

.plain {
	float: none;
	border: none !important;
	padding: 0 !important;
}

.cms-button img {
	border: none !important;
	padding: 0 !important;	
}
.cms-button a {
	border: none !important;
}

a.cms_grey:link, a.cms_grey:visited {
	color: #999;
}

a.cms_grey:focus, a.cms_grey:hover, a.cms_grey:active {
	border: none;
	text-decoration: none;
}

.clear {
	clear: both;
}

.button {
/* form submit button styling*/
	background-color: #474747;
	color: #fff;
	border: solid 2px #fff;
	outline: solid 1px #c0c0c0;
	padding: .2em .4em;
/*	padding: 2px 4px;*/
/*	width: 100px;*/
}


fieldset {
	margin: .5em 0;
	padding: .5em 0;
}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;	
}


/* =HEADER
----------------------------------------------------*/

#header {
	width: 100%;
	height: 280px;
	position: relative;
	z-index: 10;
}


/* left and right for tiling header backgrounds */

#header #header-left, #header #header-right {
	position: relative;
	height: 280px;
	background-repeat: repeat-x;
}

#header #header-left {
	width: 50%;
	z-index: 20;
	background-image: url(images/header-left-bk.png);
	background-position: right top;
}

#header #header-right {
	float: right;
	width: 50%;
	margin-top: -280px;
	z-index: 10;
	background-image: url(images/header-right-bk.png);
	background-position: 494px 0;
}

#header #brand {
	position: relative;
	width: 988px;
	height: 280px;
	margin: -280px auto 0 auto;
	background-image: url(images/header-bk.png);
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 30;
}

#header #brand #heading a { /* ie6.css */
	display: block;
	width: 244px;
	height: 80px;
	background-image: url(images/logo-screen.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 5px;
	left: 0;
	text-indent: -9999px;	
}

#header #brand #print-logo {
	display: none;
}

#header #brand #header-photo { /* set on a section-by-section basis */
	width: 988px;
	height: 193px;
	position: absolute;
	top: 87px;
	left: 0;
/*	background-image: url(images/header-photo.jpg);*/
	background-image: url(images/header-photo-default.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
}

/* =WRAPPER
----------------------------------------------------*/
#wrapper-1 {
	background-color: #fff;
	background-image: url(images/main-inside-bk.png);
	background-repeat: repeat-x;
	background-position: 0 0;
	min-width: 988px;
}

#wrapper-2 {
	position: relative;
	width: 988px;
	margin: 0 auto;
	z-index: 30;
}


/* =ACCESSIBILITY
----------------------------------------------------*/

#accessibility {
	position: relative;
	width: 988px;
	margin: 0 auto;
	z-index: 30;
}

#accessibility #accessibility-inside {
	position: absolute;
	top: 8px;
	left: 818px;
}

#accessibility #skip-links {
	position: absolute;
	top: -282px;
	left: -426px;
}

#accessibility #skip-links strong, #accessibility #skip-links span {
	display: none;
}

#accessibility #skip-links a:link, #accessibility #skip-links a:visited, #accessibility #skip-links a:hover {
	position: absolute;
	width: 1px;
	height: 1px;
	left: 0;
	top: -500px;
	display: block;
}

#accessibility #skip-links a:focus, #accessibility #skip-links a:active {
	position: static;
	width: auto;
	height: auto;
	color: #000;
	background-color: #fff;
	font-weight: bold;
	padding: .2em;
	font-size: 1.2em;
}

#accessibility #style-switch {
	position: absolute;
	top: 2.5em;
	top: 30px;
	left: 0;
	width: 165px;
	/*height: 1.2em;*/
	font-size: .9em;
	color: #282828;
	padding: .5em 0 .9em 5px;
	background-image: url(images/dotted-line-horizontal.png);
	background-repeat: repeat-x;
	background-position: bottom left;
}

#accessibility #style-switch strong {
	display: none;
}

#accessibility #text-size { /* ie6.css */
	position: absolute;
	top: 0;
	left: 0;
	width: 165px;
	height: 1em;
	font-size: .9em;
	color: #42648a;
	padding: 0 0 1.4em 5px;
	background-image: url(images/dotted-line-horizontal.png);
	background-repeat: repeat-x;
	background-position: bottom left;
}

#accessibility #text-size a {
	color: #42648a;
	padding: 5px;
}

#accessibility #text-size a:focus,  #accessibility #text-size a:hover,  #accessibility #text-size a:active,  #accessibility #text-size a.selected {
	background-color: #42648a;
	color: #fff;
}

#accessibility #text-size {
	font-size: 11px;	
}

#accessibility #text-size .small {
	font-size: 9px;
}

#accessibility #text-size .medium {
	font-size: 14px;
}

#accessibility #text-size .large {
	font-size: 18px;
}


/* =MAIN-WRAPPER
----------------------------------------------------*/

#main-wrapper {
	width: 100%;
	background-image: url(images/main-bk.png);
	background-repeat: repeat-x;
	background-position: center 17px;
	position: relative;
	top: -17px;
	z-index: 20;
	padding-bottom: 2em;
}


/* =MAIN
----------------------------------------------------*/

#main-wrapper #main {
	width: 988px;
	margin: 0 auto;
}

#main-wrapper #main-inside {
	width: 988px;
	margin: 0 auto;
}



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

#main-wrapper #main #content-wrapper {
	float: left;
	width: 100%;
	margin-top: 17px;
}

#main-wrapper #main #content-wrapper {
	background-image: url(images/content-bk.png);
	background-repeat: no-repeat;
}

#main-wrapper #main #content-wrapper #content {
	/*border-right: solid 1px #c0c0c0;*/
	padding-right: 10px;
	margin: 0 185px 0 248px;
}

#main-wrapper #main #content-wrapper #content h1, #main-wrapper #main #content-wrapper #content h2, #main-wrapper #main #content-wrapper #content h3,  #main-wrapper #main #content-wrapper #content h4 {
	color: #282828;
	font-weight: bold;
	margin: 2em 0 .5em 0;
	line-height: 1.2;
	font-size: 1.6em;
}

#main-wrapper #main #content-wrapper #content h3 {
	font-size: 1.3em;
}

#main-wrapper #main #content-wrapper #content h4 {
	font-size: 1.1em;
	margin-bottom: 0;
	/*text-transform: uppercase;*/
}

#main-wrapper #main #content-wrapper #content h1#headline { /* color changes by section */
	color: #555555;
	font-weight: normal;
	font-size: 1.9em;
	line-height: 1.2;
	margin: 0 0 .5em 0;
}

#main-wrapper #main #content-wrapper #content a:link, #main-wrapper #main #content-wrapper #content a:visited {
	color: #0a65ab;
	text-decoration: underline;
	/*border-bottom: solid 1px #3d6087;*/
}

#main-wrapper #main #content-wrapper #content a:focus, #main-wrapper #main #content-wrapper #content a:hover, #main-wrapper #main #content-wrapper #content a:active {
	color: #686868;
	/*border-bottom: solid 1px #baba94;*/	
}

#main-wrapper #main #content-wrapper #content p {
	line-height: 1.8;
	margin: 0 0 1.4em 0;
}
#main-wrapper #main #content-wrapper #content ul, #main-wrapper #main #content-wrapper #content ol {
	margin-top: 1.6em;
	margin-bottom: 1.6em;
}

#main-wrapper #main #content-wrapper #content li {
	line-height: 1.5;
	margin-bottom: .3em;
}

/* edit - Feb 26/09 - Karen */
#main-wrapper #main #content-wrapper #content ul li ul, #main-wrapper #main #content-wrapper #content ol li ol {
	margin-top: .2em;
	margin-bottom: 0;
}
/* end edit */

#main-wrapper #main #content-wrapper #content .border {
	border: solid 1px #c0c0c0;
	padding: 6px;
	background-color: #fff;
}


/* added extra float/border styles - Dec 30 2008 - karen@atomiccrayon.com */

#main-wrapper #main #content-wrapper #content .right-border {
	float: right;
	margin: 0 0 1.5em 1.5em;
	border: solid 1px #c0c0c0;
	padding: 6px;
	background-color: #fff;
}

#main-wrapper #main #content-wrapper #content .left-border {
	float: left;
	margin: 0 1.5em 1.5em 0;
	border: solid 1px #c0c0c0;
	padding: 6px;
	background-color: #fff;
}


/* end extra float/border styles */


#main-wrapper #main #content-wrapper #content a.skip:link, #main-wrapper #main #content-wrapper #content a.skip:visited, #main-wrapper #main #content-wrapper #content a.skip:hover {
	position: absolute;
	width: 1px;
	height: 1px;
	left: 0;
	top: -9999px;
}

#main-wrapper #main #content-wrapper #content a.skip:focus, #main-wrapper #main #content-wrapper #content a.skip:active {
	position: static;
	width: auto;
	height: auto;
	color: #282828;
	background-color: #fff;
	font-weight: bold;
	padding: .2em;
	font-size: 1.2em;
	border: solid 1px #000;
}


/* form styles */


#main-wrapper #main #content-wrapper #content input, #main-wrapper #main #content-wrapper #content select, #main-wrapper #main #content-wrapper #content textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

#main-wrapper #main #content-wrapper #content input.coolButtons {
	border: solid 1px #000;
}

/* table styles */

#main-wrapper #main #content-wrapper #content table {
	border-collapse: collapse;
	border-style: solid;
	border-color: #c0c0c0;
	border-spacing: 0;
	border-width: 1px;
	margin: .5em 0;
}

#main-wrapper #main #content-wrapper #content table td, #main-wrapper #main #content-wrapper #content table th {
	padding: .5em;
	line-height: 1.2;
	border-collapse: collapse;
	border-color: #c0c0c0;
	border-spacing: 0;
	border-width: 1px;
	border-style: solid;
	vertical-align: top;
}

#main-wrapper #main #content-wrapper #content table tr.even td {
	background-color: #f4f2ef;
}

#main-wrapper #main #content-wrapper #content table th, #main-wrapper #main #content-wrapper #content table td.table-header {
	background-color: #eae7e2;
	font-weight: bold;
}

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

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

/* plain tables -- no styling */

#main-wrapper #main #content-wrapper #content table.plain {
	border-collapse: collapse;
	border-style: solid;
	border-color: #fff;
	border-spacing: 0;
	border-width: 0;
	margin: .5em 0;
}

#main-wrapper #main #content-wrapper #content table.plain td, #main-wrapper #main #content-wrapper #content table.plain th {
	line-height: 1.2;
	border-collapse: collapse;
	border-color: #fff;
	border-spacing: 0;
	border-width: 0;
	border-style: solid;
}


#main-wrapper #main #content-wrapper #content table.plain th {
	background-color: transparent;
}

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

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

/* MyCalendar table -- date-picker */

#main-wrapper #main #content-wrapper #content .ajax__calendar_container {
	border: solid 1px #c0c0c0;
	background-color: #fff;
}

#main-wrapper #main #content-wrapper #content .MyCalendar table {
	border-collapse: collapse;
	border-style: solid;
	border-color: #c0c0c0;
	background-color: #fff;
	border-spacing: 0;
	border-width: 0;
	margin: 0;
}

#main-wrapper #main #content-wrapper #content .MyCalendar table td, #main-wrapper #main #content-wrapper #content .MyCalendar table th {
	padding: 0;
	line-height: auto
	border-collapse: collapse;
	border-color: #c0c0c0;
	border-spacing: 0;
	border-width: 0;
	border-style: solid;
}

/* table border -- used in apps */

#main-wrapper #main #content-wrapper #content table.border {
	border-collapse: collapse;
	border-style: solid;
	border-color: #c0c0c0;
	border-spacing: 0;
	border-width: 1px;
	margin: .5em 0;
}

#main-wrapper #main #content-wrapper #content table.border td, #main-wrapper
#main #content-wrapper #content table.border th {
	padding: .5em;
	line-height: 1.2;
	border-collapse: collapse;
	border-color: #c0c0c0;
	border-spacing: 0;
	border-width: 1px;
	border-style: solid;
}


#main-wrapper #main #content-wrapper #content table.border th {
	background-color: #eae7e2;
	font-weight: bold;
}




/* =BREADCRUMBS
----------------------------------------------------*/

#main-wrapper #main #content-wrapper #content #breadcrumbs {
	margin: 15px 0;
	font-size: .9em;
}

#main-wrapper #main #content-wrapper #content #breadcrumbs a {
	color: #686868;
	text-decoration: none;
	padding-right: 11px;
	margin-right: 8px;
	background-image: url(images/arrow-grey.png);
	background-position: center right;
	background-repeat: no-repeat;
	border: none;
}

#main-wrapper #main #content-wrapper #content #breadcrumbs a:focus, #main-wrapper #main #content-wrapper #content #breadcrumbs a:hover, #main-wrapper #main #content-wrapper #content #breadcrumbs a:active {
	text-decoration: underline;
}

#main-wrapper #main #content-wrapper #content #breadcrumbs span {
	display: none;
}

/* =SUB-NAVIGATION
----------------------------------------------------*/
#main-wrapper #main #content-wrapper #content #sub-navigation {
	margin-bottom: 1em;
	padding-bottom: 1em;
	background-image: url(images/dotted-line-horizontal.png);
	background-repeat: repeat-x;
	background-position: bottom left;
}

#main-wrapper #main #content-wrapper #content #sub-navigation h3 {
	display: none;
}

#main-wrapper #main #content-wrapper #content #sub-navigation ul.col {
	list-style: none;
	margin: 0 0 0 1em;
	padding: 0;
	float: left;
	font-size: .9em;
	width: 40%;
}

#main-wrapper #main #content-wrapper #content #sub-navigation ul#child-1 {
	margin-right: 3em;
}

#main-wrapper #main #content-wrapper #content #sub-navigation ul li {
	background-image: url(images/arrow-grey.png);
	background-position: center left;
	background-repeat: no-repeat;
	padding: 0 0 0 8px;
	margin: 0 0 .5em 0;
}

#main-wrapper #main #content-wrapper #content #sub-navigation ul li a:link, #main-wrapper #main #content-wrapper #content #sub-navigation ul li a:visited {
	border: none;
}

#main-wrapper #main #content-wrapper #content #sub-navigation ul li a:focus, #main-wrapper #main #content-wrapper #content #sub-navigation ul li a:hover, #main-wrapper #main #content-wrapper #content #sub-navigation ul li a:active {
	border-bottom: solid 1px #baba94;
}

/* =SIDEBAR
----------------------------------------------------*/
#main-wrapper #main #sidebar {
	width: 170px;
	float: left;
	margin-left: -170px;
	padding-top: 7.2em;
}

#main-wrapper #main #sidebar .box {
	margin: 0 0 1em 0;
	padding: 0 0 1em 5px;
	background-image: url(images/dotted-line-horizontal.png);
	background-repeat: repeat-x;
	background-position: bottom left;
	font-size: .9em;
}

#main-wrapper #main #sidebar #related-links h3 {
	position: relative;
	left: -6px;
	width: 110px;
	height: 26px;
	margin-bottom: .2em;
	background-image: url(images/text-related-links.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#main-wrapper #main #sidebar #related-links ul {
	list-style: none;
	margin: 0 0 -.5em 0;
	padding: 0;
	width: 160px;
}

#main-wrapper #main #sidebar #related-links li {
	list-style: none;
	margin: 0 0 .3em 0;
	padding: 0 0 7px 16px;
	background-image: url(images/arrow-right-blue.png);
	background-repeat: no-repeat;
	background-position: 0 2px;
	background-position: 0 .2em;
	line-height: 1.2;
	width: 145px; /* fix disappearing background image on links of more than one line - IE6 / IE7 */
}


#main-wrapper #main #sidebar #photo-album h3 {
	position: relative;
	width: 71px;
	height: 11px;
	margin: 1.4em 0 0 1px;
	background-image: url(images/text-photo-album.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#main-wrapper #main #sidebar #photo-album #polaroid {
	position: relative;
	margin: .7em 0;
	width: 158px;
	height: 152px;
	/*height: 141px;*/
/*	padding-top: 11px;*/
	background-image: url(images/polaroid-bk.png);
	background-repeat: no-repeat;
}


#main-wrapper #main #sidebar #photo-album #polaroid a {
	display: block;
	width: 158px;
	height: 152px;
	position: absolute;
	top: 0;
	left: 0;
}
#main-wrapper #main #sidebar #photo-album #polaroid img {
	display: block;
	margin: 11px auto 0 auto;
}

#main-wrapper #main #sidebar #photo-album a#send-picture {
	display: block;
	margin-left: 1px;
	width: 123px;
	height: 22px;
	background-image: url(images/button-send-picture.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#main-wrapper #main #sidebar #photo-album a#send-picture:focus, #main-wrapper #main #sidebar #photo-album a#send-picture:hover, #main-wrapper #main #sidebar #photo-album a#send-picture:active {
	background-position: 0 -23px;
}

#main-wrapper #main #sidebar #share {
	padding: .2em 0 1em 5px;
}


/* =SECTION-NAVIGATION
----------------------------------------------------*/

#main-wrapper #main #section-navigation {
	width: 228px;
	float: left;
	margin-left: -988px;
	background-image: url(images/section-navigation-bk.png);
	background-repeat: repeat-y;
	font-size: .9em;
	line-height: 1;
}

#main-wrapper #main #section-navigation #section-navigation-top {
	width: 228px;
	height: 27px;
	background-image: url(images/section-navigation-top-bk.png);
	background-repeat: no-repeat;
}

#main-wrapper #main #section-navigation #section-navigation-top h3 { /* different background image by section */
	width: 228px;
	height: 27px;
	background-image: url(images/text-municipal-hall.png);
	background-position: 14px 0;
	background-repeat: no-repeat;
	text-indent: -9999px;

}

#main-wrapper #main #section-navigation #section-navigation-top h3 a {
	display: block;
	position: relative;
	width: 228px;
	height: 27px;
	background-image: none;
	padding: 0;
	margin: -1.1em 0 0 0;
}

#main-wrapper #main #section-navigation #section-navigation-middle { /* ie6.css */
	min-height: 125px;
}

#main-wrapper #main #section-navigation #section-navigation-bottom {
	height: 55px;
	background-image: url(images/section-navigation-bottom-bk.png);
	background-repeat: no-repeat;
}


#main-wrapper #main #section-navigation ul, #main-wrapper #main #section-navigation li {
	margin: 0;
	padding: 0;
	line-height: 1;
	list-style: none;
	width: 228px;
}



#main-wrapper #main #section-navigation a:link, #main-wrapper #main #section-navigation a:visited {
	display: block;
	padding-bottom: 1px;
	background-image: url(images/dotted-line-horizontal.png);
	background-repeat: repeat-x;
	background-position: bottom left;
	color: #333;
}


/*  ie6, ie7 bugfix */
#main-wrapper #main #section-navigation li a {
	display: inline-block;
}

#main-wrapper #main #section-navigation li a {
	display: block;
}
/* end fix */

#main-wrapper #main #section-navigation a:focus, #main-wrapper #main #section-navigation a:hover, #main-wrapper #main #section-navigation a:active {
	color: #0a65ab;
}


/* Level 1 */

#main-wrapper #main #section-navigation ul li a span {
	display: block;
	padding: 6px 8px 6px 22px;
	background-image: url(images/arrow-right-dark-blue.png);
	background-repeat: no-repeat;
	background-position: 10px 11px;
}

#main-wrapper #main #section-navigation ul li a.parent span {
	font-weight: bold;
	background-image: url(images/arrow-down-orange.png);
}

#main-wrapper #main #section-navigation ul li a.selected span {
	font-weight: bold;
	background-image: url(images/arrow-right-orange.png);
}

/* Level 2 */

#main-wrapper #main #section-navigation ul li ul, #main-wrapper #main #section-navigation ul li ul li {
	background-color: #f4f2ef;
	width: 227px;
}

#main-wrapper #main #section-navigation ul li {

}

#main-wrapper #main #section-navigation ul li ul li a span {
	background-image: none;
	padding: 6px 4px 6px 0;
	margin-right: 1px;
}

#main-wrapper #main #section-navigation ul li ul li a.parent span, #main-wrapper #main #section-navigation ul li ul li a.selected span {
	background-image: none;
}

#main-wrapper #main #section-navigation ul li ul li a span span {
	display: block;
	padding: 0 0 0 41px;
	background-position: 29px 3px;
	background-image: url(images/arrow-right-dark-blue.png);
}

#main-wrapper #main #section-navigation ul li ul li a.parent span span {
	background-image: url(images/arrow-down-orange.png);	
}
#main-wrapper #main #section-navigation ul li ul li a.selected span span {
	background-image: url(images/arrow-right-orange.png);
}


/* Level 3  */

#main-wrapper #main #section-navigation ul li ul li ul, #main-wrapper #main #section-navigation ul li ul li ul li {
	background-color: #fff;
	width: 228px;
}

#main-wrapper #main #section-navigation ul li ul li ul li a span span {
	display: block;
	padding: 0 0 0 60px;
	background-position: 48px 3px;
	background-image: url(images/arrow-right-dark-blue.png);
}

/* =NAVIGATION (main)
----------------------------------------------------*/

#navigation {
	position: absolute;
	top: -280px;
	left: 0;
	margin-top: 87px;
	padding: 0;
	width: 988px;
	z-index: 40;
}

/* header edits - Karen - August 28 2008 */

#navigation #navigation-inside {
	width: 703px;
	height: 33px;
	/*padding-top: 1px;*/ /* so Firefox and Safari won't leave a gap */
	margin: 0 auto;
	background-image: url(images/main-navigation-2.png);
	background-repeat: no-repeat;
}

/* end header edits */

#navigation #navigation-inside h3 {
	display: none;
}

#navigation #navigation-inside ul, #navigation #navigation-inside li {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Other navigation styles in qm.css */


/* =SEARCH
----------------------------------------------------*/
#search {
	position: absolute;
	top: -261px;
	/*left: 636px;*/
	right: 0;
	z-index: 40;
	background-image: url(images/dotted-line-vertical-46.png);
	background-repeat: no-repeat;
	background-position: center left;
	font-size: .9em;
	width: 245px;
	height: 50px;
	padding: 0 7px 0 13px;
}

#search #search-form {
	margin-top: 10px;	
}

#search #search-form label {
	display: none;
}
#search #search-form .text-input {
	width: 194px;
	float: left;
	margin-top: 3px;
}

#search #search-form .submit {
	display: block;
	float: right;

}

/* =MINOR-NAVIGATION
----------------------------------------------------*/
#minor-navigation {
	position: absolute;
	top: -261px;
	left: 382px;
	left: 468px;
	z-index: 40;
	background-image: url(images/dotted-line-vertical-46.png);
	background-repeat: no-repeat;
	background-position: center left;
	font-size: .9em;
	width: 243px;
	height: 50px;
	padding: 0 11px;
}

#minor-navigation h3 {
	display: none;
}

#minor-navigation #minor-navigation-inside { /* ie6.css */
	width: 243px;
	height: 9px;
	margin-top: 20px;
	background-image: url(images/minor-navigation-2.png);
	background-repeat: no-repeat;
}

#minor-navigation #minor-navigation-inside ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

#minor-navigation #minor-navigation-inside li {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 9px;
	width: 50px;
	position: absolute;
	top: 0;
	left: 0;
}

#minor-navigation #minor-navigation-inside a {
	display: block;
	height: 9px;
	text-indent: -9999px;
}

#minor-navigation #minor-navigation-inside a:focus, #minor-navigation #minor-navigation-inside a:hover, #minor-navigation #minor-navigation-inside a:active {
	background-image: url(images/minor-navigation-2.png);
	background-repeat: no-repeat;
}

#minor-navigation #minor-navigation-inside li#home-nav {
	left: 0;
	width: 32px;
}

#minor-navigation #minor-navigation-inside li#home-nav a {
	background-position: 0 -10px;
}

#minor-navigation #minor-navigation-inside li#news-nav {
	left: 42px;
	width: 70px;
}

#minor-navigation #minor-navigation-inside li#news-nav a {
	background-position: -42px -10px;
}


#minor-navigation #minor-navigation-inside li#directory-nav {
	left: 120px;
	width: 62px;
}

#minor-navigation #minor-navigation-inside li#directory-nav a {
	background-position: -120px -10px;
}


#minor-navigation #minor-navigation-inside li#sitemap-nav {
	left: 190px;
	width: 48px;
}

#minor-navigation #minor-navigation-inside li#sitemap-nav a {
	background-position: -190px -10px;
}


/* =WEATHER
----------------------------------------------------*/

#weather {
	position: absolute;
	top: -261px;
	left: 276px;
	left: 362px;
	z-index: 40;
	height: 50px;
	background-image: url(images/dotted-line-vertical-46.png);
	background-repeat: no-repeat;
	background-position: center left;
	font-size: 11px;
	width: 98px;
	padding: 0 5px;
}

#weather .date, #weather .temperature, #weather img {
	display: block;
}

#weather .date {
	text-align: center;
	margin: 0 auto;
}

#weather .temperature {
	/*float: right;*/
	position: absolute;
	top: center;
	right: 7px;
	font-size: 16px;
	letter-spacing: -1px;
	margin: 11px 7px 0 0;
}

#weather img { /* ie6.css */
	float: left;
	margin: 3px 0 0 7px;
}

/* =CULTURAL-CAPITAL
----------------------------------------------------*/

/* when this section is removed, weather, minor navigation, and search must shift to align along the right */

#cultural-capital {
	position: absolute;
	top: -274px;
	left: 903px;
	z-index: 40;
	background-image: url(images/dotted-line-vertical-46.png);
	background-repeat: no-repeat;
	background-position: center left;
	font-size: .9em;
	width: 73px;
	height: 76px;
	padding: 0 0 0 13px;
}

#cultural-capital a { /* ie6.css */
	display: block;
	width: 73px;
	height: 76px;
	background-image: url(images/cultural-capital.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

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

#footer {
	width: 100%;
	position: relative;
	z-index: 10;
	padding-bottom: 6px;
/*	height: 16em;*/
}

/* left and right for tiling footer backgrounds */

#footer #footer-left, #footer #footer-right {
	position: relative;
	height: 15em;
	background-color: #fff;
	background-repeat: repeat-x;
}

#footer #footer-left {
	width: 50%;
	z-index: 20;
	background-image: url(images/footer-left-bk.png);
	background-position: right bottom;
}

#footer #footer-right {
	float: right;
	width: 50%;
	margin-top: -15em;
	z-index: 10;
	background-image: url(images/footer-right-bk.png);
	background-position: 494px bottom;
}

#footer #footer-inside {
	position: relative;
	width: 988px;
	height: 15em;
	margin: -15em auto 0 auto;
	background-color: #fff;
	background-image: url(images/footer-bk.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	z-index: 30;
	color: #000;
}

#footer #footer-inside .col {
	position: absolute;
	top: 0;
	left: 0;
	width: 350px;
}

#footer #footer-inside #footer-2 {
	left: 494px;
}

#footer #footer-inside p {
	margin: 0 0 .8em 0;
	line-height: 1.4;
	font-size: .9em;
}

#footer #footer-inside strong {
	font-weight: normal;
	color: #0a65ab;
}

#footer #footer-inside a:link, #footer #footer-inside a:visited {
	color: #0068ae;
	text-decoration: none;
	border-bottom: solid 1px #3d6087;
}

#footer #footer-inside a:focus, #footer #footer-inside a:hover, #footer #footer-inside a:active {
	color: #000;
	text-decoration: none;
	border-bottom: solid 1px #baba94;
}

#footer #footer-inside a#top-link {
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	color: #fff;
	background-color: #636363;
	background-image: url(images/button-top.png);
	background-repeat: repeat-x;
	border: none;
	width: 3em;
	padding: .7em;
	text-align: center;
	font-size: .8em;
}

/* =SECTION-SPECIFIC
----------------------------------------------------*/

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

.page-home #header {
	height: 322px;
}

.page-home #header #header-left, .page-home #header #header-right {
	height: 322px;
}

.page-home #header #header-left {
	background-image: url(images/header-left-bk-home.png);
}

.page-home #header #header-right {
	margin-top: -322px;
	background-image: url(images/header-right-bk-home.png);
}

.page-home #header #brand {
	height: 322px;
	margin-top: -322px;
}

.page-home #header #brand #header-photo {
	height: 235px;
/*	background-image: url(images/header-photo-home-visitors.jpg);*/
}

.page-home #accessibility #skip-links {
	top: -327px;
}

.page-home #accessibility #style-switch {
	display: none;
}

.page-home #main-wrapper {
	padding-bottom: 1em;
}

.page-home #main-wrapper #main #content-wrapper #content {
	width: 575px;
	margin: 0;
}

.page-home #main-wrapper #main #content-wrapper #content h1#headline {
	font-size: 1px;
	line-height: 1;
	text-indent: -9999px;
}

.page-home #main-wrapper #main #content-wrapper p#blurb {
	position: absolute;
	text-indent: -9999px;
}

.page-home #main-wrapper #main #content-wrapper #content a#learn-more-link {
	display: block;
	width: 100px;
	height: 36px;
	position: absolute;
	top: -48px;
	left: 4px;
	text-indent: -9999px;
	border: none;
}

.page-home #main-wrapper #main #content-wrapper #content #content-inside {
	margin-top: 2em;
	padding-bottom: 32px;
	position: relative;
}

.page-home #main-wrapper #main #content-wrapper #content .col { 
	float: left;
	margin-bottom: 22px;
	width: 260px;
}

.page-home #main-wrapper #main #content-wrapper #content p.more-link { /* ie6.css */
	display: block;
	height: 22px;
	width: 260px;
	position: absolute;
	bottom: 0;
	left: 0;
	padding-bottom: .5em;
	background-image: url(images/dotted-line-horizontal.png);
	background-repeat: repeat-x;
	background-position: bottom left;
}

.page-home #main-wrapper #main #content-wrapper #content .col ul {
	list-style: none;
	margin: 0 0 -.5em 0;
	padding: 0;
}

.page-home #main-wrapper #main #content-wrapper #content .col ul li { 
	list-style: none;
	margin: .3em 0;
	padding: 0 0 7px 16px;
	background-image: url(images/arrow-right-blue.png);
	background-repeat: no-repeat;
	background-position: 0 .3em;
	line-height: 1.4;
	width: 244px; /* fix disappearing background image on links of more than one line - IE6 / IE7 */
}

/* Public Notices */

.page-home #main-wrapper #main #content-wrapper #content #public-notices {
	margin-right: 50px;
}

.page-home #main-wrapper #main #content-wrapper #content #public-notices h2.headline { /* ie6.css */
	width: 114px;
	height: 26px;
	margin: 0 0 0 -5px;
	background-image: url(images/text-public-notices.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}


.page-home #main-wrapper #main #content-wrapper #content #public-notices a.rss-link {
	display: block;
	width: 14px;
	height: 14px;
	margin-left: 110px;
	margin-top: -20px;
	margin-bottom: 12px;
}

.page-home #main-wrapper #main #content-wrapper #content #public-notices ul li {
	color: #636363;
	background-image: url(images/arrow-right-grey.png);
}

.page-home #main-wrapper #main #content-wrapper #content #public-notices ul li a:link, .page-home #main-wrapper #main #content-wrapper #content #public-notices ul li a:visited {
	color: #636363;
	font-weight: bold;
	border: none;
}

.page-home #main-wrapper #main #content-wrapper #content #public-notices ul li a:focus, .page-home #main-wrapper #main #content-wrapper #content #public-notices ul li a:hover, .page-home #main-wrapper #main #content-wrapper #content #public-notices ul li a:active {
	border-bottom: solid 1px #baba94;
}

.page-home #main-wrapper #main #content-wrapper #content a#more-notices-link:link, .page-home #main-wrapper #main #content-wrapper #content a#more-notices-link:visited {
	display: block;
	float: right;
	width: 58px;
	height: 22px;
	border: none;
	background-image: url(images/button-more-grey.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}


.page-home #main-wrapper #main #content-wrapper #content a#more-notices-link:focus, .page-home #main-wrapper #main #content-wrapper #content a#more-notices-link:hover, .page-home #main-wrapper #main #content-wrapper #content a#more-notices-link:active {
	background-position: 0 -23px;
}

/* What's New */

.page-home #main-wrapper #main #content-wrapper #content #whats-new h2.headline { /* ie6.css */
	width: 109px;
	height: 26px;
	margin: 0 0 0 -6px;
	background-image: url(images/text-whats-new.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

.page-home #main-wrapper #main #content-wrapper #content #whats-new a.rss-link {
	display: block;
	width: 14px;
	height: 14px;
	margin-left: 105px;
	margin-top: -20px;
	margin-bottom: 12px;
}

.page-home #main-wrapper #main #content-wrapper #content #whats-new ul li {
	color: #004574;
}

.page-home #main-wrapper #main #content-wrapper #content #whats-new ul li a:link, .page-home #main-wrapper #main #content-wrapper #content #whats-new ul li a:visited {
	border: none;
}

.page-home #main-wrapper #main #content-wrapper #content #whats-new ul li a:focus, .page-home #main-wrapper #main #content-wrapper #content #whats-new ul li a:hover, .page-home #main-wrapper #main #content-wrapper #content #whats-new ul li a:active {
	border-bottom: solid 1px #baba94;
}

.page-home #main-wrapper #main #content-wrapper #content #whats-new p.more-link { /* ie6.css */
	left: 310px;
}

.page-home #main-wrapper #main #content-wrapper #content a#more-news-link:link, .page-home #main-wrapper #main #content-wrapper #content a#more-news-link:visited {
	display: block;
	float: right;
	width: 58px;
	height: 22px;
	border: none;
	background-image: url(images/button-more-blue.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}


.page-home #main-wrapper #main #content-wrapper #content a#more-news-link:focus, .page-home #main-wrapper #main #content-wrapper #content a#more-news-link:hover, .page-home #main-wrapper #main #content-wrapper #content a#more-news-link:active {
	background-position: 0 -23px;
}


/* Sidebar */

.page-home #main-wrapper #main #sidebar {
	width: 365px;
	margin-left: -365px;
	margin-top: -54px;
	padding: 0 0 30px 0;
	position: relative;
	background-image: url(images/sidebar-bk-home.png);
	background-repeat: no-repeat;
	background-position: 0 168px;
}

/* Quick Links */
.page-home #main-wrapper #main #sidebar #quicklinks {
	height: 168px;
	background-image: url(images/quicklinks.png);
	background-repeat: no-repeat;
	padding: 0;
	position: relative;
}

.page-home #main-wrapper #main #sidebar #quicklinks h3 {
	text-indent: -9999px;
	position: absolute;
	top: 0;
	left: 0;
}

.page-home #main-wrapper #main #sidebar #quicklinks ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

.page-home #main-wrapper #main #sidebar #quicklinks ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 190px;
	height: 36px;
	position: absolute;
	top: 0;
	left: 0;
}

.page-home #main-wrapper #main #sidebar #quicklinks ul li a {
	display: block;
	width: 190px;
	height: 36px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

.page-home #main-wrapper #main #sidebar #quicklinks ul li a:focus, .page-home #main-wrapper #main #sidebar #quicklinks ul li a:hover, .page-home #main-wrapper #main #sidebar #quicklinks ul li a:active {
	background-image: url(images/quicklinks.png);
	background-repeat: no-repeat;
}

.page-home #main-wrapper #main #sidebar #quicklinks ul li#emergency-nav {
	top: 33px;
}

.page-home #main-wrapper #main #sidebar #quicklinks ul li#emergency-nav a {
	background-position: 0 -201px;
}

.page-home #main-wrapper #main #sidebar #quicklinks ul li#online-nav {
	top: 76px;
}

.page-home #main-wrapper #main #sidebar #quicklinks ul li#online-nav a {
	background-position: 0 -244px;
}

.page-home #main-wrapper #main #sidebar #quicklinks ul li#jobs-nav {
	top: 118px;
}

.page-home #main-wrapper #main #sidebar #quicklinks ul li#jobs-nav a {
	background-position: 0 -286px;
}

.page-home #main-wrapper #main #sidebar #quicklinks ul li#map-nav {
	top: 33px;
	left: 195px;
	width: 169px;
}

.page-home #main-wrapper #main #sidebar #quicklinks ul li#map-nav a {
	background-position: -195px -201px;
}

.page-home #main-wrapper #main #sidebar #quicklinks ul li#transit-nav {
	top: 76px;
	left: 195px;
	width: 169px;
}

.page-home #main-wrapper #main #sidebar #quicklinks ul li#transit-nav a {
	background-position: -195px -244px;
}

.page-home #main-wrapper #main #sidebar #quicklinks ul li#bars-nav {
	top: 118px;
	left: 195px;
	width: 169px;
}

.page-home #main-wrapper #main #sidebar #quicklinks ul li#bars-nav a {
	background-position: -195px -286px;
}


/* Share This */

.page-home #main-wrapper #main #share { /* ie6.css */
	margin: 2em 0 0 817px;
	/*margin: 2em 0 0 636px;*/
}


.page-home #footer #footer-inside #text-size, .page-home #footer #footer-inside #footer-style-switch {
	display: inline;
}

.page-home #footer #footer-inside #text-size {
	margin-right: 1em;
	font-size: 11px;
}

.page-home #footer #footer-inside #text-size strong {
	font-weight: bold;
}

.page-home #footer #footer-inside #text-size .small {
	font-size: 9px;
}

.page-home #footer #footer-inside #text-size .medium {
	font-size: 14px;
}

.page-home #footer #footer-inside #text-size .large {
	font-size: 18px;
}


.page-home #footer #footer-inside #text-size a {
	color: #42648a;
	padding: 5px;
	border: none;
	font-weight: normal;
}

.page-home #footer #footer-inside #text-size a:focus,  .page-home #footer #footer-inside #text-size a:hover,  .page-home #footer #footer-inside #text-size a:active,  .page-home #footer #footer-inside #text-size a.selected {
	background-color: #42648a;
	color: #fff;
}

.page-home #footer #footer-inside #feedback {
	margin-top: 1em;
}

/* Photo Album */

.page-home #main-wrapper #main #sidebar .box {
	background-image: none;
	float: left;
	padding: 0;
	margin: 0 0 2px 0;
}

.page-home #main-wrapper #main #sidebar #photo-album {
	width: 158px;
	margin-left: 16px;
}

.page-home #main-wrapper #main #sidebar #photo-album h3 {
	background-image: url(images/text-photo-album-home.png);
}

.page-home #main-wrapper #main #sidebar #photo-album a#send-picture { /* ie6.css */
	position: absolute;
	bottom: 0;
	left: 15px;
}

/* Feature */

.page-home #main-wrapper #main #sidebar #feature {
	width: 130px;
	margin-left: 25px;
	/*padding-bottom: 101px;*/
}

.page-home #main-wrapper #main #sidebar #feature h3 {
	position: relative;
	width: 73px;
	height: 11px;
	margin: 1.4em 0 0 1px;
	background-image: url(images/text-feature.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

.page-home #main-wrapper #main #sidebar #feature p {
	margin: .7em 0 .3em 0;
	line-height: 1.4;
	font-size: .9em;
}

.page-home #main-wrapper #main #sidebar #feature #feature-link a { /* ie6.css */
	display: block;
	margin-left: 1px;
	width: 123px;
	height: 22px;
	position: absolute;
	bottom: 0;
	left: 196px;
	background-image: url(images/button-learn-more.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

.page-home #main-wrapper #main #sidebar #feature #feature-link a:focus, .page-home #main-wrapper #main #sidebar #feature #feature-link a:hover, .page-home #main-wrapper #main #sidebar #feature #feature-link a:active {
	background-position: 0 -23px;
}

.page-home #navigation {
	top: -322px;
}

.page-home #search {
	top: -303px;
}

.page-home #minor-navigation {
	top: -303px;
}

.page-home #weather {
	top: -303px;
}

.page-home #cultural-capital {
	top: -316px;
}

.page-home #footer #footer-inside #footer-0 {
	display: block;
	width: 155px;
	color: #416389;
	font-weight: bold;
}

.page-home #footer #footer-inside #footer-0 ul {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
}

.page-home #footer #footer-inside #footer-0 ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 63px;
	height: 63px;
	float: left;
}

.page-home #footer #footer-inside #footer-0 ul li.icon-link a {
	display: block;
	width: 63px;
	height: 63px;
	text-indent: -9999px;
	text-decoration: none;
	border: none;
	background-repeat: no-repeat;
}

.page-home #footer #footer-inside #footer-0 ul li#facebook-link {
	margin-right: 20px;
}

.page-home #footer #footer-inside #footer-0 ul li#facebook-link a {
	background-image: url(images/icon-facebook.png);
}

.page-home #footer #footer-inside #footer-0 ul li#twitter-link a {
	background-image: url(images/icon-twitter.png);
}

.page-home #footer #footer-inside #footer-1 {
	left: 180px;
	padding-left: 25px;
	background-image: url(images/dotted-line-vertical.png);
	background-repeat: repeat-y;
}

.page-home #footer #footer-inside #footer-1 #share {
	margin: 1.2em 0 .8em 0;
	line-height: 1.4;
	font-size: .9em;
}

.page-home #footer #footer-inside #footer-1 #share a {
	text-decoration: none;
	border: none;
}

.page-home #footer #footer-inside #footer-2 {
	left: 615px;
}

/* =What's New
----------------------------------------------------*/

.page-whats-new #main-wrapper #main #section-navigation #section-navigation-top h3 {
	background-image: url(images/text-whats-new2.png);
}

.page-whats-new #main-wrapper #main #content-wrapper #content .news-item {
	margin-bottom: 1.3em;
}

.page-whats-new #main-wrapper #main #content-wrapper #content .news-item h3 {
	text-transform: none;
	margin: 0 0 .3em 0;
}

.page-whats-new #main-wrapper #main #content-wrapper #content .news-item h3 a {
}


.page-whats-new #main-wrapper #main #content-wrapper #content .news-item p.date {
	font-size: .9em;
	font-weight: bold;
	margin-bottom: .2em
}

.page-whats-new #sub-navigation h3, .page-whats-new-story #sub-navigation h3 {
	background-image:url(../images/sub-navigation-headline-whats-new.gif);	
}

/* =What's New Story
----------------------------------------------------*/

.page-whats-new-story #main-wrapper #main #section-navigation #section-navigation-top h3 {
	background-image: url(images/text-whats-new2.png);
}

.page-whats-new-story #main-wrapper #main #content-wrapper #content .date {
	font-size: .9em;
	font-weight: bold;
	margin: -.4em 0 .4em 0;
}


.page-whats-new-story #main-wrapper #main #section-navigation li#all-news a, .page-whats-new-story #main-wrapper #main #section-navigation li#all-news a span
{
	background-image: none;
	font-weight: bold;
	margin-top: .8em;
}

/* =Public Notices
----------------------------------------------------*/

.page-public-notices #main-wrapper #main #section-navigation #section-navigation-top h3 {
	background-image: url(images/text-public-notices2.png);
}

.page-public-notices #main-wrapper #main #content-wrapper #content .news-item {
	margin-bottom: 1.3em;
}

.page-public-notices #main-wrapper #main #content-wrapper #content .news-item h3 {
	text-transform: none;
	margin: 0 0 .3em 0;
}

.page-public-notices #main-wrapper #main #content-wrapper #content .news-item h3 a {
}


.page-public-notices #main-wrapper #main #content-wrapper #content .news-item p.date {
	font-size: .9em;
	font-weight: bold;
	margin-bottom: .2em
}

.page-public-notices #sub-navigation h3, .page-public-notices-story #sub-navigation h3 {
	background-image:url(../images/sub-navigation-headline-public-notices.gif);	
}



/* =Residents
----------------------------------------------------*/
/* Orange theme */

.section-residents #header #brand #header-photo {
	/*background-image: url(images/header-photo-residents.jpg);*/
}

.section-residents #main-wrapper #main #content-wrapper #content h1#headline {
	color: #c16e2b;
}

.section-residents #main-wrapper #main #section-navigation #section-navigation-top h3 {
	background-image: url(images/text-residents.png);
}


/* =Business
----------------------------------------------------*/
/* Aqua theme */

.section-business #header #brand #header-photo {
	/*background-image: url(images/header-photo-business.jpg);*/
}

.section-business #main-wrapper #main #content-wrapper #content h1#headline {
	color: #669999;
}

.section-business #main-wrapper #main #section-navigation #section-navigation-top h3 {
	background-image: url(images/text-business.png);
}


/* =Visitors
----------------------------------------------------*/
/* Green theme */

.section-visitors #header #brand #header-photo {
	/*background-image: url(images/header-photo-visitors.jpg);*/
}

.section-visitors #main-wrapper #main #content-wrapper #content h1#headline {
	color: #719a21;
}

.section-visitors #main-wrapper #main #section-navigation #section-navigation-top h3 {
	background-image: url(images/text-visitors.png);
}


/* =Municipal-Hall
----------------------------------------------------*/
/* Blue theme */

.section-municipal #header #brand #header-photo {
	/*background-image: url(images/header-photo-municipal-hall.jpg);*/
}

.section-municipal #main-wrapper #main #content-wrapper #content h1#headline {
	color: #64789d;
}

.section-municipal #main-wrapper #main #section-navigation #section-navigation-top h3 {
	background-image: url(images/text-municipal-hall.png);
}


/* =Departments
----------------------------------------------------*/
/* Brown theme */

.section-departments #header #brand #header-photo {
	/*background-image: url(images/header-photo-departments.jpg);*/
}

.section-departments #main-wrapper #main #content-wrapper #content h1#headline {
	color: #74623a;
}

.section-departments #main-wrapper #main #section-navigation #section-navigation-top h3 {
	background-image: url(images/text-departments.png);
}


/* =Want (I Want To...)
----------------------------------------------------*/
/* Grey theme -- uses default colour & header */

.section-want #main-wrapper #main #section-navigation #section-navigation-top h3 {
	background-image: url(images/text-i-want-to.png);
}

/* =Secure
----------------------------------------------------*/
/* Grey theme -- uses default colour & header */

.section-secure #main-wrapper #main #section-navigation #section-navigation-top h3 {
	background-image: url(images/text-secure.png);
}



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

.page-sitemap #main-wrapper #main #section-navigation #section-navigation-top h3 {
	background-image: url(images/text-sitemap.png);
}

.page-sitemap #main-wrapper #main #content-wrapper #content p#activate {
	margin: 0;
	font-weight: bold;
}

.page-sitemap #main-wrapper #main #content-wrapper #content .slider {
	font-size: .9em;
}

.page-sitemap #main-wrapper #main #content-wrapper #content .slider a {
	text-decoration: none;
	border: none;
}

.page-sitemap #main-wrapper #main #content-wrapper #content .slider .col {
	width: 266px;
	float: left;
}

.page-sitemap #main-wrapper #main #content-wrapper #content .slider #col-one {
	margin-right: 10px;
}

.page-sitemap #main-wrapper #main #content-wrapper #content .slider ul, .page-sitemap #main-wrapper #main #content-wrapper #content .slider ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.page-sitemap #main-wrapper #main #content-wrapper #content .slider ul li h3 {
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 1em;
	line-height: 1;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.page-sitemap #main-wrapper #main #content-wrapper #content .slider ul li h3 a {
	display: block;
	width: 256px;
	padding: .5em 0 .5em 10px;
	color: #fff;
	background-image: url(images/button-minus.png);
	background-repeat: no-repeat;
	background-position: 250px center;
}


.page-sitemap #main-wrapper #main #content-wrapper #content .slider ul li h3 a.closed {
	background-image: url(images/button-plus.png);
}


/* Section colours */

.page-sitemap #main-wrapper #main #content-wrapper #content .slider ul li#residents-slider h3 a {
	background-color: #c16e2b;
}

.page-sitemap #main-wrapper #main #content-wrapper #content .slider ul li#business-slider h3 a {
	background-color: #669999;
}

.page-sitemap #main-wrapper #main #content-wrapper #content .slider ul li#visitors-slider h3 a {
	background-color: #719a21;
}

.page-sitemap #main-wrapper #main #content-wrapper #content .slider ul li#municipal-slider h3 a {
	background-color: #64789d;
}

.page-sitemap #main-wrapper #main #content-wrapper #content .slider ul li#departments-slider h3 a {
	background-color: #74623a;
}

.page-sitemap #main-wrapper #main #content-wrapper #content .slider ul li#want-slider h3 a {
	background-color: #555;
}

.page-sitemap #main-wrapper #main #content-wrapper #content .slider ul li ul {
	margin-bottom: 1em;
}

/* Level 2 */


.page-sitemap #main-wrapper #main #content-wrapper #content .slider ul li ul li {
	text-transform: uppercase;
	border-top: solid 1px #c0c0c0;
	padding: 4px 0 0 10px;
	margin: 6px 0 0 0;
}

.page-sitemap #main-wrapper #main #content-wrapper #content .slider ul li ul li a {
	display: inline;
	padding: 0;
	margin: 0;
}

.page-sitemap #main-wrapper #main #content-wrapper #content .slider ul li ul li ul {
	margin-bottom: 0;
}


/* Level 3 */

.page-sitemap #main-wrapper #main #content-wrapper #content .slider ul li ul li ul li {
	text-transform: none;
	border: none;
	list-style-type: disc;
	padding: 0;
	margin: .2em 0 .2em 25px;	
}

/* Level 4 */

.page-sitemap #main-wrapper #main #content-wrapper #content .slider ul li ul li ul li ul li {
	list-style-type: circle;
}


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

.page-search #main-wrapper #main #section-navigation #section-navigation-top h3 {
	background-image: url(images/text-search.png);
}


.page-search #main-wrapper #main #content-wrapper #content  .searchform fieldset {
	background-color: #eae7e2;
	padding: .8em 1em .5em 1em;
	margin: 1em 0;
}

.page-search #main-wrapper #main #content-wrapper #content  .searchform fieldset .clear {
	margin-top: -5px;
}

.page-search #main-wrapper #main #content-wrapper #content  .searchform label, .page-search #main-wrapper #main #content-wrapper #content  .searchform .text, .page-search #main-wrapper #main #content-wrapper #content  .searchform .button, .page-search #main-wrapper #main #content-wrapper #content .searchform select {
	display: block;
	float: left;
	margin: 0 5px 0 0;
}


.page-search #main-wrapper #main #content-wrapper #content  .searchform label {
	font-weight: bold;
	margin-top: 7px;
	margin-right: 6px;
}

.page-search #main-wrapper #main #content-wrapper #content .searchform .text {
	margin-top: 3px;
	width: 170px;
}

.page-search #main-wrapper #main #content-wrapper #content  .searchform .button {
	margin-right: 10px;
}


.page-search #main-wrapper #main #content-wrapper #content .searchform select {
	margin-top: 3px;
	margin-left: 0;
}

.page-search #main-wrapper #main #content-wrapper #content  #did-you {
	color: #c53636;
	font-style: italic;
	font-size: 1.2em;
	margin-bottom: 0;
}

.page-search #main-wrapper #main #content-wrapper #content  #did-you a {
	font-weight: bold;
}

.page-search #main-wrapper #main #content-wrapper #content  .searchresult {
	line-height: 1.4;
	padding: .5em 0;
	margin: .5em 0 1.5em 0;
	background-image: url(../images/dotted-line-horizontal.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
}

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

.page-search #main-wrapper #main #content-wrapper #content  .searchresult .highlight {
	background-color: #fdfbc0;
}

.page-search #main-wrapper #main #content-wrapper #content  .searchresult .url {
	font-size: .9em;
}

.page-search #main-wrapper #main #content-wrapper #content  .paging {
	background-image: url(images/dotted-line-horizontal.png);
	background-repeat: repeat-x;
	padding-top: 5px;
}

.page-search #main-wrapper #main #content-wrapper #content  .paging a {
	font-weight: normal;
	padding: 1px 2px;
	margin: 0 3px;
	text-decoration: none;
}

.page-search #main-wrapper #main #content-wrapper #content .paging a.selected {
	color: #fff;
	background-color: #42648a;
}


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

.page-contact #main-wrapper #main #content-wrapper #content #contact-form p {
	margin: 0;
}

.page-contact #main-wrapper #main #content-wrapper #content #contact-form fieldset {
	background-image: url(images/dotted-line-horizontal.png);
	background-repeat: repeat-x;
}

.page-contact #main-wrapper #main #content-wrapper #content #contact-form label {
	display: block;
	margin: 1.2em 0 .6em 0;
	font-weight: bold;
}

.page-contact #main-wrapper #main #content-wrapper #content #contact-form label .required {
	display: none;
}


.page-contact #main-wrapper #main #content-wrapper #content #contact-form .note {
	display: block;
	margin: -0.25em 0 .8em 0;
	font-size: .8em;
}

.page-contact #main-wrapper #main #content-wrapper #content #contact-form .comments {
	position: relative;
	top: -55px;
}

.page-contact #main-wrapper #main #content-wrapper #content #contact-form img.captcha-image {
	display: block;
	padding: 1em;
	margin: 1.2em 0;
	border-color: #737373 #e5e1db  #e5e1db  #737373;
}

.page-contact #main-wrapper #main #content-wrapper #content #contact-form .button {
	display: block;
	margin: 1.4em 0 .8em 0;
	float: left;
}

.page-contact #main-wrapper #main #content-wrapper #content #contact-form .text, .page-contact #main-wrapper #main #content-wrapper #content #contact-form textarea {
	width: 425px;
}

.page-contact #main-wrapper #main #content-wrapper #content #contact-form textarea {
	height: 110px;
}

.page-contact #main-wrapper #main #content-wrapper #content #contact-form select {
	width: 431px;
}

/* Error styles */

.page-contact #main-wrapper #main #content-wrapper #content #contact-form .error label {
	color: #c53636;
}

.page-contact #main-wrapper #main #content-wrapper #content #contact-form .error .text {
	background-color: #fdfbc0;
}

.page-contact #main-wrapper #main #content-wrapper #content #contact-form .error label .required {
	display: inline;
}


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

/* styles for gallery & list of galleries */

.page-gallery #main-wrapper #main #content-wrapper #content h2 {
	font-size: 1.2em;
	margin: 1em 0 .5em 0;
	clear: both;
}

.page-gallery #main-wrapper #main #content-wrapper #content h2 span {
	font-size: .8em;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.page-gallery #main-wrapper #main #content-wrapper #content ul.gallery {
	margin: 0;
	padding: .2em 0 0 0;
	width: 530px;
}

.page-gallery #main-wrapper #main #content-wrapper #content ul.gallery li {
	background-image: none;
	list-style: none;
	width: 155px;
	height: 128px;
	padding: 0 20px 20px 0;
	margin: 0;
	float: left;
}

.page-gallery #main-wrapper #main #content-wrapper #content ul.gallery li a {
	display: block;
	width: 155px;
	height: 128px;
	background-color: transparent;
	position: relative;
	text-decoration: none;
	border: none;
	background-image: url(images/gallery-default-image.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.page-gallery #main-wrapper #main #content-wrapper #content ul.gallery li a img {
	padding: 8px;
	width: 137px;
	height: 110px;
	border-color: #d6d6d6 #808080 #808080 #d6d6d6;
}

.page-gallery #main-wrapper #main #content-wrapper #content ul.gallery li a span.caption {
	display: block;
	position: absolute;
	left: 1px;
	width: 147px;
	padding: 0 3px;
	text-align: center;
	top: 1px;
	height: 110px;
	text-indent: -9999px;
}

.page-gallery #main-wrapper #main #content-wrapper #content ul.gallery li a:focus span.caption, .page-gallery #main-wrapper #main #content-wrapper #content ul.gallery li a:hover span.caption, .page-gallery #main-wrapper #main #content-wrapper #content ul.gallery li a:active span.caption {
	padding-top: 10px;
	height: 48px;
	top: 57px;
	text-indent: 0;
	background-color: #fff;
	border-top: solid 4px #000;
	color: #0a65ab;
	font-size: .9em;
	cursor: hand;
}

/* =Single Gallery
----------------------------------------------------*/
.page-single-gallery #main-wrapper #main #content-wrapper #content {
	padding-right: 3px;
}

.page-single-gallery #main-wrapper #main #content-wrapper #content img {
	padding: 0;
	border: none;
}

.page-single-gallery #main-wrapper #main #content-wrapper #content .photo {
	border: solid 1px #d6d6d6;
	border-color: #d6d6d6 #808080 #808080 #d6d6d6;
	padding: 8px;
}

.page-single-gallery #main-wrapper #main #content-wrapper #content .photo img {
	display: block;
	margin: 0 auto 10px auto;
}

.page-single-gallery #main-wrapper #main #content-wrapper #content .photo .caption {
	padding: 0 7px;
	line-height: 1.4;
	margin-bottom: 5px;
}

.page-single-gallery #main-wrapper #main #content-wrapper #content .gallery-nav {
	margin: 1em 0 0 9px;
	text-align: center;
}

.page-single-gallery #main-wrapper #main #content-wrapper #content .gallery-nav a {
	
}

.page-single-gallery #main-wrapper #main #content-wrapper #content .gallery-nav a#prev-link, .page-single-gallery #main-wrapper #main #content-wrapper #content .gallery-nav a#next-link {
	width: 29px;
	height: 28px;
	float: left;
	background-image: url(images/button-previous.png);
	display: block;
	background-color: transparent;
	background-repeat: no-repeat;
	border: none;
	text-indent: -9999px;
}

.page-single-gallery #main-wrapper #main #content-wrapper #content .gallery-nav a#next-link {
	background-image: url(images/button-next.png);
	float: right;
}

.page-single-gallery #main-wrapper #main #content-wrapper #content .gallery-nav a#back-link {
	line-height: 2.5;
}

.page-single-gallery #main-wrapper #main #content-wrapper #content .gallery-nav a#back-link:focus, .page-single-gallery #main-wrapper #main #content-wrapper #content .gallery-nav a#back-link:hover, .page-single-gallery #main-wrapper #main #content-wrapper #content .gallery-nav a#back-link:active {
	background-position: 0 -30px;
}

/* =What's New
----------------------------------------------------*/

.page-whats-new #main-wrapper #main #section-navigation #section-navigation-top h3 {
	background-image: url(images/text-whats-new2.png);
}

.page-whats-new #main-wrapper #main #content-wrapper #content .news-item {
	margin-bottom: 1.3em;
}

.page-whats-new #main-wrapper #main #content-wrapper #content .news-item h3 {
	text-transform: none;
	margin: 0 0 .3em 0;
}

.page-whats-new #main-wrapper #main #content-wrapper #content .news-item h3 a {
}


.page-whats-new #main-wrapper #main #content-wrapper #content .news-item p.date {
	font-size: .9em;
	font-weight: bold;
	margin-bottom: .2em
}

.page-whats-new #sub-navigation h3, .page-whats-new-story #sub-navigation h3 {
	background-image:url(../images/sub-navigation-headline-whats-new.gif);	
}

/* =What's New Story
----------------------------------------------------*/

.page-whats-new-story #main-wrapper #main #section-navigation #section-navigation-top h3 {
	background-image: url(images/text-whats-new2.png);
}

.page-whats-new-story #main-wrapper #main #content-wrapper #content .date {
	font-size: .9em;
	font-weight: bold;
	margin: -.4em 0 .4em 0;
}


.page-whats-new-story #main-wrapper #main #section-navigation li#all-news a, .page-whats-new-story #main-wrapper #main #section-navigation li#all-news a span
{
	background-image: none;
	font-weight: bold;
	margin-top: .8em;
}


/* =Application
----------------------------------------------------*/

.page-app #accessibility #style-switch {
	display: none;
}

.page-app #main-wrapper #main #sidebar {
	padding-top: 60px;
}

/* =Building Inspection Search Results
----------------------------------------------------*/

.page-inspection-search #main-wrapper #main #content-wrapper #content  .searchform fieldset { /* ie6.css */
	background-color: #eae7e2;
	padding: .8em 1em 0 1em;
	margin: 1em 0;
}

.page-inspection-search #main-wrapper #main #content-wrapper #content  .searchform fieldset .clear {
	margin-top: -5px;
}

.page-inspection-search #main-wrapper #main #content-wrapper #content  .searchform label, .page-inspection-search #main-wrapper #main #content-wrapper #content  .searchform .text, .page-inspection-search #main-wrapper #main #content-wrapper #content  .searchform .button, .page-inspection-search #main-wrapper #main #content-wrapper #content .searchform select {
/*	display: block;
	float: left;
	margin: 0 5px 0 0; */
}


.page-inspection-search #main-wrapper #main #content-wrapper #content  .searchform label {
	font-weight: bold;
	margin-top: 7px;
	margin-right: 6px;
}

.page-inspection-search #main-wrapper #main #content-wrapper #content .searchform .text {
	margin-top: 3px;
	width: 170px;
}

.page-inspection-search #main-wrapper #main #content-wrapper #content  .searchform .button {
	margin-right: 10px;
}


.page-inspection-search #main-wrapper #main #content-wrapper #content .searchform select {
	margin-top: 3px;
	margin-left: 0;
}

.page-inspection-search #main-wrapper #main #content-wrapper #content  #did-you {
	color: #c53636;
	font-style: italic;
	font-size: 1.2em;
	margin-bottom: 0;
}

.page-inspection-search #main-wrapper #main #content-wrapper #content  #did-you a {
	font-weight: bold;
}

.page-inspection-search #main-wrapper #main #content-wrapper #content  .searchresult {
	line-height: 1.4;
	padding: .5em 0;
	margin: .5em 0 1.5em 0;
	background-image: url(../images/dotted-line-horizontal.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
}

.page-inspection-search #main-wrapper #main #content-wrapper #content  .searchresult .title {
	font-weight: bold;
}

.page-inspection-search #main-wrapper #main #content-wrapper #content  .searchresult .highlight {
	background-color: #fdfbc0;
}

.page-inspection-search #main-wrapper #main #content-wrapper #content  .searchresult .url {
	font-size: .9em;
}

.page-inspection-search #main-wrapper #main #content-wrapper #content  .paging {
	background-image: url(images/dotted-line-horizontal.png);
	background-repeat: repeat-x;
	padding-top: 5px;
}

.page-inspection-search #main-wrapper #main #content-wrapper #content  .paging a {
	font-weight: normal;
	padding: 1px 2px;
	margin: 0 3px;
	text-decoration: none;
}

.page-inspection-search #main-wrapper #main #content-wrapper #content .paging a.selected {
	color: #fff;
	background-color: #42648a;
}