/* Customized Skin Styles */
body { 
	margin: 0px; 
	background-color:#cccccc;
	/*background-image:url(img.sitebg.jpg);*/
	background-repeat:repeat-y;	
	background-position:top left;	
}
a{
	font-family:arial, tahoma, sans-serif;
	color:#990066;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
a:hover{
	font-family:arial, tahoma, sans-serif;
	color:#990066;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}
/* Admin List Styles (for RSVP, Resumes, etc.) */
div.adminList{
	background-color:#ffffff;
	width:766px;
	border: 1px solid black;
/*	filter:alpha(opacity=60);
	-moz-opacity: 0.60;	*/
}
.adminList table{
	font-family:arial, tahoma, sans-serif;
	font-size:12px;
	color:#000000;
}
.adminList ul{
	padding-left:50px;
	margin:0px;
}
.adminList li{
	font-size:11px;
}
.adminList a{
	color:#000000;
	font-weight:bold;
	font-size:11px;
}
/* Site CSS */
#MainContainer{
	width:768px;
	border-right:1px solid black;
	background-image:url(img.sitewidebg.jpg);
	background-repeat:repeat-y;
}
.clear{
	clear:both;
}
#SiteTop{
	width:768px;
	height:89px;
	background-image:url(img.topbar.jpg);
	background-repeat:repeat-x;
}
#Logo{
	width:320px;
	float:left;
	height:69px;
	padding:20px 0px 0px 20px;
}
#SiteTopRight{
	width:428px;
	float:right;
	height:59px;
	padding-top:30px;
	text-align:right;
}
#HeaderLinks{
	width:418px;
	height:15px;
	padding:10px 5px 10px 5px;
	color:#9F0F6F;
	font-size:11px;
	background-color:#E0B2D1;
	background-image:url(img.headerbarleft.jpg);
	background-position:left;
	background-repeat:no-repeat;
}
#HeaderLinks a{
	font-family:arial, tahoma, sans-serif;
	font-size:11px;
	color:#9F0F6F;
	font-weight:bold;
	text-decoration:none;
}
#HeaderLinks a:hover{
	font-family:arial, tahoma, sans-serif;
	font-size:11px;
	color:#9F0F6F;
	font-weight:bold;
	text-decoration:underline;
}
#LeftColumn{
	float:left;
	width:190px; 
}
#LeftColumnContent{
	float:left;
}
#RightColumn{
	float:right;
	width:576px;
}
#BannerShadow{
	height:12px;
	width:576px;
	background-image:url(img.bannershadow.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	padding-top:5px;
}
#bannerimage{
	display:block;
}
#MainContent{
	padding:10px;
	font-family:arial, tahoma, sans-serif;
	font-size:13px;
	color:#336699; 
}
#WhatsNew{
	width:350px;
	/*float:left;*/
	padding: 0px 0px 0px 0px;
}
#WhatsNew .Title{
	font-family:Arial, Verdana, sans-serif;  
	font-size:18px;
	color:#336699;
}
#QuickLinks{
	width:350px;
	/*float:left;*/
	padding:15px 0px 0px 0px; 
}
#QuickLinks ul{
	color:#990066;
}
#QuickLinks li{
	color:#990066;
}
#QuickLinksHeader{
	/*width:20px;*/
	font-family:Arial, Verdana, sans-serif;
	font-size:18px;
	color:#336699;
	padding-bottom: 5px;
}
#QuickLinksTitle{
	font-family:Arial, Verdana, sans-serif;
	font-size:18px;
	color:#336699;
}
.SideText a:link, .SideText a:active, .SideText a:visited{
	font-family:arial, tahoma, sans-serif;
	color:#336699;
	font-size:12px;
	text-decoration:none;
}
#QuickLinks a:hover{
	font-family:arial, tahoma, sans-serif;
	color:#336699;
	font-size:12px;
	text-decoration:underline;
}
#PageSubject{
	font-family:arial, tahoma, sans-serif;
	font-size:18px;
	color:#336699;
	text-transform:capitalize;
}
#CrumbandSubject{
	width:465px;
	float:left;
	padding-bottom:5px;
}
#PageFunctions{
	float:right;
	width: 87px;
}
#HRUnderSubject{
	background-color:#990066;
	width:100%;
	height:1px;
	clear:both;
}
.clear{
	clear:both;
	width:100%;
}
#Footer{
	width:768px;
	height:49px;
	background-image:url(img.footer.jpg);
	background-position:top left;
	background-repeat:repeat-x;
}
#Copyright{
	font-family:Arial, sans-serif; 
	font-size:12px;
	color:#FFFFFF;
	float:left;
	padding:15px 0px 0px 10px;
}
#FooterLinks{
	float:right;
	padding:15px 10px 0px 0px;
	color:#FFFFFF;
}
#FooterLinks a:link,#FooterLinks a:active,#FooterLinks a:visited{
	font-family:Arial, sans-serif; 
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
#FooterLinks a:hover{
	font-family:Arial, sans-serif; 
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:underline;
}
#AddressBG{
	background-color:#70a0d3;
}
#LastUpdated{
	clear:both;
	padding:0px 10px 5px 200px;
	font-family:Arial, sans-serif; 
	font-size:12px;
	color:#990066;
}
#WeatherLastUpdated{
	padding:0px 5px 0px 5px;
	font-family:Arial, sans-serif; 
	font-size:11px;
	color:#FFFFFF;
}
.WhiteHeaders{
	padding:10px 5px 0px 5px;
	font-family:Arial, sans-serif; 
	font-size:18px;
	color:#FFFFFF;
	font-weight:bold;
}
#LoginForm table{
	font-family: arial, sans-serif; font-size: 12px; color: #336699;
}
/*.MainContent { font-family: arial, sans-serif; font-size: 12px; color: #336699; }*/
#MainContent table { font-family:arial, sans-serif; font-size: 13px; color: #336699; }
.Content td { font-family:arial, sans-serif; font-size: 12px; color: #336699; }
.SideHeader { height: 26px; font-family: 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; }
.SideText {padding: 10px;}
.HeaderButtons { font-family: sans-serif; font-size: 11px; color: #002173; }
.HeaderButtons a { color: #333333; text-decoration: none; }
.HeaderButtons a:hover { color: #333333; text-decoration: underline; }
.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; }
.FooterButtons { font-family: sans-serif; font-size: 11px; color: #002173; }
.FooterButtons a { color: #ffffff; text-decoration: none; }
.FooterButtons a:hover { color: #ffffff; text-decoration: underline; }
/* Default Button Styles */
.HomeButton {font-size:18px;}
.LoginButton {}
.LogoutButton {}
.SubscribeButton {}
.SiteMapButton {}
.ContactButton {}
.SendPage {}
.cssUpdated{color:#990066}
.TermsOfUseButton{padding:10px;}
a.TermsOfUseButton:link, a.TermsOfUseButton:active, a.TermsOfUseButton:visited{
	font-family:arial, sans-serif; 
	font-size:11px; 
	color:#FFFFFF; 
	text-decoration:none;
}
a.TermsOfUseButton:hover{
	font-family:arial, sans-serif; 
	font-size:11px; 
	color:#FFFFFF; 
	text-decoration:underline;
}
.TopButton { font-size: 11px; }
a.TopButton { color: #002173; text-decoration: none; }
a.TopButton:hover { color: #002173; text-decoration: underline; }
.EmbeddedView .Title { font-family: sans-serif; font-size: 18px; font-weight: bold; color: #990066; padding-bottom: 20px; }
.EmbeddedView .Text {
	font-family:arial, sans-serif; 
	font-size:12px; 
	color:#336699; 
}
.EmbeddedView .Text a { color: #990066; text-decoration: none; }
.EmbeddedView .Text a:hover { color: #990066; text-decoration: underline; }
/* Default Element Styles */
.Subject { font-family: sans-serif; font-size: 18px; font-weight: bold; color: #7da42e; }
/* Quick Login Classes */
.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 { width: 100%; }
.QuickSearch .Button { text-align: right; }
.QuickSearch .Button a { font-family: sans-serif; font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none; }
.QuickSearch .Button a:hover { font-family: sans-serif; font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: underline; }
.QuickSearch input { width: 140px; border: 1px solid #000000; }
/* Quick Links Classes */
.QuickLinks { padding-left: 0px; margin-left: 17px; margin-bottom: 0px; } 
#QuickLinks ul{list-style-type:image; color:#990066;list-style-image:url(/img.bullet.jpg);}
.QuickLinks li { padding-bottom: 3px; color:#336699}
.QuickLinks a { font-family: sans-serif; font-size: 11px; color: #336699; text-decoration: none; }
.QuickLinks a:hover { font-family: sans-serif; font-size: 11px; color: #336699; text-decoration: underline; }
/* Related Links Classes */
.cssRelatedInfoText{font-family: arial, sans-serif; font-size: 12px; color: #ffffff; text-decoration: none; padding:5px;}
.RelatedLinks { padding-left: 0px; margin-left: 17px; margin-bottom: 0px; } 
.RelatedLinks li { padding-bottom: 3px; }
.RelatedLinks a { font-family: arial, sans-serif; font-size: 12px; color: #ffffff; text-decoration: none; }
.RelatedLinks a:hover { font-family: arial, sans-serif; font-size: 12px; color: #ffffff; text-decoration: underline; }
/* Document Links Classes */
.LeftSideHeader{
	background-image:url(img.column_topcorner.jpg);
	background-position:right;
	background-repeat:no-repeat;
	width:180px;
	background-color:#70A0D3;
}
.LeftSideFooter{
	background-image:url(img.column_btmcorner.jpg);
	background-position:right;
	background-repeat:no-repeat;
	width:180px;
	background-color:#70A0D3;
}
.DocumentLinks { width: 180px;background-color:#70A0D3 }
.DocumentLinks .Out { }
.DocumentLinks .Out a { color: #ffffff; text-decoration: none; }
.DocumentLinks .Over {cursor: pointer; }
.DocumentLinks .Over a { color: #ffffff; text-decoration: underline; }
.DocumentLinks .Icon { vertical-align: top; padding: 5px; }
.DocumentLinks .Text { width: 160px; font-family: sans-serif; font-size: 11px; vertical-align: top; padding: 5px; }
.WhatsNew .Title {}
.WhatsNew .Out { color:#336699; vertical-align:top; padding-top: 0px; }
.WhatsNew .Date { font-family: sans-serif; font-size: 12px; font-weight: bold; color: #336699; text-decoration: none; }
.WhatsNew a.Header { font-family: sans-serif; font-size: 14px; font-weight: bold; color: #002173; text-decoration: none; }
.WhatsNew a.Header:hover { font-family: sans-serif; font-size: 14px; font-weight: bold; color: #002173; text-decoration: underline; }
.WhatsNew .Text { font-family: sans-serif; font-size: 11px; color: #002173; text-decoration: none; }
.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: sans-serif; font-size: 11px; color: #002173; vertical-align: top; padding: 5px 10px 5px 10px; }
/* Client Address Classes */
.Address { font-family: arial, sans-serif; font-size: 12px; color: #FFFFFF;padding: 10px; }
.Copyright {}
/* Discussion Forum Style Definitions */
td.cssForumPublicNavBar 
{
	background-color:#b9ddb9;
	border-bottom:1px solid #0000cc;
	border-right:1px solid #0000cc;
}
td.cssForumPublicTitle 
{ 
	padding:5px; 
	border-right:1px solid #0000cc;
	border-bottom:1px solid #0000cc;
	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 #0000cc;
	border-bottom:1px solid #0000cc;
}
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 #0000cc;
	border-right:1px solid #0000cc;
}
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 #0000cc;
	border-left:1px solid #0000cc;
}
/* Weather Classes */
.Weather { width: 180px; background-color:#70A0D3;}
.Weather .Temp {font-family:arial, tahoma, sans-serif; font-size:12px; color:#FFFFFF; font-weight:bold; padding-left:10px;width:25%}
.Weather .Image {text-align:left; padding:5px 5px 5px 0px;width:25%}
.Weather .Text {color:#FFFFFF; font-family:arial,tahoma, sans-serif; font-size:11px;width:50%; text-align:right; padding-right:10px}
img {  behavior:url(/municipal/beaver/beaver-website.nsf/pngbehavior.htc); }
/* Weather Channel Notice */
#TWCNotice { font-family:arial,tahoma, sans-serif; font-size:12px; color:#FFFFFF; }
#TWCIcon { float:left; padding:3px;}
#TWCAttribution a { color:#FFFFFF; }
#TWCLinks a { color:#FFFFFF; }
/*******custom form module styles***********/
table.CustomFormTable{}
td.CustomFormLabel{vertical-align:top;border-bottom:1px solid #ddd;padding-right:30px;padding-bottom:5px;}
td.CustomFormRequired{vertical-align:top;text-align:right;width:25px;border-bottom:1px solid #ddd;padding-bottom:5px;}
td.CustomFormField{vertical-align:top;border-bottom:1px solid #ddd;padding-bottom:5px;}
td.CustomFormButtonGroup{text-align:center;}
input.CustomFormButton{border:1px solid black;}
/*******************************/
/* JS Hydra Navigation Classes */
.MainMenu img{
	display:inline;
}
.MainMenuChild img{
	display:inline;
}
.MainMenu {width: 190px; border-right:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; background-color:#669900}
.MainMenu .Out { color: #ffffff; background-color: #669900;border-top:1px solid white }
.MainMenu .Over { color: #ffffff; background-color: #990066; cursor: pointer;border-top:1px solid white}
.MainMenu .Text { height: 30px;  font-weight:normal; font-family: arial, sans-serif; font-size: 12px; white-space: nowrap; padding: 0px 5px 0px 5px; }
.MainMenu .Arrow { padding-right: 5px; }
.MainMenuChild { width: 200px; background-color: #ffffff; border: 1px solid #FFFFFF; }
.MainMenuChild .Out { color: #ffffff; background-color: #669900; }
.MainMenuChild .Over { color: #ffffff; background-color: #990066; cursor: pointer; }
.MainMenuChild .Text { height: 25px;  font-family: arial, sans-serif; font-size: 12px; white-space: nowrap; padding: 0px 5px 0px 5px; }
.MainMenuChild .Arrow { padding: 0px 5px 0px 5px; }
/* JS Khronos Claendar Classes */
/*.CalendarMonth { width: 189px; background-color: #7da42e; filter:progid:DXImageTransform.Microsoft.Fade(duration=0.3,overlap=1); }*/
.CalendarMonth { float: right; width: 189px; background-color: #333333; }
.CalendarMonth .Category { font-family: arial, sans-serif; font-size: 11px; color: #ffffff; background-color: #4A82BD; padding: 0px 0px 0px 2px; }
.CalendarMonth .Title { font-family: arial, sans-serif; font-size: 12px; font-weight: normal; color: #ffffff; background-color: #4A82BD; white-space: nowrap; padding: 0px 0px 0px 5px; }
.CalendarMonth td { color: #FFFFFF;} 
.CalendarMonth .Buttons td { width: 20px; height: 26px; font-family: arial, sans-serif; font-size: 12px; color: #ffffff; background-color: #4A82BD; }
.CalendarMonth .Buttons .Print { padding-right: 5px; }
.CalendarMonth .WeekDay { height: 26px; font-family: arial, sans-serif; font-size: 11px; font-weight: bold; color: #0047B0; background-color: #CCCCCC; text-align: center;}
.CalendarMonth .EventDay { width: 26px; height: 22px; font-family: arial, sans-serif; font-size: 11px; color: #FFFFFF; background-color: #990066; padding: 2px 5px 2px 2px; text-align: right; vertical-align: bottom; }
.CalendarMonth .Holiday { width: 26px; height: 22px; font-family: arial, sans-serif; font-size: 11px; color: #000000; background-color: #DCE4EC; padding: 2px 5px 2px 2px; text-align: right; vertical-align: bottom; }
.CalendarMonth .Day { width: 26px; height: 22px; font-family: arial, sans-serif;; font-size: 11px; color: #002173; background-color: #FFFFFF; padding: 2px 5px 2px 2px; text-align: right; vertical-align: bottom; }
.CalendarMonth .Blank { width: 26px; height: 22px; font-family: arial, sans-serif; font-size: 11px; background-color: #DCE4EC; vertical-align: top; padding: 3px; }
.CalendarDetails { width: 300px; height: 190px; filter:progid:DXImageTransform.Microsoft.Fade(duration=0.3,overlap=1); }
.CalendarDetails .Title { font-family: arial, sans-serif; font-size: 12px; font-weight: normal; color: #ffffff; background-color: #4A82BD; padding: 0px 0px 0px 5px; }
.CalendarDetails .Buttons td { width: 20px; height: 26px; font-family: arial, sans-serif; font-size: 12px; color: #ffffff; background-color: #4A82BD; }
.CalendarDetails .Holiday { font-family: arial, sans-serif; font-size: 11px; color: #333333; background-color: #adc6e6; border-bottom: 1px solid #4f86ca; padding: 5px; }
.CalendarDetails .List { height: 190px; background-color: #cccccc; border: 1px solid #4f86ca; }
.CalendarDetails .List .Out { font-family: arial, 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%;}
/**********************************************************************************************************************/
/* Old CSS Styles needing replacement */
/* Bread crumb trail */
p.urhere { font-family: arial, tahoma, sans-serif; font-size: 11px; font-weight: normal; color: #990066; text-transform: capitalize; }
p.urhere em { font-family: arial, tahoma, sans-serif; font-size: 11px; font-style: normal; color: #990066; text-transform: capitalize; }
a.urhere { font-family: arial, tahoma, sans-serif; font-weight: bold; font-size: 11px; color: #669900; text-decoration: none; text-transform:capitalize }
a.urhere:hover { font-family: arial, tahoma, sans-serif; font-weight: bold; font-size: 11px; color: #669900; text-decoration: underline; text-transform:capitalize }
/**********************************************************************************************************************/
/* 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: 14px; 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; }