@charset "utf-8";


/********************************************************************************************************** 
	IE FIXES
***********************************************************************************************************/


/********************************************** 
		STAY CONNECT WIDGET	
**********************************************/
.ie .page .widget.connect {
	height: auto;
	padding: 5px 0px 0px 10px;
	margin: 5px 0 5px 0;
}
.ie .page .widget.connect h2 {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	font-family: Rockwell, Times New Roman, serif;
	font-size: 21px;
	color: #3661a2;
}
.ie .page .widget.greybox {
	padding: 5px 5px 5px 5px;
	margin: 0 0 0 0;
	height: 155px;
	background-color: #CECECE;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.ie .page .widget.greybox .iconSmall {
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	padding: 2px;
	margin: 0px 0px 3px 0px;
	text-align: center;
	text-align: -moz-center;
}
.ie .page .widget.greybox .iconSmall a {
	padding: 2px;
	margin: 0px 0px 3px 0px;
	display: block;
	text-align: center;
	text-align: -moz-center;
	width: 30px;
	height: 51px;
	font-family: "Rockwell", "Times New Roman", Times, serif;
	font-size: 12px;
	color: #30558e;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.ie .page .widget.greybox .iconSmall a:hover {
	background: #FFFFFF;
}
.ie .page .widget.greybox .iconSmall img {
}
/********************************************** 
		TOPIC BAR
**********************************************/
.ie .page .topicBar {
	height: 74px;
	width: 910px;
	padding: 0px 2px 5px 2px;
	margin: -85px 0 0 18px;
	border-bottom: 3px #3661A2 solid;
	background-color: #FFFFFF;
}
.ie .page .topicBar .topicIcon {
	float: left;
	width: 81px;
	padding: 0px;
}
.ie .page .topicBar .topicIcon .icon a {
	display: block;
	height: 75px;
	padding: 3px 0 0 0;
	color: #254a78;
	font-size: 10px;
	font-weight: bold;
	line-height: 10px;
	text-align: center;
	border: none;
}
.ie .page .topicBar .topicIcon .icon a:hover {
	color: #254a78;
	background-color: #EEEEEE;
	text-decoration: none;
}
.ie .page .topicBar .topicIcon .icon img {
	padding: 2px 0 0px 0;
}
.ie .page .topicBar .topicIcon .iconActive {
	height: 75px;
	padding: 3px 0 0 0;
	font-size: 10px;
	font-weight: bold;
	line-height: 10px;
	text-align: center;
	border: none;
	background-color: #EEEEEE;
}
.ie .page .topicBar .topicIcon .iconActive a {
	color: #254a78;
}
.ie .page .topicBar .topicIcon .iconActive img {
	padding: 3px 0 0px 0;
}

/* FEATURE CAROUSEL LAYERED */
.ie .FC_Content .NonMedia {
	height: 135px;
	position: relative;
	top: 150px;
	overflow: hidden;
	padding: 5px 10px 0px 8px;
	margin: 15px;
	background-color: #333;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
}
.ie .FC_Content .NonMedia .URL a:hover {
	color: #ffffff;
	text-decoration: underline;
}



/********************************************** 
	IMPACT CAROUSEL 
**********************************************/

.ie .impactCarousel .FC_Content .NonMedia, 
.ie .ie7 .impactCarousel .FC_Content .NonMedia, 
.impactCarousel .FC_Content .NonMedia {
	height:200px !important;
	position:relative;
	overflow: hidden;
	padding:5px 10px 0px 8px;
	*top:15px !important;
	background-color:none !important;
	background:none !important;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
}



/********************************************** 
		REPORT WIDGET
**********************************************/
.ie .page .widget.report {
	height: auto;
	padding: 0px 0px 0px 0px;
	margin: 0 0 0 0;
}
.ie .page .widget.report h2 {
	padding: 7px 10px 0 10px;
	margin: 0px 0px 10px 0px;
	font-family: Rockwell, Times New Roman, serif;
	font-size: 21px;
	color: #3661a2;
}
.ie .page .widget.report .bluebox {
	margin: 0 0 6px 0;
	font-size: 15px;
	font-weight: bold;
}
.ie .page .widget.report .bluebox a {
	padding: 10px 0 0 10px;
	height: 28px;
	display: block;
	text-decoration: none;
	color: #fff;
	background: #254a78;
;	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.ie .page .widget.report .bluebox a:hover {
	background: #3661A2;
	text-decoration: none;
}
/********************************************** 
		RESIDENT WIDGET	
**********************************************/
.ie .page .widget.resident h2 {
	padding: 7px 0 10px 0;
	margin: 0px 0px 5px 0px;
	border-bottom: 1px solid #3661a2;
	font-family: Rockwell, Times New Roman, serif;
	font-size: 21px;
	color: #3661a2;
	background-image: none;
}
.ie .page .widget.resident a:hover h2 {
	color: #3661a2;
	border-bottom: 1px solid #EFEEEE;
	background: #EFEEEE;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-image: none;
}
/********************************************** 
		LICENCES
**********************************************/
.ie .page .widget.licences h2 {
	padding: 7px 0 10px 0;
	margin: 0px 0px 5px 0px;
	border-bottom: 1px solid #3661a2;
	font-family: Rockwell, Times New Roman, serif;
	font-size: 21px;
	color: #3661a2;
	background-image: none;
}
.ie .page .widget.licences a:hover h2 {
	color: #3661a2;
	text-decoration: none;
	border-bottom: 1px solid #EFEEEE;
	background: #EFEEEE;
	background-image: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/********************************************** 
		SUBSCRIBE TO RSS
**********************************************/
.ie .page .widget.addRSSbox ul li {
	padding: 0 0 5px 0;
	margin: 5px 0 0 0;
	display: list-item;
	list-style: square url('/PublishingImages/Icons/icon_AddRSS.png');
	border-bottom: none;
}
.ie .page .widget.addRSSbox2 ul li {
	padding: 0 0 5px 0;
	margin: 5px 0 0 0;
	display: list-item;
	list-style: square url('/PublishingImages/Icons/icon_AddRSS.png');
	border-bottom: none;
}
/********************************************** 
		L & I IMPACT AREA
**********************************************/
.ie .page .impact .column a .impactModule {
	padding: 5px 10px;
	margin: 0px 0px 0px 25px;
	width: 180px;
	float: left;
	border: 2px solid #3661A2;
	background: #ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.ie .page .impact .column a:hover .impactModule .title {
	display: block;
	color: #3661A2;
	background: none;
}
/********************************************************************************************************** 
	IE 7 FIXES
***********************************************************************************************************/
/********************************************** 
		TOPIC BAR
**********************************************/
.ie7 .page .topicBar {
	height: 74px;
	width: 891px;
	padding: 0px 2px 5px 2px;
	margin: -82px 0 0 25px;
	border-bottom: 3px #3661A2 solid;
	background-color: #FFFFFF;
}
.ie7 .page .topicBar .topicIcon {
	float: left;
	width: 81px;
	padding: 0px;
}
.ie7 .page .topicBar .topicIcon .icon a {
	display: block;
	height: 75px;
	padding: 3px 0 0 0;
	color: #254a78;
	font-size: 10px;
	font-weight: bold;
	line-height: 10px;
	text-align: center;
	border: none;
}
.ie7 .page .topicBar .topicIcon .icon a:hover {
	background-color: #EEEEEE;
	text-decoration: none;
}
.ie7 .page .topicBar .topicIcon .icon img {
	padding: 2px 0 0px 0;
}
.ie7 .page .topicBar .topicIcon .iconActive {
	height: 75px;
	padding: 3px 0 0 0;
	color: #254a78;
	font-size: 10px;
	font-weight: bold;
	line-height: 10px;
	text-align: center;
	border: none;
	background-color: #EEEEEE;
}
.ie7 .page .topicBar .topicIcon .iconActive a {
	color: #254a78;
}
.ie7 .page .topicBar .topicIcon .iconActive a:hover {
	text-decoration: none;
}
.ie7 .page .topicBar .topicIcon .iconActive img {
	padding: 3px 0 0px 0;
}
/********************************************** 
FEATURE CAROUSEL LAYERED
**********************************************/
.ie7 .page .FC_Content .NonMedia {
	height: 135px;
	position: relative;
	top: 150px;
	overflow: hidden;
	padding: 5px 10px 0px 8px;
	margin: 15px;
	background-color: #333;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.ie7 .page .FC_Content .NonMedia .URL a:hover {
	color: #ffffff;
	text-decoration: underline;
}


/********************************************** 
		SUBSCRIBE TO RSS
**********************************************/
.ie7 .page .widget.addRSSbox ul li {
	padding: 0 0 5px 0;
	margin: 5px 0 0 0;
	display: list-item;
	list-style: square url('/PublishingImages/Icons/icon_AddRSS.png');
	border-bottom: none;
}
.ie7 .page .widget.addRSSbox2 ul li {
	padding: 0 0 5px 0;
	margin: 5px 0 0 0;
	display: list-item;
	list-style: square url('/PublishingImages/Icons/icon_AddRSS.png');
	border-bottom: none;
}
/********************************************** 
		L & I IMPACT AREA
**********************************************/
.ie7 .page .impact .column a .impactModule {
	padding: 5px 10px;
	margin: 0px 0px 0px 25px;
	width: 180px;
	float: left;
	border: 2px solid #3661A2;
	background: #ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.ie7 .page .impact .column a:hover .impactModule .title {
	display: block;
	color: #3661A2;
	background: none;
}

/********************************************** 
	CONTENT BLURBS 
**********************************************/
.page .widget.Blurb.short {
	/*height: 130px;*/
}


/********************************************** 
	GALLERY (image and text) 
**********************************************/

/* FOR GALLERY(s) */

/* FOR GALLERY(s) */
.ie .pagination ul { *margin-left:0px !important; *display:block !important;}
.ie .inlineblock { display: inline !important; *display: inline !important; *float:left !important; }

.ie .tile.active .title,
.ie .tile.active a.title { }

.ie .tile.active .subtitle,
.ie .tile.active a.subtitle { }

.ie .tile.active .description { }

/********************************************** 
	FOR FOOTER ITEMS WITH LINKS underline wasn't working
**********************************************/

/* FOR FOOTER A TAG */

.siteMapArea ul li {list-style-position: outside;}
.footer .page .siteMapArea ul li a {list-style-position: outside;}

.siteMapArea ul li a:hover {text-decoration:underline !important;}


/*box gets cut off on Community Resources page*/

.ie .detailnav {margin-right:5px;min-width:675px !important;}


.ie div.accordion p a.agenda:after {content: "" !important;}
.ie div.accordion p a.minutes:after	{content: "" !important;}	


/*********************************
bullets
*********************************/

.ie7 ul.ulBasic.noPad 				
			{
			margin-top:5px !important; 
			margin-bottom:5px !important; 
			}
			

			
			
			
		
			
/**************************************************
fixing accordian for directives

***************************************************/

.ie7 h3.accordionHeader {font-size:16px !important; font-weight:normal !important; border:none; margin-top:5px !important; padding-top:5px !important;}
.ie7 h3.accordionHeader .left {position:absolute;top:13px;left:25px;padding: 5px 0 !important;}
.ie7 h3.accordionHeader .right {position:absolute;top:13px;right:5px;padding: 5px 0 !important;}

.ie7 h3 a div.left {position:absolute;top:7px;left:25px;white-space:nowrap;cursor: pointer;cursor: hand;}
.ie7 h3 a div.right {position:absolute;top:7px;right:5px;white-space:nowrap;cursor: pointer;cursor: hand;}

/***********************
this fixes the bottom margin in IE for the map image widget
************************/

.ie7 .mapWidget .mapIcons a.mapWidgetImage { margin-bottom:10px !important;}

/***********************
removed from widgets
************************/

.ie7 .URL.FC_Floating a:hover {color:#333333 !important; }
.ie7 .URL.FC_Floating a {color:#FFFFFF !important; }

/***********************
removed from widgets end
************************/

/***********************
notifications ie7 fix
************************/


.ie .widget.white.wijmo-notifications.newWidth {height:100% !important; min-height:90px !important;width: 222px !important;}
.widget.white.wijmo-notifications.newWidth {height:100%\9; width: 222px !important;} /*ie 8*/
* + html .widget.white.wijmo-notifications.newWidth {width: 222px !important;}/*ie 7*/
	
* + html .wijmo-notifications .alertsDropDown li.notification /* bkg IMG ie 7 can't deal with css gradient */
{
margin: 5px;
border: 1px solid #f8a746 !important;
border-radius: 5px !important;
min-height: 34px !important;
max-height: 74px !important;
background: url("/PublishingImages/Icons/notificationsBackgroundGrad.jpg") repeat left center transparent !important;
width: 200px !important;
line-height:1.2em !important;
}   	
 
  	
.wijmo-notifications .alertsDropDown li.notification
{
background: url("/PublishingImages/Icons/notificationsBackgroundGrad.jpg") repeat left center transparent\9 !important;		
}  	
  	

/***********************
notifications ie7 fix end
************************/

/**************************************
featured carousel on LI home page start
**************************************/


.ie7 .CarouselFeatured .FC_Content .NonMedia {height: 135px !important;}

.ie .csFeatured  {margin-top:10px !important;}




/**************************************
featured carousel on LI home page ends
**************************************/

.ie7 .mapWidget .mapIcons a.mapWidgetImage 
{ 
padding-bottom:10px !important; 
height: 210px !important;
border: 0px solid #CCCCCC !important;
}
	
.ie h4.headerWhiteStyle 
{
	width: 95%;
	padding-bottom: 10px;
	border-bottom: 1px solid #3661A2;
	margin-top: 0px\9;
	margin-bottom: 0px\9;
	/*border-top: 1px solid red\9;		*/	
}



.ie7 h4.headerWhiteStyle 
{
width:95%;
padding-bottom:10px;
border-bottom:1px solid #3661A2;
margin-top:0px;
margin-bottom:0px;	
}	

h4.headerWhiteStyle 
{
margin-top:5px\0/;
}


/************************************************************
two columns content for MDO and others fix IE7 lack of margin
*************************************************************/

* + html .TwoColumnContent .widget.white.rightColumn {margin-left:5px !important;} /*ie 7 only*/
* + html .TwoColumnContent .widget.white.leftColumn {margin-right:5px !important;} /*ie 7 only*/