@charset "utf-8";
/* CSS Document */

html, body {
	margin: 0;
	height: 100%;
}

body {
	position: relative;
	background: #2c2c2c url(/images/backgrounds/body-bg.jpg) top center repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #a8a8a8;
}

a {
	color: #ff000e;
	outline: none;
}
a:hover {
	color: #e9636a;
	outline: none;
}
img {
	border: 0;
}

sup {
	vertical-align: top; 
	line-height: 0.66em;
}

hr {
	border: none 0;
	border-top: 1px solid #511115;
	width: 100%;
	height: 3px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clear {
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

textarea.textarea,
input.text {
	background-color: #232323;
	color: #fff;
	padding: 3px 3px 4px 3px;
	border: 1px solid #371214;
	font-size: 11px;
}

input.button {
	background-color: #371214;
	border: 0;
	color: #fff;
	border: 1px solid #371214;
	font-size: 11px;
	padding: 2px 3px;
}



/* pagination */

div.pagination {   
    margin: 0.5em 0;
    font-size: 11px;
    line-height: 2.5;
	color: #3b3939;
	font-weight: bold;
}

div.pagination .selected,
div.pagination a {
    text-decoration: none;
    margin: 0 0.2em;
	color: #9f1f27;
	font-weight: bold;
}
div.pagination a:hover {}

div.pagination .selected {
    font-weight: bold;
    border: 0;
	color: #3b3939;
}
div.pagination .ellipsis {
    margin: 0 0.5em;
}
div.pagination a:hover span {
    text-decoration: none;
}

div.pagination a.prevlink,
div.pagination a.prevlink:hover {
 
}

div.pagination a.nextlink,
div.pagination a.nextlink:hover {
  
}



/* structure */


#wrapper {
	position: relative;
	margin: 0 auto;
	width: 800px;
	min-height: 100%;
	background: #000;
}

#footer-wrapper {
	position: relative;
	margin: 0;
	height: 145px;
	margin-top: -145px;
	background-color: #60191d;
	overflow: hidden;
	background: url(/images/backgrounds/footer-wrapper-bg.gif) repeat-x;
}
#footer-links {
	position: relative;
	width: 800px;
	height: 28px;
	margin: 0 auto;
	color: #454545;
	line-height: 28px;
	font-size: 10px;
	background: url(/images/backgrounds/footer-links-bg.gif) no-repeat;
}
#footer-links ul {
	height: 28px;
	margin: 0;
	list-style: none;
	padding: 0 0 0 12px;
}
#footer-links ul li {
	padding: 0 5px;
	background: url(/images/backgrounds/footer-links-li-bg.gif) 0 10px no-repeat;
	float: left;
	text-transform: uppercase;
}
#footer-links ul li.first {
	padding-left: 0;
	background-image: none;
}
#footer-links a {
	color: #454545;
	text-decoration: none;	
}
#footer-links a:hover {
	color: #8d8c8c;
	text-decoration: underline;
}
#footer-links p#site-by {
	position: absolute;
	top: 0;
	right: 0;
	height: 28px;
	width: 133px;
	text-align: center;
	margin: 0;
	padding: 0 0 0 12px;
}

#footer {
	position: relative;
	width: 655px;
	padding: 41px 0 0 135px;
	height: 86px;
	margin: 0 auto;
	background: url(/images/backgrounds/footer-bg.gif) no-repeat;
	font-size: 10px;
	line-height: 1.2em;
	color: #9d9898;
}
#footer p {
	margin: 0;
}
#footer a {
	color: #9d9898;
	text-decoration: none;
}
#footer a:hover {
	color: #8d8c8c;
	text-decoration: underline;
}
#footer-contact1 {
	float: left;
	padding-right: 15px;
	border-right: 1px solid  #9d9898;
}
#footer-contact2 {
	float: left;
	padding-left: 15px;
}

#footer-copy {
	position: absolute;
	right: 10px;
	bottom: 38px;
	display: block;
	margin: 0;
	padding: 0;
	text-align: right;
}

#header {
	position: relative;
	height: 126px;
	background: url(/images/backgrounds/header-bg.jpg) no-repeat;
	overflow: hidden;
}

#header h1,
#header h3 {
	position: absolute;
	text-indent: -999em;
}

#topnav,
#topnav-right {
	position: absolute;
	bottom: 0;
	height: 30px;
	font-size: 10px;
	line-height: 30px;
	width: 230px;
	margin: 0;
	padding: 0;
	list-style: none;
}
#topnav {
	left: 20px;
}
#topnav-right {
	right: 10px;
}
#topnav li,
#topnav-right li {
	padding: 0 10px 0 8px;
	float: left;
	background: url(/images/backgrounds/topnav-li-bg.gif) 0 13px no-repeat;
}
#topnav-right li {
	float: right;
}
#topnav li a,
#topnav-right li a {
	color: #a9a9a9;
	text-decoration: none;
	text-transform: lowercase;
}
#topnav li a:hover,
#topnav-right li a:hover { 
	color: #fff;
}

#nav {
	position: relative;
	height: 58px;
	padding: 0 20px;
	z-index: 2;
}
#nav ul {
	position: relative;
	height: 58px;
	list-style: none;
	padding: 0;
	margin: 0;
}
#nav ul li,
#nav ul li a {
	position: relative;
	display: block;
	height: 58px;
}
#nav ul li {
	float: left;
}
#nav ul li a {
	text-indent: -999em;
	outline: none;
	background: url(/images/nav.png) no-repeat;
}
#nav ul li:hover a,
#nav ul li.sfhover a,
#nav ul li.current a {
	margin-left: -1px;
	padding-left: 1px;
}

/* first level navigations styles */
/* hover state must be MINUS 1px  */

#nav ul li#nav-shelley {
	width: 85px;
}
#nav ul li#nav-shelley a {
	background-position: 0 0;
}
#nav ul li#nav-shelley:hover a,
#nav ul li#nav-shelley.sfhover a,
#nav ul li#nav-shelley.current a {
	margin-left: 0;
	padding-left: 0;
	background-position: 0 -58px;
}

#nav ul li#nav-ward-33  {
	width: 80px;	
}
#nav ul li#nav-ward-33 a {
	background-position: -85px 0;
}
#nav ul li#nav-ward-33:hover a,
#nav ul li#nav-ward-33.sfhover a,
#nav ul li#nav-ward-33.current a {
	background-position: -84px -58px;
}

#nav ul li#nav-blog {
	width: 60px;
}
#nav ul li#nav-blog a {
	background-position: -165px 0;
}
#nav ul li#nav-blog:hover a,
#nav ul li#nav-blog.sfhover a,
#nav ul li#nav-blog.current a {
	background-position: -164px -58px;
}

#nav ul li#nav-media {
	width: 65px;
}
#nav ul li#nav-media a {
	background-position: -225px 0;
}
#nav ul li#nav-media:hover a,
#nav ul li#nav-media.sfhover a,
#nav ul li#nav-media.current a {
	background-position: -224px -58px;
}

#nav ul li#nav-events {
	width: 72px;
}
#nav ul li#nav-events a {
	background-position: -290px 0;
}
#nav ul li#nav-events:hover a ,
#nav ul li#nav-events.sfhover a,
#nav ul li#nav-events.current a {
	background-position: -289px -58px;
}

#nav ul li#nav-faq {
	width: 52px;
}
#nav ul li#nav-faq a {
	background-position: -362px 0;
}
#nav ul li#nav-faq:hover a,
#nav ul li#nav-faq.sfhover a,
#nav ul li#nav-faq.current a {
	background-position: -361px -58px;
}

#nav ul li#nav-city-hall {
	width: 87px;
}
#nav ul li#nav-city-hall a {
	background-position: -414px 0;
}
#nav ul li#nav-city-hall:hover a ,
#nav ul li#nav-city-hall.sfhover a,
#nav ul li#nav-city-hall.current a {
	background-position: -413px -58px;
}

#nav ul li#nav-resources {
	width: 97px;
}
#nav ul li#nav-resources a {
	background-position: -501px 0;
}
#nav ul li#nav-resources:hover a, 
#nav ul li#nav-resources.sfhover a,
#nav ul li#nav-resources.current a {
	background-position: -500px -58px;
}

#nav ul li#nav-budget {
	width: 77px;
}
#nav ul li#nav-budget a {
	background-position: -598px 0;
}
#nav ul li#nav-budget:hover a,
#nav ul li#nav-budget.sfhover a,
#nav ul li#nav-budget.current a {
	background-position: -597px -58px;
}

#nav ul li#nav-contact {
	width: 85px;
}
#nav ul li#nav-contact a {
	background-position: -675px 0;
}
#nav ul li#nav-contact:hover a,
#nav ul li#nav-contact.sfhover a,
#nav ul li#nav-contact.current a {
	background-position: -674px -58px;
}




/* second-level navigation styles */
#nav ul ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 121px;
	padding: 7px 4px;
	margin: 0;
	background-color: #330a0c;
}
#nav ul li:hover ul,
#nav ul li.sfhover ul {
	left: auto;
}
#nav ul li#nav-shelley:hover ul,
#nav ul li#nav-shelley.sfhover ul {
	left: 5px;
}



#nav ul li li {
	height: auto;
	width: 121px;
	float: none;
	padding: 2px 0 3px 0;
	background: transparent url(/images/backgrounds/nav-ul-li-li-bg.gif) 4px bottom no-repeat;
}
#nav ul li li.last {
	background-image: none;
}
#nav ul li li a {
	width: 108px;
	text-indent: 0;
	padding: 2px 0 2px 13px;
	height: auto;
	color: #fff;
	font-size: 10px;
	text-decoration: none;
	background: url(/images/backgrounds/nav-ul-li-li-a-bg.gif) no-repeat;
}
#nav ul li li a,
#nav ul li:hover li a,
#nav ul li#nav-shelley li a,
#nav ul li#nav-shelley:hover li a,
#nav ul li#nav-shelley.sfhover li a,
#nav ul li#nav-shelley.current li a,
#nav ul li#nav-ward-33 li a,
#nav ul li#nav-ward-33:hover li a,
#nav ul li#nav-ward-33.sfhover li a,
#nav ul li#nav-ward-33.current li a,
#nav ul li#nav-blog li a,
#nav ul li#nav-blog:hover li a,
#nav ul li#nav-blog.sfhover li a,
#nav ul li#nav-blog.current li a,
#nav ul li#nav-media li a,
#nav ul li#nav-media:hover li a,
#nav ul li#nav-media.sfhover li a,
#nav ul li#nav-media.current li a,
#nav ul li#nav-events li a,
#nav ul li#nav-events:hover li a,
#nav ul li#nav-events.sfhover li a,
#nav ul li#nav-events.current li a,
#nav ul li#nav-faq li a,
#nav ul li#nav-faq:hover li a,
#nav ul li#nav-faq.sfhover li a,
#nav ul li#nav-faq.current li a,
#nav ul li#nav-city-hall li a,
#nav ul li#nav-city-hall:hover li a,
#nav ul li#nav-city-hall.sfhover li a,
#nav ul li#nav-city-hall.current li a,
#nav ul li#nav-resources li a,
#nav ul li#nav-resources:hover li a,
#nav ul li#nav-resources.sfhover li a,
#nav ul li#nav-resources.current li a,
#nav ul li#nav-budget li a,
#nav ul li#nav-budget:hover li a,
#nav ul li#nav-budget.sfhover li a,
#nav ul li#nav-budget.current li a,
#nav ul li#nav-contact li a,
#nav ul li#nav-contact:hover li a,
#nav ul li#nav-contact.sfhover li a,
#nav ul li#nav-contact.current li a {
	background-position: 3px 6px;
	padding: 2px 0 2px 13px;
	margin-left: 0;
}

#nav ul li li a:hover {
	background-color: #000;	
}


/*
 * Page Titles
 *
 */
h2#title-home {
	margin: 0 -5px;
	background: url(/images/titles/title-home.gif) no-repeat;
	height: 30px;
	text-indent: -999em;
}
h2.title-inner {
	margin: 0 0 0.66em 0;
	height: 55px;
	text-indent: -999em;
}
h2.title-sub {
	margin: 0 0 0.66em 0;
	height: 37px;
	text-indent: -999em;
}

/* -- Main section titles --*/

h2#title-ward-33-history {
	background: url(/images/titles/title-ward-33-history.gif) no-repeat;
}
h2#title-media-photos {
	background: url(/images/titles/title-media-photos.gif) no-repeat;
}
h2#title-blog {
	background: url(/images/titles/title-blog.gif) no-repeat;
}
h2#title-budget-chair {
	background: url(/images/titles/title-budget-chair-of-the-budget-committee.gif) no-repeat;
}

h2#title-cityhall-council-updates {
	background: url(/images/titles/title-cityhall-council-updates.gif) no-repeat;
}
h2#title-cityhall-shelley {
	background: url(/images/titles/title-cityhall-shelley.gif) no-repeat;
}
h2#title-events {
	background: url(/images/titles/title-events.gif) no-repeat;
}
h2#title-faq {
	background: url(/images/titles/title-faq.gif) no-repeat;
}
h2#title-media-documents {
	background: url(/images/titles/title-media-documents.gif) no-repeat;
}
h2#title-resources-cityhall-links {
	background: url(/images/titles/title-resources-cityhall-links.gif) no-repeat;
}
h2#title-resources-emergency {
	background: url(/images/titles/title-resources-emergency.gif) no-repeat;
}
h2#title-resources-toronto-links {
	background: url(/images/titles/title-resources-toronto-links.gif) no-repeat;
}
h2#title-resources-ward33-links {
	background: url(/images/titles/title-resources-ward33-links.gif) no-repeat;
}
h2#title-shelley-budget {
	background: url(/images/titles/title-shelley-budget.gif) no-repeat;
}
h2#title-shelley {
	background: url(/images/titles/title-shelley.gif) no-repeat;
}
h2#title-ward33-agencies {
	background: url(/images/titles/title-ward33-agencies.gif) no-repeat;
}
h2#title-ward33-amenities {
	background: url(/images/titles/title-ward33-amenities.gif) no-repeat;
}
h2#title-ward33-residents {
	background: url(/images/titles/title-ward33-residents.gif) no-repeat;
}
h2#title-contact-office {
	background: url(/images/titles/title-contact-office.gif) no-repeat;
}
h2#title-contact-staff {
	background: url(/images/titles/title-contact-staff.gif) no-repeat;
}

h2#title-sitemap {
	background: url(/images/titles/title-sitemap.gif) no-repeat;
}

h2#title-map-results {
	background: url(/images/titles/title-map-results.gif) no-repeat;
}

h2#title-interactive-map {
	background: url(/images/titles/title-ward33-interactive-map.gif) no-repeat;
}

h2#title-map-legend {
	background: url(/images/titles/map-legend.gif) no-repeat;
	height: 28px;
}


/* -- Sidebar titles --*/

h2#title-sidebar-events {
	background: url(/images/titles/sidebar-events.gif) no-repeat;
	height: 30px;
	margin: 0;
	text-indent: -999em;
}
h2#title-sidebar-events-search {
	background: url(/images/titles/sidebar-events-search.gif) no-repeat;
	height: 17px;
	margin: 0;
	text-indent: -999em;
}
h2#title-sidebar-blog-latest-posts {
	background: url(/images/titles/sidebar-blog-latest-posts.gif) no-repeat;
	height: 34px;
	margin: 0;
	text-indent: -999em;
}

/* -- Sub titles --*/
h2#title-sub-staff {
	background: url(/images/titles/title-sub-staff.gif) no-repeat;
}


/*
 * Content Styles
 *
 */
 
#editor-content {
	margin: 10px;
	background-image:none;
	background-color: #000;
	height: auto;	
}
 
.content {
}
.content p {
	margin: 1em 0;
}
.content ul,
.content ol {
	margin: 1.333em 0;
}
.content h3 {
	font-size: 15px;
	font-weight: normal;
	padding-bottom: 0.2em;
	border-bottom: 1px solid #511115;
	margin: 1.333em 0 0.333em 0;
}
.content ul {
	list-style: none;
	padding: 0;
}
.content ul li {
	background: url(/images/backgrounds/content-ul-li-bg.gif) 9px 3px no-repeat;
	padding-left: 26px;
}



/*
 * Home Page Syles
 * 
 */
 
#home,
#inner {
	position: relative;
	padding: 12px 20px 145px 20px;
}
#home-banner {
	position: relative;
	height: 332px; 
	padding: 10px;
	background: url(/images/backgrounds/home-banner-bg.gif) repeat-x;
}
#home-banner-content {
	position: relative;
}
#home-banner img {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
}
#home-content {
	position: relative;
	padding:  38px 10px 0 0;
	background: url(/images/backgrounds/home-content-bg.jpg) no-repeat;
	min-height: 162px;
}
#home-content p {
	margin-top: 0.333em;
}
#home-links {
	float: left;
	width: 229px;
}
#home-links ul {
	margin: 197px 0 0 19px;
	width: 178px;
	height: 45px;
	padding: 0;
	background: url(/images/ui/home-links.gif) -178px 0 no-repeat;
}
#home-links ul li {
	margin:0;
	padding: 0;
	background-image: none;
}
#home-links ul li a {
	display: block;
	text-indent: -999em;
	outline: none;
}
#home-links ul li#home-link-subscribe a {
	background: url(/images/ui/home-links.gif) 0 0 no-repeat;
	height: 45px;
}
#home-links ul li#home-link-subscribe a:hover {
	background-image: none;
}
#home-links ul li#home-link-twitter a {
	background: url(/images/ui/home-links.gif) 0 -45px no-repeat;
	height: 47px;
}
#home-links ul li#home-link-twitter a:hover {
	background-image: none;
}
#home-links ul li#home-link-facebook a {
	background: url(/images/ui/home-links.gif) 0 -92px no-repeat;
	height: 46px;
}
#home-links ul li#home-link-facebook a:hover {
	background-image: none;
}

#home-intro {
	float: left;
	width: 521px;
}


/*
 * Inner Page Styles
 *
 */
 
#inner { /* inherits from #home */
	padding-bottom: 165px;
	background: url(/images/backgrounds/inner-right-bg.jpg) 520px 0 no-repeat;
}

#inner-left {
	float: left;
	width: 500px;
}
#inner-banner {
	/*padding-top: 12px;*/
}
#inner-banner img {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
}



#inner-wide {
	width: 100%;
}

#inner #content {

}

#inner-wide #content {
	padding: 0;
}

#inner-right {
	width: 260px;
	float:right;
}

#inner-right ul#quick-links {
	margin: 16px 25px 15px 47px;
	padding: 0;
	width: 188px;
	height: 90px;
	background: url(/images/ui/quick-links.gif) -188px 0 no-repeat;
}
#inner-right ul#quick-links li {
	display: block;
	margin: 0;
	padding: 0;
}
#inner-right ul#quick-links li a {
	display: block;
	height: 45px;
	text-indent: -999em;
	outline: none;	
}
#inner-right ul#quick-links li#quick-link-twitter a {
	background: url(/images/ui/quick-links.gif) 0 0 no-repeat;
}
#inner-right ul#quick-links li#quick-link-twitter a:hover {
	background-image:none;
}
#inner-right ul#quick-links li#quick-link-facebook a {
	background: url(/images/ui/quick-links.gif) 0 -45px no-repeat;
}
#inner-right ul#quick-links li#quick-link-facebook a:hover {
	background-image:none;
}


#sidebar,
.sidebar-block {
	margin: 0 25px 0 47px;
}

/**
 * Sidebars
 *
 */
 
#events-sidebar {
	margin-top: 0;
	border-bottom: 2px solid #371214;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
#events-calendar {
	margin: 0;
	background-color: #371214;
}

#events-calendar table.caption {
	border: 0;
	width: 100%;
	background: url(/images/backgrounds/sidebar-accent-bg.gif);
}

#events-calendar table.caption a {
	color: #dedede;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

#events-calendar table.caption td {
	height: 29px;
	line-height: 29px;
	text-align: center;
}
#events-calendar table.caption td.prev {
	padding-left: 10px;
	text-align: left;
	width: 30px;
}
#events-calendar table.caption td.next {
	padding-right: 10px;
	text-align: right;
	width: 30px;
}
#events-calendar table.caption td.prev a,
#events-calendar table.caption td.next a {
	font-size: 11px;
	font-weight: normal;
}

#events-calendar table.calendar {
	width: 158px;
	margin: 5px 15px 20px 15px;
}
#events-calendar table.calendar th,
#events-calendar table.calendar td {
	text-align: center;
	border: 2px solid #371214;
	padding: 0 1px;
	font-size: 10px;
	line-height: 14px;
	font-weight: normal;
	color: #dedede;
}

#events-calendar table.calendar th {
	padding-top: 3px;
	padding-bottom: 5px;
}
#events-calendar table.calendar td.dayToday {
	background-color: #fff;
	color: #371214;
}
#events-calendar table.calendar td.daySelected {
	background-color: #220f10;
}
#events-calendar table.calendar td a {
	text-decoration: none;
	color: #dedede;
}
#events-calendar table.calendar td.dayToday a {
	color: #371214;
}
#events-more {
	background: url(/images/backgrounds/sidebar-accent-bg.gif);
	padding: 7px 7px 0 0;
	height: 22px;
	text-align: right;
}
#events-more img {
	margin:0;padding:0;border:0;
}

#events-search {
	margin: 15px 0;
}
#events-search form {
	margin: 3px 0;
}
#events-search form input.text {
	width: 145px;
	float: left;
}
#events-search form input.button {
	float: right;
}


#blog-sidebar {
	margin-top: 30px;
	background-color: #371214;
}
#blog-sidebar .post {
	margin: 0.5em 15px;
	padding-top: 0.5em;
	background: url(/images/backgrounds/sidebar-blog-post-bg.gif) no-repeat;
}
#blog-sidebar .post.first {
	padding-top: 0;
	background-image:none;
}
#blog-sidebar .post p {
	margin: 0;
	color: #cacaca;
	font-weight: bold;
}
#blog-sidebar .post p a{
	text-decoration: none;
	color: #cacaca;
	font-weight: normal;
}
#blog-more {
	background: url(/images/backgrounds/sidebar-accent-bg.gif);
	padding: 7px 7px 0 0;
	height: 22px;
	text-align: right;
}
#blog-more img {
	margin:0;padding:0;border:0;
}

/**
 * Prev/Next Pager
 *
 */
 
ul.pnpager {
	list-style: none;
	margin: 0;
	padding: 0;	
}
ul.pnpager li {
	margin: 0;
	padding: 0;	
	background-image: none;
}
ul.pnpager li.pagerPrev {
	float: left;	
}
ul.pnpager li.pagerNext {
	float: right;	
}
ul.pnpager li a {
	color: #fff;
	font-size: 11px;
	text-decoration: none;
}
ul.pnpager li.pagerPrev a {
	padding-left: 15px;
	background: url("../images/ui/content-prev.gif") 0px 3px no-repeat;	
}
ul.pnpager li.pagerNext a {
	padding-right: 15px;
	background: url("../images/ui/content-next.gif") 100% 3px no-repeat;	
}

/**
 * Map Page
 *
 */
 
#map-canvas {
	position: relative;
	width: 576px;
	height: 451px;
	color: #000;
	margin: 12px 0;
	border: 10px solid #cbcbcb;
	float: left;
}

#map-canvas h3 {
	font-size: 12px;
	margin: 0 0 5px 0;
}
#map-canvas p {
	margin: 0 0 1em 0;
}

#map-legend {
	width: 153px;
	float: right;
}


#map-legend h2 {
	margin: 29px 0 0.66em 0; 
	
}

#map-legend h3 {
	margin: 1em 0 0.33em 0;
}
#map-legend p {
	margin: 0.33em 0 0.66em 0;
	font-size: 91%;
}
#map-legend ul {
	margin: 0.33em 0;
	padding: 0;
	list-style:none;
	padding-top: 1em;
	border-top: 1px solid #511115;
}

#map-legend li {
	background-image: none;
	margin: 0 0 2px 0;
	padding: 0;
}

#map-legend li a {
	padding-left: 38px;
	height: 28px;
	line-height: 28px;
	margin: 0;
	display: block;
	color: #c0c0c0;
	text-decoration: none;
}

#map-legend li a.legend-improvements {
	background: url("/images/ward-map/legend-bg.gif") 0px 0px no-repeat;
}
#map-legend li a.legend-improvements:hover {
	background-position: 0px -28px;	
	color: #fff;
}


#map-results {
	position: relative;
	border-top: 1px solid #511115;
	margin-top: 8px;
	/*width: 596px;*/
	clear: both;
	display: none;
}

#map-results h3 {
	margin: 0 0 5px 0;
	border-bottom: none;
}

#map-results ul.pnpager {
	float: right;
	width: 200px;
	text-align: right;
}
#map-results ul.pnpager li.pagerPrev,
#map-results ul.pnpager li.pagerNext {
	float: none;
	display: inline;
}

#map-results ul.results-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

#map-results ul.results-list li {
	position: relative;
	min-height: 48px;
	background: #232323 url("../images/backgrounds/map-results-bg.gif") repeat;
	margin: 0 0 2px 0;
	padding: 1px 0;
	cursor: pointer;
	border: 0;
}


#map-results ul.results-list li h3 {
	display:block;
	float: left;
	line-height: 48px;
	width: auto;
	padding: 0 5px 0 40px;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	padding-bottom: 0;
	border-bottom: 0;
	margin: 0;
	background-position: 5px 50%;
	background-repeat: no-repeat;
}

#map-legend a.legend-school,
#map-results ul li.result-school h3 {
	background-image: url("/images/mapassets/icon-school.png");
}
#map-legend a.legend-library,
#map-results ul li.result-library h3 {
	background-image: url("/images/mapassets/icon-library.png");
}
#map-legend a.legend-com-centres,
#map-results ul li.result-com-centres h3 {
	background-image: url("/images/mapassets/icon-ccentre.png");
}
#map-legend a.legend-com-services,
#map-results ul li.result-com-services h3 {
	background-image: url("/images/mapassets/icon-cservices.png");
}
#map-legend a.legend-tennis,
#map-results ul li.result-tennis h3 {
	background-image: url("/images/mapassets/icon-tennis.png");
}
#map-legend a.legend-early-years,
#map-results ul li.result-early-years h3 {
	background-image: url("/images/mapassets/icon-earlyyears.png");
}
/*#map-legend a.legend-improvements,*/
#map-results ul li.result-improvements h3 {
	background-image: url("/images/mapassets/icon-improvements.png");
}



#map-results ul.results-list li p {
	display: block;
	line-height: 1.2;
	padding: 0 0 0 0;
	font-size: 11px;
	margin: 18px 0 0 0;
}

#map-results ul.results-list li a {
	color: #2ea5f9;
	text-decoration: none;
}

#map-results ul.results-list li a:hover {
	color: #b0deff;
	text-decoration: none;
}


.map-info h3 {
	margin-bottom: 0;
	color: #646464;
	border-bottom-color: #646464;
}
.map-info ul {
	list-style: none;	
	margin: 0;
}
.map-info ul li {
	background-image: none;
	margin: 0.2em 0;
	border-bottom: 1px solid #b8b8b8;
	padding: 0;
	padding-bottom: 0.2em;	
	font-size: 82%;
	color: #898989;
}
.map-info .map-controls {
	margin-top: 1em;	
}
.map-info .map-controls a {
	display:block;	
	text-transform: uppercase;
	color: #a8a8a8;
	font-size: 91%;
	cursor: pointer;
}
.map-info .map-controls a.map-prev {
	float: left;
	padding-left: 18px;
	background: url("/images/ui/gray-arrow-prev.gif") 0% 50% no-repeat;
}
.map-info .map-controls a.map-next {
	float: right;
	padding-right: 18px;
	background: url("/images/ui/gray-arrow-next.gif") 100% 50% no-repeat;
}

/**
 * Photo Gallery
 *
 */
 
#photos {
}

#photos table {
	border: 0;
	padding: 0;
	margin: 0;
}

#photos table tr td {
	padding: 10px 0 0 10px;
}
#photos table tr.first td {
	padding-top: 0;
}
#photos table tr td.first {
	padding-left: 0;
}

#photos .photo {
	position: relative;
	display: block;	
	width: 92px;
	height: 92px;
	background: url('../images/backgrounds/photo-bg.gif') no-repeat;
}
#photos .photo a,
#photos .photo img {
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	width: 82px;
	height: 82px;
	top: 0;
	left: 0;
}
#photos .photo a {
	border: 5px solid #371214;
	z-index: 4;	
}
#photos .photo a:hover {
	background:  url('../images/ui/content-plus.gif') 69px 69px no-repeat;
}
#photos .photo img {
	z-index: 2;
	top: 5px;
	left: 5px;
}

#photos #photoPager {
	position: relative;
	margin: 10px 0 10px 0;
	border-top: 1px solid #511115;
	padding: 4px 0 0 0;
	width: 100%;
	min-height: 1em;
}


#photos p.copyright {
	clear: both;
	color: #511115;
	font-size: 10px;
	text-align:right;
	margin-top: 2em;
}
	

#albums-header h3 {
	margin: 0;
	text-indent: -999em;
	height: 28px;
	background:  url('../images/titles/sidebar-photos.png') no-repeat;
}
#albumList { 
	padding: 10px 20px;
	background-color: #371214;	
}
#albumList .album {
	margin: 7px 0;	
}
#albumList .thumb a {
	display: block;
	padding: 10px;	
	background: #000 url('../images/backgrounds/sidebar-accent-bg.gif');
	outline: none;
}
#albumList .current .thumb a,
#albumList .thumb a:hover {
	background-image: none;
}
#albumList .thumb img {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;	
}
#albumList .desc {
	margin: 7px 0 14px 0;
}
#albumList .desc p {
	margin: 0;
	text-align: center;	
}
#albumList .desc p,
#albumList .desc p a,
#albumList .desc p a:hover {
	color: #fff;
	font-size: 11px;
}

#albumList .desc p a {
	text-decoration: none;
}
#albumList .desc p a:hover {
	text-decoration: underline;
}

#albumPager {
	padding: 7px;
	background: #000 url('../images/backgrounds/sidebar-accent-bg.gif');
}
#albumPager ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#albumPager ul li {
	margin: 0;
	padding: 0;	
	background-image: none;
}
#albumPager ul li.pagerPrev {
	float: left;	
}
#albumPager ul li.pagerNext {
	float: right;	
}
#albumPager ul li a {
	outline: none;	
}
#albumPager ul li a,
#albumPager ul li a img {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
}



/*
 * Events Calendar 
 *
 */
 
.event {
	margin: 1.5em 0 1.5em 0;
	padding-bottom: 1.5em;
	border-bottom: 3px solid #511115;
}

.event-title {
	border-bottom: 1px solid #511115;
	height: 13px;
	margin-bottom: 7px;
}
.event-title h2 {
	margin: 0;
	float: left;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	line-height: 1em;

}
.event-title h3 {
	margin: 0;
	float: right;
	font-size: 12px;
	font-weight: normal;
	border: 0;
	padding-top: 2px;
	line-height: 1em;
} 
.event h6 {
	font-size: 100%;
	margin: 0;
}
.event p {
	margin: 1em 0 0 0;
}


/*
 * Contact
 *
 */

#contact {
	margin: 0 0 1.5em 0;
	padding-bottom: 5px;
	border-bottom: 1px solid  #511115;
	font-size: 11px;
} 
#contact-office {
	float: left;
	width: 194px;
}
#contact-form {
	float: right;
	width: 300px;

}
#contact-form .narrow {
	margin-left: 100px;
}	
#contact-form .narrow p {
	padding: 3px;
	background: #ff000d;
	font-weight: bold;
	color: #000;
}

#contact-form .narrow ul {
	list-style: none;
	padding: 0;
}
#contact-form .narrow li {
	background: url(/images/backgrounds/error-ul-li-bg.gif) 24px 0 no-repeat;
	color: #ff000d;
	padding-left: 44px;
}




#contact-form form {
	margin: 1em 0;
}
#contact-form form table {
	border: 0;
	width: 100%;
}
#contact-form form table td.label {
	width: 115px;
	padding-right: 5px;
}
#contact-form form table td {
	text-align: right;
	vertical-align: top;
	padding-bottom: 5px;
	
}
#contact-form input.text,
#contact-form textarea {
	width: 170px;
}

.staff-member {
	margin: 0 0 1.33em 0;
	padding-top: 1.33em;
	border-top: 2px solid #2f2b2b;
}
.staff-member.first {
	padding-top: 0;
	border-top: none;
}
.staff-member .staff-photo {
	float: left;
	width: 67px;
	height: 67px;
	padding: 2px;
	background-color: #2a2727;
	margin-right: 22px;
}
.staff-member .staff-info { 
	float: left;
	width: 395px;
}
.staff-info h4 {
	margin: 0;
	font-size: 15px;
	color: #fff;
	font-weight: bold;
}
.staff-info h4 span {
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
}
.staff-info p {
	margin: 0 0 0.66em 0;
}
.staff-info ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0.66em 0;
}
.staff-info ul li {
	margin: 0;
	padding:0;
	background: none;
}

/* 
 * Council Updates 
 *
 */
 
#council-updates {}

#council-updates h3 {
	font-size: 15px;
	line-height: 11px;
	margin: 0;
}
#council-updates h3 a {
	color: #fff;
	text-decoration: none;
}
#council-updates h4 {
	font-weight: bold;
	margin: 0.5em 0 0 0;
}
#council-updates  .council-update {
	margin: 1.66em 0 2em 0;
	padding-bottom: 1.66em;
	border-bottom: 4px solid #511115;
}
#council-updates .council-update p { 
	margin: 0;
}

#council-updates .council-pager {
	margin-top: -1.66em;
	text-align: right;
}

#council-updates .council-back {
	margin: 2em 0 0 0;
	padding-top: 0.33em;
	border-top: 1px solid #511115;
}
#council-updates .council-back p {
	margin:0;
}
#council-updates .council-back a {
	padding-left: 15px;
	background: url("../images/ui/content-prev.gif") 0px 3px no-repeat;	
}


/*
 * Site Map
 *
 */
 
#sitemap ul {
	margin: 3em;
}
#sitemap li {
	padding: 0;
	margin: 0.66em 0;
	background-image: none;
}
#sitemap li a {
	color: #fff;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
}
#sitemap li ul {
	margin: 0;
	margin-left: 13px;
}
#sitemap li li {
	margin: 0;
	padding-left: 10px;
	background: url("../images/ui/gray-bullet.gif") 0px 5px no-repeat;	
}  
#sitemap li li a {
	color: #a8a8a8;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
}

/* 
 * FAQ
 *
 */
#faq {
	margin: 1.33em 0;
}
#faq .faq-entry {
	margin: 3px 0 0 0;
}
#faq .faq-entry h3 {
	background: #2E0E10 url("../images/ui/faq-plus.gif") top right no-repeat;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	padding: 5px 30px;
	border: none;
	margin: 0;
}

body.js-enabled #faq .faq-entry h3 {
	cursor: pointer;
}

body.js-enabled #faq .faq-entry h3:hover {
	color: #a8a8a8;
}

body.js-enabled .faq-answer {
	display: none;
	background: #22090b url("../images/ui/faq-answer.gif") top left no-repeat;
	color: #c6c6c6;
	font-size: 12px;
	padding: 10px 10px 10px  25px;
	margin: 3px 0 0 0;
}

/*
 * All Links Pages
 *
 */
 
#linkslist h1 {
	margin: 0;
	padding: 20px 0 10px 0;
	font-size: 24px;
	color: #fff;
}
 
#linkslist h2 {
	margin: 0;
	padding: 5px;
	background: #2e0e10;
	font-size: 14px;
	color: #fff;
}
#linkslist a {
	display: block;
	font-size: 12px;
	color: #fff;
	text-indent: 10px;
	text-decoration: none;
}
#linkslist a:hover {
	color: #a8a8a8;
	text-decoration: none;
	background: #100f0f;
}

/*
 * Shelley @ City Hall Page
 *
 */

#atcityhall h1 {
	margin: 0;
	padding: 5px;
	background: #2e0e10;
	font-size: 14px;
	color: #fff;
}
#atcityhall a {
	display: block;
	font-size: 12px;
	color: #fff;
	text-indent: 10px;
	text-decoration: none;
}
#atcityhall a:hover {
	color: #a8a8a8;
	text-decoration: none;
	background: #100f0f;
}