/* Customized Skin Styles */
/* Page Body  */
body { 
	margin: 0px;
	background-image:url(/municipal/twohills/twohills-website.nsf/img.bg1.jpg);
}
body.mceContentBody { background-image: none; }
/* New Styles */
.ColumnHeader{
	background-image:url(/municipal/twohills/twohills-website.nsf/img.columnheaderbg.jpg);
	height:27px;
	font-family:Verdana, arial, sans-serif;
	color:#000000;
	font-size:11px;
	font-weight:bold;
	padding-left:5px;
}
.SideColumnContent{
	font-family:Verdana, arial, sans-serif;
	color:#333333;
	font-size:11px;
	padding:7px;
}
.Footerbar td{
	padding:10px;
	height:25px;
	background-color:#CCCCCC;
	font-family:verdana, arial, sans-serif;
	font-size:11px;
	color:#333333;
	border-top:1px solid #666666;
	border-bottom:1px solid #333333;
}
li{
	margin-left:-28px;
}
#headerlinks{
	position:absolute;
	top:1px;
	left:1px;
	font-family:verdana, arial, sans-serif;
	font-size:11px;
	color:#333333;
}
/* Default Page Links throughout site */
a:link, a:active, a:visited{
	font-family: verdana, arial, sans-serif;
	font-size:12px;
	color:#333333;
	text-decoration:none;
}
a:hover{
	color:#333333;
	text-decoration:underline;
}
/* All Images */
img {
	behavior:url(/municipal/twohills/twohills-website.nsf/pngbehavior.htc); 
}
/* Bread crumb trail */
p.urhere {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-transform: capitalize;
	margin: 0px;
	padding-top: 10px;
}
p.urhere em { 
	font-style: normal; 
	color: #666666; 
	text-transform: normal; 
}
p.urhere a:link, .urhere a:active, .urhere a:visited {
	text-decoration:none; 
	font-weight:bold;
}
p.urhere a:hover {  
	font-weight:bold;
	text-decoration: UNDERLINE; 
}
/* Main Content Region */
.Body {
	vertical-align:top;
	font-family:verdana, arial, sans-serif;
	font-size:12px;
	color:#333333;
}
.Content { 
	vertical-align:top;
	font-family:verdana, arial, sans-serif;
	font-size:12px;
	color:#333333;
}
.Content a:link, .Content a:active, .Content a:visited{
	text-decoration:underline;
}
.Content a:hover{
	text-decoration:none;
}
/* Side Column Text Headers (ex: Related Information, Document Links, etc..) */
.SideHeader { 
	height: 26px; 
	font-family:verdana, arial, sans-serif; 
	font-size: 14px; 
	font-weight: bold; 
	color: #000000; 
	background-color: #7da42e; 
	padding: 0px 10px 0px 10px; 
	border-top: 1px solid #ffffff; 
	border-bottom: 1px solid #ffffff; 
}
/* Related Information text */
.SideText { 
	font-family:verdana, arial, sans-serif; 
	font-size: 11px; 
	color: #000000; 
	padding: 10px; 
}
 /* Login Form */
.LoginForm {
	font-family:verdana, arial, sans-serif; 
	font-size: 11px; 
	color: #000000; 
}
/* 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:verdana, arial, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #000000; 
}
.PageButtons a:link, .PageButtons a:visited, .PageButtons a:active { 
	text-decoration: none; 
}
.PageButtons a:hover {
	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 {color:#FFFF00}
.SendPage {}
.TermsOfUseButton {}
/* 'Go To Top' button */
.TopButton { 
	padding-top: 10px;
	font-size: 12px;
	margin:0px;
	/* height:100%; */
	vertical-align: bottom;
}
.TopButton a:visited, .TopButton a:link, .TopButton a:active{ 
	color: #000000; 
	text-decoration: none; 
}
.TopButton a:hover { 
	color: #000000; 
	text-decoration: underline; 
}
/* Embedded View Title, Text, and Links */
.EmbeddedView .Title { 
	font-family:verdana, arial, sans-serif;
	font-size: 18px; 
	font-weight: bold; 
	color: #333333; 
	padding-bottom: 20px; 
}
.EmbeddedView .Text {
	font-size: 12px; 
	font-weight: normal; 
	color: #333333; 
	
}
.EmbeddedView li{
	margin:0px;
}
.EmbeddedView .Text a:visited, .EmbeddedView .Text a:active, .EmbeddedView .Text a:link { 
	font-size:12px;
	color: #333333; 
	text-decoration: none; 
}
.EmbeddedView .Text a:hover { 
	font-size:12px;
	color: #333333; 
	text-decoration: underline; 
}
/* Page Title */
.Subject { 
	font-family:verdana, arial, sans-serif;
	font-size: 18px; 
	font-weight: bold; 
	color: #333333; 
}
/* Quick Login */
.QuickLogin { 
	width: 100%; 
}
.QuickLogin .Text { 
	font-family: sans-serif; 
	font-size: 11px; 
	color: #ffffff; 
	padding-right: 10px; 
}
.QuickLogin .Field { 
	height: 22px; 
}
.QuickLogin .Field input { 
	width: 110px; 
	border: 1px solid #000000; 
}
.QuickLogin .Buttons { 
	padding-top: 10px; 
}
.QuickLogin .Buttons input { 
	width: 80px; 
	border: 1px solid #000000; 
}
/* Quick Search Classes */
.QuickSearch { 
	position:absolute;
	top:1x;
	left:1px;
	width: 170px; 
	font-family:verdana, arial, sans-serif;
	font-size:11px;
}
.QuickSearch #QuickSearchText{
	width:110px;
	height:22px;
	border: 1px solid #000000; 	
}
.QuickSearch .Button { 
	text-align: right; 
}
.QuickSearch .Button a { 
	font-size: 12px; 
	font-weight: bold; 
	color: #ffffff; 
	text-decoration: none; 
}
.QuickSearch .Button a:hover { 
	font-size: 12px; 
	font-weight: bold; 
	color: #ffffff; 
	text-decoration: underline; 
}
/*.QuickSearch input { 
	width: 110px;
	height:18px; 
	border: 1px solid #000000; 
}*/
.QuickSearch #quicksearchbutton{
	padding:2px;
	width:50px;
	background-color:#D3CBBA;
	border:1px solid #675D48;
	font-family:verdana, arial, sans-serif;
	font-size:11px;
	color:#000000;
}
.QuickSearch .Advanced{
	padding:7px;
}
/* Home Page Events */
.HomePageEvents {
	font-family:verdana, arial, sans-serif;
	font-size:11px;
}
.HomePageEvents .Dates {
	font-weight:bold;
}
.HomePageEvents .Synopsis {
	padding-top:5px;
}
/* Event RSVP */
.RSVP td{
	padding: 10px 0px 10px 0px;
}
/* Quick Links Classes */
.QuickLinks { 
	margin-bottom: 0px; 
} 
.QuickLinks li { 
	padding-bottom: 3px;
}
.QuickLinks a:link, .QuickLinks a:active, .QuickLinks a:visited { 
	font-size: 11px; 
	color: #000000; 
	text-decoration: none; 
}
.QuickLinks a:hover { 
	font-size: 11px; 
	color: #000000; 
	text-decoration: underline; 
}
/* Related Links Classes */
.RelatedLinks { 
	font-size: 11px; 
} 
.RelatedLinks li { 
	color: #000000;
	padding-bottom: 3px; 
}
.RelatedLinks a:link, .RelatedLinks a:active, .RelatedLinks a:visited { 
	text-decoration: none; 
}
.RelatedLinks a:hover { 
	text-decoration: underline; 
}
/* Document Links Classes */
.DocumentLinks { 
	width: 100%; 
}
.DocumentLinks .Out { 
	color: #000000;
	font-size:11px;
}
.DocumentLinks .Out a{ 
	color: #000000;
	font-size:11px;
	text-decoration: none; 
}
.DocumentLinks .Over { 
	background-color: #ffffff; 
	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:verdana, arial, sans-serif;
	font-size: 11px; 
	vertical-align: top; 
	padding: 5px; 
}
/* What's New Classes */
.WhatsNew .Title { 
	font-family: sans-serif; 
	font-size: 18px; 
	font-weight: bold; 
	color: #7da42e; 
}
.WhatsNew .Out { 
	padding-top: 20px; 
}
.WhatsNew a.Date{  
	font-size: 11px; 
	font-weight: normal; 
	color: #336699; 
	text-decoration: none; 
}
.WhatsNew a.Header { 
	font-size: 12px; 
	font-weight: bold; 
	color: #003366; 
	text-decoration: none; 
}
.WhatsNew a.Header:hover { 
	text-decoration: underline; 
}
.WhatsNew a.Text{ 
	font-size: 11px; 
	font-weight:normal;
	padding:5px 0px 5px 0px;
	color: #002173; 
	text-decoration: none; 
}
/* Feature Buttons (customization) */
.Features {
	
}
.Features .Out { 
	width: 100%; 
	background-color: #ffffff; 
}
.Features .Over { 
	width: 100%; 
	background-color: #cccccc; 
	cursor: pointer; 
}
.Features .Title { 
	font-weight: bold; 
	padding-bottom: 5px; 
}
.Features .Text { 
	font-family: verdana, arial, sans-serif; 
	font-size: 11px; 
	color: #002173; 
	vertical-align: top; 
	padding: 5px 10px 5px 10px; 
}
/* Client Address */
.Address {
	font-family:verdana, arial, sans-serif;
	text-align:right;
	font-size:11px;
	color:#000000;
}
.Address a:active, .Address a:visited, .Address a:link{
	font-size:11px;
}
.Address a:hover {
	font-size:11px;
}
/* Copyright Notice */
.Copyright {
	font-family:verdana, arial, sans-serif;
	font-size:11px;
	color:#003366;
}
/* Last Updated Link */
.cssUpdated{
	font-family:verdana, arial, sans-serif;
	color:#666666;
	font-size:11px;
}
/* Weather Classes */
.Weather { 
	width: 100%; 
	font-size:12px;
	font-family:verdana, arial, sans-serif;
}
.Weather .Temp {
	font-weight:bold;
	font-size:18px;
}
.Weather .Image {
	text-align:right; 
	padding:0px 0px 0px 5px; 
}
.Weather .Text {
	text-align:left;
}
#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;
}
/* Business Directory Classes */
.BusListSearch {
	padding-top:15px;
	padding-bottom: 20px;
}
.BusListSearch table{
	vertical-align:top;
	font-family:verdana, arial, sans-serif;
	font-size:12px;
	color:#333333;
}
.BusListSearch tr{
	vertical-align:top;
}
.MyBusinessProfile { 
	width:100%; 
}
.MyBusinessProfile .ViewProfile {
}
.MyBusinessProfile .RequestChange { 
}
.MyBusinessProfile .Documentation { 
}
.MyBusinessProfile .CreateBusinessProfile { 
}
.MyBusinessProfile .ChangePassword { 
}
.BusListResults { 
	width: 100%; 
}
.BusListResults td{
	font-family:verdana, arial, sans-serif;
	font-size:12px;
	color:#333333;
}
.BusListResults .BusListResultsItemOut { 
	background-color:#ccccff; 
	padding:5px; 
	border: 1px solid #000000; 
	width: 100%;
}
.BusListResults .BusListResultsItemOver { 
	background-color:#e6e6e6; 
	padding:5px; 
	border: 1px solid #000000; 
	color:#333333; 
	cursor: pointer; 
	width: 100%;
}
.BusListResults a:link , .BusListResults a:active, .BusListResults a:visited { 
	font-weight: bold; color:#333333; 
} 
.BusListResults .BusListResultsItemOver  a:link , .BusListResults .BusListResultsItemOver a:active, .BusListResults .BusListResultsItemOver a:visited { 
	color:#333333; 
	font-weight: bold; 
} 
.BusListResults a:hover { 
}
/* JS Hydra Navigation Classes */
.MainMenu { 
	width: 180px; 
}
.MainMenu .Out { 
	color: #ffffff; 
	background-color: #ccccff; 
}
.MainMenu .Over { 
	color: #ffffff; 
	background-color: #e6e6e6; 
	cursor: pointer; 
	cursor: hand;
}
.MainMenu .Text { 
	height: 25px;  
	color: #000000;
	font-family:verdana, arial, sans-serif;
	font-size: 11px; 
	white-space: nowrap; 
	padding: 0px 5px 0px 5px; 
}
.MainMenu .Arrow { 
	padding-right: 5px; 
}
.MainMenu .Divider {
	background-color:#000000;
}
.MainMenuChild { 
	width: 250px; 
	border: 1px solid #000000; 
}
.MainMenuChild .Out { 
	background-color: #ccccff; 
}
.MainMenuChild .Over { 
	background-color: #e6e6e6; 
	cursor: pointer; 
}
.MainMenuChild .Text { 
	height: 25px; 
	color: #000000;
	font-family:verdana, arial, sans-serif;
	font-size: 11px; 
	white-space: nowrap; 
	padding: 0px 5px 0px 5px; 
}
.MainMenuChild .Arrow { 
	padding: 0px 5px 0px 0px; 
}
.MainMenuChild .Divider {
	background-color: #000000;
}
/* BIAP Crumb Navigation Classes */
.BIAPCrumb { width: 100%; font-size: 11px; padding-top: 10px; }
.BIAPCrumb div { display:inline; }
.BIAPCrumb .Out { font-size:12px; color: #333333; font-weight:bold;}
.BIAPCrumb .Over { font-size:12px; color: #333333; font-weight:bold;cursor: hand; cursor: pointer; text-decoration: UNDERLINE; }
.BIAPCrumb .Text { font-family: verdana, arial, sans-serif; color: #333333; white-space: nowrap; text-transform: capitalize; }
.BIAPCrumb .Arrow {  }
.BIAPCrumb .Divider { color: #000000; padding: 3px;}
#.oBIAPContainer { padding: 0px 0px 0px 0px; }
/* BIAP Menu */
.BiapMenu { width: 175px; background:url('/municipal/twohills/twohills-website.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 { background-color: #ccccff; }
.BiapMenuChild .Over { background-color: #e6e6e6; cursor: pointer; }
.BiapMenuChild .Text { height: 25px; color: #000000; font-family: verdana, arial; font-size: 11px; white-space: nowrap; padding: 0px 5px 0px 5px; }
.BiapMenuChild .Arrow { padding: 0px 5px 0px 5px; }
/*
.MainMenuChild { 
	width: 250px; 
	border: 1px solid #000000; 
}
.MainMenuChild .Out { 
	background-color: #ccccff; 
}
.MainMenuChild .Over { 
	background-color: #e6e6e6; 
	cursor: pointer; 
}
.MainMenuChild .Text { 
	height: 25px; 
	color: #000000;
	font-family:verdana, arial, sans-serif;
	font-size: 11px; 
	white-space: nowrap; 
	padding: 0px 5px 0px 5px; 
}
.MainMenuChild .Arrow { 
	padding: 0px 5px 0px 0px; 
}
.MainMenuChild .Divider {
	background-color: #000000;
}
*/
/* JS Hydra Class for Site Links */
.SiteLinks { 
	width: 100%; 
	background-color: #336699;
}
.SiteLinks .Out { 
	color: #ffffff; 
	background-color: #336699;
	width: 200px; 
}
.SiteLinks .Over { 
	color: #ffffff; 
	background-color: #7da42e; 
	cursor: pointer;
	width: 200px; 
}
.SiteLinks .Text { 
	height: 30px;  
	font-family:verdana, arial, sans-serif;
	font-size: 11px; 
	white-space: nowrap; 
	padding: 0px 5px 0px 5px; 
}
.SiteLinks .Arrow { 
	padding-right: 5px; 
}
.SiteLinksChild { 
	width: 250px; 
	background-color: #000000; 
	border: 1px solid #000000; 
}
.SiteLinksChild .Out { 
	color: #002173; 
	background-color: #ffffff; 
}
.SiteLinksChild .Over { 
	color: #ffffff; 
	background-color: #7da42e; 
	cursor: pointer; 
}
.SiteLinksChild .Text { 
	height: 25px; 
	font-family:verdana, arial, sans-serif;
	font-size: 10px; 
	white-space: nowrap; 
	padding: 0px 5px 0px 5px; 
}
.SiteLinksChild .Arrow { 
	padding: 0px 5px 0px 5px; 
}
/* JS Khronos Calendar Classes */
/*.CalendarMonth { width: 180px; background-color: #7da42e; filter:progid:DXImageTransform.Microsoft.Fade(duration=0.3,overlap=1); }*/
.CalendarMonth { 
	width: 180px; 
	background-color: #666666; 
	font-family: verdana, sans-serif;
}
.CalendarMonth .Category { 
	font-size: 11px; 
	color: #ffffff; 
	background-color: #002173; 
	padding: 0px 0px 0px 2px; 
}
.CalendarMonth .Title { 
	font-size: 11px; 
	font-weight: bold; 
	color: #000000; 
	background-color: #ccccff; 
	white-space: nowrap; 
	padding: 0px 0px 0px 5px; 
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
}
.CalendarMonth .Buttons td { 
	width: 20px; 
	height: 26px; 
	font-size: 12px; 
	color: #000000; 
	background-color: #ccccff; 
}
.CalendarMonth .Buttons .Print { 
	padding-right: 5px; 
}
.CalendarMonth .WeekDay { 
	height: 26px; 
	font-size: 11px; 
	font-weight: bold; 
	color: #48488f; 
	background-color: #ccccff; 
	text-align: center;
}
.CalendarMonth .EventDay { 
	width: 26px; 
	height: 22px; 
	font-size: 11px; 
	color: #000000; 
	background-color: #adadd1; 
	padding: 2px 5px 2px 2px; 
	text-align: right;
	vertical-align: bottom; 
}
.CalendarMonth .Holiday { 
	width: 26px; 
	height: 22px; 
	font-size: 11px; 
	color: #000000; 
	background-color: #cccc99; 
	padding: 2px 5px 2px 2px; 
	text-align: right; 
	vertical-align: bottom; 
}
.CalendarMonth .Day { 
	width: 26px; 
	height: 22px; 
	font-size: 11px; 
	color: #000000; 
	background-color: #ffffff; 
	padding: 2px 5px 2px 2px; 
	text-align: right; 
	vertical-align: bottom; 
}
.CalendarMonth .Blank { 
	width: 26px; 
	height: 22px; 	
	font-size: 11px; 
	background-color: #cccccc; 
	vertical-align: top; 
	padding: 3px; 
}
.CalendarDetails { 
	font-family: verdana, sans-serif;
	font-size: 11px;
	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: #000000; 
	background-image:url(/municipal/twohills/twohills-website.nsf/img.columnheaderbg.jpg);
	padding: 0px 0px 0px 5px; 
}
.CalendarDetails .Buttons td { 
	font-family: verdana, sans-serif;
	font-size: 11px;
	width: 20px; 
	height: 26px;
	color: #000000; 
	background-image:url(/municipal/twohills/twohills-website.nsf/img.columnheaderbg.jpg); 
}
.CalendarDetails .Holiday { 
	font-family: verdana, sans-serif;
	font-size: 11px;
	color: #333333; 
	background-color: #ccccff; 
	border-bottom: 1px solid #4f86ca; 
	padding: 5px; 
}
.CalendarDetails .List { 
	font-family: verdana, sans-serif;
	font-size: 11px;
	height: 190px; 
	background-color: #e7e7e6; 
	border: 1px solid #4f86ca; 
}
.CalendarDetails .List .Out { 
	font-size: 11px; 
	color: #000000; 
	background-color: #ffffff; 
	border-bottom: 1px solid #4f86ca; 
	padding: 5px; 
}
/**********************************************************************************************************************/
/* Old CSS Styles needing replacement */
/**********************************************************************************************************************/
/* Below is garbage */
/* To be retired styles */
/* Admin Bar Style Definitions */
.small { font-family: arial, sans serif; font-size: 10px; }
.status { font-family: arial, sans serif; font-size: 12px; font-weight: bold; color: #FFFFFF; }
.white { font-family: arial, sans serif; font-size: 10px; color: #ffffff; text-decoration: none; }
.adminactions { font-family: arial, sans serif; font-size: 10px; color: #000000; }
.smallwhite { font-family: arial, sans serif; font-size: 10px; color: #000000; }
.blue { color: #101494; text-transform: uppercase; }