/* ===  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
	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)
	BLUE STRIPE rgba(#1b75bc) 
	
	BLUE rgba(#1b75bc) utility links & Call to Action Button
	GREY rgba(136,136,136,1) Search text
	RED rgba(181,33,36,1) Links, Back to Top  
	
	RED H's rgba(162,20,19,1) H1, H3
	WHITE rgba(255,255,255,1)
	BLACK rgba(0,0,0,1) 
	*/
/* block class */
	.StripeWhite,.StripeGrey,.StripeBlue,.StripeDarkGrey,.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:Lato,sans-serif;} /* google font */
	
	h1{font-family: 'Sumana', serif;color:#e62518;padding-bottom:.40rem}/* google font */
	h2{color:#555;}
	h3{font-family: 'Sumana', serif;color:#a97123;}
	/* === 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],
	#contentFooter,
	.ToTop{font-size:1.3rem;}
	
	.utilityNavContainer a{font-size:1.3rem;text-decoration:none;}
	.utilityNavContainer a:hover{font-size:1.3rem;text-decoration:underline;color:rgba(0,0,0,1);}
	
	#topNavContainer a{font-size:1.45rem;}
	
	#contentFooter p{color:rgba(255,255,255,1)}
	h4,h5,
	.mobileNavOpen #navigation a{font-size:1.7rem;color:#fff;}
	
	#pageTools a,#pageTools span{font-size:2rem;}
	
	h1,h2{font-size:3rem;line-height:4rem;}
	
	h3{font-size:2.25rem;line-height:4rem;}
	
	#scrollTop i{font-size:4rem;line-height:5rem;}

	@media screen and (min-width:768px){
		.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 */
	
		h4,
		.titanBody a:hover,.titanBody a:focus,.titanBody a:active,
		#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(0,0,0,1);}
		/* links utility */
		.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{}
	
	/* 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;}
		
		/* Buttons class names */
		.button {
		background: rgba(179,43,38,1);
		-webkit-border-radius: 10;
		-moz-border-radius: 10;
		border-radius: 10px;
		color: #ffffff!important;
		padding: 10px;
		text-decoration: none;
		}

		.button:hover {text-decoration: none!important;background: rgba(179,43,38,.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 */
		.titanBody a,
		.social i:hover,.social i:focus,.social i:active,
		#toolContainer span:hover,#toolContainer span:focus,#toolContainer span:active,
		
		/* faq accordion class name */
		.Accordion .minmax,.Accordion dt,.Accordion dt .arrow,
		.FAQ .Accordion .min:hover,.FAQ .Accordion .max:hover,
		/* cards class names when also in a dark color stripe */
		.DarkGreyBlock .BackgroundCard .item h4 a,.DarkGreyBlock .BackgroundCard .item h4 a,.DarkGreyBlock .BackgroundCard .item h4 a,
		.BlueBlock .BackgroundCard .item h4 a,.BlueBlock .BackgroundCard .item h4 a,.BlueBlock .BackgroundCard .item h4 a,
		.linkComments a{color:#ff5b35;}
		
		@media screen and (min-width:768px){ /* 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:rgba(255,255,255,1);}
			#navigation a.current{background:#9e292b;color:rgba(255,255,255,1);}
			#topNavContainer .menu > li ul li:hover a,#topNavContainer .menu > li ul li:focus a,#topNavContainer .menu > li ul li:active a
			{color:#545759;}
		}
	
/* === 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;}

/* === 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;list-style:none;}
	
	#navButton{color:#9e292b;padding:15px 0;}
	
	@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:768px){
		/* cards */
		.CardTransparent .item,.BackgroundCard .item{text-align:center;}
		#navigation{background:#d9d1ba;border-bottom:4px solid #9e292b;}
		
	}
	
	h1,h2,h4{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;}  

	
/* === backgrounds - box-shadows - borders - border-radius - fontawesome icons === */
	/* page background - dark grey */
	.titanDisplay{}
	
	/*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 */
	#navigation{}
	#pageTopArea{background:#f4efe3 ;border-bottom:4px solid #9e292b;}
	#utilityWrapper{}
	.searchBarContainer{border:1px solid #ccc;margin: 5px 12px 0 8px;background:#fff;}
	.searchBarContainer input{background:transparent;border:0;}
	.searchBarContainer .searchBox::before{font-family:'FontAwesome';content:"\f002";color:#9e292b;} 
	
	@media screen and (max-width:768px){.searchBox{background:rgba(255,255,255,1);}
	}
	
	/* top & mobile nav */
	#topNavContainer > ul > li > a {color:#545759;}
	#navButton i{font-size:2.8rem;margin-top: 5px;}	
	#navButton:hover *{color:rgba(0,0,0,1);}
	.mobileNavOpen .navWrapper{background:#9e292b;}
	.mobileNavOpen #navigation .menu > a {color:rgba(255,255,255,.5);}
	.mobileNavOpen #navigation .menu > 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:rgba(255,255,255,1);color:#9e292b;}
	.mobileNavOpen #navigation a,#navButton i{line-height:1.5rem;}
	.mobileNavOpen #navButton *{color:rgba(255,255,255,1);}
	.mobileNavOpen #navigation ul li ul li  a{color:rgba(255,255,255,.5);}
	
	.mobileNavOpen .utilityNavContainer {background:rgba(255,255,255,1);}
	.mobileNavOpen .utilityNavContainer a{color:#9e292b;}
	.mobileNavOpen #navigation .utilityNavContainer > ul > li > a{color:#9e292b;font-size:1.4rem;border-bottom:1px solid #9e292b!important;}
	.mobileNavOpen #navigation .utilityNavContainer > li a{}
	
	.social a {color: #ff5b35;
    background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
    border-radius: 50%; padding:8px;}
	.social i{font-size:3rem;line-height:4rem;color: #ff5b35;}
	.social { margin-left: 10px;}
	.social li {float: left;margin: 10px 5px;	}
	.social a {	display: block;	height: 40px;padding: 1px 8px;width: 40px;color: #ff5b35;	}
	.social i:hover {color: #000!important;	}
	
	@media screen and (min-width:768px){ /* top nav */
		/* first level */
		#topNavContainer .menu > li{}
		#topNavContainer .menu > li:hover,#topNavContainer .menu > li:focus,#topNavContainer .menu > li:active{background:#9e292b;}
		#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{content:"\f107";font-family: "FontAwesome";color:#545759;}
		#topNavContainer .menu > li a.current span.arrow::after{color:#fff;}
		#topNavContainer .menu > li > a span.arrow {height: 10px; position: relative; bottom: 30px; 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 */
		#topNavContainer .menu > li > ul{background:#9e292b;padding:5px 10px;}
		#topNavContainer .menu > li ul li a {color:rgba(255,255,255,1);}
	}
		
		
	/* content */
	#contentArea{background:rgba(255,255,255,1);/*rgba(24,123,48,1);*/}
	
	/* PAGE TOOLS BREADCRUMB */
	
	#breadCrumbContainer{float:left;margin-top:8px;}
	#breadCrumbContainer ul{margin:0px;padding:0px;float:left;}
	#breadCrumbContainer ul li{display:block;float:left;}
	#breadCrumbContainer ul li a{display:block;float:left;}
	#breadCrumbContainer ul li span{display:block;float:left;margin-left:5px;margin-right:5px;}
	
	@media screen and (max-width:1200px){
	#breadCrumbContainer{display:none;}}
	
		#breadCrumbContainer ul li{list-style:none;font-size:1.4rem;}
		#breadCrumbContainer ul li a{}
		#breadCrumbContainer ul li a:hover{}
	
		/*#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:768px){
			
			#leftNav{border:1px solid rgba(180, 180, 180, 1);}
			#leftNav .arrow{display:none;}
			#leftNav ul a::before{font-family:'FontAwesome';content:"\f105";}
		}
		@media screen and (min-width:1115px){
			#leftNav{border:1px solid rgba(180, 180, 180, 1);}
		}
	
	/* footer */
	#bottomContainer{background:#1b75bc;}
	.titanBody #bottomContainer,#bottomContainer a{color:rgba(255, 255, 255,1);}
	#bottomContainer a{text-decoration:underline;}
	#bottomContainer a:hover{text-decoration:none;color:rgba(0,0,0,1);}
	#address{margin-top:40px;width:100%}

	.titanBody #bottomNavContainer a {text-decoration:none;}
	.titanBody #bottomNavContainer .arrow {display:none;}
	.titanBody #bottomNavContainer a:hover, .titanBody #bottomNavContainer a:focus, .titanBody #bottomNavContainer a:active {text-decoration:underline;color:rgb(255, 255, 255);}
	
		#contentFooter, #poweredBy{background: #34393d;padding:20px 5px;color:#fff;}
		#poweredBy{text-align:right;font-size:12px;color:#ccc;}
		#poweredBy a{color:#999;}
		#poweredBy a:hover{color:#ccc;}
		
	/* social */
	.facebook a , .twitter a {background:#1b75bc;color:rgb(255, 255, 255); border-radius: 50%; float: left; margin: 10px;list-style:none;font-size:3.5rem;line-height: 1rem;}

	/* scroll to top */
	#scrollTop{border:2px solid rgba(255,255,255,1);background:rgba(85,85,85,1);border-radius:50%;color:rgb(255, 255, 255); }
	#scrollTop:hover{background:#1b75bc;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{border:0;outline:0}
	.searchBarContainer input#searchGo{color:rgba(0,0,0,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(255,255,255,1);border:2px solid #1b75bc;border-radius:2px; margin-top:5px;color:#1b75bc;}
		/* 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 #1b75bc;background:#1b75bc;}
		
		@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:#f4efe3;}	
	.DarkGreyBlock{background:rgba(0,0,0,.7);}	
	.BlueBlock{background:#1b75bc;}	
		.BlueBlock p{color:rgba(255,255,255,1);}
	.BlueBlock a{color:rgba(255,255,255,1);text-decoration:underline;}
	.TextureBlock{background-color:#f4efe3;
					background-image: radial-gradient(closest-side, transparent 98%, rgba(116,119,35,.1) 99%),
					radial-gradient(closest-side, transparent 98%, rgba(169,113,35,.1) 99%);
					background-size:10px 10px;
					background-position:0 0, 5px 5px;
					}
	
	/* 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:#1b75bc;}
	
	/* 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:#1b75bc;}
	.DataFilter2 h3 span.arrow,.AggregationFilter2 h3 span.arrow,.SegmentedSearchFilter2 h3 span.arrow{border:5px solid transparent;border-left:5px solid #1b75bc;}
	.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 #1b75bc;}
	.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(12,89,144,1);}
	
	/* commenting */
	.Commenting .siteBounds > div{border-top:2px solid rgba(12,89,144,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(12,89,144,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(12,89,144,1);border-radius:50%;}
	.DotStyle ul li .name{background:rgba(12,89,144,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 */	

	#pageTopArea{background:#f4efe3;border-bottom: 4px solid #1b75bc;}
	#navButton span{margin-right:10px;top:-7px;position:relative;}
	#calltoAction{float:right;width:280px;margin:10px 22px 5px 0;}
	
	@media screen and (max-width:768px) {
		#logoControlContainer{width:75%;min-height:100px;}
		#calltoAction{width:190px;position:absolute;right:10px;top:40px;margin:40px 5px 5px 0;}
	}
	
	@media screen and (max-width:415px) {
		#navButton, #navigation, .navWrapper {float: none;}
	}
	
	.Bbutton a {background:#1b75bc;color: rgba(255,255,255, 1);
	text-decoration: none !important;border:rgba(12, 113, 180,1) 2px solid;
	border-radius:2px;
    font-size: 1.8rem;
    font-weight: 500;
    padding: 4px 20px;
	margin:0 0 0 32px;}

	.Bbutton a:hover {background:rgba(255,255,255, 1);
	border:#1b75bc 2px solid;
    text-decoration: none;color: rgba(12, 113, 180,1);
    transition: all 0.3s ease-in-out 0s;}
	
	.DataFilter2, .AggregationFilter2, .SegmentedSearchFilter2 {
		background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
	   border:none;
	}
	.AggregationFilter2, .SegmentedSearchFilter2 {
		float: left;
		margin: 0 0 40px;
		padding: 15px;
		width: auto;
	}
	#leftNav .AggregationFilter2 {padding:0px;}
	
	
	.titleMiddle {display:none;}
	.pagination{list-style:none;}
	.siteBounds h1{margin-top:20px}
	.LocationName, .LocationAdress1, .LocationAddress2, .startDate, .startTime, .location, .contact, .phone, .hosted, .department, .category {display:block;}
	.LocationName label,  .startDate label, .startTime label,.location label,.hosted label, .department label, .category label  {font-weight:700;margin-right:2px;}
	.editEvent, .copyEvent {background: #ff5b35 none repeat scroll 0 0;
		border: medium none;
		display: inline-block;
		padding:5px;
		margin-right:5px;}
		.editEvent a, .copyEvent a{color: #fff!important;} 
	.CalendarDetail .edit > a {
		display: none;
	}

	.DataFilter2{width:100%; padding:0;}
	.proximity div.search{height:30px;}
#mc-donation {border: none;}

/* ==========================================================================================  PRINT */
@media print {

}