@charset "utf-8";
/* CSS Document */

body  {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:.75em;
	/*background-image:url(/images/MainBackGroundImage.png);*/
	background-color:#6B4D39;
	margin: 0 auto; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333;
}

img { border:none;}

.engcontact {
	display:block;
	width:454px;
	margin-left:-9px;
	padding:4px;
	font-size:11px;
	color:#666;
	border-bottom:1px #666 dotted;
	background-color:#FFc;
}



.engtitle {
	display:block;
	width:454px;
	margin-left:-9px;
	padding:4px;
	font-size:11px;
	color:#666;
	border-bottom:1px #666 dotted;
	background-color:#FFf;
	}

.engcontent {	
		padding:4px;
		font-size:11px;
		color:#333;
	}



/*  Start Insert Blaine.css*/

/*  START Main Image Navigation */

#homepagemenu{ 
	display:block; 
	float:left;
	background-image:url(/images/MainNavColor-Bck.gif);
	height:40px;
	background-repeat:no-repeat;
	}

.verticalmenu{
	list-style:none; 
	color:#FFF;
	font-weight:bold;
	cursor:pointer;
	float:left;
	/*height:40px;*/
}

.pagetoolbar{
		font-size:11px;
		background-color:#E4D6C9;
		padding:0px 0px 2px 2px;
		margin-top:-15px;
		margin-left:-9px;
		margin-right:-10px;
		height:22px;
		border-bottom:1px dotted #999;
		color:#333;		
		}
		
.pagetoolbar a:link, .pagetoolbar a:visited{ text-decoration:none; border-bottom:0px; color:#333; }
.pagetoolbar a:hover{color:#333; text-decoration:none; border-bottom:0px; }


.searchtoolbar{
		font-size:11px;
		background-color:#8cb6b5 ;
		padding:0px 20px 2px 2px;
		margin-top:0px;
		margin-left:-9px;
		margin-right:-10px;
		height:24px;
		border-bottom:1px dotted #999;
		color:#333;		
		}
		
.searchtoolbar a:link, .pagetoolbar a:visited{ text-decoration:none; border-bottom:0px; color:#333; }
.searchtoolbar a:hover{color:#333; text-decoration:none; border-bottom:0px; }


.up a{	color:#fff;
		text-decoration:none; 
		display:block; 
		list-style:none;	
		padding-left:23px;
		padding-right:23px;	
		padding-top:9px;
		padding-bottom:3px;
		font-size:11px;
}
.up a:link, .up a:visited, .up a:hover{text-decoration:none;}

.inlinks a { 
	color:#fff; 
	text-decoration:none; 
	display:block; 
	border-bottom: #999 1px dotted; 
	padding:3px;
	list-style:none;
}
.inlinks a:link, .inlinks a:visited{ text-decoration:none; display:block; }
.inlinks a:hover{color:#333; text-decoration:none; border-bottom: #999 1px dotted; list-style:none;}


#residents:hover, #businsses:hover, #visitors:hover, #insidecityhall:hover, 
#onlineservices:hover, #parksandrec:hover, #parksandrecfall:hover, #parksandrecwinspr:hover, #safetyservices:hover {
	background-image:url(/images/home/MainHomeMenuBckgrnd-ovr.jpg);}


/* Main Home Menu ULs */
#residents ul, #businsses ul, #visitors ul, #insidecityhall ul, 
#onlineservices ul, #parksandrec ul, #parksandrecfall ul, #parksandrecwinspr ul, #safetyservices ul {
	margin:0px; padding:0px;}

/* Main Home Menu ul li*/
#residents ul li, #businsses ul li, #visitors ul li, #insidecityhall ul li, 
#onlineservices ul li, #parksandrec ul li, #parksandrecfall ul li, #parksandrecwinspr ul li, #safetyservices ul li {
	padding-top:1px;
	padding-bottom:1px;	
	list-style:none;
	list-style-image:none;
}

/* Main Home Menu ul ul */
#residents ul ul, #businsses ul ul, #visitors ul ul, #insidecityhall ul ul, 
#onlineservices ul ul, #parksandrec ul ul, #parksandrecfall ul ul, #parksandrecwinspr ul ul, #safetyservices ul ul {
	background-repeat:no-repeat;
	display:none; 
	position:absolute;
	width:811px;
	padding-left:173px;
	border-top:#51321a solid 1px;
	padding-top:54px;
	height:150px;
	text-decoration:none;
	}

/*Residents*/
#residents ul ul { 	background-image:url(/images/MainMenu/Residents-ovr.gif);}

/* Businesses */
#businsses ul ul { 	background-image:url(/images/MainMenu/Businesses-ovr.gif); margin-left:-122px; }

/* Visitors */
#visitors ul ul { background-image:url(/images/MainMenu/Visitors-ovr.gif); margin-left:-250px; }

/* Inside City Hall */
#insidecityhall ul ul { background-image:url(/images/MainMenu/InsideCityHall-ovr.gif); margin-left:-356px;}

/*  Online Services */
#onlineservices ul ul { background-image:url(/images/MainMenu/OnlineServices-ovr.gif); margin-left:-499px; }

/* Parks and Rec */
#parksandrec ul ul { background-image:url(/images/MainMenu/ParksAndRec-ovr.gif); margin-left:-667px; }
#parksandrecfall ul ul { background-image:url(/images/MainMenu/ParksAndRec-Fall-ovr.gif); margin-left:-667px; }
#parksandrecwinspr ul ul { background-image:url(/images/MainMenu/ParksAndRec-WinSpr-ovr.gif); margin-left:-667px; }

/* Safety Services */
#safetyservices ul ul { background-image:url(/images/MainMenu/SafetyServices-ovr.gif); margin-left:-818px; }

#residents ul li:hover ul, #businsses ul li:hover ul, #visitors ul li:hover ul, #insidecityhall ul li:hover ul, 
#onlineservices ul li:hover ul, #parksandrec ul li:hover ul, #parksandrecfall ul li:hover ul, #parksandrecwinspr ul li:hover ul, #safetyservices ul li:hover ul {
	display:block;}

#residents ul ul li, #businsses ul ul li, #visitors ul ul li, #insidecityhall ul ul li, 
#onlineservices ul ul li, #parksandrec ul ul li, #parksandrecfall ul ul li, #parksandrecwinspr ul ul li, #safetyservices ul ul li {
	border:none; float:left; display:inline; width:190px; margin-left:10px;}

#residents ul ul li:hover, #businsses ul ul li:hover, #visitors ul ul li:hover, #insidecityhall ul ul li:hover,
#onlineservices ul ul li:hover, #parksandrec ul ul li:hover, #parksandrecfall ul ul li:hover, #parksandrecwinspr ul ul li:hover, #safetyservices ul ul li:hover {
	text-decoration:none; border:none; display:block; background-image:none;}       

/*  END Main Image Navigation */

.kids a{color:#690; text-decoration:none; display:block; border-bottom: #999 1px dotted; list-style-image:url(/images/icon-off.gif);}
.kids a:link{color:#690; text-decoration:none;display:block; }
.kids a:hover{color:#690; text-decoration:none; background-color:#FFC;  border-bottom: #999 1px dotted; list-style-image:url(/images/icon-on.gif);}
.kids a:visited{color:#690; text-decoration:none;display:block; }


.main a{color:#690; text-decoration:none; border-bottom: #999 1px dotted; display:inline;}
.main a:link{color:#690; text-decoration:none; }
.main a:hover{color:#690; text-decoration:none; background-color:#FFC;  border-bottom: #666 1px dotted;}
.main a:visited{color:#690; text-decoration:none; }


h1{	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:medium;}
h1 a:link, h1 a:visited, p a:link, p a:visited{ color:#690; text-decoration:none; border-bottom: #999 1px dotted;}
h1 a:hover, p a:hover{  color:#690; text-decoration:none; background-color:#FFC;  border-bottom: #666 1px dotted; text-decoration:none;}


#side-a-home {
	float:left;
	width: 724px; /* since this element is floated, a width must be given */
	/*background-color:#a5c3c6;  the background color will be displayed for the length of the content in the column, but no further */
	height:547px;
}




/* Tips for this Hybrid layout
1. Since the side columns em-based sizing is based on the user's default font size, you will want to be sure that background graphics in the columns take that into account. Built correctly, this is more accessible for those that need larger font sizes, since the width of the columns remains proportionate. If this is undesirable with your design, simply change the width to a pixel size and be sure to change the margins on the #mainContent div accordingly.
2. Since the sizing of side columns in this layout are based on the 100% font size in the body element, if you decrease the text size overall by using a font-size: 80% on the body element or the #container, remember that the column widths will downsize proportionately. You may want to increase their widths, and the size of the #mainContent div's side margins, to compensate for this.
3. If font sizing is changed in differing amounts on each div instead of on the overall design (ie: #sidebar1 is given a 70% font size and #mainContent is given an 85% font size), this will proportionately change each of the divs overall size. You may want to adjust based on your final font sizing.
4. The #container div is not necessary for this layout at the 100% width. You may want to use it to create faux columns or limit the width of the layout.
5. It is not neccessary to have the 100% width on the #container div since, by nature, a div takes up 100% of the available space. It is here so that if you want to decrease the size of the overall container - perhaps leaving a bit of margin on each side - this will already be available for adjustment.
*/


#Wrapper, 
#Wrapper-Calendar {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 984px;
	background-repeat:repeat-y;
	}  

/* Tips for sidebar1:
1. Be aware that if you set a font-size value on this div, the overall width of the div will be adjusted accordingly.
2. Since we are working in ems, it's best not to use padding on the sidebar itself. It will be added to the width for standards compliant browsers creating an unknown actual width. 
3. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".thrColHybHdr #sidebar1 p" rule.
*/
/*#ContentContainer, #ContentContainer-Residents, #ContentContainer-Businesses, #ContentContainer-Visitors, #ContentContainer-Inside, #ContentContainer-Online, #ContentContainer-Parks, #ContentContainer-ParksWinSpr, #ContentContainer-ParksFall, #ContentContainer-Safety	{
	clear:both;
	background-repeat:repeat-y;
	}
*/
#Wrapper{	background-image:url(/images/home/MainContentBck.gif); }
#Wrapper-Calendar{	background-color:#845E5C; color:#ffffff; }


#header {
	background-repeat:no-repeat;
	width:984px;
	height:160px;
	padding:5px 0px 5px 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	background-image:url(/images/BlaineLogoNewColor.gif);
	margin:0px auto;
	}
	
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}


.headerlinks ul {
	margin:0px;
	clear:both;
	list-style-type:none;
	}
	

	
.calnextlinks ul {
	margin:0px;
	clear:both;
	list-style-type:none;
	}

.headerlinks li {
	list-style-type:none;
	font-weight:bold;
	font-size:11px;
	color:#ffffff;
	float:right;
	margin-top:5px;
	padding-left:7px;
	padding-right:7px;
	border-right:1px #ffffff solid;
}


#footer { 
	background-image:url(/Images/FooterNewColor.gif);
	background-repeat:no-repeat;
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	clear: both;
	color:#ffffff;
	height:45px;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:0px;
	vertical-align:text-bottom;
	font-size:11px;
	margin:0px auto;
	text-align:left;
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}



.footerlinks ul {
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	clear:both;
	list-style-type:none;
	}

.footerlinksfirst li {
	list-style-type:none;
	font-weight:bold;
	font-size:11px;
	color:#ffffff;
	float:left;
	padding-right:7px;
	border-right:1px #ffffff solid;
}

.footerlinkslast li {
	margin:0px 0px 0px 0px;
	list-style-type:none;
	font-weight:bold;
	font-size:11px;
	color:#ffffff;
	float:left;
	padding-left:7px;
	padding-right:7px;
	}

.footerlinks li {
	margin:0px 0px 0px 0px;
	list-style-type:none;
	font-weight:bold;
	font-size:11px;
	color:#ffffff;
	float:left;
	padding-left:7px;
	padding-right:7px;
	border-right:1px #ffffff solid;
}

.calnextlinks li {
	list-style-type:none;
	font-weight:bold;
	font-size:11px;
	color:#ffffff;
	float:right;
	margin-top:5px;
	padding-left:7px;
	padding-right:7px;
	border-right:1px #ffffff solid;
}

#last {
	list-style-type:none;
	font-weight:bold;
	font-size:11px;
	color:#ffffff;
	float:right;
	margin-top:0px;
	padding-left:7px;
	padding-right:7px;
	border-right:1px #6a4f3b solid;
}

#callast {
	list-style-type:none;
	font-weight:bold;
	font-size:11px;
	color:#ffffff;
	float:right;
	margin-top:5px;
	padding-left:7px;
	padding-right:7px;
	border-right:1px #845E5C solid;
}

.headerlinks li a:link{	color:#ffffff; text-decoration:none;
}
.headerlinks li a:visited{color:#ffffff; text-decoration:none;}
.headerlinks li a:hover {background-color:#a4c2c2; color:#fff; border-bottom: #999 1px dotted; text-decoration:none;}

.footerlinks li a:link{	color:#ffffff; text-decoration:none;
}
.footerlinks li a:visited{color:#ffffff; text-decoration:none;}
.footerlinks li a:hover {background-color:#a4c2c2; color:#fff; border-bottom: #999 1px dotted; text-decoration:none;}

.calnextlinks li a:link{	color:#ffffff; text-decoration:none;
}
.calnextlinks li a:visited{color:#ffffff; text-decoration:none;}
.calnextlinks li a:hover {background-color:#a4c2c2; color:#fff; border-bottom: #999 1px dotted; text-decoration:none;}



#navigation {
	margin:0px auto;
	width:984px;
	height:40px;
	padding:0px 0px 0px 0px;
	border-top-color: #ffffff;
	border-bottom-color: #ffffff;
	text-align:left;
} 
#navigation h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}


/*BreadCrumbs*/

#breadcrumbCalendar{
	display:block; background-repeat: no-repeat; height:99px; padding-top:5px; margin:0px auto; width:984px; overflow:hidden;}

#breadcrumbCalendar {	background-image:url(/images/insidecityhall/CityCalendarHdr.gif);}

/* Generic breadcrumbs */

.breadcrumbs {
	background-color:#FFF;
	margin:0px 0px 0px 10px;
	padding:0px;
	}

.breadcrumbs ul {
	margin:0px;
	clear:both;
	list-style-type:none;
	}

.breadcrumbs li {
	list-style-type:none;
	font-weight:bold;
	font-size:11px;
	color:#010134;
	float:left;
	padding-top:0px;
	padding-left:7px;
	padding-right:7px;
	border-right:1px #010134 solid;
}
.breadcrumbs li a:link{	color:#010134; text-decoration:none;
}
.breadcrumbs li a:visited{color:#010134; text-decoration:none;}
.breadcrumbs li a:hover {background-color:#a4c2c2; color:#fff; border-bottom: 1px dotted #cccccc; text-decoration:none;}


#breadcrumbsymbol {
	clear:both;
	width:984px;
	}

#breadcrumbsymbol ul {
	list-style-type:none;
	display:inline;
	
	}

#breadcrumbsymbol li {
	display: inline-block;
	float: right;
	width: 79px;
	height:73px;
	vertical-align: bottom;
	text-align:center;
	}

#breadcrumbsymbol.last li {
	display: inline-block;
	float: right;
	width: 79px;
	height:73px;
	vertical-align: bottom;
	text-align:center;
	padding-right:10px;
	}


#breadcrumbsymbol li a {
 	background-repeat: no-repeat;
	background-position:top;
	font-size: 9px;
 	text-align: center;
	padding-top: 66px;
	float: right;
	width: 79px;
	height: 73px;
	vertical-align:bottom;
	color:#FFF;
	text-decoration:none;
	font-weight:500;
	}

#breadcrumbsymbol li a:hover {
 	background-repeat: no-repeat;
	font-size: 9px;
 	text-align: center;
	padding-top: 66px;
	float: right;
	width: 79px;
	height: 73px;
	vertical-align:bottom;
	color:#FFF;
	text-decoration:none;
	font-weight:500;
	}



#calendarlinks ul {
	margin:0px;
	clear:both;
	list-style-type:none;
	}

#calendarlinks li {
	list-style-type:none;
	font-weight:bold;
	font-size:11px;
	color:#ffffff;
	float:right;
	margin-top:-20px;
	margin-left:2px;
	width:151px;
	padding-top:2px;
	background-image:url(/images/buttons/CalendarActive.png);
	overflow:hidden;
	height:26px;
}

#calendarlinks.active li {
	list-style-type:none;
	font-weight:bold;
	font-size:11px;
	color:#ffffff;
	float:right;
	margin-top:46px;
	margin-left:2px;
	width:150px;
	padding-top:2px;
	background-image:url(/images/buttons/Calendar.gif);
}


#calendarlinks li a:link{	color:#ffffff; text-decoration:none;}
#calendarlinks li a:visited{color:#ffffff; text-decoration:none;}
#calendarlinks li a:hover {background-image:url(/images/buttons/Calendar.gif); margin-top:-2px; width:151px; height:26px; color:#fff;  text-decoration:none;}




#pagetitle{
	display:block;
	background-repeat: no-repeat; margin:0px auto; width:984px;
	}

#pagetitleleft{
 	color:#fff; 
	font-size:20px; 
	height:26px;
	padding-left:25px; 
	padding-bottom:2px; 
	width:660px;
	float:left;
	text-align:left;}
	
#pagetitleright{
	color:#fff; 
	font-size:20px;
	height:26px;
	width:274px; 
	float:left; 
	padding-right:25px; 
	padding-bottom:2px;
	vertical-align:middle;
	}

/* Left Column */
#side-a {
	float: left; 
	width: 260px; /* since this element is floated, a width must be given */
	/*background-color:#a5c3c6;  the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 0; /* top and bottom padding create visual space within this div */
	margin:0px auto;
}

#side-b {
	float: right; 
	width: 260px; /* since this element is floated, a width must be given */
	background-color:#8C7163; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 0; /* top and bottom padding create visual space within this div */
	margin:0px auto;
}

#side-a h3, #side-a p, #side-b p, #side-b h3 {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}

/* Tips for mainContent:
1. If you give this #mainContent div a font-size value different than the #sidebar1 div, the margins of the #mainContent div will be based on its font-size and the width of the #sidebar1 div will be based on its font-size. You may wish to adjust the values of these divs.
2. The space between the mainContent and sidebar1 is created with the left margin on the mainContent div.  No matter how much content the sidebar1 div contains, the column space will remain. You can remove this left margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends.
3. To avoid float drop, you may need to test to determine the approximate maximum image/element size since this layout is based on the user's font sizing combined with the values you set. However, if the user has their browser font size set lower than normal, less space will be available in the #mainContent div than you may see on testing.
4. In the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs that may occur.
*/

#logo{display:none;}
/* Middle Column */
#mainContent {
	padding: 10px; /* padding here creates white space "inside the box." */
	float:left;
	width:444px;
	overflow:hidden;
}
#mainContent2col {
	padding: 10px; /* padding here creates white space "inside the box." */
	float:left;
	width:704px;
	overflow:hidden;
}

.fullnewlistitem  {
	list-style:none;
	display:block;
	margin:0px;
	padding:0px;
}

.fullnewlistitems a:link, .fullnewlistitems a:visited{color:#333;  border-bottom: #999 1px dotted; text-decoration:none;display:block; padding-left:5px; padding-right:5px; padding-top:0px; padding-bottom:6px;}
.fullnewlistitems a:hover{color:#333; text-decoration:none; border-bottom: #999 1px dotted; list-style:none; background-color:#FFC;padding-left:5px; padding-right:5px; padding-top:0px; padding-bottom:6px;}

.ContactInfo{border:none;}
	

#content.alpha {
	background-color:#966;
	background-repeat:no-repeat; 
	text-align:center; 
	float:left; 
	width:13px; 
	padding-top:1px;
	padding-right:1px;
	border:1px #ffffff solid;
	font-weight:bold;
	color:#fff;
	font-size:11px;
	display:block;
}

#content.alpha a:link, #content.alpha a:visited, #content.alpha a:active{color:#fff; text-decoration:none; padding-top:1px; padding-right:1px;}
#content.alpha a:hover {background-color:#69C; color:#fff; display:block; padding-top:1px; padding-right:1px;}


#normaltable tr td{

	border-bottom:#999 1px dotted;
	color:#333;
	text-decoration:none;
	

}
#normaltable tr a:link{text-decoration:none; color:#333;

}

#normaltable tr:hover{background-color:#FFFFCC; color:#333;	border-bottom:#999 1px dotted;
}




#contactinfo tr td{

	border-bottom:#999 1px dotted;
	color:#333;
	text-decoration:none;
	

}
#contactinfo tr a:link{text-decoration:none; color:#333;

}

#contactinfo tr:hover{background-color:#FFFFCC; color:#333;	border-bottom:#999 1px dotted;
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.load{background:url(/images/load/ajax-loader.gif) no-repeat center;}



/* News and Events */

#blainenews{ background-image:url(/images/home/News.gif);
	background-repeat:no-repeat;
	float:left; 
	width:359px; 
	display:block; 
	margin:0px auto;
	text-align:left;
	padding-top:35px;
	}
	
#blainenews a:hover, #blaineevents a:hover { background-color:#a4c2c2; border-bottom: #999 1px dotted; text-decoration:none;}
	
#newslabel a:link, #newslabel a:visited{color:#333;  text-decoration:none; font-weight:bold; padding-left:5px; padding-right:5px;}
#eventslabel a:link, #eventslabel a:visited{color:#333;  text-decoration:none; font-weight:bold; padding-left:5px; padding-right:5px;}

	
.newslist{
	width:340px;
	display:block; 
	height:250px; 
	overflow:auto;
	padding-left:10px; 
	padding-right:5px; 
	padding-bottom:15px;
	margin-top:20px; 
	position:absolute;
	font-size:0.9em;
	}
	
.newlistitem  {
	list-style:none;
	display:block;
	margin:0px;
	padding:0px;
}


.newlistitems a:link, .newlistitems a:visited{color:#333;  border-bottom: #999 1px dotted; text-decoration:none;display:block; padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:6px;}
.newlistitems a:hover{color:#333; text-decoration:none; border-bottom: #999 1px dotted; list-style:none; background-color:#FFC;padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:6px;}

.specialnewlistitems a:link, .specialnewlistitems a:visited{color:#333; text-decoration:none; display:block; padding-left:8px; padding-right:5px; padding-top:5px; padding-bottom:6px;}
.specialnewlistitems a:hover{color:#333; text-decoration:none; list-style:none; background-color:#FFC;}


#blaineevents{ background-image:url(/images/home/Calendar.gif);
	background-repeat:no-repeat;
	float:left; 
	width:356px; 
	display:block; 
	margin:0px auto;
	text-align:left;
	padding-top:35px;
	}
	
.eventslist{
	width:346px;
	display:block; 
	height:250px; 
	overflow:auto; 
	padding-left:10px; 
	padding-right:5px; 
	padding-bottom:15px;
	margin-top:20px; 
	position:absolute;
	font-size:0.9em;
	}
	
.eventsdate {background-image:url(/images/home/DateBckgrnd.gif); background-repeat:no-repeat; text-decoration:none; font-weight:bold; color:#000; padding-bottom:3px; padding-top:3px; padding-left:5px; display:block; border-bottom:#999 1px dotted;}
.eventsdate:hover {text-decoration:none; font-weight:bold; color:#000; display:block; border-bottom:#999 1px dotted;}
.eventsdate a:link {text-decoration:none; font-weight:bold; color:#000;}


.days { text-decoration:none; color:#000; padding:5px; display:block; border-bottom:#999 1px dotted;}
.days:hover { text-decoration:none; font-weight:bold; color:#000; border-bottom:#999 1px dotted;/* background-color:#8CB6B5;*/}
.days a:link {text-decoration:none; color:#000;}

.time{text-decoration:none; color:#999; font-weight:bold; font-size:.8em;}



/* Quick Links Above Site Wide QuickLinks*/

#socialqllinks ul {
 	margin:5px 0px 0px 0px;
	padding:0px;
	list-style-type:none;
	}

#socialqllinks li {
	padding-right:7px;
	list-style-type:none;
	font-weight:bold;
	font-size:11px;
	color:#ffffff;
	float:left;
}

/*Left and Right Navigation Buttons */

/* SpryCollapsiblePanel.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanel, .CollapsiblePanelNoChild, 
.CollapsiblePanelLg, .CollapsiblePanelNoChildLg, 
.CollaspsiblePanelWeather, .CollapsiblePanelNoChildWeather,
.CollaspsiblePanelSevere, .CollapsiblePanelNoChildSevere,
.CollaspsiblePanelHigh, .CollapsiblePanelNoChildHigh,
.CollaspsiblePanelElevated, .CollapsiblePanelNoChildElevated,
.CollaspsiblePanelGuarded, .CollapsiblePanelNoChildGuarded,
.CollaspsiblePanelLow, .CollapsiblePanelNoChildLow,
.CollaspsiblePanelContact, .CollapsiblePanelNoChildContact,
.CollaspsiblePanelGarbage, .CollapsiblePanelNoChildGarbage,
.CollaspsiblePanelOther, .CollapsiblePanelNoChildOther,
.CollaspsiblePanelql, .CollapsiblePanelNoChildql,
.CollaspsiblePanelfrm, .CollapsiblePanelNoChildfrm,
.CollaspsiblePanelcode, .CollapsiblePanelNoChildcode,
.CollaspsiblePanelfaq, .CollapsiblePanelNoChildfaq,
.CollaspsiblePanellink, .CollapsiblePanelNoChildlink,
.CollaspsiblePanelAbbrev, .CollapsiblePanelNoChildAbbrev,
.CollaspsiblePanelCouncil, .CollapsiblePanelNoChildCouncil,
.CollaspsiblePanelUtility, .CollapsiblePanelNoChildUtility,
.CollaspsiblePanelDistrict, .CollapsiblePanelNoChildDistrict,
.CollaspsiblePanelEmailHelp, .CollapsiblePanelNoChildEmailHelp,
.CollaspsiblePanelsc, .CollapsiblePanelNoChildsc
 {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width:250px;
}

.CollaspsiblePanelRotate, .CollapsiblePanelNoChildRotate{
	margin: 0px;
	padding: 0px;
	width: 313px;
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab, 
.CollapsiblePanelTabLg, 
.CollapsiblePanelTabSocial, 
.CollapsiblePanelTabWeather,
.CollapsiblePanelTabSevere,
.CollapsiblePanelTabHigh,
.CollapsiblePanelTabElevated,
.CollapsiblePanelTabGuarded,
.CollapsiblePanelTabLow,
.CollapsiblePanelTabContact, 
.CollapsiblePanelTabGarbage, 
.CollapsiblePanelTabOther, 
.CollapsiblePanelTabql, 
.CollapsiblePanelTabfrm, 
.CollapsiblePanelTabcode, 
.CollapsiblePanelTabfaq, 
.CollapsiblePanelTablink, 
.CollapsiblePanelTabAbbrev, 
.CollapsiblePanelTabCouncil, 
.CollapsiblePanelTabUtility, 
.CollapsiblePanelTabDistrict, 
.CollapsiblePanelTabEmailHelp,
.CollapsiblePanelTabsc{
	background-repeat:no-repeat;
	width:250px;
	margin: 0px;
	padding: 3px 0px 1px 10px;
	cursor: pointer;
/*	-moz-user-select: none;
	-khtml-user-select: none;
*/ }
 
.CollapsiblePanelTabRotate{
	background-repeat:no-repeat;
	width:313px;
	margin: 0px;
	cursor: pointer;
/*	-moz-user-select: none;
	-khtml-user-select: none;
*/	
}
 
.CollapsiblePanelTab {	background-image:url(/images/leftmenu/LftMenuwchild.png);}
.CollapsiblePanelTabLg {	background-image:url(/images/leftmenu/LgLftMenuwchild.png);}

.CollapsiblePanelTabSocial {	background-image:url(/images/buttons/InformationResources.gif);}
.CollapsiblePanelTabWeather {	background-image:url(/images/buttons/weather.gif);}
.CollapsiblePanelTabSevere {	background-image:url(/images/buttons/homelandsecurity/severe.gif);}
.CollapsiblePanelTabHigh {	background-image:url(/images/buttons/homelandsecurity/high.gif);}
.CollapsiblePanelTabElevated {	background-image:url(/images/buttons/homelandsecurity/elevated.gif);}
.CollapsiblePanelTabGuarded {	background-image:url(/images/buttons/homelandsecurity/guarded.gif);}
.CollapsiblePanelTabLow {	background-image:url(/images/buttons/homelandsecurity/low.gif);}
.CollapsiblePanelTabContact {	background-image:url(/images/buttons/ContactInformation.png);}
.CollapsiblePanelTabGarbage {	background-image:url(/images/buttons/garbagerecycle.gif);}
.CollapsiblePanelTabOther {	background-image:url(/images/leftmenu/RghtMenuHoverwChild.png);}
.CollapsiblePanelTabql {	background-image:url(/images/leftmenu/RghtMenuHoverwChild.png);}
.CollapsiblePanelTabfrm {	background-image:url(/images/leftmenu/RghtMenuHoverwChild.png);}
.CollapsiblePanelTabcode {	background-image:url(/images/leftmenu/RghtMenuHoverwChild.png);}
.CollapsiblePanelTabfaq {	background-image:url(/images/leftmenu/RghtMenuHoverwChild.png);}
.CollapsiblePanelTablink {	background-image:url(/images/leftmenu/RghtMenuHoverwChild.png);}
.CollapsiblePanelTabAbbrev {	background-image:url(/images/leftmenu/RghtMenuHoverwChild.png);}
.CollapsiblePanelTabDistrict {	background-image:url(/images/leftmenu/RghtMenuHoverwChild.png);}
.CollapsiblePanelTabCouncil {	background-image:url(/images/buttons/ContactCityCouncil.gif);}
.CollapsiblePanelTabUtility {	background-image:url(/images/buttons/UtilityBill.gif);}
.CollapsiblePanelTabEmailHelp {	background-image:url(/images/buttons/emailhelp.gif);}
.CollapsiblePanelTabsc {	background-image:url(/images/leftmenu/RghtMenuHoverwChild.png);}

.CollapsiblePanelRotate {	background-image:url(/images/rightmenu/parkrecrotate.gif);}


.CollapsiblePanelTabNoChild, 
.CollapsiblePanelTabNoChildLg, 
.CollapsiblePanelTabNoChildSocial, 
.CollapsiblePanelTabNoChildWeather, 
.CollapsiblePanelTabNoChildSevere, 
.CollapsiblePanelTabNoChildHigh, 
.CollapsiblePanelTabNoChildElevated, 
.CollapsiblePanelTabNoChildGuarded,
.CollapsiblePanelTabNoChildLow, 
.CollapsiblePanelTabNoChildContact, 
.CollapsiblePanelTabNoChildGarbage, 
.CollapsiblePanelTabNoChildOther, 
.CollapsiblePanelTabNoChildql, 
.CollapsiblePanelTabNoChildfrm, 
.CollapsiblePanelTabNoChildcode, 
.CollapsiblePanelTabNoChildfaq, 
.CollapsiblePanelTabNoChildlink, 
.CollapsiblePanelTabNoChildAbbrev, 
.CollapsiblePanelTabNoChildCouncil, 
.CollapsiblePanelTabNoChildUtility, 
.CollapsiblePanelTabNoChildDistrict, 
.CollapsiblePanelTabNoChildEmailHelp,
.CollapsiblePanelTabNoChildsc
 {
	background-repeat:no-repeat;
	width:250px;
	margin: 0px;
	padding: 3px 0px 1px 10px;
	cursor: pointer;
/*	-moz-user-select: none;
	-khtml-user-select: none;
*/}

.CollapsiblePanelTabNoChildRotate {
	background-repeat:no-repeat;
	width:250px;
	margin: 0px;
	padding: 3px 0px 1px 10px;
	cursor: pointer;
/*	-moz-user-select: none;
	-khtml-user-select: none;
*/}


.CollapsiblePanelTabNoChild {	background-image:url(/images/leftmenu/LftMenu.png);}
.CollapsiblePanelTabNoChildLg {	background-image:url(/images/leftmenu/LgLftMenu.png);}
.CollapsiblePanelTabNoChildSocial {	background-image:url(/images/buttons/InformationResources.gif);}
.CollapsiblePanelTabNoChildWeather {	background-image:url(/images/buttons/weather.gif);}
.CollapsiblePanelTabNoChildSevere {	background-image:url(/images/buttons/homelandsecurity/severe.gif);}
.CollapsiblePanelTabNoChildHigh {	background-image:url(/images/buttons/homelandsecurity/high.gif);}
.CollapsiblePanelTabNoChildElevated {	background-image:url(/images/buttons/homelandsecurity/elevated.gif);}
.CollapsiblePanelTabNoChildGuarded {	background-image:url(/images/buttons/homelandsecurity/guarded.gif);}
.CollapsiblePanelTabNoChildLow {	background-image:url(/images/buttons/homelandsecurity/low.gif);}
.CollapsiblePanelTabNoChildContact {	background-image:url(/images/buttons/ContactInformation.png);}
.CollapsiblePanelTabNoChildGarbage {	background-image:url(/images/buttons/garbagerecycle.gif);}
.CollapsiblePanelTabNoChildOther {	background-image:url(/images/leftmenu/RghtMenuHoverwChild.png);}
.CollapsiblePanelTabNoChildql {	background-image:url(/images/leftmenu/RghtMenuHoverwChild.png);}
.CollapsiblePanelTabNoChildfrm {	background-image:url(/images/leftmenu/RghtMenuHoverwChild.png);}
.CollapsiblePanelTabNoChildcode {	background-image:url(/images/leftmenu/RghtMenuHoverwChild.png);}
.CollapsiblePanelTabNoChildfaq {	background-image:url(/images/leftmenu/RghtMenuHoverwChild.png);}
.CollapsiblePanelTabNoChildlink {	background-image:url(/images/leftmenu/RghtMenuHoverwChild.png);}
.CollapsiblePanelTabNoChildAbbrev {	background-image:url(/images/leftmenu/RghtMenuHoverwChild.png);}
.CollapsiblePanelTabNoChildCouncil {	background-image:url(/images/buttons/ContactCityCouncil.gif);}
.CollapsiblePanelTabNoChildUtility {	background-image:url(/images/buttons/UtilityBill.gif);}
.CollapsiblePanelTabNoChildDistrict {	background-image:url(/images/leftmenu/RghtMenuHoverwChild.png);}
.CollapsiblePanelTabNoChildEmailHelp {	background-image:url(/images/buttons/emailhelp.gif);}
.CollapsiblePanelTabNoChildRotate {	background-image:url(/images/rightmenu/parkrecrotate.gif);}
.CollapsiblePanelTabNoChildsc {	background-image:url(/images/leftmenu/RghtMenuHoverwChild.png);}

.CollapsiblePanelTab:hover{	background-image:url(/images/leftmenu/LftMenuHoverwChild.png);}
.CollapsiblePanelTabLg:hover{	background-image:url(/images/leftmenu/LgLftMenuHoverwChild.png);}
.CollapsiblePanelTabSocial:hover{	background-image:url(/images/buttons/Ovr-InformationResources.gif);}
.CollapsiblePanelTabWeather:hover{	background-image:url(/images/buttons/Ovr-weather.gif);}
.CollapsiblePanelTabSevere:hover{	background-image:url(/images/buttons/homelandsecurity/Ovr-severe.gif);}
.CollapsiblePanelTabHigh:hover{	background-image:url(/images/buttons/homelandsecurity/Ovr-high.gif);}
.CollapsiblePanelTabElevated:hover{	background-image:url(/images/buttons/homelandsecurity/Ovr-elevated.gif);}
.CollapsiblePanelTabGuarded:hover{	background-image:url(/images/buttons/homelandsecurity/Ovr-guarded.gif);}
.CollapsiblePanelTabLow:hover{	background-image:url(/images/buttons/homelandsecurity/Ovr-low.gif);}
.CollapsiblePanelTabContact:hover{	background-image:url(/images/buttons/Ovr-ContactInformation.png);}
.CollapsiblePanelTabGarbage:hover{	background-image:url(/images/buttons/Ovr-garbagerecycle.gif);}
.CollapsiblePanelTabOther:hover{	background-image:url(/images/leftmenu/RghtMenu.png);}
.CollapsiblePanelTabql:hover{	background-image:url(/images/leftmenu/RghtMenu.png);}
.CollapsiblePanelTabfrm:hover{	background-image:url(/images/leftmenu/RghtMenu.png);}
.CollapsiblePanelTabcode:hover{	background-image:url(/images/leftmenu/RghtMenu.png);}
.CollapsiblePanelTabfaq:hover{	background-image:url(/images/leftmenu/RghtMenu.png);}
.CollapsiblePanelTablink:hover{	background-image:url(/images/leftmenu/RghtMenu.png);}
.CollapsiblePanelTabAbbrev:hover{	background-image:url(/images/leftmenu/RghtMenu.png);}
.CollapsiblePanelTabCouncil:hover{	background-image:url(/images/buttons/Ovr-ContactCityCouncil.gif);}
.CollapsiblePanelTabUtility:hover{	background-image:url(/images/buttons/Ovr-UtilityBill.gif);}
.CollapsiblePanelTabDistrict:hover{	background-image:url(/images/leftmenu/RghtMenu.png);}
.CollapsiblePanelTabEmailHelp:hover{	background-image:url(/images/buttons/Ovr-emailhelp.gif);}
.CollapsiblePanelTabRotate:hover{	background-image:url(/images/rightmenu/parkrecrorate.gif);}
.CollapsiblePanelTabsc:hover{	background-image:url(/images/leftmenu/RghtMenu.png);}

.CollapsiblePanelTabNoChild:hover{	background-image:url(/images/leftmenu/LftMenuNoChildHover.png);}
.CollapsiblePanelTabNoChildLg:hover{	background-image:url(/images/leftmenu/LgLftMenuNoChildHover.png);}
.CollapsiblePanelTabNoChildSocial:hover{	background-image:url(/images/buttons/Ovr-InformationResources.gif);}
.CollapsiblePanelTabNoChildWeather:hover{	background-image:url(/images/buttons/Ovr-weather.gif);}
.CollapsiblePanelTabNoChildSevere:hover{	background-image:url(/images/buttons/homelandsecurity/Ovr-severe.gif);}
.CollapsiblePanelTabNoChildHigh:hover{	background-image:url(/images/buttons/homelandsecurity/Ovr-high.gif);}
.CollapsiblePanelTabNoChildElevated:hover{	background-image:url(/images/buttons/homelandsecurity/Ovr-elevated.gif);}
.CollapsiblePanelTabNoChildGuarded:hover{	background-image:url(/images/buttons/homelandsecurity/Ovr-guarded.gif);}
.CollapsiblePanelTabNoChildLow:hover{	background-image:url(/images/buttons/homelandsecurity/Ovr-low.gif);}
.CollapsiblePanelTabNoChildContact:hover{	background-image:url(/images/buttons/Ovr-ContactInformation.png);}
.CollapsiblePanelTabNoChildGarbage:hover{	background-image:url(/images/buttons/Ovr-garbagerecycle.gif);}
.CollapsiblePanelTabNoChildOther:hover{	background-image:url(/images/leftmenu/RghtMenu.png);}
.CollapsiblePanelTabNoChildql:hover{	background-image:url(/images/leftmenu/RghtMenu.png);}
.CollapsiblePanelTabNoChildfrm:hover{	background-image:url(/images/leftmenu/RghtMenu.png);}
.CollapsiblePanelTabNoChildcode:hover{	background-image:url(/images/leftmenu/RghtMenu.png);}
.CollapsiblePanelTabNoChildfaq:hover{	background-image:url(/images/leftmenu/RghtMenu.png);}
.CollapsiblePanelTabNoChildlink:hover{	background-image:url(/images/leftmenu/RghtMenu.png);}
.CollapsiblePanelTabNoChildAbbrev:hover{	background-image:url(/images/leftmenu/RghtMenu.png);}
.CollapsiblePanelTabNoChildCouncil:hover{	background-image:url(/images/buttons/Ovr-ContactCityCouncil.gif);}
.CollapsiblePanelTabNoChildUtility:hover{	background-image:url(/images/buttons/Ovr-UtilityBill.gif);}
.CollapsiblePanelTabNoChildDistrict:hover{	background-image:url(/images/leftmenu/RghtMenu.png);}
.CollapsiblePanelTabNoChildEmailHelp:hover{	background-image:url(/images/buttons/Ovr-emailhelp.gif);}
.CollapsiblePanelTabNoChildRotate:hover{	background-image:url(/images/rightmenu/parkrecrotate.gif);}
.CollapsiblePanelTabNoChildsc:hover{	background-image:url(/images/leftmenu/RghtMenu.png);}

.CollapsiblePanelNoChildClosed, 
.CollapsiblePanelNoChildClosedLg, 
.CollapsiblePanelNoChildClosedSocial,  
.CollapsiblePanelNoChildClosedWeather,  
.CollapsiblePanelNoChildClosedSevere,  
.CollapsiblePanelNoChildClosedHigh,  
.CollapsiblePanelNoChildClosedElevated,  
.CollapsiblePanelNoChildClosedGuarded,  
.CollapsiblePanelNoChildClosedLow,  
.CollapsiblePanelNoChildClosedContact, 
.CollapsiblePanelNoChildClosedGarbage, 
.CollapsiblePanelNoChildClosedCouncil, 
.CollapsiblePanelNoChildClosedOther, 
.CollapsiblePanelNoChildClosedql, 
.CollapsiblePanelNoChildClosedfrm, 
.CollapsiblePanelNoChildClosedcode, 
.CollapsiblePanelNoChildClosedfaq, 
.CollapsiblePanelNoChildClosedlink, 
.CollapsiblePanelNoChildClosedAbbrev, 
.CollapsiblePanelNoChildClosedUtility, 
.CollapsiblePanelNoChildClosedDistrict, 
.CollapsiblePanelNoChildClosedEmailHelp, 
.CollapsiblePanelNoChildClosedRotate,
.CollapsiblePanelNoChildClosedsc
 {
	background-repeat:no-repeat;
}


/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent, 
.CollapsiblePanelContentSocial,  
.CollapsiblePanelContentWeather,  
.CollapsiblePanelContentSevere,  
.CollapsiblePanelContentHigh,  
.CollapsiblePanelContentElevated,  
.CollapsiblePanelContentGuarded,  
.CollapsiblePanelContentLow,  
.CollapsiblePanelContentContact, 
.CollapsiblePanelContentGarbage, 
.CollapsiblePanelContentOther, 
.CollapsiblePanelContentql, 
.CollapsiblePanelContentfrm, 
.CollapsiblePanelContentcode, 
.CollapsiblePanelContentfaq, 
.CollapsiblePanelContentlink, 
.CollapsiblePanelContentAbbrev, 
.CollapsiblePanelContentCouncil, 
.CollapsiblePanelContentUtility, 
.CollapsiblePanelContentDistrict, 
.CollapsiblePanelContentEmailHelp, 
.CollapsiblePanelContentRotate,
.CollapsiblePanelContentsc
{
	margin:auto;
	padding: 0px;
	font-size:12px;
	color:#FFF;
	width:255px;
}

.CollapsiblePanelContentRotate{
	margin:auto;
	padding: 0px;
	font-size:12px;
	color:#FFF;
	width:313px;
}

#heidisprymenu1 ul, #heidisprymenu2 ul, #heidisprymenu3 ul, #heidisprymenu4 ul	{}


	

.heidilink	{
	list-style-image:url(/images/leftmenu/icon-off-transparent.png);
	display:block;
	border-bottom:1px dotted #999;
	margin-left:-20px;
}

.heidilink:hover{
	list-style-image:url(/images/leftmenu/icon-on.png);
	border-bottom:1px dotted #999;
}

.heidilink a {	list-style-image:url(/images/leftmenu/icon-off-transparent.png);color:#fff; text-decoration:none;}

.heidilink a:hover{	list-style-image:url(/images/leftmenu/icon-on.png);color:#999; text-decoration:none;}


/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a, .CollapsiblePanelTabNoChild a, 
.CollapsiblePanelTabLg a, .CollapsiblePanelTabNoChildLg a, 
.CollapsiblePanelTabSocial a, .CollapsiblePanelTabNoChildSocial a, 
.CollapsiblePanelTabWeather a, .CollapsiblePanelTabNoChildWeather a, 
.CollapsiblePanelTabSevere a, .CollapsiblePanelTabNoChildSevere a, 
.CollapsiblePanelTabHigh a, .CollapsiblePanelTabNoChildHigh a, 
.CollapsiblePanelTabElevated a, .CollapsiblePanelTabNoChildElevated a, 
.CollapsiblePanelTabGuarded a, .CollapsiblePanelTabNoChildGuarded a, 
.CollapsiblePanelTabLow a, .CollapsiblePanelTabNoChildLow a, 
.CollapsiblePanelTabContact a, .CollapsiblePanelTabNoChildContact a , 
.CollapsiblePanelTabGarbage a, .CollapsiblePanelTabNoChildGarbage a, 
.CollapsiblePanelTabOther a, .CollapsiblePanelTabNoChildOther a, 
.CollapsiblePanelTabql a, .CollapsiblePanelTabNoChildql a, 
.CollapsiblePanelTabfrm a, .CollapsiblePanelTabNoChildfrm a, 
.CollapsiblePanelTabcode a, .CollapsiblePanelTabNoChildcode a, 
.CollapsiblePanelTabfaq a, .CollapsiblePanelTabNoChildfaq a, 
.CollapsiblePanelTablink a, .CollapsiblePanelTabNoChildlink a, 
.CollapsiblePanelTabAbbrev a, .CollapsiblePanelTabNoChildAbbrev a, 
.CollapsiblePanelTabCouncil a, .CollapsiblePanelTabNoChildCouncil a, 
.CollapsiblePanelTabUtility a, .CollapsiblePanelTabNoChildUtility a, 
.CollapsiblePanelTabDistrict a, .CollapsiblePanelTabNoChildDistrict a, 
.CollapsiblePanelTabEmailHelp a, .CollapsiblePanelTabNoChildEmailHelp a, 
.CollapsiblePanelTabRotate a, .CollapsiblePanelTabNoChildRotate a,
.CollapsiblePanelTabsc a, .CollapsiblePanelTabNoChildsc a
  {
	color:#fff;
	font-size:12px;
	text-decoration: none;
}

.CollapsiblePanelTabSocial a:hover, .CollapsiblePanelTabNoChildSocial a:hover, 
.CollapsiblePanelTabWeather a:hover, .CollapsiblePanelTabNoChildWeather a:hover, 
.CollapsiblePanelTabSevere a:hover, .CollapsiblePanelTabNoChildSevere a:hover, 
.CollapsiblePanelTabHigh a:hover, .CollapsiblePanelTabNoChildHigh a:hover, 
.CollapsiblePanelTabElevated a:hover, .CollapsiblePanelTabNoChildElevated a:hover, 
.CollapsiblePanelTabGuarded a:hover, .CollapsiblePanelTabNoChildGuarded a:hover, 
.CollapsiblePanelTabLow a:hover, .CollapsiblePanelTabNoChildLow a:hover, 
.CollapsiblePanelTabContact a:hover, .CollapsiblePanelTabNoChildContact a:hover,
.CollapsiblePanelTabGarbage a:hover, .CollapsiblePanelTabNoChildGarbage a:hover,
.CollapsiblePanelTabOther a:hover, .CollapsiblePanelTabNoChildOther a:hover,
.CollapsiblePanelTabql a:hover, .CollapsiblePanelTabNoChildql a:hover,
.CollapsiblePanelTabfrm a:hover, .CollapsiblePanelTabNoChildfrm a:hover,
.CollapsiblePanelTabcode a:hover, .CollapsiblePanelTabNoChildcode a:hover,
.CollapsiblePanelTabfaq a:hover, .CollapsiblePanelTabNoChildfaq a:hover,
.CollapsiblePanelTablink a:hover, .CollapsiblePanelTabNoChildlink a:hover,
.CollapsiblePanelTabAbbrev a:hover, .CollapsiblePanelTabNoChildAbbrev a:hover,
.CollapsiblePanelTabCouncil a:hover, .CollapsiblePanelTabNoChildCouncil a:hover,
.CollapsiblePanelTabUtility a:hover, .CollapsiblePanelTabNoChildUtility a:hover,
.CollapsiblePanelTabDistrict a:hover, .CollapsiblePanelTabNoChildDistrict a:hover,
.CollapsiblePanelTabEmailHelp a:hover, .CollapsiblePanelTabNoChildEmailHelp a:hover,
.CollapsiblePanelTabRotate a:hover, .CollapsiblePanelTabNoChildRotate a:hover,
.CollapsiblePanelTabsc a:hover, .CollapsiblePanelTabNoChildsc a:hover{
	color:#fff;
	font-size:12px;
	text-decoration: none;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen, 
.CollapsiblePanelOpenLg, 
.CollapsiblePanelOpenSocial, 
.CollapsiblePanelOpenWeather, 
.CollapsiblePanelOpenSevere, 
.CollapsiblePanelOpenHigh, 
.CollapsiblePanelOpenElevated, 
.CollapsiblePanelOpenGuarded, 
.CollapsiblePanelOpenLow, 
.CollapsiblePanelOpenContact, 
.CollapsiblePanelOpenGarbage, 
.CollapsiblePanelOpenOther, 
.CollapsiblePanelOpenql, 
.CollapsiblePanelOpenfrm, 
.CollapsiblePanelOpencode, 
.CollapsiblePanelOpenfaq, 
.CollapsiblePanelOpenlink, 
.CollapsiblePanelOpenAbbrev, 
.CollapsiblePanelOpenCouncil, 
.CollapsiblePanelOpenUtility, 
.CollapsiblePanelOpenDistrict, 
.CollapsiblePanelOpenEmailHelp, 
.CollapsiblePanelOpenRotate,
.CollapsiblePanelOpensc{
	width:260px;
	padding:0px;
}


.CollapsiblePanelNoChild, .CollapsiblePanelTabNoChild, 
.CollapsiblePanelNoChildLg, .CollapsiblePanelTabNoChildLg, 
.CollapsiblePanelNoChildSocial, .CollapsiblePanelTabNoChildSocial, 
.CollapsiblePanelNoChildWeather, .CollapsiblePanelTabNoChildWeather, 
.CollapsiblePanelNoChildSevere, .CollapsiblePanelTabNoChildSevere, 
.CollapsiblePanelNoChildHigh, .CollapsiblePanelTabNoChildHigh, 
.CollapsiblePanelNoChildElevated, .CollapsiblePanelTabNoChildElevated, 
.CollapsiblePanelNoChildGuarded, .CollapsiblePanelTabNoChildGuarded, 
.CollapsiblePanelNoChildLow, .CollapsiblePanelTabNoChildLow, 
.CollapsiblePanelNoChildContact, .CollapsiblePanelTabNoChildContact,
.CollapsiblePanelNoChildGarbage, .CollapsiblePanelTabNoChildGarbage,
.CollapsiblePanelNoChildOther, .CollapsiblePanelTabNoChildOther,
.CollapsiblePanelNoChildql, .CollapsiblePanelTabNoChildql,
.CollapsiblePanelNoChildfrm, .CollapsiblePanelTabNoChildfrm,
.CollapsiblePanelNoChildcode, .CollapsiblePanelTabNoChildcode,
.CollapsiblePanelNoChildfaq, .CollapsiblePanelTabNoChildfaq,
.CollapsiblePanelNoChildlink, .CollapsiblePanelTabNoChildlink,
.CollapsiblePanelNoChildAbbrev, .CollapsiblePanelTabNoChildAbbrev,
.CollapsiblePanelNoChildCouncil, .CollapsiblePanelTabNoChildCouncil,
.CollapsiblePanelNoChildUtility, .CollapsiblePanelTabNoChildUtility,
.CollapsiblePanelNoChildDistrict, .CollapsiblePanelTabNoChildDistrict,
.CollapsiblePanelNoChildEmailHelp, .CollapsiblePanelTabNoChildEmailHelp,
.CollapsiblePanelNoChildRotate, .CollapsiblePanelTabNoChildRotate,
.CollapsiblePanelNoChildsc, .CollapsiblePanelTabNoChildsc {
	background-repeat:no-repeat;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover, 
.CollapsiblePanelTabHoverLg, 
.CollapsiblePanelTabHoverSocial, 
.CollapsiblePanelTabHoverWeather, 
.CollapsiblePanelTabHoverSevere, 
.CollapsiblePanelTabHoverHigh, 
.CollapsiblePanelTabHoverElevated, 
.CollapsiblePanelTabHoverGuarded, 
.CollapsiblePanelTabHoverLow, 
.CollapsiblePanelTabHoverContact, 
.CollapsiblePanelTabHoverGarbage, 
.CollapsiblePanelTabHoverOther, 
.CollapsiblePanelTabHoverql, 
.CollapsiblePanelTabHoverfrm, 
.CollapsiblePanelTabHovercode, 
.CollapsiblePanelTabHoverfaq, 
.CollapsiblePanelTabHoverlink,
.CollapsiblePanelTabHoverAbbrev,
.CollapsiblePanelTabHoverCouncil, 
.CollapsiblePanelTabHoverUtility, 
.CollapsiblePanelTabHoverDistrict, 
.CollapsiblePanelTabHoverEmailHelp, 
.CollapsiblePanelTabHoverRotate,
.CollapsiblePanelTabHoversc {
	cursor:auto;
	background-repeat:no-repeat;
}

.CollapsiblePanelTabNoChildHover, 
.CollapsiblePanelTabNoChildHoverLg, 
.CollapsiblePanelTabNoChildHoverSocial,  
.CollapsiblePanelTabNoChildHoverWeather,  
.CollapsiblePanelTabNoChildHoverSevere,  
.CollapsiblePanelTabNoChildHoverHigh,  
.CollapsiblePanelTabNoChildHoverElevated,  
.CollapsiblePanelTabNoChildHoverGuarded,  
.CollapsiblePanelTabNoChildHoverLow,  
.CollapsiblePanelTabNoChildHoverContact, 
.CollapsiblePanelTabNoChildHoverGarbage, 
.CollapsiblePanelTabNoChildHoverOther, 
.CollapsiblePanelTabNoChildHoverql, 
.CollapsiblePanelTabNoChildHoverfrm, 
.CollapsiblePanelTabNoChildHovercode, 
.CollapsiblePanelTabNoChildHoverfaq, 
.CollapsiblePanelTabNoChildHoverlink,
.CollapsiblePanelTabNoChildHoverAbbrev,
.CollapsiblePanelTabNoChildHoverCouncil, 
.CollapsiblePanelTabNoChildHoverUtility, 
.CollapsiblePanelTabNoChildHoverDistrict, 
.CollapsiblePanelTabNoChildHoverEmailHelp, 
.CollapsiblePanelTabNoChildHoverRotate,
.CollapsiblePanelTabNoChildHoversc {
	cursor:auto;
	background-repeat:no-repeat;
}


/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
}