/* STYLESHEET FOR CITY OF SARNIA, PREPARED BY EBTECH.NET 2012 */

/* TAGS */
	A:link,A:visited {color:#222;}
	BODY {font-family:Arial,sans-serif;background:#fff url(/images/body.background.png) top left;position:relative;border:0;min-width:960px;}
	EM {font-style:italic;}
	STRONG {font-weight:bold;}
	FORM {height:0;margin:0;padding:0;}
	HTML > BODY FORM {height:auto;}
	HR {height:1px;border-top:0;border-left:0;border-right:0;border-bottom:1px dotted #ccc;margin:10px 20px;padding:0;}
	IFRAME {border:0;overflow-x:hidden;width:100%;margin:0 0 3px;padding:0;}
	INS {background-color:#FF0;text-decoration:none;}
	OL LI {margin-bottom:8px;}
	PRE {white-space:0;word-wrap:break-word;}
	NOSCRIPT {text-align:center;}
	NOSCRIPT H3 {color:#c30;}
	TR.head TD {background-color:#ccc;font-weight:700;}
	TR.head TD P {padding:4px 8px !important;}
	TR.outlined TD {background-color:#eee;border-top:1px solid #000;border-bottom:1px solid #000;}
	TD {vertical-align:top;}
	TD.middle {vertical-align:middle;}
	TD.bottom {vertical-align:bottom;}
	UL.NoBullet {	list-style-type:none;}
	INPUT.required {border:2px solid #e00 !important;}
	TEXTAREA.required {border:2px solid #e00 !important;}
	INPUT.valid {border:2px solid #60a236 !important;}
	TEXTAREA.valid {border:2px solid #60a236 !important;}
	LABEL.error {display:block;color:#ba0932;padding:2px 10px;}
	#captchaVal {text-transform:uppercase;}

/* ZEBRA STRIPNG */
	TABLE.zebra {width:100%;}
	TABLE.zebra TD.label P {color:#333;}
	TABLE.zebra TD, TABLE.zebra P {font:14px Arial, sans-serif !important;}
	TABLE.zebra TR.odd TD {background:url(/images/trans_green_30.png);padding:4px;}
	TABLE.zebra TR.even TD {background:url(/images/trans_white_30.png);padding:4px;}
	TABLE.zebra TR.over TD {background:url(/images/trans_black_10.png);color:#000;}
	TABLE.zebra TR.over TD.label P {color:#000 !important;}
	UL LI.even {;}
	UL LI.odd {background:url(/images/trans_white_30.png);}

/* SEMANTIC CLASSES */
/*
	.advisories,.beaches {background:#c6d9ff url(/images/overlay_IMG_highlight510.png) left top no-repeat;} 
	.alert {background:#eab6a3 url(/images/box_alert_bg.gif) top left no-repeat;padding-left:100px !important;}
	.alert P {font-family:Georgia !important;font-size:18px !important;padding:20px;padding-bottom:0px;}
	.alert P A{color:#f00;}
*/
	.back {font-size:small;font-weight:700;color:#00f;}
	.clear {clear:both;}
	.date {font-size:xx-small;}
	.defaultNewsReleaseItem {clear:both;border-bottom:1px dotted #aaa;padding:8px;}
	.dim {color:#ccc;}
	.events {background:#ededed url(/images/overlay_IMG_highlight510.png) left top no-repeat;}
	.full,.nav UL LI {width:100%;}
	.hasPhoto,.hasThumb {overflow:auto;}
	.hasPhoto IMG,.hasThumb IMG {float:left;}
	.hasPhoto P,.hasThumb P {margin-left:140px;}
	.highlights,.mediareleases {background:#ededed url(/images/overlay_IMG_highlight510.png) left top no-repeat;padding-bottom:22px !important;overflow:auto;}
/*
	.homepage {margin-bottom:12px;padding:10px 10px 0;}
	.homepage H2 {margin-bottom:12px !important;}
	.homepage UL,#breadcrumbs UL,#col3 UL {list-style:none;}
	.homepageMore {float:right;}
	.homepageMore A {display:block;padding:2px 10px;font-family:Arial,sans-serif;font-size:12px;}
	.homepageMore A:hover {background-color:#cdcdcd;}
*/
	.hidden {visibility:hidden;display:none;height:0;} 
	.label {text-align:right;font-style:italic;padding-right:12px !important;}
	.lastRevised {height:17px;text-align:left;color:#444;font-size:10px !important;font-family:Arial,sans-serif;background:url(/images/icon_posteddate.png) left no-repeat;padding:3px 2px 2px 20px;}
	.printerFriendly {height:17px;text-align:left;color:#666;font-size:10px !important;font-family:Arial,sans-serif;background:url(/images/icon_printer.png) left center no-repeat;padding-left:22px;padding-top:8px;}
	.printerFriendly A {text-decorxation:none !important;color:blue;}
	.printerFriendly A:hover {text-decoration:underline !important;}
/*
	.more {font-size:small;font-weight:700;color:#00f;float:right;font-family:Arial,sans-serif;}
	.municipality {text-align:right;font-size:10px;font-family:Arial,sans-serif;}
	.nav {font-family:Arial,sans-serif;margin:0;padding:0;} 
	.nav UL {list-style:none;margin:0 0 16px;padding:0;} 
	.healthInformation {zoom:1;background:url(/images/overlay_IMG_striped60x60.png);padding-left:20px !important;border:none !important;padding-bottom:2px !important;} 
	.nav UL {margin-left:10px;}
*/
	.nav UL UL UL UL A {color:#57613c !important;background-image:none !important;background-color:#d1e5a1 !important;border-bottom:1px dotted #006 !important;}
	.photo {background-color:#fff;border:1px solid #ccc;margin:6px;padding:10px;}
/*
	.posted {font-size:10px !important;color:#666;background:url(/images/icon_posteddate.gif) right center no-repeat;padding-right:20px;}
*/
	.slim,.slim P,#col1 TABLE.questionnaire P {margin:0 !important;padding:1px 0 !important;}
	.submit {background-color:#fea500 !important;font-weight:700;color:#003 !important;padding:2px 14px !important;cursor:pointer;}
	.upcomingevents {background:#ededed url(/images/overlay_IMG_highlight510.png) left top no-repeat;}
	.eventSingle {background-image:url(/images/yellow_10.png);background-repeat:repeat;padding:16px 24px 8px 24px;margin-bottom:8px;}
	.eventSingle UL {margin-left:36px;list-style:square;padding-bottom:6px;}
	.zebraOdd { background-image:url(images/grey_30.png);background-repeat:repeat}
	.zebraEven {background-image:url(images/grey_10.png);background-repeat:repeat}

/* GOOGLE CUSTOM SEARCH ENGINE */
	form.gsc-search-box {width:200px;}

/* BUTTONS */
	.backButton A {display:block;float:right;width:60px;height:23px;margin-left:12px;margin-bottom:12px;background:url(/images/button_back.png) no-repeat;}
	.moreButton A {display:block;float:right;width:60px;height:23px;margin-left:12px;margin-bottom:12px;background:url(/images/button_more.png) no-repeat;}
	.topButton A {display:block;float:right;width:44px;height:23px;margin:0px 12px;margin-bottom:12px;background:url(/images/button_top.png) no-repeat;}
	.buttonAddAnotherDate {cursor:pointer;margin:5px;border:1px solid #ccc;background-color:#e5e5e5;padding:5px 10px;width:100px;}
	.buttonAddAnotherDateDisabled {margin:5px;border:1px solid #ccc;background-color:#e5e5e5;padding:5px 10px;width:100px;color:#ccc;}
	.disabled {background-color:#ccc !important;color:#999 !important;}

/* TEXT FORMATTING */
	.center {text-align:center !important;}
	.bold {font-weight:bold !important;}
	.floatleft, .floatLeft {float:left !important;}
	.floatRight {float:right;}
	.fullwidth {width:90% !important;}
	.indent {margin-left:22px !important;}
	.lined {border-bottom:1px dotted #000;}
	.leftAlign {text-align:left;}
	.noprint {display:block !important;}
	.nodisplay {display:none !important;}
	.normal {background-image:none !important;border:0;}
	.rightAlign {text-align:right;}
	.rightBorder {padding-right:5px;border-right:1px dotted #ccc;margin-right:5px;}

/* FILE TYPES */
	.pdf {list-style:none;padding-left:36px;background:url(/images/icon_PDF_small.png) top left no-repeat;line-height:22px;margin-bottom:0px !important;padding-top:6px;font-size:small;font-family:Arial,sans-serif;color:#333;font-weight:bold;}
	.pdf LI {margin:0px !important;}
	.doc{list-style:none;padding-left:36px;background:url(/images/icon_DOC_small.png) top left no-repeat;line-height:22px;margin-bottom:0px !important;padding-top:6px;font-size:medium;font-family:Arial,sans-serif;color:#333;font-weight:bold;}
	.xls {list-style:none;padding-left:36px;background:url(/images/icon_XLS_small.png) top left no-repeat;line-height:22px;margin-bottom:0px !important;padding-top:6px;font-size:medium;font-family:Arial,sans-serif;color:#333;font-weight:bold;}
	.mp3 {list-style:none;padding-left:36px;background:url(/images/icon_MP3_small.png) top left no-repeat;line-height:22px;margin-bottom:0px !important;padding-top:6px;font-size:medium;font-family:Arial,sans-serif;color:#333;font-weight:bold;}

/* COLOURS */
	.blue {color:#00f;}
	.blue:hover {color:#003;}
	.red {color:#cc3333;font-weight:700;}
	.green {color:#009933;}
	.grey {color:#888;}

/* TYPEFACES */
	.heavy {font-weight:bolder;}
	.smallest {font-size:xx-small !important;}
	.small,#secondary P,#testimonial P {font-size:small;}
	.medium {font-size:medium;}
	.large {font-size:large;}

/* ROWS AND COLUMNS */
	.row {overflow:auto;display:block;margin-top:6px;} 
	.col10p {width:9.99%;float:left;display:table-cell;} 
	.col90p {width:89.99%;float:left;display:table-cell;} 
	.col25p {width:24.99%;float:left;display:table-cell;} 
	.col33p {width:33%;float:left;display:table-cell;} 
	.col50p {width:49.9%;float:left;display:table-cell;} 
	.col66p {width:66%;float:left;display:table-cell;} 
	.col75p {width:74%;float:left;display:table-cell;} 
	.col100p {width:100%;float:left;display:table-cell;} 
	.columns3 {
		-webkit-column-count:3; /* Chrome, Safari, Opera */
		-moz-column-count:3; /* Firefox */
		column-count:3;
	}

/* STRUCTRUAL DIVISIONS */
	BODY {position:relative;}
	#page {width:960px;margin:10px auto;}
	#dim {display:none;cursor:pointer;background-image:url(/images/dim_bg.png);z-index:1500;height:100%;width:100%;background-repeat:repeat;position:fixed;top:0px;left:0px;}
	#skip {font-size:10px;float:left;}


/* DIALOG */
	#dialogWrapper {width:800px;margin:0px auto !important;}
	#dialog {position:absolute;width:800px;height:450px;z-index:2000;background-image:url(/images/ajax-backgroundNEW.png);background-repeat:no-repeat;border:0px solid #f00;}
	#dialog #close{margin-top:-10px;margin-right:-16px;float:right;cursor:pointer;width:120px;height:38px;}
	#dialog #ajax {height:375px;margin:60px 20px 0px 20px;overflow-y:auto;}
	#dialog H1 {font-family:'PT Sans Caption',Arial, sans-serif;font-weight:400;color:#fff;font-size:24px;background-color:#4ca2c5;padding:10px 12px;}
	#dialog H2 {font-family:'PT Sans Caption',Arial, sans-serif;font-weight:400;color:#24657f;font-size:22px;margin-bottom:6px !important;padding-top:6px;}
	#dialog H3 {font-family:'PT Sans Caption',Arial, sans-serif;font-weight:400;color:#000;font-size:20px;margin-bottom:4px !important;}
	#dialog H4 {font-family:'PT Sans Caption',Arial, sans-serif;font-weight:400;color:#000;font-size:24px;border-bottom:1px dotted #777;margin-bottom:8px !important;padding-bottom:4px;}
	#dialog H5 {font-family:'PT Sans Caption',Arial, sans-serif;font-weight:400;color:#ffe001;font-size:16px;}
	#dialog P {font-size:12px;padding-bottom:8px;color:#000;}
	#dialog UL {font-size:12px;list-style:square;margin-left:25px;color:#000;}

	#dialog LI {font-size:12px !important;padding-bottom:2px;}
	#dialog TABLE.zebra {width:100%;}
	#dialog TABLE.zebra TR TD {padding:4px;}
	#dialog TABLE.zebra TR.zebraEven TD {background-color:#F9F9F9;}
	#dialog TD.label P {text-align:right;font-size:12px;padding-right:12px;}
	#dialog #ajaxFooter {background-image:url(/images/ajax-footer.png);background-repeat:no-repeat;background-position:bottom;width:200px;height:94px;padding:40px 0px 0px 600px;}

/* DIALOG:PRIVACY */
	#privacy {padding:0px 10px;}
	#privacy UL {font-size:12px;list-style:square;margin-left:25px;color:#000;}

/* DIALOG:CONTACT */
	#contact {padding:1px;width:580px;margin:0px auto;}
	#contact TABLE {width:100%;padding:0px 20px;}
	#contact TD{padding:1px 3px;vertical-align:middle;}
	#contact TD.label{text-align:right;}
	#contact P {font-size:12px;padding-bottom:8px;color:#666;}

/* DIALOG:WEATHER */
	#weatherDisplay {padding:20px;}
	#weatherDisplay H3 {color:#666;}
	.weatherSampleDate {font-weight:bold;color:#999 !important;}
	.weatherTemp {font-size:32px !important;margin:0px;padding:0px;font-weight:bold;color:#4698BD !important;text-shadow:2px 2px 3px #bbb;text-align:center;}
	.weatherSummary {}
	.weatherConditions {font-size:32px !important;color:#A1B554 !important;text-align:center;text-shadow:2px 2px 3px #bbb;}

	
/* HTML 5 */
	#headerShadow {position:relative;width:992px;margin:0px auto;background:url(/images/header.shadow.png) 0px 25px no-repeat;clear:both;}
	#homeButton {position:absolute;top:10px;left:50px;width:80px;height:20px;z-index:10;}
	#contactButton {position:absolute;top:10px;left:135px;width:80px;height:20px;z-index:10;}
	#facebookButton {position:absolute;top:10px;left:220px;width:80px;height:20px;z-index:10;}
	#twitterButton {position:absolute;top:10px;left:305px;width:80px;height:20px;z-index:10;}

	HEADER {position:relative;margin-bottom:4px;}
	HEADER H2 {float:left;}
	HEADER UL {list-style:none;float:right; height:36px;}
	HEADER UL LI {display:inline;}
	HEADER UL LI A {padding:0px 10px;font-size:12px;font-weight:bold;text-transform:uppercase;color:#222;text-decoration:none !important;vertical-align:top;}
	HEADER UL LI A:hover {text-decoration:underline !important;}
	HEADER DIV.searchBox {width:300px;position:absolute;right:20px;bottom:20px;}
	HEADER FORM {width:200px;}
	.gsc-control-cse {background:none !important;border:0px !important;}
/*	HEADER FORM {position:absolute;right:20px;bottom:20px;} */

/* MEGAMENU */
	NAV {clear:both;background:url(/images/nav.background.png) top left no-repeat;height:56px;overflow:auto;margin-bottom:11px;overflow:hidden;}
	#navigation  {list-style:none;margin:0;padding:0;}
	#navigation > LI {float:left;}
	#navigation > LI > A {display:block;padding:21px 10px;font-family:'PT Sans Caption',sans-serif;font-size:14px;text-transform:uppercase;color:#222;text-decoration:none;font-weight:bold;text-shadow:2px 2px 3px #d5a600;line-height:1em;}
	#navigation > LI > A:hover {color:#fff;text-shadow:2px 2px 3px #555;}
	.navigation {margin:10px auto;position:relative;z-index:999;overflow:visible;}
	#navigation DIV.columns {position:absolute;top:56px;left:0px;width:920px;padding:10px 20px 10px 20px !important;min-height:350px;background-color:#eee;-moz-box-shadow: 0 3px 5px #333;
-webkit-box-shadow: 0 3px 5px#333;
box-shadow: 0 3px 5px #333;}
	#navigation DIV.columns > DIV H3 {font-weight:bold;font-size:14px;margin:10px 10px 0px 10px;padding:10px 0px 5px 0px;border-top:1px solid #ccc;}
	#navigation DIV.columns > DIV H3.top {border:0 !important;}
	#navigation DIV.columns > DIV H3 A {text-decoration:none;color:#24657F;}
	#navigation DIV.columns > DIV H3 A:hover {text-decoration:underline;}
	#navigation DIV.columns > DIV LI {font-size:12px;line-height:1.8em;margin-left:22px;}
	#navigation DIV.columns > DIV LI A {text-decoration:none;}
	#navigation DIV.columns > DIV LI A:hover {text-decoration:underline;}

/* SECTION MAP */
	#sectionMap {border:1px solid #ccc;padding:10px;background-color:#fff;margin-bottom:20px;overflow:auto;}
	#sectionMap UL {list-style:none;}
	#sectionMap UL LI {margin-left:20px;}
	#sectionMap .first {border:none !important;}
	#sectionMap .column {border-left:1px solid #ccc;}
/*	#sectionMap > DIV > UL > LI > A {font-weight:bold !important;color:#999;} */
	#sectionMap A {text-decoration:none;}
	#sectionMap A:hover {text-decoration:underline;}
	

/* BOTTOM MENU */
	NAV.bottomNav {height:47px;background:url(/images/nav.bottom.background.png) top left;margin-top:11px;margin-bottom:0px;overflow:hidden;}
	NAV.bottomNav UL {list-style:none;padding:10px 12px;}
	NAV.bottomNav UL LI {float:left;}
	NAV.bottomNav A {font-family:'PT Sans Caption',sans-serif;text-transform:uppercase;padding:0px 15px;color:#222;text-decoration:none;font-weight:bold;text-shadow:2px 2px 3px #777;font-size:13px !important;}
	NAV.bottomNav A:hover {color:#fff;text-shadow:2px 2px 3px #555;}

	SECTION {margin:0px 0px;}

/* SECONDARY PAGE ELEMENTS */
	#breadCrumbs {background:#fff url(/images/background.breadcrumb.gif) top left no-repeat;margin:0px;padding:14px 20px;overflow:auto;}
	#breadCrumbs P {font-size:10px !important;font-family:Arial, Helvetica, sans-serif;}
	#breadCrumbs A {text-decoration:none;font-weight:bold;color:#666;}
	#breadCrumbs A:hover {text-decoration:underline;color:blue;}

	ASIDE {overflow:auto;}
	ASIDE.left {padding:12px 0 0 0;float:left;width:220px;margin-bottom:11px;background-image:url(/images/sidebar-left.jpg);background-repeat:no-repeat;background-position:center top;}
	ASIDE.right {padding:10px;float:right;width:220px;margin-bottom:11px;background-image:url(/images/sidebar-right.jpg);background-repeat:no-repeat;background-position:center top;}
	ASIDE.right H1 {font-family:'PT Sans Caption',sans-serif;font-weight:bold;color:#666;font-size:1.2em;margin:0px;}
	ASIDE.right H2 {font-family:'PT Sans Caption',sans-serif;font-weight:bold;color:#666;font-size:1.1em;margin:0px;}
	ASIDE.right H3 {font-family:'PT Sans Caption',sans-serif;font-weight:bold;color:#666;}
	ASIDE.right P, ARTICLE.right LI {font-size:12px;}
	ASIDE P {margin-bottom:1em;}

	#asideHome {;}
	
	#asideSecondary {padding:10px 0px 0px 0px;}
	#asideSecondary P {margin:0px 20px 10px 30px;}
	#asideSecondary > H2 {margin:10px 20px 10px 30px !important;color:#24657F !important;font-size:16px;line-height:18px;}
	#asideSecondary UL {margin:0px !important;padding:0px !important;}
	#asideSecondary UL LI {margin-left:30px;font-size:12px; list-style:none}
	#asideSecondary H2 {margin-left:16px;margin-top:10px;color:#ffde01 !important;font-size:16px;margin-bottom:4px !important; font-weight:700;}
	#asideSecondary LI H3 {margin-left:16px;margin-top:10px;color:#000;font-size:16px;margin-bottom:4px !important;}
	#asideSecondary UL.whiteBox LI {list-style-type:none;font-size:12px;background-image:none !important;margin:0px;padding-left:4px;padding-right:20px;}
	#asideSecondary LI A:link, .treeview LI A:visited {display:block;color:#FFF !important;text-decoration:none;font-weight:bold;padding:6px 0px 6px 10px;background-image:url(/images/line-highlight.png);background-repeat:no-repeat;background-position:bottom center;}
	#asideSecondary LI A:visited { color:#FFF !important}	
	#asideSecondary LI A:hover {color:#000 !important;	background-color:#fbd301;border-left:10px solid #f4c100;padding-left:10px;margin-left:-5px;}
	#asideSecondary LI.normal {	background:none;}
	 .section {padding-left:20px !important; color:#fcd601 !important}
	#asideSecondary LI.submenu {padding:4px;padding-left:20px;cursor:hand !important;cursor:pointer !important;font-weight:bold;color:#000;}
	#asideSecondary LI.submenu UL{display:none;background-image:none !important;}
	.submenu UL LI{cursor:default;background-image:none !important;}
	#asideSecondary A {padding:4px 8px;}


	ARTICLE {overflow:auto;padding:10px 30px;}
	ARTICLE P, ARTICLE LI {font-size:13px;}
	ARTICLE P {margin-bottom:1em;}
	ARTICLE H1 {font-family:'PT Sans Caption',sans-serif;font-weight:bold;color:#24657f;padding-bottom:4px;}
	ARTICLE H2 {font-family:'PT Sans Caption',sans-serif;font-weight:bold;color:#222;}
	ARTICLE H3 {font-family:'PT Sans Caption',sans-serif;color:#444;font-size:18px;}
	ARTICLE > UL {margin-left:32px;}
	ARTICLE > UL UL {margin-left:16px;}
	ARTICLE .filesBox {background:url(/images/yellow_20.png);padding:20px;}
	ARTICLE .filesBox H3 {font-weight:bold;margin:0px;padding:0px;}
	ARTICLE .filesBox SMALL {float:right;}
	ARTICLE .filesBox UL {list-style:none;}
	ARTICLE .filesBox LI {padding:5px 10px;border-bottom:1px dashed #ccc;}
	ARTICLE .helpBox {padding:20px;background:url(/images/grey_30.png);}
	ARTICLE .helpBox P {font-size:11px;}
	
	ARTICLE TABLE.questionnaire {width:100%;border-collapse:collapse;}
	ARTICLE .questionnaire H3 {background-color:#24657F;color:#fff;padding:15px 10px;font-weight:bold;margin:0px;}
	ARTICLE .questionnaire TR.header TD {padding:14px 18px;background-image:url(/images/green_20.png);background-repeat:repeat;}
	ARTICLE .questionnaire TR.header TD P {font-size:14px;}
	ARTICLE .questionnaire P {padding:4px 8px;margin:0px;}
	ARTICLE .questionnaire SUP {color:red;}
	ARTICLE .questionnaire TD .NoBullet {margin-left:30px;}
	ARTICLE .questionnaire TD .NoBullet INPUT {margin:0px;padding:0px;}
	ARTICLE .questionnaire TD INPUT {margin:10px 0px 10px 30px;}
	ARTICLE .questionnaire P.question {padding:14px 18px;font-weight:bold;color:#333;}
	ARTICLE .questionnaire TR.even TD {background-image:url(/images/white_10.png);background-repeat:repeat;}
	ARTICLE .questionnaire TR.odd TD {background-color:#f5f5f5;}
	ARTICLE .questionnaire TR.sectionFooter TD {background-image:url(/images/grey_20.png);background-repeat:repeat;padding:14px 18px 42px 14px;}
	ARTICLE .questionnaire TR.footer TD {border-top:1px solid #ccc;background-color:#eee;padding:14px 18px;}
	ARTICLE .questionnaire TR.submitButton TD {background-image:url(/images/green_20.png);background-repeat:repeat;text-align:center;}

/* EVENTS */
	UL.eventList {list-style:none;margin:0px;margin-right:20px;padding:0px;}
	UL.eventList LI {padding:10px 20px;border-bottom:1px dashed #ccc;}
	UL.eventList LI IMG {vertical-align:middle;}
	UL.eventList LI H2 {margin:0px;}
	UL.eventList LI H2 A {text-decoration:none;}
	UL.eventList LI H2 A:hover {text-decoration:underline;}
	UL.eventList LI .eventDate {margin-left:24px;font-size:12px;font-weight:bold;color:#666;}

	#miniCalendar P.monthName {font-family:'PT Sans Caption',sans-serif;font-weight:bold;}

	#chooseADate H3, #chooseACategory H3 {background-color:#24657f;color:#fff;margin:0px;padding:5px 10px;text-align:center;font-size:12px;text-transform:uppercase;font-family:Arial,sans serif;font-weight:bold;}
	#chooseACategory {margin-top:20px;}
	#chooseACategory UL {list-style:none;}
	#chooseACategory UL LI {padding:2px 10px;font-size:12px;}
	#chooseACategory LI IMG {vertical-align:middle;margin-right:6px;}
	#chooseACategory UL LI A {text-decoration:none;}
	#chooseACategory UL LI A.allEvents {font-weight:bold;margin-left:27px;}
	#chooseACategory UL LI A:hover {text-decoration:none;}

	.eventLocation {font-family:Arial,sans-serif;font-weight:700;color:#444;margin:7px 7px 10px 7px !important;padding:5px 10px 5px 24px;background-image:url(images/white_50.png);background-repeat:repeat;border:1px solid #ccc;}
	.eventDateTime {font-family:Arial,sans-serif;font-weight:700;color:#444;margin:7px 7px 10px 7px !important;padding:5px 10px 5px 24px;background-image:url(images/white_50.png);background-repeat:repeat;border:1px solid #ccc;}

/* SERVICE DISRUPTIONS */
	#facilityDisruptionIndex {}
	#facilityDisruptionIndex H3 {font-weight:bold;}
	#facilityDisruptionIndex UL {margin-left:40px;}
	#serviceDisruptionIndex {margin-top:20px;}
	#serviceDisruptionIndex H3 {font-weight:bold;}
	#serviceDisruptionIndex UL {margin-left:40px;}
	DL.genericDisruption {margin:20px;padding:20px;background-image:url(images/aqua_20.png);background-repeat:repeat}
	DL.genericDisruption DT {font-family:'PT Sans Caption',sans-serif;color:#333;font-size:19px;}
	DL.genericDisruption DD {margin-left:20px;border-bottom:1px dashed #fff;margin-bottom:8px;}

/* CITY PROJECTS / CONSTRUCTION */

	DIV#map-options A {background:url(/images/legend-sprite.png) no-repeat scroll 0 0 transparent;display:block;float:left;height:36px;margin:2px;width:36px;}
	DIV#map-options a#legend-roadways {background-position:0 -36px;}
	DIV#map-options a#legend-roadways.active {background-position:0 0;}
	DIV#map-options a#legend-watersewer {background-position:-36px -36px;}
	DIV#map-options a#legend-watersewer.active {background-position:-36px 0;}
	DIV#map-options a#legend-bridges {background-position:-72px -36px;}
	DIV#map-options a#legend-bridges.active {background-position:-72px 0;}
	DIV#map-options a#legend-other {background-position:-108px -36px;}
	DIV#map-options a#legend-other.active {background-position:-108px 0;}

	DL.genericProject {margin:20px;padding:20px;background-color:#fff;}
	DL.genericProject DT {font-weight:bold;color:#555;}
	DL.genericProject DD {margin-left:20px;border-bottom:1px dashed #ccc;margin-bottom:8px;}

/* HOW DO I */
	#FAQ {width:600px;}
	#FAQ UL {list-style:none;}
	#FAQ UL LI {border-bottom:1px dashed #CCCCCC;}
	#FAQ .odd, .accordion .odd {background-image:url(/images/grey_30.png);background-repeat:repeat;}
	#FAQ .even, .accordion .even {background-image:url(/images/grey_10.png);background-repeat:repeat;}
	.accordion {cursor:pointer;margin-left:20px;padding-bottom:24px;}
	.accordion DD {padding:10px 12px;display:block;color:#444;font-weight:normal !important;}
	.accordion DT {background-color:#d8f7fb;padding:12px 24px;font-size:15px;margin-bottom:0px !important;}
	.accordion .hover {background-color:#8bd1db;color:#000;}

/* EVENTS */
	#miniCalendar {width:200px;background-color:#eee;border-collapse:collapse;}
	#miniCalendar TH {background-color:#ccc;}
	#miniCalendar P, #miniCalendar TD {margin:0px;padding:0px;text-align:center;}
	#miniCalendar A {text-decoration:none;font-size:10px;display:block;width:28px;height:20px;padding-top:4px;}
	#miniCalendar A:hover {background-color:#ccc;}
	#miniCalendar TR.days TD {font-weight:bold;color:#999;}
	#miniCalendar TD.empty {background-color:#f5f5f5;}
	#miniCalendar TD.today {background-color:#fc0;}
	#miniCalendar TD.weekend {background-color:#ddd;}

/* NEWS CENTRE */
	.moreBox {background-color:#eee;padding:10px;margin-top:20px;}
	.moreBox UL {list-style:none;}
	.listNewsItems {list-style:none;font-size:12px;}
	.listNewsItems LI {padding:5px 0px;}
/*	.listNewsItems SMALL {font-size:12px;color:#999;} */
	#subEvents {background-image:url(/images/green_20.png);background-repeat:repeat;padding:3px 4px;}
	#subEvents UL {list-style:none;}
	#subEvents UL LI{border-right:1px solid #555;width:80px;text-align:center;display:inline;}
	#subEvents A {text-decoration:none;padding:3px 16px;}
	#subEvents A:hover {background-image:url(/images/white_50.png);background-repeat:repeat;}
	UL.listEvents {background-image:url(/images/blue_20.png);background-repeat:repeat;padding:4px 8px;list-style:none;padding-left:10px;}
	UL.listEvents LI {padding:5px;border-bottom:1px dashed #ccc;}
	UL.listEvents LI .posted {float:right;margin-left:24px;font-size:12px;font-weight:bold;color:#666;}
	#newsAll H3 {background-color:#24657f;color:#FFFFFF;padding:6px 12px;margin-bottom:0px !important;}

/* SITEMAP */
	#sitemap UL.sitemap {margin-left:20px;}
	#sitemap A {text-decoration:none;}
	#sitemap A:hover {text-decoration:underline;}
	.siteMapFirstLevel {font-size:15px;font-family:'PT Sans Caption',sans-serif;font-weight:bold;color:#666 !important;}

/* CONSTRUCTION ELEMENTS */
	TABLE.construct {width:85%;margin:0px auto;}
	TABLE.construct TD{border:1px solid #999;padding:8px 10px;vertical-align:top;}
	TABLE.construct P {margin-bottom:0px !important;}
	.construct .right {text-align:right !important;}
	.construct .zebraEven {background-image:url(/images/white_15.png);background-repeat:repeat;background-color:transparent;}
	.construct .zebraOdd {background-image:url(/images/white_50.png);background-repeat:repeat;background-color:transparent;}
	H2.Roadways, H2.Bridges, H2.WaterSewer, H2.Other {margin:10px 0 0 0;cursor:pointer;font-family:'PT Sans Caption',sans-serif;color:#fff;font-weight:bold;padding:10px;}
	H2.Roadways {background-image:url(/images/aqua_70.png);background-repeat:repeat;}
	H2.Bridges {background-image:url(/images/green_70.png);background-repeat:repeat;}
	H2.WaterSewer {background-image:url(/images/blue_70.png);background-repeat:repeat;}
	H2.Other {background-image:url(/images/grey_70.png);background-repeat:repeat;}
	#boxRoadways {font-size:80%;margin:0px;padding:12px;background-image:url(/images/aqua_20.png);background-repeat:repeat;list-style:decimal;}
	#boxRoadways LI {border-bottom:1px solid #ccc;padding:16px 0px 16px 0px;background-image:url(/images/grey-shadow.png);background-repeat:no-repeat;background-position:bottom center;margin:0px 20px;}
	#boxBridges {font-size:80%;margin:0px;padding:12px;background-image:url(/images/green_20.png);background-repeat:repeat;list-style:decimal;}
	#boxBridges LI {border-bottom:1px solid #ccc;padding:16px 0px 16px 0px;background-image:url(/images/grey-shadow.png);background-repeat:no-repeat;background-position:bottom center;margin:0px 20px;}	
	#boxWaterSewer {font-size:80%;margin:0px;padding:12px;background-image:url(/images/blue_20.png);background-repeat:repeat;list-style:decimal;}
	#boxWaterSewer LI {border-bottom:1px solid #ccc;padding:16px 0px 16px 0px;background-image:url(/images/grey-shadow.png);background-repeat:no-repeat;background-position:bottom center;margin:0px 20px;}
	#boxOther {font-size:80%;margin:0px;padding:12px;background-image:url(/images/grey_20.png);background-repeat:repeat;list-style:decimal;}
	#boxOther LI {border-bottom:1px solid #ccc;padding:16px 0px 16px 0px;background-image:url(/images/grey-shadow.png);background-repeat:no-repeat;background-position:bottom center;margin:0px 20px;}	

/* NOTIFICATIONS - EVERBRIDGE */
	#notificatons {list-style:none;margin-bottom:11px;}
	#notificatons LI {margin:20px 0;}
	#notificatons LI DIV {background-image:url(/images/blue_20.png);background-repeat:repeat;list-style: none outside none;}
	#notificatons LI DIV H2 {background-color:#24657F;color:#fff;margin-bottom:0 !important;padding:6px 12px;}
	#notificatons LI DIV P.author {padding:2px 0 0 38px;font-size:12px;font-weight:bold;color:#24657F;}
	#notificatons LI DIV P {padding:14px 38px 24px 38px;}
	.paging {list-style:none;margin:10px 40px;overflow:auto;}
	.paging LI {float:left;}
	.paging LI A, .paging LI B {display:block;width:30px;padding:4px;text-align:center;text-decoration:none;}
	.paging LI A {background-color:#eee;border:1px solid #eee;}
	.paging LI B {background-color:#fff;border:1px solid #eee;}

/* TEMPORARY DISRUPTIONS */
	#serviceDisruptions {background-color:#f30;list-style:none;margin-bottom:11px;}
	#serviceDisruptions LI A {padding:5px;font-size:24px;font-family:'PT Sans Caption',sans-serif;color:#fff;font-weight:bold;text-align:center;display:block;text-decoration:none;}
	#serviceDisruptions LI A:hover {background-color:#3c0;}
	#facilityDisruptionIndex UL, #serviceDisruptionIndex UL {list-style:square;}
	#facilityDisruptionIndex UL LI, #serviceDisruptionIndex UL LI {padding:2px 0px;}
	.disruptionIcon {float:right;padding:0px 36px 0px 4px;}
	#facilityDisruptionIndex { padding:16px 20px 30px 20px;background-image:url(/images/aqua_20.png);background-repeat:repeat;width:530px;margin-left:50px;}
	#facilityDisruptionIndex H3 {font-family:'PT Sans Caption',arial,sans-serif;font-weight:400;font-size:22px;margin-bottom:8px;}
	#serviceDisruptionIndex {padding:16px 20px 30px 20px;background-image:url(/images/green_20.png);background-repeat:repeat;width:530px;margin-left:50px;}
	#serviceDisruptionIndex H3 {font-family:'PT Sans Caption',arial,sans-serif;font-weight:400;font-size:22px;margin-bottom:8px;}
	.issuedDate {font-weight:bold;color:#555;}

/* FAMOUS SARNIANS */		
	#galleryThumbsFamous {list-style:none;overflow:auto;background-color:#fff;padding:5px;width:870px; border:1px solid #ccc;}
	#galleryThumbsFamous LI {float:left;margin:0px 4px;border-right:1px dashed #ccc;padding-right:10px;padding-left:4px;margin-bottom:16px;width:100px;height:122px;cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;}
	#galleryThumbsFamous LI IMG {padding:8px;background-color:#fff;}
	#galleryThumbsFamous LI IMG.hover {background-color:#A6CF40;}
	#galleryThumbsFamous LI P {width:86px;padding:0px 5px 2px 5px;background-color:#A6CF40;margin:-10px 0px 0px 0px !important;color:#333;font-size:11px;z-index:100 !important;color:#fff;}
	#galleryThumbsFamous  .caption {margin:0px;font-weight:700;padding:2px 4px;}
	#galleryThumbsFamous  .contributor {font-size:9px;font-style:italic;margin-top:0px;color:#555;}	
			
/* GALLERY THUMBS */
	.galleryDescription {margin:20px auto;border:1px solid #fff;background-color:#fff;border-radius:10px 10px 10px 10px;-moz-box-shadow:0 0 3px #888;-webkit-box-shadow:0 0 3px#888;box-shadow:0 0 3px #888;*border-collapse:collapse;/* IE7 and lower */border-spacing:0;overflow:auto !important;padding:10px 15px;width:740px;}
	.galleryDescription UL {margin-left:40px;color:#333; margin-bottom:20px;}
	#galleryThumbs {list-style:none;overflow:auto;background-color:#fff;padding:14px 10px 0px 10px;width:780px; margin:10px auto;}
	#galleryThumbs LI {float:left;margin:0px 5px;border-right:1px dashed #ccc;padding-right:10px;padding-left:0px;margin-bottom:16px;width:134px;min-height:220px;}
	#galleryThumbs LI IMG {padding:8px;background-color:#fff;}
	#galleryThumbs LI IMG.hover {background-color:#df0010;cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;}
	.moreGalleries {list-style:none;margin:0px;padding:0px;overflow:auto;}
	.moreGalleries IMG {border:1px solid #ccc;padding:4px;margin:0px auto;}
	.moreGalleries IMG.hover {background-color:#df0010;}
	.moreGalleries LI {float:left;margin:5px 10px !important;width:90px;}
	.moreGalleries LI P {font-size:10px !important;text-align:center;}
	.allGalleries {list-style:none;margin:0px;padding:0px;overflow:auto;}
	.allGalleries IMG {border:1px solid #ccc;padding:4px;margin:0px auto;}
	.allGalleries IMG.hover {background-color:#df0010;}
	.allGalleries LI {float:left;margin:5px 10px !important;width:250px;}
	.allGalleries LI P {font-size:10px !important;text-align:center;}
	#galleryThumbs .caption {margin:0px;font-weight:700;padding:2px 4px;}
	#galleryThumbs .contributor {font-size:9px;font-style:italic;margin-top:0px;color:#555;}
	

	
/* HOMEPAGE ELEMENTS */
	ASIDE.home {padding:0px !important;width:320px;height:360px;background-color:#fff;font-size:80%;overflow:hidden;background-image:none !important;margin:0px;}
	ASIDE.home P {background-color:#575757;padding-top:5px;height:25px;}
	ASIDE.home P A {color:#fff;font-weight:bold;}
	ASIDE.home DIV.scroll {overflow-y:auto;height:180px;}
	ASIDE.home H2 {font-family:'PT Sans Caption',sans-serif;font-weight:bold;color:#000;font-size:1.2em;margin:0px;}

	#doorway_NewsCentre {list-style:none;padding:0px 10px;}
	#doorway_NewsCentre H2 {font-family:'PT Sans Caption',sans-serif;font-weight:bold;background-color:#000;background-color:#eee;color:#333;margin:0px -10px 0px -10px;padding-left:12px;}
	#doorway_NewsCentre LI {font-family:Arial;font-size:12px;padding:4px;}
	#doorway_NewsCentre LI.even {background:url(/images/grey_10.png);}
	#doorway_NewsCentre A {text-decoration:none;}
	#doorway_NewsCentre A:hover {text-decoration:underline;}
	#doorway_NewsCentre	.posted {color:#fff;}

	#doorway_HowDoI {list-style:none;padding:10px;}
	#doorway_HowDoI H2 {font-family:'PT Sans Caption',sans-serif;font-weight:bold;background-color:#000;background-color:#eee;color:#333;margin:0px -10px 0px -10px;padding-left:12px;}
	#doorway_HowDoI LI {font-family:Arial;font-size:12px;padding:4px;}
	#doorway_HowDoI LI.even {background:url(/images/grey_10.png);}
	#doorway_HowDoI A {text-decoration:none;}
	#doorway_HowDoI A:hover {text-decoration:underline;}
	.homeWeather {color:#000 !important;font-size:13px;font-weight:bold;padding:0px 4px;}
	.homeCurrentDate {float:right;color:#000;font-size:11px;padding:2px 4px;}

	#doorway {width:100%;background-image:url(/images/doorway_background.png);background-repeat:no-repeat;height:186px;}
	#doorway UL {list-style:none;margin:0px;padding:0px;}
	#doorway UL LI {width:270px;height:130px;padding:24px 25px;float:left;}	
	#doorway H1 {font-family:'PT Sans Caption',sans-serif; margin-bottom:6px;}
	#doorway P { font-size:12px; margin:3px 0px;}
	#doorway A { background-color:#555; color:#FFFFFF; padding:2px 16px; margin:4px 10px; text-align:center; display:block;border-radius:10px 10px 10px 10px;text-decoration:none;}
	#doorway P.special A { background-color:#555; color:#FFFFFF; padding:2px 16px; margin:4px 2px; text-align:center; display:block;border-radius:10px 10px 10px 10px;text-decoration:none;}


	/* HOMEPAGE SLIDESHOW */
		#slideShow {background-color:#fff;position:relative;width:640px;height:360px;overflow:hidden;}
		#slideShowWrapper {position:absolute;top:0px;height:360px;width:4800px;overflow:hidden;}
		#slideShowWrapper DIV.slideImage {float:left !important;width:640px;height:360px;}
		#buttonPreviousSlide {cursor:pointer;position:absolute;bottom:20px;left:20px;z-index:10;}
		#buttonNextSlide {cursor:pointer;position:absolute;bottom:20px;right:20px;z-index:10;}

/* FOOTER */
	FOOTER {overflow:auto;clear:both;background:url(/images/footer.background.png) bottom left no-repeat;height:120px;}
	FOOTER P {font-size:11px;}
	FOOTER .right { position:absolute; bottom:8px; right:40px;}
