/* Customized Skin Styles */
/* Page Body  */
body { 
	margin: 0px;
}
/* Default Page Links throughout site */
a:link, a:active, a:visited{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
/* All Images */
img {
	behavior:url(/municipal/didsbury/webcms.nsf/pngbehavior.htc); 
	border: 0px;
}
/* Element Defaults */
td, div, p, span { 
	font-family: verdana, arial, sans-serif;
	font-size:11px;
}
/* Tiny MCE Styles */
.Didsbury_Heading {
	color: #9C0D0E;
	font-size: 12px;
	font-weight: bold;
}
/* Site Layout */
.homePage, .contentPage{
	background: url('/municipal/didsbury/webcms.nsf/bk.site.jpg') repeat-x;
}
.left {
/*	padding-top: 294px;*/
	vertical-align: top;
}
.left .bk {
	position: relative;
	top: 380px;
	width: 100%;
	background: url('/municipal/didsbury/webcms.nsf/img.gradient.left.png') repeat-y right top;
}
.homePage .left .bk {
	height: 240px;
}c1
.contentPage .left .bk {
	height: 29px;
}
#container {
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
}
#container #logo {
	float: left;
	padding-left: 20px;
}
#container #headerButtons {
	float: right;
	font-size: 13px;
	color: #9C0D0E;
	padding-top: 20px;
	padding-right: 20px;
}
#container #headerButtons a{
	color: #9C0D0E;
}
#container #tagLine {
	padding-top: 100px;
	padding-left: 20px;
}
#container span.Address {
	font-size: 13px;
}
#container #headerDivider {
	clear: both;
	width: 900px;
	height: 15px;
}
.homePage #container #body {
	background-color: #FFFFFF;
	height: 450px;
}
.homePage #container #body #banner {
	float: left;
	width: 480px;
	height: 450px;
	overflow: hidden;
	background-color: white;
}
.videoLink {
	width: 250px; 
	padding: 10px 0px; 
	text-align: center; 
	font-weight: bold; 
	color: #9C0D0E;
}
.videoLink a:active, .videoLink a:link, .videoLink a:visited, .videoLink a:hover {
	color: #9C0D0E;
	font-weight: bold; 
}
.contentPage #container #banner {
	width: 900px;
	height: 240px;
	overflow: hidden;
	background-color: white;
}
.contentPage #body {
	border-top: 4px solid white;
}
#container #body #content {
	float: right;
	width: 420px;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
#container #body #contentTop {
	background: #FFFFFF url('/municipal/didsbury/webcms.nsf/img.gradient.right.upper.png') repeat-y;
	height: 251px;
	width: 420px;
	overflow: hidden;
}
#container #body #contentBottom {
	background: #FFFFFF url('/municipal/didsbury/webcms.nsf/img.gradient.right.upper.png') repeat-y;
	height: 200px;
}
#container #body .leftSide {
	background: #F7F7F7;
	width: 190px;
	vertical-align: top;
}
#container #body .middle {
	/*width: 520px;*/
	vertical-align: top;
	padding: 5px;
}
#container #body .rightSide {
	text-align: center;
	background: #F7F7F7;
	width: 190px;
	vertical-align: top;
	padding-bottom: 10px;
}
#container #body .rightSide .Divider {
	padding: 10px 0px 10px 0px;
}
#container #body .rightSide .CalendarPadding{
	padding-right: 10px;
}
#container #menu {
	width: 900px;
}
#container #menu td {
	text-align: center;
	height: 46px;
	font-size: 14px;
	font-weight: bold;
}
#container #menu .blue{
	width: 159px;
	/*background: #026DBC;*/
	background: url('/municipal/didsbury/webcms.nsf/bk.gradient.blue.jpg') repeat-x;
	color: #FFFFFF;
	border-left: 1px solid #CCCCCC;
	cursor: pointer;
}
#container #menu .yellow{
	/*background: #E7C84E; */
	background: url('/municipal/didsbury/webcms.nsf/bk.gradient.yellow.jpg') repeat-x;
	color: #000000;
	border-right: 1px solid #999999;
	cursor: pointer;
}
#container #footer {
	width: 900px;
	border-top: 3px solid #9C0D0E;
	text-align: right;
	padding: 10px 0px 0px 0px;
	color: #9C0D0E;
	font-size: 10px;
}
/* Online Services */
.onlineservices {
	background-color: #9C0D0E;
	color: #FFF;
	padding: 15px 20px 15px 20px; 
	font-size: 14px; 
	font-weight: bold;
}
div.onlineservices {
	cursor: pointer;
	cursor: hand;
}
/* Bread crumb trail */
p.urhere {
	font-family: sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-transform: capitalize;
	margin-bottom: 10px;
}
p.urhere em { 
	font-family: sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	color: #666666; 
	text-transform: normal; 
}
a.urhere:link, a.urhere:active, a.urhere:visited { 
	font-size: 11px; 
	color: #002173; 
	text-decoration: none; 
	font-weight:normal;
}
a.urhere:hover { 
	font-size: 11px; 
	color: #002173; 
	font-weight:normal;
	text-decoration: UNDERLINE; 
}
/* Header Links across top right of page */
.HeaderButtons { 
	font-family: sans-serif; 
	font-size: 11px; 
	color: #002173; 
}
.HeaderButtons a:link, .HeaderButtons a:active, .HeaderButtons a:visited { 
	color: #333333; 
	font-size:11px;
	font-weight:normal;
	text-decoration: none; 
}
.HeaderButtons a:hover { 
	color: #333333; 
	text-decoration: underline; 
}
/* Print Page, Send Page, Subscribe buttons */
.PageButtons { 
	font-family: sans-serif; 
	font-size: 11px; 
	color: #333333; 
}
.PageButtons a { 
	color: #002173; 
	text-decoration: none; 
}
.PageButtons a:hover { 
	color: #002173; 
	text-decoration: underline; 
}
/* Footer Links across bottom right of page */
.FooterButtons { 
	font-size: 11px; 
	color: #003366; 
}
.FooterButtons a:link, .FooterButtons a:active, .FooterButtons a:visited {
	font-size: 11px; 
	font-weight:normal;
	color: #003366; 
	text-decoration: none; 
}
.FooterButtons a:hover { 
	font-size: 11px; 
	color: #003366; 
	text-decoration: underline; 
}
/* Default Button Styles */
.HomeButton {}
.LoginButton {}
.LogoutButton {}
.SubscribeButton {}
.SiteMapButton {}
.ContactButton {}
.SendPage {}
.TermsOfUseButton {}
/* 'Go To Top' button */
.TopButton { 
	font-size: 11px; 
}
a.TopButton { 
	color: #9C0D0E; 
	text-decoration: none; 
}
a.TopButton:hover { 
	color: #9C0D0E; 
	text-decoration: underline; 
}
/* Embedded View Title, Text, and Links */
.EmbeddedView {
	font-size: 11px; 
	font-weight: normal; 
	color: #333333; 
	padding-bottom: 10px;
}
.EmbeddedView .Title { 
	font-size: 14px; 
	font-weight: bold; 
	color: #9C0D0E; 
	padding-bottom: 15px; 
}
.EmbeddedView .Text {
	font-weight: normal; 
	color: #333333; 
}
.EmbeddedView .Text a { 
	color: #9C0D0E; 
	text-decoration: none; 
}
.EmbeddedView .Text a:hover { 
	color: #9C0D0E; 
	text-decoration: underline; 
}
/* Link Category Embedded View */
.EmbeddedView .linkscategory {
	padding: 5px 0px 10px 0px;
	font-weight: bold;
}
.EmbeddedView .linksdetails{
	padding-bottom: 10px;
}
.EmbeddedView .linksdetails ul{
	padding-left:15px;
	margin:0px;
}
/* Embedded View News Release */
.EmbeddedView .NewsMonth {
	font-weight: bold; 
	padding-bottom: 2px;
}
.EmbeddedView .NewsMonthDay {
	width: 90px;
}
.EmbeddedView .NewsArchive {
	font-weight: bold;
}
.EmbeddedView .NewsArchiveYear {
	font-weight: bold; 
	margin-left: 10px;
}
.EmbeddedView .NewsToggle {
	padding: 3px;
}
.EmbeddedView .NewsDetail {
	margin-left: 10px;
	font-size: 11px; 
	font-weight: normal; 
	color: #333333; 
	padding: 3px;
}
.EmbeddedView .NewsDetail tr{
	vertical-align: top;
}
.EmbeddedView .NewsDetail a { 
	font-size:11px;
	color: #9C0D0E; 
	text-decoration: none; 
	font-weight: normal;
}
.EmbeddedView .NewsDetail a:hover { 
	font-size:11px;
	color: #9C0D0E; 
	text-decoration: underline; 
	font-weight: normal;
}
.EMBEDDEDVU a:link, .EMBEDDEDVU a:active, .EMBEDDEDVU a:visited, .EMBEDDEDVU a:hover{
	color: #9C0D0E;
}
/* Page Title */
.Subject { 
	font-family: arial, sans-serif, verdana;
	font-size: 15px;
	color: #3B3B3B;
	border-bottom: 1px dashed #DEDEDE; 
	width: 100%;
	padding-bottom: 10px;
}
/* Quick Search Classes */
.QuickSearch { 
	width: 320px;
	border: 1px solid #BAD7E9;
	padding: 2px;
	background: #FFFFFF;
}
.QuickSearch .Button { 
	text-align: right; 
}
.QuickSearch .Button a { 
}
.QuickSearch .Button a:hover { 
}
.QuickSearch input { 
	width: 330px; 
	font-family:verdana, arial, sans-serif;
	font-size:11px;
	border: 0px;
}
/* Quick Links Classes */
.QuickLinks { 
	padding-left: 0px; 
	margin-left: 17px;
	margin-bottom: 0px; 
} 
.QuickLinks li { 
	padding-bottom: 3px; 
}
.QuickLinks a:link, .QuickLinks a:active, .QuickLinks a:visited { 
	font-size: 11px; 
	color: #ffffff; 
	text-decoration: none; 
	margin: 0px;
}
.QuickLinks a:hover { 
	font-size: 11px; 
	color: #ffffff; 
	text-decoration: underline; 
}
/* Related Links Classes */
.RelatedLinks { 
	padding-left: 0px; 
	margin-left: 17px; 
	margin-bottom: 0px; 
} 
.RelatedLinks li { 
	padding-bottom: 3px; 
}
.RelatedLinks a:link, .RelatedLinks a:active, .RelatedLinks a:visited { 
	font-size: 11px; 
	color: #ffffff; 
	text-decoration: none; 
	margin: 0px;
}
.RelatedLinks a:hover { 
	font-size: 11px; 
	color: #ffffff; 
	text-decoration: underline; 
}
/* Document Links Classes */
.DocumentLinks { 
	width: 100%; 
}
.DocumentLinks .Out { 
	background-color: #002173; 
	color: #ffffff;
	font-size:11px;
}
.DocumentLinks .Out a{ 
	color: #ffffff;
	font-size:11px;
	text-decoration: none; 
}
.DocumentLinks .Over { 
	background-color: #FFFF00; 
	cursor: pointer; 
}
.DocumentLinks .Over a { 
	color: #003300;
	font-size:11px;
	text-decoration: underline; 
}
.DocumentLinks .Icon { 
	vertical-align: top; 
	padding: 5px; 
}
.DocumentLinks .Text {
	width: 100%; 
	font-family: sans-serif; 
	font-size: 11px; 
	vertical-align: top; 
	padding: 5px; 
}
/* What's New Classes */
.WhatsNew {
	padding: 10px;
	background: url('/municipal/didsbury/webcms.nsf/img.gradient.lower.png') repeat-x left 237px;
	padding-bottom: 20px;
	padding-left: 15px;
}
.WhatsNew p {
	margin: 0px;
}
.WhatsNew .Title { 
	font-size: 18px; 
	color: #9C0D0E; 
	padding-bottom: 10px;
}
.WhatsNew .Out { 
	padding-top: 20px; 
}
.WhatsNew a.Header { 
	font-size: 11px; 
	font-weight: bold; 
	color: #000000; 
	text-decoration: none; 
}
.WhatsNew a.Header:hover { 
	text-decoration: underline; 
}
.WhatsNew .Text{ 
	font-size: 11px; 
	font-weight:normal;
	color: #000000; 
	text-decoration: none; 
}
.WhatsNew .Divider {
	padding: 12px 0px 12px 0px;
}
/* Copyright Notice */
.Copyright {
}
/* Last Updated Link */
.cssUpdated{
	color:#666666;
	font-size:11px;
}
/* Weather Classes */
.Weather { 
	text-align: center;
	padding-top: 10px;
}
.homePage .Weather {
	/*float: left;*/
	padding-top: 40px;
	width: 250px; 
}
.contentPage .Weather {
	width: 180px;
}
.Weather .Title {
	color: #CD8948;
	color: #333333;
	font-size: 16px;
	font-weight: bold;
}
.contentPage .Weather .Title{
	font-size: 12px;
}
.Weather .Temp {
	font-size:24px; 
	color:#9C0C08; 
	font-weight:bold; 
	padding-top: 5px;
	padding-bottom: 5px;
}
.contentPage .Weather .Temp{
	font-size: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.Weather .Image {
	text-align:left; 
	padding:5px 5px 5px 0px; 
}
.Weather .Text {
	color:#000000; 
	font-size:12px;
	padding-top: 5px;
}
.contentPage .Weather .Text {
	font-size: 10px;
	padding-top: 10px;
}
#WeatherLastUpdated {
	font-family:arial,tahoma, sans-serif; 
	font-size:11px; 
	color:#FFFFFF; 
	background-color: #002173; 
	padding:2px;
}
/* Weather Channel Notice */
#TWCNotice { 
	font-family:arial,tahoma, sans-serif; 
	font-size:11px; 
	color:#666666;
}
#TWCIcon { 
	float:left; 
	padding:3px;
}
#TWCAttribution {}
#TWCLinks a:link,#TWCLinks a:active, #TWCLinks a:visited {
	font-size:11px; 
	color:#336699;
	text-decoration:none
}
#TWCLinks a:hover{
	text-decoration:underline;
}
/* BIAP Crumb Navigation Classes */
.BIAPCrumb { width: 500px;  overflow:hidden; z-index: 100; }
.BIAPCrumb div { display:inline; font-family: sans-serif; font-size: 11px; text-transform: capitalize; }
.BIAPCrumb .Out {  color: #002173;  font-weight:normal;  }
.BIAPCrumb .Over { color: #002173; font-weight:normal; cursor: hand; cursor: pointer; }
.BIAPCrumb .Text { color: #666666;  white-space: nowrap; }
.BIAPCrumb .Arrow {  }
.BIAPCrumb .Divider { padding: 3px;}
#.oBIAPContainer { padding: 0px 0px 0px 0px; }
/* BIAP Menu */
.BiapMenu { width: 185px; background:url('/municipal/didsbury/webcms.nsf/bg.hnsbiap.out.jpg'); z-index: 100; }
.BiapMenu .Out { width: 185px; color: #F5F4E9;  }
.BiapMenu .Over { width: 185px; color: #F5F4E9; cursor: pointer; }
.BiapMenu .Text { height:22px; font-family: tahoma, arial, sans-serif; color: #F5F4E9; font-size: 12px; white-space: nowrap; font-weight: bold; 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: #F5F4E9; background-color: #772f08; }
.BiapMenuChild .Over {  color: #772f08; background-color: #EACC76; cursor: pointer; }
.BiapMenuChild .Text { height: 19px;  font-family: tahoma, arial, sans-serif; font-size: 12px; white-space: nowrap; padding: 0px 5px 0px 5px; }
.BiapMenuChild .Arrow { padding: 0px 5px 0px 5px; }
*/
.BiapMenuChild { 
	width: 225px; 
	background-color: #000; 
	border: 1px solid #000; 
}
.BiapMenuChild .Out { 
	color: #686868; 
	background-color: #F7F7F7; 
}
.BiapMenuChild .Over { 
	color: #fff; 
	background-color: #9C0E0D; 
	cursor: pointer; 
}
.BiapMenuChild .Text { 
	height: 25px; 
	font-family:tahoma, arial, sans-serif;
	font-size: 11px; 
	white-space: nowrap; 
	font-weight: bold;
	padding: 0px 5px 0px 5px; 
}
.BiapMenuChild .Arrow { 
	padding: 0px 5px 0px 5px; 
}
/* JS Hydra Navigation Classes */
.MainMenu { 
	width: 190px; 
}
.MainMenu .Out { 
	color: #686868; 
}
.MainMenu .Over { 
	color: #3b3b3b; 
	background-color: #F7DE77; 
	cursor: pointer; 
}
.MainMenu .Text { 
	height: 30px;  
	font-family:verdana, arial, sans-serif;
	font-size: 10px; 
	white-space: nowrap; 
	padding: 0px 5px 0px 5px; 
	font-weight: bold;
}
.MainMenu .Divider {  
	background: #DEDEDE;
}
.MainMenu .Icon {
	padding-left: 10px;
}
.MainMenuChild { 
	width: 190px; 
	background-color: #000000; 
	border: 1px solid #000000; 
}
.MainMenuChild .Out { 
	color: #686868; 
	background-color: #F7F7F7; 
}
.MainMenuChild .Over { 
	color: #3b3b3b; 
	background-color: #F7DE77; 
	cursor: pointer; 
}
.MainMenuChild .Text { 
	height: 25px; 
	font-family:verdana, arial, sans-serif;
	font-size: 10px; 
	white-space: nowrap; 
	padding: 0px 5px 0px 5px; 
}
.MainMenuChild .Arrow { 
	padding: 0px 5px 0px 5px; 
}
/* JS Khronos Calendar Classes */
/*.CalendarMonth { width: 189px; background-color: #7da42e; filter:progid:DXImageTransform.Microsoft.Fade(duration=0.3,overlap=1); }*/
.CalendarMonth { 
	float: right;
	width: 170px; 
	background-color: #002173; 
	background-color: #000;
}
.CalendarMonth .Category { 
	font-family: verdana, sans-serif; 
	font-size: 11px; 
	color: #ffffff; 
	/*background-color: #E7C84E; 
	background-color: #333333;*/
	padding: 0px 0px 0px 2px; 
}
.CalendarMonth .Title { 
	font-family: verdana, sans-serif; 
	font-size: 8px; 
	font-weight: bold; 
	color: #483D1D; 
	color: #FFFFFF;
	/*background-color: #E7C84E; 
	background-color: #333333;*/
	white-space: nowrap; 
	padding: 0px 0px 0px 2px; 
}
.CalendarMonth .Buttons td { 
	width: 17px;
	height: 26px; 
	font-family: verdana, sans-serif; 
	font-size: 12px; 
	color: #ffffff; 
	background-color: #E7C84E; 
	background-color: #000000;
}
.CalendarMonth .Buttons .Print { 
	padding-right: 5px; 
}
.CalendarMonth .WeekDay { 
	height: 18px; 
	font-family: verdana, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #000000; 
	background-color: #F7F2EE; 
	text-align: center;
}
.CalendarMonth .EventDay { 
	/*width: 26px; */
	height: 18px; 
	font-family: verdana, sans-serif; 
	font-size: 11px; 
	color: #FFFFFF; 
	background-color: #9C0D0E; 
	padding: 2px 5px 2px 2px; 
	text-align: right;
	vertical-align: bottom; 
}
.CalendarMonth .Holiday { 
	/*width: 26px; */
	height: 18px; 
	font-family: verdana, sans-serif; 
	font-size: 11px; 
	color: #FFFFFF; 
	background-color: #9C0D0E; 
	padding: 2px 5px 2px 2px; 
	text-align: right; 
	vertical-align: bottom; 
}
.CalendarMonth .Day { 
	/*width: 26px; */
	height: 18px; 
	font-family: verdana, sans-serif; 
	font-size: 11px; 
	color: #000000; 
	background-color: #FFFFFF; 
	padding: 2px 5px 2px 2px; 
	text-align: right; 
	vertical-align: bottom; 
}
.CalendarMonth .Blank { 
	/*width: 26px; */
	height: 18px; 
	font-family: verdana, sans-serif; 
	font-size: 11px; 
	background-color: #FFF7C6;
	background-color: #FFF;
	vertical-align: top; 
	padding: 3px; 
}
.CalendarDetails { 
	width: 300px; 
	height: 190px; 
	filter:progid:DXImageTransform.Microsoft.Fade(duration=0.3,overlap=1); 
}
.CalendarDetails .Title { 
	font-family: verdana, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #483D1D; 
	background-color: #E7C84E; 
	padding: 0px 0px 0px 5px; 
}
.CalendarDetails .Buttons td { 
	width: 20px; 
	height: 26px; 
	font-family: verdana, sans-serif; 
	font-size: 12px; 
	color: #483D1D; 
	font-weight: bold; 
	background-color: #E7C84E; 
}
.CalendarDetails .Holiday { 
	font-family: verdana, sans-serif; 
	font-size: 11px; 
	color: #333333; 
	background-color: #adc6e6; 
	border-bottom: 1px solid #4f86ca; 
	padding: 5px; 
}
.CalendarDetails .List { 
	height: 190px; 
	background-color: #FFF7C6; 
	border: 1px solid #4f86ca; 
}
.CalendarDetails .List .Out { 
	font-family: verdana, sans-serif; 
	font-size: 11px; 
	color: #014fb3; 
	background-color: #ffffff; 
	border-bottom: 1px solid #4f86ca; 
	padding: 5px; 
}
/* 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%;}