/* DEFAULT styles */
body { margin: 0px; }
div, th, td, p, span, h1, h2, h3, a { font-family: verdana, arial, san-serif; font-size: 12px;  }
img {  border: 0px; behavior:url(/municipal/toc/webcms.nsf/pngbehavior.htc); }
ul { margin-top: 5px; margin-bottom: 5px; }
a:active, a:link, a:visited, a:hover { color: #d06f1a; text-decoration: none; }
a:hover { text-decoration: underline; }
/* RICH TEXT STYLES */
h2 { color: #D06F1A; font-size: 12px; border-bottom: 1px solid #d7d1cc; padding-bottom: 3px; }
/* Custom SITE MAP Styles */
div.siteMapColumn1{
	float:left;
}
div.siteMapColumn2{
	float:right;
}
div.siteMapColumn1, div.siteMapColumn2{
	width:330px;
	margin-top:10px;
}
div.siteMapSection{
	margin:0px 0px 20px 0px;
}
p.siteMapTopPage, p.siteMapTopPage a:link, p.siteMapTopPage a:visited,
p.siteMapTopPage a:active, p.siteMapTopPage a:hover{
	font-weight:bold;
}
p.siteMapTopPage, p.siteMapLowerPage{
	margin:3px 0px 3px 0px;
	padding:0px;
/*	color:#D06F1A;*/
}
/* Bread crumb trail */
p.urhere { font-size: 11px; font-weight: normal; font-style: normal; color: #B9A698; text-transform: none; }
p.urhere em { font-size: 11px; font-style: normal; color: #B9A698; text-transform: none; }
a.urhere:link { font-size: 11px; font-weight: normal; color: #d06f1a; text-decoration: none; text-transform: uppercase; }
a.urhere:active { font-size: 11px; font-weight:normal; color: #d06f1a; text-decoration: none; text-transform: uppercase; }
a.urhere:visited { font-size: 11px; font-weight: normal; color: #d06f1a; text-decoration: none; text-transform: uppercase; }
a.urhere:hover { font-size: 11px; font-weight: normal; color: #d06f1a; text-decoration: none; text-transform: uppercase; }
p.embeddedvuheading { font-family: verdana, arial, sans serif; font-size: 18px; font-weight: normal; color: #772F08; text-decoration: none; text-transform: none;  }
/* Custom Style Definitions */
h1 { font-size: 23px; color: #b9a698; font-weight: normal; text-align: center; margin: 0px; padding: 0px; }
form { background: url('/municipal/toc/webcms.nsf/bg.header.mountains.png') transparent no-repeat center 40px; }
div#TopMenu { background-color: #b09e91; border-top: 4px solid #54301a; border-bottom: 1px solid #54301a; padding: 10px 30px; height: 25px;}
div#TopMenu div { font-size: 18px; color: #FFF; display: inline; }
div#TopMenu .menuItem { cursor: pointer; cursor: hand;  }
div#infoBox { width: 470px; height: 95px; padding: 10px;  background: url('/municipal/toc/webcms.nsf/bg.header.infobox.jpg') repeat-x; }
div#infoBox div.Weather { padding-right: 10px; font-size: 18px; text-align: center; float: left; width: 65px; height: 75px; }
div#infoBox div.links { float: left; width: 100px; padding-right: 10px; }
div#infoBox div.links a:hover,
div#infoBox div.links a:active,
div#infoBox div.links a:link,
div#infoBox div.links a:visited { color: #9f8e82; text-decoration: none; font-weight: bold; }
div#infoBox div#QuickSearch .search input { width: 160px; height: 24px; border: 0px; background-color: #FFF;  }
div#infoBox div#QuickSearchHome .homeSearch input { border: 0px; padding: 15px 15px; background: url('/municipal/toc/webcms.nsf/bg.home.searchfield.png') no-repeat transparent; width:266px; height:45px; }
div#infoBox div#QuickSearch { float: right; width: 250px; height: 75px; padding-top: 5px; text-align: right; }
div#infoBox div#QuickSearchHome { float: right; width: 344px; height: 75px; padding-top: 5px; text-align: right; }
div#infoBox div#QuickSearch .search { float: left; padding-bottom: 10px;  }
div#infoBox div#QuickSearchHome .homeSearch { float: left; width: 266px; padding-bottom: 10px;  }
div#infoBox div#QuickSearch .button { float: right; }
div#infoBox div#QuickSearchHome .homeButton { float: right; width: 78px; margin-top: 10px; }
div#infoBox div#QuickSearch .department { clear: both; background-color: #FFF; width: 238px; height: 19px; border: 0px; padding: 5px 5px 0px 5px; text-align: right; }
div#infoBox div#QuickSearchHome .homeDepartment { clear: both; background-color: #FFF; width: 335px; height: 19px; border: 0px; padding: 5px 5px 0px 5px; text-align: right; margin-left: 10px; }
/*div#infoBox div#QuickSearch .department select { width: 238px; height: 24px; border: 0px; text-align: right; }*/
div#spotlight div.Weather { width: 140px; }
.WhatsNew { 
	width: 294px; 
color: #2A2A2A;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 0;
line-height: 1.2em;
font-size: 17px;
}
.WhatsNew a:active, .WhatsNew a:link, .WhatsNew a:visited, .WhatsNew a:hover { 
	/*font-size: 12px; text-decoration: none; color: #d06f1a;*/ 
	color: #2A2A2A;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.2em;
	font-size: 17px;
}
/*.WhatsNew a:hover { text-decoration:underline; }*/
#rightColumn { width: 210px; float: right; padding: 25px 0px 20px 0px; text-align: center; }
#rightColumn .relatedText { padding: 10px 5px 10px 5px; }
#rightColumn .relatedText div#editables_body_right { background-color: #FFF; text-align: left; padding: 5px;}
#rightColumn div.relatedLinks { padding: 10px 5px 10px 5px; }
#rightColumn .relatedLinks div { background-color: #FFF; text-align: left; padding: 10px;}
#rightColumn span.relatedTitle { color: #b9a698; font-size: 20px; text-align: center; width: 180px; }
#leftColumn {
	border-right: 1px solid #d1c9c3;
}
#leftColumn ul, #rightColumn ul { 
	padding-left: 0px; 
	margin-left: 17px;
	margin-bottom: 0px; 
} 
#leftColumn ul li, #rightColumn ul li { 
	padding-bottom: 5px;
}
#leftColumn .docLinks { padding: 20px 10px 20px 19px; }
#leftColumn span.relatedTitle { font-size: 18px; color: #FFF; font-weight: bold; }
#leftColumn .relatedText { padding: 20px 10px 20px 19px; }
#leftColumn .relatedText div { text-align: left; padding: 0px;}
#leftColumn .relatedLinks { padding: 20px 10px 20px 19px; }
#leftColumn .relatedLinks div { text-align: left; padding: 0px;}
.Content { padding: 0px 10px; }
table.calendarEntry td{ padding-top: 5px; }
#footer a:active,
#footer a:link,
#footer a:visited,
#footer a:hover { color: #3F3C3A; text-decoration: none; word-spacing: normal;
	letter-spacing: 0;
	line-height: 1.2em;
	font-size: 12px;
}
#footer td, #footer .Copyright {
	font-family: Myriad, Verdana;
	color: #3F3C3A;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: 0;
	line-height: 1.2em;
	font-size: 12px;
}
#bottomActionBar { z-index: 1001; }
/* Business Listings Style Definitions */
.MyBusinessProfile { width:100%; }
.MyBusinessProfile .ViewProfile { }
.MyBusinessProfile .RequestChange { }
.MyBusinessProfile .Documentation { }
.MyBusinessProfile .CreateBusinessProfile { }
.MyBusinessProfile .ChangePassword { }
.BusListResults { width: 100%; }
.BusListResults .BusListResultsItemOut { padding:5px; border: 1px solid #000000; width: 100%;}
.BusListResults .BusListResultsItemOver { background-color:#E7DCD6; padding:5px; border: 1px solid #000000; color:#333399; cursor: pointer; width: 100%;}
.BusListResults a:link , .BusListResults a:active, .BusListResults a:visited { font-weight: bold; color:#333399; } 
.BusListResults .BusListResultsItemOver  a:link , .BusListResults .BusListResultsItemOver a:active, .BusListResults .BusListResultsItemOver a:visited { color:#333399; font-weight: bold; } 
.BusListResults a:hover { }
/* Document Links */
.DocumentLinks { width: 190px; padding: 15px 5px 0px 5px;}
.DocumentLinks table { width: 180px; }
.DocumentLinks .Out {  padding: 2px 5px 0px 2px;}
.DocumentLinks .Out a:link, .DocumentLinks .Out a:active, .DocumentLinks .Out  a:visited{ text-decoration: none; color:#D06F1A; }
.DocumentLinks .Over { padding: 2px 5px 0px 2px; cursor: pointer; }
.DocumentLinks .Over a:link, .DocumentLinks .Out a:active, .DocumentLinks .Out  a:visited{ color: #D06F1A; text-decoration: none; }
.DocumentLinks .Over a:hover { color: #D06F1A; text-decoration: none; }
.DocumentLinks .Text { font-family: arial, sans-serif; font-size: 12px; color: #D06F1A; vertical-align: top; font-weight: bold; }
.DocumentLinks .Divider { height: 2px; }
/* Discussion Forum Style Definitions */
td.cssForumPublicNavBar {background-color:#b9ddb9;border-bottom:1px solid white;border-right:1px solid white;}
td.cssForumPublicTitle { padding:5px; border-right:1px solid white;border-bottom:1px solid white;text-align:left; background-color: #3355ff; font-size:10pt; font-family:arial,sans-serif;font-weight:bold;color:#ffffff;}
td.cssForumPublicRow { color:#555555; font-size:9pt; padding:3px;font-family:arial;border-right:1px solid white;border-bottom:1px solid white;}
td.cssForumPublicGroupRow {color:#000066;text-transform:uppercase;font-size:9pt;background-color:#b9ddb9;font-weight:bold;padding:3px; font-family:verdana;border-bottom:1px solid white;border-right:1px solid white;}
a.cssForumThreadLink:hover,a.cssForumThreadLink:link, a.cssForumThreadLink:active{ text-decoration:underline;font-weight:bold;}
a.cssForumThreadLink:visited { text-decoration:underline;font-weight:bold;color:#000080;}
a.cssForumPublicNavLinks:hover, a.cssForumPublicNavLinks:visited, a.cssForumPublicNavLinks:link, a.cssForumPublicNavLinks:active, a.cssNewTopicLink:hover, a.cssNewTopicLink:visited, a.cssNewTopicLink:link, a.cssNewTopicLink:active{text-transform:uppercase;color:#000080;font-weight:bold;font-size:8pt;text-decoration:underline;}
a.cssForumReplyLink { }
table.cssForumPublicResponsesView, table.cssForumPublicTopicsView, table.cssForumPublicCategoriesView {border-top:1px solid white;border-left:1px solid white;}
/* Weather Channel Notice */
#TWCNotice { font-family:Verdana, Arial, sans serif; font-size:10px; }
#TWCIcon { float:left; padding:3px;}
#TWCAttribution { }
#TWCLinks { }
/* BIAP Crumb Navigation Classes */
.BIAPCrumb { width: 100%; font-size: 10px; overflow:hidden; padding-bottom: 10px; }
.BIAPCrumb div { display:inline; }
.BIAPCrumb .Out { color: #D06F1A; font-weight:normal; }
.BIAPCrumb .Over { color: #D06F1A; font-weight:normal; cursor: hand; cursor: pointer; }
.BIAPCrumb .Text { font-size: 10px; font-family: arial, sans serif; color: #333333; white-space: nowrap; text-transform: uppercase; }
.BIAPCrumb .Text div { font-size: 11px; }
.BIAPCrumb .Arrow {  }
.BIAPCrumb .Divider { color: #333333; padding: 3px;}
/*.oBIAPContainer { padding: 0px 0px 0px 0px; }*/
/* BIAP Menu */
.BiapMenu { width: 175px; background:url('/municipal/toc/webcms.nsf/bg.hnsbiap.out.jpg') }
.BiapMenu .Out { width: 175px; color: #101010;  }
.BiapMenu .Over { width: 175px; color: #101010; cursor: pointer; }
.BiapMenu .Text { height:22px; font-family: verdana, arial; font-size: 10px; white-space: nowrap; font-weight: bold; text-transform: uppercase; padding: 4px 5px 0px 12px; }
.BiapMenu .Arrow { padding-right: 5px; display:none; }
.BiapMenuChild { width: 225px;  background-color: #000000; border: 1px solid #000000; }
.BiapMenuChild .Out { color: #ffffff; background-color: #772f08; }
.BiapMenuChild .Over {  color: #772f08; background-color: #EACC76; cursor: pointer; }
.BiapMenuChild .Text { height: 19px;  font-family: verdana, arial; font-size: 10px; white-space: nowrap; padding: 0px 5px 0px 5px; }
.BiapMenuChild .Arrow { padding: 0px 5px 0px 5px; }
	.OnlineServicesTable {
		border-collapse: collapse;
	}
	
	.OnlineServicesTable th, .OnlineServicesTable td {
		padding-left: 10px;
		padding-right: 10px;
		border: 1px solid #EEE;
	}
	
	.OnlineServicesTable th {
		text-align: center;
		background-color: #7B2000;
		color: #FFF;
		font-size: 12px;
	}
	
	.OnlineServicesTable td .yes {
		font-weight: bold;
		color: green;
		text-align: center;
		display: block;
	}
	
	.OnlineServicesTable td .no {
		font-weight: bold;
		color: red;
		text-align: center;
		display: block;
	}
	.OnlineServicesTable.odd {
		background-color: #EFEBEF;
	}
/*calendar picker*/
.datePicker{border:1px solid black;background-color:#e7e7e7;width:190px;}
.datePicker td{font-size:10px;font-family:arial;}
.datePicker .exit{text-align:right;font-size:10px;background-color:#c7c7c7}
.datePicker a:hover, .datePicker a:link, .datePicker a:visited, .datePicker a:active
{
	text-decoration:none;color:black;font-weight:bold
}
.datePicker .title{text-align:center;font-weight:bold;}
.datePicker .yearChange,.datePicker .monthChange{text-align:center;}
.datePicker .yearChange a:hover, .datePicker .yearChange a:link, .datePicker .yearChange a:active, .datePicker .yearChange a:visited, .datePicker .monthChange a:hover, .datePicker .monthChange a:link, .datePicker .monthChange a:active, .datePicker .monthChange a:visited {color:blue;text-decoration:underline}
.datePicker .dayName{border-bottom:1px solid black;text-align:center;}
.datePicker .dayReady{cursor:pointer;width:14%;text-align:center;}
.datePicker .dayOver{cursor:pointer;width:14%;text-align:center;background-color:#c7c7c7;}
.datePicker .dayReadySelected{cursor:pointer;width:14%;text-align:center;}
.datePicker .dayOverSelected{cursor:pointer;width:14%;text-align:center;background-color:#c7c7c7;}
.datePicker .dayOverSelected a:link, .datePicker .dayOverSelected a:active, .datePicker .dayOverSelected a:visited, .datePicker .dayOverSelected a:hover, .datePicker .dayReadySelected a:link, .datePicker .dayReadySelected a:active, .datePicker .dayReadySelected a:visited, .datePicker .dayReadySelected a:hover {color:red;}
.datePicker .emptyDay{width:14%;}
/* RELATED TEXT CALENDAR */
.relatedText div.kecTopContainersmall div.kecMonthContainer { background-color: #fbd57a; }
.relatedText div.kecTopContainersmall table.kecMonthHeader { background: none; } 
/*START EVENT CALENDAR STYLES*/
div.kecTopContainersmall{
	/*div contains 1-3 calendars*/
}
div.kecTopContainersmall div, div.kecTopContainersmall td {
	color: #231f20;
}
div.kecTopContainersmall div.kecMonthContainer{
	/*div contains each calendar*/
	background-color:#f8f7fs;
	border:0px solid #808080;
	width:170px;
	/*padding:10px;*/
	float:left;
	margin:5px;
}
div.kecTopContainersmall table.kecMonthHeader{
	/*table contains the month,year,and nav buttons*/
	width:100%;
	/*margin-bottom:5px;*/
	height:18px;
	background: url('/municipal/toc/webcms.nsf/bg.calendar.header.small.jpg') center center;
}
div.kecTopContainersmall td.kecPreviousNavCell{
	/*cell contains the previous navigation button*/
	text-align:left;
	width:20px;
}
div.kecTopContainersmall td.kecNextNavCell{
	/*cell contains the next navigation button*/
	text-align:right;
	width:20px;
}
div.kecTopContainersmall a.kecNavButton:link, div.kecTopContainersmall a.kecNavButton:visited,
div.kecTopContainersmall a.kecNavButton:active, div.kecTopContainersmall a.kecNavButton:hover{
	/*each navigation button*/
	color:#64c7ef;
	display:block;
	font-size:12px;
	line-height:15px;
	padding:0px;
	margin:0px;
	font-weight:bold;
	cursor:pointer;
	border:0px solid #ccc;
	width:20px;
	height:15px;
	text-decoration:none;
	text-align:center;
}
div.kecTopContainersmall td.kecTitleCell{
	/*cell contains the month and year*/
	text-align:center;
	color: #fff;
	font-size:12px;
}
div.kecTopContainersmall table.kecMonthTable{
	/*table contains the actual calendar dates*/
	width:100%;
	border-collapse:collapse;
}
div.kecTopContainersmall div.kecMonthContainer table.kecMonthTable td{
	font-size:10px;
	vertical-align:middle;
	width:14%;
	height:25px;
	text-align:center;
	border:1px solid #fff;
}
div.kecTopContainersmall div.kecMonthContainer table.kecMonthTable td.kecWeekdayTitle{
	/*cells contain the weekday headers*/
	height:20px;
	font-weight:bold;
	border-width:0px;
}
div.kecTopContainersmall td.kecDayCell{
	/*cells contain dates*/
	background-color:#e2dbd2;
}
div.kecTopContainersmall div.kecDay{
	/*div contains normal date numbers*/
}
/*kecCurrentDate, kecDisabledDay, and kecEventDay are all different ways to display dates in the calendar*/
/*they are used in combination, so the order of these classes is important to determine which ones take*/
/*precedence when combined*/
div.kecTopContainersmall div.kecHoliday{/*div contains dates that have a holiday*/}
div.kecTopContainersmall td.kecHoliday{
	/*td contains dates that a holiday*/
	background-color:#b5a899;
}
div.kecTopContainersmall div.kecEventDay{/*div contains dates that have events*/}
div.kecTopContainersmall td.kecEventDay{
	/*td contains dates that have events*/
	background-color:#b5a899;
}
div.kecTopContainersmall div.kecCurrentDate{
	/*div contains the date if it is today*/
}
div.kecTopContainersmall td.kecCurrentDate{
	/*td contains the date if it is today*/
	background-color:#6caedf;
}
div.kecTopContainersmall div.kecDisabledDay{
	/*div contains dates that are not part of the current month*/
	color: #ccc;
}
div.kecTopContainersmall td.kecDisabledDay{
	/*td contains dates that are not part of the current month*/
	background-color:#e2dbd2;
}
div.kecTopContainersmall div.kecEventListPopup{
	/*div contains the popup list of events on a date*/
	background-color:#fff;
	border:1px solid #808080;
	width:250px;
	color:#000;
}
div.kecTopContainersmall div.kecEventListTitle{
	/*within the popup, this div has the full date as a title*/
	font-family: arial, san-serif;
	text-align:center;
	font-size:12px;
	color:#FFF;
	background-color: #6caedf;
}
div.kecTopContainersmall div.kecEventListContainer{
	/*within the popup, this div contains the list of events*/
	height:150px;
}
div.kecTopContainersmall div.kecEventListItem{
	/*each event is displayed in one of these divs*/
	margin:5px;
	text-align:left;
	border-bottom: 1px solid #e8e9ec;
}
div.kecTopContainersmall div.kecEventTitle{
	/*the title of an event is in this div*/
	font-weight:bold;
	font-family: arial, san-serif;
}
div.kecTopContainersmall div.kecEventText{
	/*the synopsis of an event is in this div*/
	font-family: arial, san-serif;
}
div.kecTopContainersmall a.kecEventLink:link, div.kecTopContainersmall a.kecEventLink:visited,
div.kecTopContainersmall a.kecEventLink:active, div.kecTopContainersmall a.kecEventLink:hover{
	/*the link to an event is in this a*/
	font-family: arial, san-serif;
	color:#D06F1A;
	text-decoration:none;
}
div.kecTopContainersmall a.kecEventLink:hover{
	text-decoration:underline;
}
/*---------------------------------------------------------------------------------------------*/
/* LARGE CALENDAR */
div.kecTopContainerlarge{
	/*overall div contains the calendar*/
	width:619px;
}
div.kecTopContainerlarge div, div.kecTopContainerlarge td {
	color: #231f20;
}
div.kecTopContainerlarge div.kecMonthContainer{
	/*div contains each calendar*/
	width:100%;
	/*div contains each calendar*/
	padding:10px;
	margin:5px;
}
div.kecTopContainerlarge table.kecMonthHeader{
	/*table contains the month,year,and nav buttons*/
	width:100%;
	margin-bottom:5px;
	background: url('/municipal/toc/webcms.nsf/bg.calendar.header.jpg') center center;
}
div.kecTopContainerlarge td.kecPreviousNavCell{
	/*cell contains the previous navigation button*/
	width:40px;
}
div.kecTopContainerlarge td.kecNextNavCell{
	/*cell contains the next navigation button*/
	text-align:right;
	width:40px;
}
div.kecTopContainerlarge a.kecNavButton:link, div.kecTopContainerlarge a.kecNavButton:visited,
div.kecTopContainerlarge a.kecNavButton:active, div.kecTopContainerlarge a.kecNavButton:hover{
	/*each navigation button*/
	color:#64c7ef;
	display:block;
	font-size:25px;
	line-height:30px;
	padding:0px;
	margin:0px;
	font-weight:bold;
	cursor:pointer;
	border:0px solid #ccc;
	width:40px;
	height:30px;
	text-decoration:none;
	text-align:center;
}
div.kecTopContainerlarge td.kecTitleCell{/*cell contains the month and year*/
	text-transform:uppercase; 
	font-size:35px;
	text-align:center;
	color: #FFF;
	padding: 10px 0px 5px 0px;
}
div.kecTopContainerlarge table.kecMonthTable{
	/*table contains the actual calendar dates*/
	border-collapse:collapse;
	width:100%;
	background-color: #f8f7f5
}
div.kecTopContainerlarge table.kecMonthTable td{
	/*each cell in the calendar table*/
	height:80px;
	width:14%;
	vertical-align:top;
	border:2px solid #FFF;
	font-size:12px;
}
div.kecTopContainerlarge table.kecMonthTable td.kecWeekdayTitle{
	/*cells contain the weekday headers*/
	font-weight:bold;
	padding:0px 3px 0px 3px;
	text-align:center;
	height:20px;
	border-width:0px;
}
div.kecTopContainerlarge td.kecDayCell{
	/*cells contain dates*/
	background: url('/municipal/toc/webcms.nsf/bg.calendar.default.jpg') #e2dbd2 repeat-x;
}
div.kecTopContainerlarge div.kecDay{
	/*div contains normal date numbers*/
	text-align:left;
	padding: 2px 0px 3px 3px;
}
/*kecCurrentDate, and kecDisabledDay are all different ways to display dates in the calendar*/
/*they are used in combination, so the order of these classes is important to determine which ones take*/
/*precedence when combined*/
div.kecTopContainerlarge td.kecDisabledDay{
	/*td contains dates that are not part of the current month*/
	background: url('/municipal/toc/webcms.nsf/bg.calendar.default.jpg') #e2dbd2 repeat-x;
}
div.kecTopContainerlarge div.kecDisabledDay{
	/*div contains dates that are not part of the current month*/
}
div.kecTopContainerlarge td.kecEventDay{
	/*td contains dates that are not part of the current month*/
	background: url('/municipal/toc/webcms.nsf/bg.calendar.eventday.jpg') #b5a899 repeat-x;
}
div.kecTopContainerlarge td.kecCurrentDate{
	/*div contains the date if it is today*/
	background: url('/municipal/toc/webcms.nsf/bg.calendar.today.jpg') #6caedf repeat-x;
}
div.kecTopContainerlarge div.kecCurrentDate{
	/*div contains the date if it is today*/
}
div.kecTopContainerlarge div.kecEventListContainer{
	/*this div contains a list of events in a current day of the calendar, scrolls when overflowed, so SPECIFY A HEIGHT!*/
	min-height:60px;
}
div.kecTopContainerlarge div.kecEventListItem{
	/*this div contains the title and popup for each event*/
	/*background-color:#06c;*/
	margin:2px;
	padding:0px 2px 0px 2px;
	overflow:hidden;
	font-size: 10px;
	border-bottom: 1px solid #e2dbd2;
}
div.kecTopContainerlarge td.kecHoliday{
	/*this is added to the kecEventListItem div if the date is a holiday*/
	background: url('/municipal/toc/webcms.nsf/bg.calendar.eventday.jpg') #b5a899 repeat-x;
}
div.kecTopContainerlarge a.kecEventTitle:link,div.kecTopContainerlarge a.kecEventTitle:visited,div.kecTopContainerlarge a.kecEventTitle:active,div.kecTopContainerlarge a.kecEventTitle:hover{
	/*the title of an event is in this div link*/
	text-decoration:none;
	cursor:default;
	font-size:10px;
	color:#fff;
}
div.kecTopContainerlarge div.kecEventItemPopup{
	/*each popup event is displayed in one of these divs*/
	background-color:#ddd;
	border:1px solid #777;
	width:200px;
	padding:3px;
	cursor:default;
}
div.kecTopContainerlarge div.kecEventTitle{
	/*the title of an event is in this div*/
	font-weight:bold;
	color:#000;
}
div.kecTopContainerlarge div.kecEventText{
	/*the synopsis of an event is in this div*/
	color:#000;
}
div.kecTopContainerlarge a.kecEventLink:link, div.kecTopContainerlarge a.kecEventLink:visited,
div.kecTopContainerlarge a.kecEventLink:active, div.kecTopContainerlarge a.kecEventLink:hover{
	/*the link to an event is in this a*/
	color:#06c;
}
/* RELATED TEXT CALENDAR */
#leftcolumn div.kecTopContainersmall,
#rightcolumn div.kecTopContainersmall {
	background-color: #fce09b; width: 180px; padding: 5px;
}
.relatedText div.kecTopContainersmall div.kecMonthContainer,
#rightcolumn .relatedText div.kecTopContainersmall div.kecMonthContainer { 
	background-color: #fbd57a;
	width: 170px;
}
.relatedText div.kecTopContainersmall table.kecMonthHeader,
#rightcolumn.relatedText div.kecTopContainersmall table.kecMonthHeader { 
	background: none;  
}
#leftcolumn .relatedtext div.kecDay ,
#rightcolumn .relatedtext div.kecDay {
	text-align: center;
	padding: 0px;
	background-color: transparent;
}
/* YUI DEFAULTS */
.yui-skin-sam a.yuimenuitemlabel:hover, .yui-skin-sam a.yuimenubaritemlabel:hover { text-decoration: none; color: #000; }
.yui-skin-sam a.yuimenuitemlabel { cursor: pointer; cursor: hand; }
/* I Want To Menu - Home Page*/
#yui_iwanttomenus_container { padding: 13px 0px 0px 30px; width: 135px; }
#yui_iwanttomenus_container .yuimenuitem-hassubmenu { background-image: none; }
#yui_iwanttomenus_container .yuimenuitem-selected { background-color: transparent; }
#yui_iwanttomenus_container .yuimenuitem-hassubmenu-selected { background: url('/municipal/toc/webcms.nsf/bg.menu.over.png') no-repeat right center; }
#yui_iwanttomenus_container .yuimenuitem { /*padding: 12px 0px 12px 0px;*/ padding: 8px 0px; height: 25px; vertical-align: middle; border: 0px; cursor: pointer; cursor: hand; }
#yui_iwanttomenus_container .yuimenuitem a:visited, 
#yui_iwanttomenus_container .yuimenuitem a:link, 
#yui_iwanttomenus_container .yuimenuitem a:active, 
#yui_iwanttomenus_container .yuimenuitem a:hover { 
/*font-size: 12px; font-weight: bold; */
font-family: Verdana;
color: #3F3C3A;
text-decoration: none;
word-spacing: normal;
letter-spacing: 0;
/*line-height: 1.9em;*/
font-size: 1.6em;
}
/* I Want To Child Menu */
#yui_iwanttomenus_container .yuimenu .bd { border: 1px solid #666; border-bottom: 0px; width: 350px; }
#yui_iwanttomenus_container .yuimenu ul { padding: 0px; }
#yui_iwanttomenus_container .yuimenu .yuimenuitem { border-bottom: 1px solid #666; }
/* I Want To Menu - Content Pages */
div#infoBox #yui_iwanttomenus_container { padding: 0px; width: 80px; }
div#infoBox #yui_iwanttomenus_container .yuimenubaritem-selected { background-image: none; }
div#infoBox #yui_iwanttomenus_container .yuimenubaritemlabel { border: 0px; padding: 0px; }
div#infoBox #yui_iwanttomenus_container .yuimenu .yuimenuitem-hassubmenu-selected { background-image:none; }
div#infoBox #yui_iwanttomenus_container .yuimenu .bd { width: 175px; }
div#infoBox #yui_iwanttomenus_container .yuimenu .yuimenuitem { padding:7px 0px 10px 0px; cursor: pointer; cursor: hand; }
div#infoBox #yui_iwanttomenus_container .yuimenuitem { height: 15px; }
div#infoBox #yui_iwanttomenus_container .yuimenuitem a:visited, 
div#infoBox #yui_iwanttomenus_container .yuimenuitem a:link, 
div#infoBox #yui_iwanttomenus_container .yuimenuitem a:active, 
div#infoBox #yui_iwanttomenus_container .yuimenuitem a:hover {
	font-size: 12px;
}
/* Department Menu */
#yui_departmentmenus_container .yuimenubaritem { width: 238px;  }
.homeDepartment #yui_departmentmenus_container .yuimenubaritem { width: 335px;  }
#yui_departmentmenus_container .yuimenubaritem-selected { background-image: none; }
#yui_departmentmenus_container .yuimenubaritem-hassubmenu, 
#yui_departmentmenus_container .yuimenubaritem-hassubmenu-selected { background: url('/municipal/toc/webcms.nsf/img.dept.dropdown.jpg') no-repeat right center; }
#yui_departmentmenus_container .yuimenubaritemlabel { border: 0px; }
#yui_departmentmenus_container .yuimenu .bd { width: 238px; }
.homeDepartment #yui_departmentmenus_container .yuimenu .bd { width: 335px; }
#yui_departmentmenus_container .yuimenu .yuimenuitem-selected { background-color: transparent;  }
#yui_departmentmenus_container .yuimenu .yuimenuitem { cursor: pointer; cursor: hand; }
/* Left Side Content Menu */
#yui_menus_container { width: 220px; padding: 0px 0px 10px 0px; }
#yui_menus_container .yuimenuitem-hassubmenu { background-image: none; }
#yui_menus_container .yuimenuitem-selected { background-color: transparent; }
#yui_menus_container .yuimenuitem-hassubmenu-selected { background-color: #fff; }
#yui_menus_container .yuimenuitem { padding: 5px 0px 5px 0px; height: 12px; border: 0px; cursor: pointer; cursor: hand; }
#yui_menus_container .yuimenuitem a:visited, 
#yui_menus_container .yuimenuitem a:link, 
#yui_menus_container .yuimenuitem a:active, 
#yui_menus_container .yuimenuitem a:hover { /*font-size: 12px; */
font-family: Verdana;
color: #3F3C3A;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 0;
line-height: 0.8em;
font-size: 12px;
}
#yui_menus_container .yuimenu .bd { border: 1px solid #666; border-bottom: 0px; width: 275px; }
#yui_menus_container .yuimenu ul { padding: 0px; margin-left: 0px; }
#yui_menus_container .yuimenu .yuimenuitem { border-bottom: 1px solid #666; padding-bottom: 10px; cursor: pointer; cursor: hand; }
/***END YUI MENU STYLES********/
/* The main calendar widget.  DIV containing a table. */
 
.calendar {
  position: relative;
  display: none;
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #c8d0d4;
  font-family: tahoma,verdana,sans-serif;
}
 
.calendar table {
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #c8d0d4;
  font-family: tahoma,verdana,sans-serif;
}
 
/* Header part -- contains navigation buttons and day names. */
 
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}
 
.calendar .nav {
  background: transparent url(menuarrow.gif) no-repeat 100% 100%;
}
 
.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: #788084;
  color: #fff;
  text-align: center;
}
 
.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}
 
.calendar thead .daynames { /* Row <TR> containing the day names */
}
 
.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #000;
  padding: 2px;
  text-align: center;
  background: #e8f0f4;
}
 
.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}
 
.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  padding: 0px;
  background-color: #d8e0e4;
}
 
.calendar thead .active { /* Active (pressed) buttons in header */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  background-color: #b8c0c4;
}
 
/* The body part -- contains all the days in month. */
 
.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}
 
.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #e8f4f0;
}
 
.calendar tbody .rowhilite td {
  background: #d8e4e0;
}
 
.calendar tbody .rowhilite td.wn {
  background: #c8d4d0;
}
 
.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
}
 
.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: #000 #fff #fff #000;
}
 
.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: #000 #fff #fff #000;
  background: #d8e0e4;
}
 
.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}
 
.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}
 
.calendar tbody .disabled { color: #999; }
 
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}
 
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}
 
/* The footer part -- status bar and "Close" button */
 
.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}
 
.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #e8f0f4;
  padding: 1px;
  border: 1px solid #000;
  background: #788084;
  color: #fff;
  text-align: center;
}
 
.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #d8e0e4;
}
 
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}
 
/* Combo boxes (menus that display months/years for direct selection) */
 
.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  background: #d8e0e4;
  font-size: 90%;
  padding: 1px;
  z-index: 100;
}
 
.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}
 
.calendar .combo .label-IEfix {
  width: 4em;
}
 
.calendar .combo .active {
  background: #c8d0d4;
  padding: 0px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}
 
.calendar .combo .hilite {
  background: #048;
  color: #aef;
}
 
.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #e8f0f4;
}
 
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}
 
.calendar td.time .ampm {
  text-align: center;
}
 
.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}
 
.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}
 
.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}