/* ===  breakpoint notes === */
	/* template requires google font and fontawesome (::before)
	   main breakpoints 768 & 980 
	   500 & 600 for odd content 
	   top nav & utility are 980, but can change when it displays by changing the media query, keep media query to only be top nav items 
	   particular class names to change - stripes, buttons, cards, banners, accordion */
/* === colors === */
	/*
	LIGHT GREY rgba(212,212,213,1) Footer
	MEDIUM GREY rgba(102,102,102,1) Background
	DARK GREY rgba(94,94,94,1) Page top behind logo
	DARKER GREY rgba(74,73,73,1) Stripe Top Utility & under top nav & Main text color
	GREY STRIPE rgba(0, 0, 0, 0.15) 
	DARKGREY STRIPE rgba(0, 0, 0, 0.7)
	LIGHTBLUE rgba(66,167,245,1) utility links & Call to Action Button
	GREY rgba(136,136,136,1) Search text
	WHITE rgba(255,255,255,1)
	BLACK rgba(0,0,0,1)

Lighter green for some links color: #4f2f8f	
	*/
/* block class */
	.StripeWhite,.StripeGrey,.StripeBlue,.StripeDarkGrey,.Float16,.Float20,.Float25,.Float33,.Float50,.Float66,.Float75,
	.CardBackground ,.CardTransparent,.Accordion,.LargeBanner,.HeroBanner,
	/* text editor*/
	.FloatLeft,.FloatRight,.button{}

/* === font families === */
	.titanBody,.mainBody,#mainBody,.Freeform,.FormEditor,.FAQ, 
	.titanBody input,.titanBody select,.titanBody textarea, 
	.mainBody input,.mainBody select,.mainBody textarea,  
	.FAQ input,.FAQ select,.FAQ textarea,
	.FormEditor input,.FormEditor select,.FormEditor textarea,
	.Freeform input,.Freeform select,.Freeform textarea{font-family:Arial,sans-serif;} /* google font */
	
	h1{font-family: Arial, sans-serif;color:rgba(204,46,30,1);padding-bottom:.40rem}/* google font */
	h2{color:rgba(94,94,94,1) ;}
	h3{color:rgba(204,46,30,1);}
	/* === font sizes - line-height === */
	/* if any of these change check: filtering, calendar widget and datalist/detail - pull out from responsiveblocks.css and add here */
	/* set to 10px */
	.titanDisplay{font-size:62.5%;}
	
	/* general size */
	.titanBody,.titanBody textarea,.titanBody select,.titanBody input,
	h6{font-size:1.6rem;line-height:2.2rem;}
	
	#navButton span,
	.FAQ .Accordion .min,.FAQ .Accordion .max{font-size:1.2rem;line-height:1rem;}
	
	.utilityNavContainer a,
	.searchBarContainer  input[type=text],
	#topNavContainer a,
	#contentFooter,
	.ToTop{font-size:1.3rem;}
	
	.utilityNavContainer a{font-size:1.7rem; font-family: 'Roboto Slab'; text-decoration:none;}
	.utilityNavContainer a:hover{font-size:1.7rem; color: #6e8e2e !important;}
	#contentFooter,#topNavContainer a{font-size:1.5rem;}
	#contentFooter p{color:rgba(255,255,255,1)}
	h4,h5,
	.mobileNavOpen #navigation a,#navigation .searchBarContainer  input[type=text]{font-size:1.7rem;}
	
	#pageTools a,#pageTools span{font-size:2rem;}
	
	.mobileNavOpen #navigation a,#navButton i{line-height:2rem;color: #FFF !important;}
     #navButton i{line-height:2rem;color: #4f2f8f !important;}
	
	#navButton i{font-size:2.8rem;}
	
	h1,h2,
	.social i{font-size:3rem;line-height:4rem;}
	
	h3{font-size:3.5rem;line-height:4rem;}
	
	#scrollTop i{font-size:4rem;line-height:5rem;}

	@media screen and (min-width:950){
		.utilityNavContainer a,#bottomNavContainer ul{font-size:1.3rem;}
		#bottomContainer h4{font-size:3rem;line-height:3.5rem;}
		h1{font-size:4rem;line-height:5rem;}
	}
	
	/* don't let safari change the font size */
	body{ -webkit-text-size-adjust: none;}
	
/* === colors === */
/* if any of these change check: filtering, hit count, error messages, commenting links in item results, sorting, calendar widget and datalist/detail - pull out from responsiveblocks.css and add here */
/* the h3 of the filtering header also becomes a button at small breakpoints, it has a hover. larger breakpoints should not have the hover - that css is in responsiveblocks.css as a breakpoint 980 and above */
	
	/* DARKER GRAY rgba(74,73,73,1) main text color */

		.titanBody{color:rgba(74,73,73,1);}
		
		.DarkGreyBlock p{color:rgba(255,255,255,1);}
		
		/* stripes class names */
		.DarkGreyBlock .BackgroundCard .teaser,.BlueBlock .BackgroundCard .teaser{color:rgba(102,102,102,1);}
	
	/* BLACK */
	
	
		#topNavContainer a,/*#leftNav a.current,*/
		.social i,
		#toolContainer span,
		/* buttons */
		.CenterZone input[type="submit"],.CenterZone input[type="button"],
		.Commenting input[type="button"],
		/* banners class names */
		.LargeBanner *,
		/* stripes class names */
		.DarkGreyBlock .BackgroundCard .item h4 a:hover,.DarkGreyBlock .BackgroundCard .item h4 a:focus,.DarkGreyBlock .BackgroundCard .item h4 a:active,
		.BlueBlock .BackgroundCard .item h4 a:hover,.BlueBlock .BackgroundCard .item h4 a:focus,.BlueBlock .BackgroundCard .item h4 a:active,
		/* cards class names */
		.CardTransparent .item .linkText a,.BackgroundCard .item .linkText a{color:rgba(255,255,255,1) !important;}

        .titanBody a:hover,.titanBody a:focus,.titanBody a:active { color: #666 !important; }
	
	/* LIGHTBLUE links utility rgba(66,167,245,1)*/

		.titanBody .utilityNavContainer a,
		/* faq accordion class name */
		.Accordion dt:hover,.Accordion dt:focus,.Accordion dt:hover .arrow,.Accordion dt:focus .arrow,.Accordion .minmax:hover,.Accordion .minmax:focus{color: #4f2f8f;}
	
	/* WHITE rgba(255,255,255,1)*/
	
		#donateBtn p{color:rgba(255,255,255,1)}
	
		h1,
		.searchBarContainer input[type=text],
		#navigation .menu > li a:hover,#navigation .menu > li a:focus,#navigation .menu > li a:active,
		.mobileNavOpen #navigation a,
		#scrollTop i,
		#address *,#bottomNavContainer *,#contentFooter,
		.searchBarContainer .searchBox::before,
		.FAQ .Accordion .accordionHeading:hover,.FAQ .Accordion .accordionHeading.open,.FAQ .tabbedContent .tabs li:hover,.FAQ .tabbedContent .tabs li.selected,
		/* buttons */
		.CenterZone input[type="submit"]:hover,.CenterZone input[type="submit"]:focus,.CenterZone input[type="submit"]:active,
		.CenterZone input[type="button"]:hover,.CenterZone input[type="button"]:focus,.CenterZone input[type="button"]:active,
		.Commenting input[type="button"]:hover,.Commenting input[type="button"]:focus,.Commenting input[type="button"]:active,
		/* stripes class names */
		.BlueBlock *,.BlueBlock h4 a,.BlueBlock p a{}
		.DarkGreyBlock *,.DarkGreyBlock h4 a,.DarkGreyBlock p a{color:rgba(255,255,255,1)}
		/* banner class names */
		.titanBody .HeroBanner *,.titanBody .HeroBanner a:hover,.titanBody .HeroBanner a:focus,.titanBody .HeroBanner a:active,
		/* cards class names */
		.CardTransparent .item .linkText a:hover,.CardTransparent .item .linkText a:focus,.CardTransparent .item .linkText a:active,
		.BackgroundCard .item .linkText a:hover,.BackgroundCard .item .linkText a:focus,.BackgroundCard .item .linkText a:active{color:rgba(255,255,255,1);}
		
		/* search place holder */
		.titanBody .searchBarContainer ::-webkit-input-placeholder {color:rgba(136,136,136,1);}
		.titanBody .searchBarContainer ::-moz-placeholder {color:rgba(136,136,136,1);opacity:1;} /* firefox 19+ */
		.titanBody .searchBarContainer :-ms-input-placeholder{color:rgba(136,136,136,1);} /* ie */
		.titanBody .searchBarContainer :-moz-placeholder{color:rgba(136,136,136,1);}
		.titanBody .searchBarContainer input[placeholder]{color:rgba(136,136,136,1);opacity:1;}
		
		.mobileNavOpen #navButton *{color:rgba(255,255,255,.8);}
		
		@media screen and (min-width:600px){
			/* banner class names */
			.LargeBanner *{color:rgba(255,255,255,1);}
		}
	
	/* RED - accent color */
		/* go to responsive blocks and get accent color section and put here also */

        a { color: #4f2f8f !important; }
        		
        .SE a,
		.SE .utilityNavContainer a:hover,.SE .utilityNavContainer a:focus,.SE .utilityNavContainer a:active,
		.SE #navButton:hover *,
		.SE .social i:hover,.SE .social i:focus,.SE .social i:active,
		.SE #toolContainer span:hover,.SE #toolContainer span:focus,.SE #toolContainer span:active,
		.SE #navigation a.current,
		/* faq accordion class name */
		.SE .Accordion .minmax,.SE .Accordion dt,.SE .Accordion dt .arrow,
		.SE .FAQ .Accordion .min:hover,.SE .FAQ .Accordion .max:hover,
		/* cards class names when also in a dark color stripe */
		.SE .DarkGreyBlock .BackgroundCard .item h4 a, .SE .DarkGreyBlock .BackgroundCard .item h4 a,.SE .DarkGreyBlock .BackgroundCard .item h4 a,
		.SE .BlueBlock .BackgroundCard .item h4 a,.BlueBlock .BackgroundCard .item h4 a,.SE .BlueBlock .BackgroundCard .item h4 a{ color:#4f2f8f; }
		.linkComments a{color:rgba(128,17,6,1);}

        .NE a,
		.NE .utilityNavContainer a:hover,.NE .utilityNavContainer a:focus,.NE .utilityNavContainer a:active,
		.NE #navButton:hover *,
		.NE .social i:hover,.NE .social i:focus,.NE .social i:active,
		.NE #toolContainer span:hover,.NE #toolContainer span:focus,.NE #toolContainer span:active,
		.NE #navigation a.current,
		/* faq accordion class name */
		.NE .Accordion .minmax,.NE .Accordion dt,.NE .Accordion dt .arrow,
		.NE .FAQ .Accordion .min:hover,.NE .FAQ .Accordion .max:hover,
		/* cards class names when also in a dark color stripe */
		.NE .DarkGreyBlock .BackgroundCard .item h4 a, .NE .DarkGreyBlock .BackgroundCard .item h4 a,.NE .DarkGreyBlock .BackgroundCard .item h4 a,
		.NE .BlueBlock .BackgroundCard .item h4 a,.BlueBlock .BackgroundCard .item h4 a,.NE .BlueBlock .BackgroundCard .item h4 a{ color:#6e8e2e; }

        .SE #navigation a.current {background:#4f2f8f !important;}
        .NE #navigation a.current {background:#6e8e2e !important;}

        .NE a { color: rgba(14,113,162,1) !important; }
        .SE a { color: rgba(14,113,162,1) !important; }
		
		.NE .overlay a { color: #a8d848 !important; } .NE .overlay a:hover, .SE .overlay a:hover { color: #ccc !important; }
        .SE .overlay a { color: #4f2f8f !important; }
		@media screen and (min-width:950px){ /* top nav */
			.titanBody.Android #navigation .menu > li.open,
			.titanBody:not(.Android) #navigation .menu > li:hover > a,#navigation .menu > li:focus > a,#navigation .menu > li:active > a{color:#FFF;}
			#topNavContainer .menu > li ul li:hover a,#topNavContainer .menu > li ul li:focus a,#topNavContainer .menu > li ul li:active a{color:rgba(128,17,6,1);}
		}
	
/* === font weights === */
/* if any of these change check: filtering - pull out from responsiveblocks.css and add here */
	.titanBody,
	h1,h2,
	/* faq accordion class name */
	.Accordion .arrow::before{font-weight:400;}
	
	h3,.SearchResults .titleArea h3{font-weight:300;}
	
	h4,h5,h6,
	#searchTerms,#searchTermsMobile,
	
	/* buttons */
	.CenterZone input[type="submit"],.CenterZone input[type="button"],
	.Commenting input[type="button"],
	.button a,
	/* cards class names */
	.CardTransparent .item .linkText a,.BackgroundCard .item .linkText a{font-weight:700;}

	#topNavContainer > ul > li > a,
	.mobileNavOpen #navigation .utilityNavContainer > ul > li > a{font-weight:300; }

/* === text decoration - text-transform - word wraps - text-align  === */
	.titanBody{word-wrap:break-word;}
	
	.titanBody a,
	/* banners */
	.titanBody .Freeform.HeroBanner a:hover,.titanBody .Freeform.HeroBanner a:focus,.titanBody .Freeform.HeroBanner a:active{text-decoration:none;}

	/*.titanBody .Freeform a:hover,.titanBody .Freeform a:focus,.titanBody .Freeform a:active,
	.titanBody .FAQ  dd a:hover,.titanBody .FAQ dd a:focus,.titanBody .FAQ dd a:active,
	.titanBody .FormEditor dd a:hover,.titanBody .FormEditor dd a:focus,.titanBody .FormEditor dd a:active,
	#bottomNavContainer a:hover,#bottomNavContainer a:focus,#bottomNavContainer a:active{text-decoration:underline}*/

	#scrollTop,
	#navButton,
	#toolContainer .shareIcons span,
	/* banners */
	.LargeBanner p,.LargeBanner h1,.LargeBanner h2,.HeroBanner > p,
	/* cards */
	.CardTransparent .item,.BackgroundCard .item{text-align:center;}
	
	ul.paginationFooter{text-align:right;}
	
	#navButton{color:#4f2f8f; }
	
	@media screen and (min-width:500px){
		/* cards */
		.CardTransparent .item,.BackgroundCard .item{text-align:left;}
		.CardTransparent .item .linkText,.BackgroundCard .item .linkText{text-align:center;}
	}
	@media screen and (min-width:950px){
		/* cards */
		.CardTransparent .item,.BackgroundCard .item{text-align:center;}
	}
	
	/*h1,h2,h4,
	#topNavContainer > ul > li > a,.mobileNavOpen #navigation .utilityNavContainer > ul > li > a{text-transform:uppercase;}*/
	
	#bottomContainer h4{text-transform:capitalize;}

/* === animations & transitions === */	
	.titanBody a,
	#topNavContainer .menu > li,#topNavContainer .menu  li span.arrow,
	#navButton *,
	#scrollTop i,
	.social i,
	.CenterZone input,.CenterZone select,.CenterZone textarea,
	.FAQ .Accordion .accordionHeading,.FAQ .tabbedContent .tabs li,
	
	/* buttons */
	.CenterZone input[type="submit"],.CenterZone input[type="button"],
	.Commenting input[type="button"]{transition: all 0.3s ease-in-out 0s;}
 	#pageTopArea,#utilityWrapper,#logoControlContainer,#logoControlContainer a,#topNavContainer .menu > li > a,#topNavContainer .menu > li  > ul{transition: all 0.1s ease;}
	#pageTopArea{transition: all 0.05s ease;}  
.bxslider a {color:#a8d848!important}
	
/* === backgrounds - box-shadows - borders - border-radius - fontawesome icons === */
	/* page background - dark grey */
	.titanDisplay{background:#5f5f5f;}
	
	/*skip navigation link*/
	.skip a, .skip a:hover, .skip a:visited {
		position: absolute;
		left: 0px;
		top: -500px;
		width: 1px;
		height: 1px;
		overflow: hidden;
	}
	.skip a:active, .skip a:focus {
		position: static;
		width: auto;
		height: auto;
	}
	/*CSS for anchor tag and fixed header*/
	#centerZone:target {
		display:block;
		padding-top:220px; /* fixed header height + 15px*/
		margin-top:-220px; /* negative fixed header height */
	}
	
	/* page top */
    .NE, .SE { background: #e5e5e5; }
    .NE {border-bottom: 10px solid #4f2f8f; }
    .SE {border-bottom: 10px solid #6e8e2e; }
    @media screen and (min-width:1050px) {
       .NE {background-image: url('/clientcss/images/NESEImages/green-swoosh.jpg'); background-size: 100% 210px; background-position: 0 -420px;}
       .SE {background-image: url('/clientcss/images/NESEImages/purple-swoosh.png'); background-size: 100% 210px; background-position: 0 -420px;}
       .NE, .SE { border-bottom: none; }
    }
	.searchBarContainer{background:rgba(235,235,235,1);}
	.searchBarContainer input{background:transparent;border:0;}
	.searchBarContainer .searchBox::before{font-family:'FontAwesome';content:"\f002";} 
	
	/* top & mobile nav */
	.mobileNavOpen .navWrapper{background:rgba(94,94,94,1)}
	.mobileNavOpen #navigation .menu > li,.mobileNavOpen #navigation .utilityNavContainer > li{border-bottom:1px solid rgba(255,255,255,.5);}
	.mobileNavOpen #navigation .menu a:hover,.mobileNavOpen #navigation .menu a:focus,.mobileNavOpen #navigation .menu a:active{background: #4f2f8f; }
	
	@media screen and (min-width:1050px){ /* top nav */
		/* first level */
		/*#topNavContainer .menu > li{background:rgba(255,255,255,1);}*/
		/*#topNavContainer .menu > li:hover,#topNavContainer .menu > li:focus,#topNavContainer .menu > li:active{background:#FFF;}*/
		#topNavContainer .menu > li a span.arrow{}
		#topNavContainer .menu > li:hover span.arrow,#topNavContainer .menu > li:focus span.arrow,#topNavContainer .menu > li:active span.arrow{}
		#topNavContainer .menu > li a span.arrow::after{color: rgba(255,255,255, 1);content:"\f107";font-family: "FontAwesome";}
		#topNavContainer .menu > li > a span.arrow {height: 10px; position: relative; bottom: 28px; width: 10px;}
		#topNavContainer .menu > li:hover span.arrow:after,#topNavContainer .menu > li:focus span.arrow:after,#topNavContainer .menu > li:active span.arrow:after{color: rgba(255,255,255,1);content:"\f107";font-family: "FontAwesome";}
		/* second level */
		.NE #topNavContainer .menu > li > ul{background:rgba(79,47,143,1); }
        .SE #topNavContainer .menu > li > ul{background: #6e8e2e;border:1px solid rgba(204,204,204,1);border-top: 1px solid transparent; }
	}

	
	/* content */
	#contentArea{background:rgba(255,255,255,1);/*rgba(24,123,48,1);*/}
		#titleBarContainer{background:#ececec;}
		/*#toolContainer{background:rgba(255,255,255,1);} needs to be on the wrapper */
		#toolContainer .shareMenu span.arrow{border:10px solid transparent;border-bottom:10px solid rgba(220,220,220,1);}
		#toolContainer .shareIcons{background:rgba(220,220,220,1);}
		
		 /* left nav */	
		@media screen and (min-width:950px){
			#leftNav{border:1px solid #4f2f8f;}
			#leftNav .arrow{display:none;}
			#leftNav ul a::before{content: url("/ClientCss/images/bullet.png");}
		}
		@media screen and (min-width:1115px){
			#leftNav{border:1px solid #4f2f8f;}
		}
	
	/* footer */
	#bottomContainer{background: #5f5f5f; border-top: 12px solid #6e8e2e; color: #FFF; }
	
	.titanBody #bottomNavContainer .arrow {display:none;}
	.titanBody #bottomNavContainer ul a { color: #a8d848!important;}
	.titanBody #bottomNavContainer ul a:hover { color:#ccc!important;}
	/* social */
	/*.social a{background:rgba(255,255,255,1);border-radius:50%; float: left; margin: 10px; }*/
	.social h6{color:rgba(204, 46, 30, 1);}
	
	/* scroll to top */
	#scrollTop{border:2px solid rgba(255,255,255,1);background:rgba(85,85,85,1);border-radius:50%;}
	#scrollTop:hover{background:rgba(79, 47, 143, 1);color:rgb(255, 255, 255);}
	
/* === blocks === */
	/* imgs and things to not put borders on that might somehow get them - responsiveblocks.css includes this for images in blocks */
	#logo a img,.searchBox .searchGo,.searchBox .searchTerms,.searchBarContainer input#searchGo{border:0;outline:0}
	
	/* inputs - see responsiveblocks.css */
	.titanBody input[type="text"],.titanBody textarea,.titanBody select{border-radius:0}
	
	/* buttons */
		/* red border */
		.CenterZone input[type="submit"],.CenterZone input[type="button"],
		.Commenting input[type="button"],
		.DataFilter2 h3,.AggregationFilter2 h3,.SegmentedSearchFilter2 h3,
		.CardTransparent .item .linkText a,.BackgroundCard .item .linkText a{ background:rgba(79, 47, 143, 1); color:#FFF; padding: 8px 20px; }
		/* white border - banners */
		.titanBody .HeroBanner .button a{border:2px solid rgba(23,78,128,1);background:rgba(23,78,128,1);}
		/* hover all buttons */
		.CenterZone input[type="submit"]:hover,.CenterZone input[type="submit"]:focus,.CenterZone input[type="submit"]:active,
		.CenterZone input[type="button"]:hover,.CenterZone input[type="button"]:focus,.CenterZone input[type="button"]:active,
		.Commenting input[type="button"]:hover,.Commenting input[type="button"]:focus,.Commenting input[type="button"]:active,
		.titanBody .HeroBanner a:hover,.titanBody .HeroBanner a:focus,.titanBody .HeroBanner a:active,
		.CardTransparent .item .linkText a:hover,.CardTransparent .item .linkText a:focus,.CardTransparent .item .linkText a:active,.BackgroundCard .item .linkText a:hover,.BackgroundCard .item .linkText a:focus,.BackgroundCard .item .linkText a:active{border:2px solid rgba(30,48,99,1);background:rgba(30,48,99,1);}
		
		@media screen and (min-width:980px){
			.DataFilter2 h3,.AggregationFilter2 h3,.SegmentedSearchFilter2 h3{border:0;}
		}
	
	/* error messages - see responsiveblocks.css */
	
	/* stripes */
	.WhiteBlock{background:rgba(255,255,255,1);}
	.GreyBlock{background:rgba(0,0,0,.15);}	
	.DarkGreyBlock{background:rgba(0,0,0,.7);}	
	.BlueBlock{background:rgba(236,246,248,1);}	
	
	/* tables */
	.scrollText::before{font-family:'FontAwesome';content:"\f07e";}
	
	/* === FAQ === */
	/* answer area */
	div.FAQ dl dt{border-top:1px solid #ccc;font-weight:700;}
	/* accordion faq */
	.Accordion .arrow::before{font-family:'FontAwesome';content:"\f105";}
	.FAQ .Accordion .accordionHeading,.FAQ .tabbedContent .tabs li{background:rgba(1,1,1,.1);}
	.FAQ .Accordion .accordionHeading{border-radius:5px;}
	.FAQ .Accordion .accordionHeading:hover,.FAQ .Accordion .accordionHeading.open,.FAQ .tabbedContent .tabs li:hover,.FAQ .tabbedContent .tabs li.selected{background:rgba(14,113,162,1);}
	
	/* data list, filter, toc, what's new results */
		/* filter cards */
		.BackgroundCard.StripeWhite.item,.BackgroundCard.StripeGrey .item{border:1px solid #ddd;}
		.BackgroundCard.StripeBlue .item,.BackgroundCard.StripeDarkGrey .item{background:#fff;}
	
	
	/* calendar widget - datalist and event upload - DataFilter2 =  fieldset.calendar table.calendar, EventUpload = div.DatePicker table.calendar */
		/* dates area */
		.DataFilter2 td,.DatePicker td,
		.DatePicker table{background:rgba(230,230,230,1);}
		.DataFilter2 td,.DatePicker td{border:1px solid rgba(255,255,255,1);}
		.DataFilter2 td.otherMonth,.DatePicker td.otherMonth{background:rgba(200,200,200,1);}
		/*.DataFilter2 td.selectedDate,.DataFilter2 td.selectedDate.hasEvent,.DatePicker td.selectedDate,.DatePicker td.selectedDate.hasEvent{background:rgba(24, 123, 48,0.3);border:1px solid rgba(255,255,255,1);}*/
		/*.DataFilter2 td.hasEvent,.DatePicker td.hasEvent{background:rgba(24, 123, 48,1);}*/
	
	/* filters */
	.filterOpen .DataFilter2,.filterOpen .AggregationFilter2,.filterOpen .SegmentedSearchFilter2{background:rgba(230,230,230,1);}
	.DataFilter2 .head span::before,.AggregationFilter2 .head span::before,.SegmentedSearchFilter2 .head span::before{font-family:'FontAwesome';content:"\f107";}
	.DataFilter2 fieldset.min .head span::before,.AggregationFilter2 fieldset.min .head span::before,.SegmentedSearchFilter2 fieldset.min .head span::before{content:"\f106";}
	.DataFilter2 h3:hover,.DataFilter2 h3:focus,.DataFilter2 h3:active,.AggregationFilter2 h3:hover,.AggregationFilter2 h3:focus,.AggregationFilter2 h3:active,.SegmentedSearchFilter2 h3:hover,.SegmentedSearchFilter2 h3:focus,.SegmentedSearchFilter2 h3:active{ background:rgba(79, 47, 143, 0.5); }
	.DataFilter2 h3 span.arrow,.AggregationFilter2 h3 span.arrow,.SegmentedSearchFilter2 h3 span.arrow{border:5px solid transparent;border-left:5px solid #FFF;}
	.DataFilter2 h3:hover span.arrow,.DataFilter2 h3:focus span.arrow,.DataFilter2 h3:active span.arrow,.AggregationFilter2 h3:hover span.arrow,.AggregationFilter2 h3:focus span.arrow,.AggregationFilter2 h3:active span.arrow,.SegmentedSearchFilter2 h3:hover span.arrow,.SegmentedSearchFilter2 h3:focus span.arrow,.SegmentedSearchFilter2 h3:active span.arrow{border-left:5px solid rgba(255,255,255,1);}
	.filterOpen .DataFilter2 h3 span.arrow,.filterOpen .AggregationFilter2 h3 span.arrow,.filterOpen .SegmentedSearchFilter2 h3 span.arrow{border:5px solid transparent;border-right:5px solid #FFF;}
	.filterOpen .DataFilter2 h3:hover span.arrow,.filterOpen .DataFilter2 h3:focus span.arrow,.filterOpen .DataFilter2 h3:active span.arrow,.filterOpen .AggregationFilter2 h3:hover span.arrow,.filterOpen .AggregationFilter2 h3:focus span.arrow,.filterOpen .AggregationFilter2 h3:active span.arrow,.filterOpen .SegmentedSearchFilter2 h3:hover span.arrow,.filterOpen .SegmentedSearchFilter2 h3:focus span.arrow,.filterOpen .SegmentedSearchFilter2 h3:active span.arrow{border-right:5px solid rgba(255,255,255,1);}
	@media screen and (min-width:980px){
		.DataFilter2,.AggregationFilter2,.SegmentedSearchFilter2{background:rgba(255,255,255,1);border:1px solid rgba(180, 180, 180, 1);}
		.DataFilter2 h3:hover,.DataFilter2 h3:focus,.DataFilter2 h3:active,.AggregationFilter2 h3:hover,.AggregationFilter2 h3:focus,.AggregationFilter2 h3:active,.SegmentedSearchFilter2 h3:hover,.SegmentedSearchFilter2 h3:focus,.SegmentedSearchFilter2 h3:active{background:rgba(255,255,255,1);}
	}
	
	/* sorting */
	.listingTools{border-bottom:1px solid rgba(0,0,0,.2);}
	.listingTools li.selected a{background:rgba(0,0,0,.2);border-radius:5px;}
	
	/* site map */
	.SiteMap ul li::before{font-family:'FontAwesome';content:"\f105";margin-right:5px;color:rgba(14,113,162,1);}
	
	/* commenting */
	.Commenting .siteBounds > div{border-top:2px solid rgba(14,113,162,1);}
	.Commenting .siteBounds > div + div{border-top:2px solid rgba(0,0,0,.5);}
	.Commenting .summary,.Commenting .featured{border-bottom:0;}
	.Commenting .OneCol > div {border-top: 1px solid rgba(0,0,0,.2);border-bottom:0!important;}
	.Commenting .OneCol > div:first-child{border-top:0;}
	
	/* event upload */
	.EventUpload .startDate .icon::before,
	.EventUpload .endDate .icon::before{font-family:'FontAwesome';content:"\f073";color:rgba(14,113,162,.7);}
	.EventUpload .startDate .icon:hover::before,
	.EventUpload .endDate .icon:hover::before{color:rgba(14,113,162,1);}
	
	/* search results */
	.smartSearchResults,.SmartRL{background:#f7f7f7;border:1px solid #ccc;}
	.SmartRL,.PagesRL,.FilesRL,.PeopleRL,.NewsRL,.EventRL,.ProductRL{border-bottom:1px solid #ccc;}
	.seeAllResults a::after{font-family:'FontAwesome';content:"\f105";}
	.SearchResults .view .minIcon::before{font-family:'FontAwesome';content:"\f039";}
	.SearchResults .view .maxIcon::before{font-family:'FontAwesome';content:"\f0c9";}
	
	/* dot style */
	.DotStyle ul li .icon{background:rgba(24,123,48,1);border:3px solid rgba(255,255,255,1);border-radius:50%;}
	.IE .DotStyle ul li .icon,
	.InternetExplorer .DotStyle ul li .icon{border:0;}
	.DotStyle ul li.current .icon,
	.DotStyle ul li.hover .icon,
	.DotStyle ul li.hover.current .icon{background:rgba(14,113,162,1);border-radius:50%;}
	.DotStyle ul li .name{background:rgba(14,113,162,1);border-radius:5px;color:rgba(255,255,255,1);}
	
/* ==========================================================================================  POP UP PAGES */
	/* === COMMENTING POP UP === when coming from an TOC or Filter block Read Comments or Write Comments Link */
	div.commentFormPop,
	div.commentsPop{}
	div.commentFormPop #contentArea,
	div.commentsPop #contentArea{background:0;}

/* ==========================================================================================  CUSTOM */

/* Nav bar */
@media screen and (min-width: 1050px ) {
	.SE .menu li:hover { background-color: #4f2f8f; }
	.NE .menu li:hover { background-color: #6e8e2e; }
}

/* Home slider */
.SEbutton a {background: rgba(79, 47, 143, 1);color:#fff!important;  }
.SEbutton:hover a { background: rgba(79, 47, 143, 0.5);color:#fff!important; }

.NEbutton a {background: #6e8e2e;color:#fff!important;  }
.NEbutton:hover a { background: rgba(110, 142, 46, 0.5); color:#fff!important; }

.titanBody .SE .button a { background: #6e8e2e; }
.titanBody .SE .button:hover a { background: rgba(110, 142, 46, 0.5); }

@media screen and (min-width:980px) {
    .SE div.DataList .DataFilter2, .NE div.DataList .DataFilter2{ box-shadow: 0px 0px 8px #999; }
}

.SE #FilterArea_F1_ .head h4, .NE #FilterArea_F1_ .head h4{ color:#FFF; }
.SE #FilterArea_F1_ .head{ background-color: #4f2f8f; }
.NE #FilterArea_F1_ .head{ background-color: #6e8e2e; }

.SE .DataFilter2 td.hasEvent, .SE .DatePicker td.hasEvent{ background:rgba(110, 142, 46, 1); }
.NE .DataFilter2 td.hasEvent, .NE .DatePicker td.hasEvent{ background:rgba(79, 47, 143, 1); }

.SE .DataFilter2 td.selectedDate, .SE .DataFilter2 td.selectedDate.hasEvent, .SE .DatePicker td.selectedDate, .SE .DatePicker td.selectedDate.hasEvent{background:rgba(110, 142, 46, 0.3); border:1px solid rgba(255,255,255,1); }
.NE .DataFilter2 td.selectedDate, .NE .DataFilter2 td.selectedDate.hasEvent, .NE .DatePicker td.selectedDate, .NE .DatePicker td.selectedDate.hasEvent{background:rgba(79, 47, 143, 0.3); border:1px solid rgba(255,255,255,1); }

.SE .dateGroupHeader, .NE .dateGroupHeader{ font-weight:bold; font-size:20px; }
.SE .dateGroupHeader{ color:rgba(110, 142, 46, 1); }
.NE .dateGroupHeader{ color: rgba(79, 47, 143, 1); }

.SE .date, .NE .date{ font-weight:bold; font-size:15px; }

.SE .itemDetails h4{ color:rgba(79, 47, 143, 1); }
.NE .itemDetails h4{ color:rgba(110, 142, 46, 1); }
.SE .itemDetails div.links, .NE .itemDetails div.links{ text-align: left; font-weight:bold; }
.SE .itemDetails .location, .NE .itemDetails .location{ font-weight:bold; font-size: 16px; }

@media screen and (min-width:500px) {
     .SE .itemDetails div.links, .NE .itemDetails div.links{ text-align: right; font-weight:bold; }
}
@media screen and (min-width:700px) {
     .SE .itemDetails .location, .NE .itemDetails .location{  padding: 5px 0;  }
}

.SE .DataFilter2 .head span:before, .NE .DataFilter2 .head span:before{ color:#FFF; }

.SE .DataFilter2 .head .reset, .NE .DataFilter2 .head .reset{ color:#FFF; }

/* Events calendar */
	/* data list, filter, toc, what's new results */
		/* calendar data list - custom data node */
		.DataListing .startDate,.DataListing .endDate{float:left;}
		.DataListing .location{clear:both;}
		.DataListing .shortDescription{padding:5px 0;}
		.DataDetail .backLink{float:none!important;}
		.DataDetail .label{display:block;}
		
		
	@media screen and (min-width:980px){
		.DataFilter2 h3:first-of-type{ display:none; }
	}

	.SE #FilterArea_F1_ .head h4, .NE #FilterArea_F1_ .head h4{ padding:5px; }
   
	.SE .itemDetails, .NE .itemDetails{ clear:none; float:left; margin-bottom:0; width:78%; padding:0; }
	.SE .itemDetails h4, .NE .itemDetails h4{ width:80%; float:left; }
	.SE .itemDetails div.links, .NE .itemDetails div.links{ float:right; width:100%; box-sizing: border-box; margin-bottom:0; }
   
   @media screen and (min-width: 500px){
    .SE .itemDetails div.links, .NE .itemDetails div.links{ float:right; width:20%; box-sizing: border-box; margin:0; margin-bottom:0; }
    } 
	.SE .DataFilter2 .head span:before, .NE .DataFilter2 .head span:before{ padding:7px 0px 0px 3px; }

	.SE .DataFilter2 .head .reset, .NE .DataFilter2 .head .reset{ padding:5px 0 0 0; }

	.SE .backLink, .NE .backLink{ float:right !important; }

	.SE .backLink a, .NE .backLink a{ padding: 8px 20px; display:block; } 
	div.DataList .DataListing div.ColOne div.item{ border-bottom:none; }
	div.DataList .DataListing div.ColOne div.item:last-of-type{ border-bottom:1px solid #CCC; }

	.SE .backLink a, .NE .backLink a{ color:#FFF; font-weight:lighter; text-align: center; }
	.SE .backLink a{ background:rgba(79, 47, 143, 1); color:#FFF!important; }
	.NE .backLink a{ background:rgba(110, 142, 46, 1);color:#FFF!important;  }
	.SE .backLink a:hover{ background:rgba(79, 47, 143, 0.5); }
	.NE .backLink a:hover{ background:rgba(110, 142, 46, 0.5); }

	.oneDetail .date, .oneDetail .time {font-weight:bold;}
/* ==========================================================================================  PRINT */
@media print {

}