@import url(http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);

/*-----------------------------------------------------------------------------------

	Theme Name: Law Foundation of Ontario
	Theme URI: http://lfo.ecawpdev.com/
	Description: Custom theme for the Law Foundation of Ontario
	Author: ecentricarts / Darren Cooney
	Author URI: http://www.ecentricarts.com
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.0

	All files, unless otherwise stated, are released under the GNU General Public License
	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)
	.

	Green: #83e1c8
	Purple: #32136c
	Light Purple: #5c1075
	Grey: #2e2e2e
	Light Grey: #ebebeb
-----------------------------------------------------------------------------------*/


/*  HTML5 ✰ Boilerplate  */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
:focus{outline:none;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll;
-webkit-text-size-adjust: auto; /* Automatically adjusted for Safari on iPhone. */
-ms-text-size-adjust: auto;}
a:hover, a:active { outline: none; }
ul, ol { margin-left: 1.5em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

a:link { -webkit-tap-highlight-color: none;  }
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }
body, select, input, textarea {  color: #444; }

::-moz-selection{ background:#baf0e2; color:#000; text-shadow: none; }
::selection { background:#baf0e2; color:#000; text-shadow: none;  }

img{max-width: 100%;}
#map_canvas img {
    max-width: none;
}

/* -------------------------------- */
/* Begin */
/* -------------------------------- */
html { font-size: 62.5%; }
body{
	font-family: Helvetica, Arial, sans-serif;
	background: #32136c;
	color: #333;
	line-height:1.1em;
	font-size:13px;
	font-size:1.3rem;
	padding:0;
	margin:0;
}

#wrapper{
	width: 100%;
	height:100%;
}
#page-content{
	height:auto;
	width:100%;
	min-width:960px;
	background: #fff;
	padding:30px 0 50px;
}
.home #page-content{
	padding-top:0
}


/* --------------------------------------------------------------------------- */
/* FONTS */
/* --------------------------------------------------------------------------- */

a {
	color:#5c1075;
	text-decoration: none;
	transition:all .15s linear;
	-moz-transition:all .15s linear;
	-webkit-transition:all .15s linear;
}
.page-entry p a,
.page-entry li a{
	text-decoration: underline;
}

.page-entry p a:hover,
.page-entry li a:hover{
	text-decoration: none;
}
.page-entry ul{
	overflow: hidden;
}
a img{
	transition:all .15s linear;
	-moz-transition:all .15s linear;
	-webkit-transition:all .15s linear;
}
a:hover {
	color:#67bba5;
	color:#4c9c87;
}
a:active,
:active{
	transition:all 0.02s linear !important;
	-moz-transition:all 0.02s linear !important;
	-webkit-transition:all 0.02s linear !important;
}

p,
ul li,
ol li,
input,
textarea,
select{
	font-size:14px;
	font-size:1.4rem;
	line-height:1.5em;
	list-style:none;
	color:#333;
}
p{
	margin-bottom:1.1em;
}
.single .grid_9 p{
	padding-right:40px;
}

ul, ol, li{
	margin:0;
	padding:0;
	list-style:none;
}

  ul{
	margin:10px 0 15px;
	padding:0;
	list-style:none
}
	ul li{
		margin:5px 0;
		padding:0 0 0 15px;
		list-style:none	;
		background:url(images/icoBullet.png) no-repeat left 0.25em;
	}


		ul ul{
			margin:0 0 0 15px;
		}
			ul li li{
				font-size:1em;
			}

ol{
	margin:10px 0 15px;
	padding:0;
}
	ol li{
	  list-style: decimal outside none;
	  margin: 5px 0 5px 25px;
	  padding: 0 0 0 0;
	}

h1,h2,h3,h4,h5,h6 {
	color:#121212;
    font-weight: 400;
    padding: 0;
    margin:0 0 1em;
    line-height: 1.3em;
    font-family: 'Lato', sans-serif;
}
h1 {
	font-size:27px;
	font-size:2.7rem;
	line-height:1.2em;
	margin:0 0 20px;
	text-transform:none;
	padding-bottom:4px;
}
	h1.page-title{
		color:#67bba5;
		border-bottom:1px solid #D5D5D5;
		padding:0 0 10px;
		margin:0 0 30px;
		text-transform: uppercase;
	}
	.single h1.page-title{
		text-transform: none;
		border:none;
		margin:0 0 15px !important;
		padding: 0 !important;
	}
	.search h1.page-title{
		margin-bottom: 20px;
	}
h2{
	font-size:20px;
	font-size:2rem;
	margin: 0 0 15px 0;
}
h2.heading{
	text-align: center;
	margin:-5px 0 20px;
	padding:0 25px 35px;
	font-family: 'Lato',sans-serif;
	color:#555;
	font-size: 16px;
	font-size:1.6rem;
	line-height:1.6em;
	background: url(images/bkgHeading.gif) no-repeat center bottom;

}
p + h2{
	margin-top:30px;
}
h3 {
	font-size:16px;
	font-size:1.6rem;
	margin:0 0 15px;
}
h4 {
	font-size:14px;
	font-size:1.4rem;
	font-weight:700;
	margin:0 0 10px;

}
h5 {
	font-size:12px;
	font-size:1.2rem;
	font-weight:700;
	color:#999;
	margin:0 0 5px;
}
h6 {
	font-size:11px;
	font-size:1.1rem;
	font-weight:700;
	color:#999;
	margin:0 0 5px;
}

h1 a,h2 a,h3 a,h4 a,h5 a {
	text-decoration:none;
	color:#5c1075;
}

/* --------------------------------------------------------------------------- */
/* HEADER */
/* --------------------------------------------------------------------------- */
header#branding{
	height:164px;
	width:100%;
	min-width:960px;
	background: #32136c;
	border-bottom:1px solid #999;
	display: block;
	clear: both;
	z-index: 999;
	position: relative
}
header#branding .container_12.logo{
	height:120px;
	clear: both;
}
	#logo{
		width:330px;
		height:120px;
	}
		#logo a{
			width:330px;
			height:120px;
			display: block;
			background: url(images/logo.png) no-repeat;
			overflow: hidden;
			text-indent: -9999px;
		}
		.fr #logo a{
			background: url(images/logo-fr.png) no-repeat;
		}
#mnav{
	background:#FFF;
	height: 44px;
	min-width: 960px;
	text-align: center;
	width: 100%;
	z-index: 999;
	position: absolute;
	top:120px;
}
	#mnav .container_12{
		height:44px;
	}
	#mnav #logo-mobile{
		width:30px;
		height:30px;
		position: absolute;
		top:6px;
		left:12px;
		display: none;
		overflow: hidden;
		text-indent: -999px;
		z-index: 2;
	}
		#mnav #logo-mobile a{
			width:30px;
			height:30px;
			background: url(images/logo-mobile.png) no-repeat center center;
			display: block;
		}
			#mnav #logo-mobile a:hover{
				opacity: 0.7;
				filter: alpha(opacity=70)
			}


	#mnav ul{
		padding:0;
		margin:0 0 0 50px;
	}
	.fr #mnav ul{
	}
		#mnav ul li{
			height:44px;
			width:auto;
			line-height:44px;
			display: inline;
			float: left;
			font-family: 'Lato', sans-serif;
			text-transform: uppercase;
			font-size:13px;
			font-size: 1.35rem;
			margin:0;
			padding:0 0 0 0;
			background: url(images/bkgMnavLine.png) no-repeat right bottom;
			position: relative;
		}
		.fr #mnav ul li{
			font-size:12px;
			font-size: 1.2rem;
		}
			#mnav ul li > a{
				height:44px;
				display: block;
				color:#333;
				background: url(images/icoArrDown.png) no-repeat 92% center;
				padding:0 35px 0 13px;
			}
			.fr #mnav ul li > a{
				background: none;
				padding:0 15px;
			}
			#mnav ul li > a:hover,
			#mnav ul li:hover > a,
			#mnav ul li.current-menu-item > a,
			#mnav ul li.current-page-item > a,
			#mnav ul li.current-page-ancestor > a,
			#mnav ul li.current_page_ancestor > a{
				color:#fff;
				background-color: #67bba5
			}
			#mnav ul li > a:active{
				-webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1), inset 0 -15px 15px rgba(0, 0, 0, 0.05);
				-moz-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1), inset 0 -15px 15px rgba(0, 0, 0, 0.05);
				box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1), inset 0 -15px 15px rgba(0, 0, 0, 0.05);
			}

		/* Sub Nav */
		#mnav ul ul{
			display:none;
			position: absolute;
			top:100%;
			left:0;
			background: #fff;
			border:1px solid #999;
			border-bottom: none;
			overflow: hidden;
			width:180px;
			height:auto;
			margin:0;
			padding:0;
			-webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15);
			-moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15);
			box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15);
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
			#mnav ul ul li,
			.fr #mnav ul ul li{
				height:auto;
				width:100%;
				line-height:1.3em;
				display: block;
				float: none;
				clear: both;
				text-transform: none;
				font-size:13px;
				font-size: 1.3rem;
				margin:0;
				padding:0;
				background: none;
				position: relative;
				border-bottom: 1px solid #999;
				text-align: left
			}
			#mnav ul ul li a,
			.fr #mnav ul ul li a{
				height:auto;
				display: block;
				color:#333;
				background:none;
				padding:8px 20px 8px 8px;
				background: url(images/icoSnavOff.png) no-repeat 97% center
			}
				#mnav ul ul li > a:hover{
					color: #000 !important;
					background: #e5e5e5 url(images/icoSnavOn.png) no-repeat 97% center;
				}

				#mnav ul ul li.current-menu-item > a,
				#mnav ul ul li.current-page-ancestor > a{
					background: #e5e5e5 url(images/icoSnavOn.png) no-repeat 97% center;
					color: #3E7667 !important;
				}
				#mnav ul ul li > a:active{
					background: #e5e5e5 url(images/icoMoreArrowGreen_on.png) no-repeat 97% center;
					-webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1), inset 0 -15px 15px rgba(0, 0, 0, 0.05);
					-moz-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1), inset 0 -15px 15px rgba(0, 0, 0, 0.05);
					box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1), inset 0 -15px 15px rgba(0, 0, 0, 0.05);
				}


/* Mnav Attached */
#mnav.attached{
	border-bottom:1px solid #999;
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	position: fixed;
	top:-60px;
}

/* Secondary nav */
nav#secondary-nav ul.menu{
	float:right;
	height:30px;
	margin-right:0px;
}
	nav#secondary-nav ul.menu li,
	.lang-toggle{
		font-size:12px;
		font-size:1.2rem;
		margin:0 3px 0 12px;
		line-height: 30px;
		padding:0;
		height:30px;
		font-family: 'Lato', sans-serif;
		float:left;
	}
		nav#secondary-nav ul.menu li a,
		.lang-toggle a{
			color:#fff;
			text-decoration: none;
			height:30px;
		}
		nav#secondary-nav ul.menu li a:hover,
		.lang-toggle a:hover{
			text-decoration: underline;
		}
		nav#secondary-nav ul.menu li.privacy{
			display: none;
		}

/* Searchform */
header #searchform{
	position: absolute;
	right:10px;
	bottom:15px;
}	#searchform input{
		border:none;
		float: left;
		margin:0 0 0 5px;
	}
	#searchform #s,
	#grants_form #grant_name{
		width:160px;
		height:20px;
		position: relative;
		top:-1px;
		padding:0 0 0 5px;
		line-height:18px;
		background: #fff;
		-webkit-transition:all 0.4s ease;
		-moz-transition:all 0.4s ease;
		transition:all 0.4s ease;
	}

	#searchform #s{
		width:220px;
	}
	#grants_form #grant_name{
		width:164px;
		float:left;
		margin-right:5px;
		background: #f6f6f6;
		height:22px;
	}
	#searchform #s:focus{
		background: #fff;
		-webkit-box-shadow: 0 0 5px #83E1C8, inset 0 1px 2px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 0 5px #83E1C8, inset 0 1px 2px rgba(0, 0, 0, 0.2);
		box-shadow: 0 0 5px #83E1C8, inset 0 1px 2px rgba(0, 0, 0, 0.2);
		color:#000;
	}
	#searchsubmit,
	#granteesubmit{
		float:left;
		background: #83e1c8 url(images/icoSearchMag.png) no-repeat center center;
	}


.SocialMedia_Widget,
.lang-toggle{ float: right;}

.SocialMedia_Widget{
	border-left:1px solid #fff;
	margin-left:10px;
	padding-left:12px;
	padding-top:2px;
}
.SocialMedia_Widget .widget-title{
	display:none;
}
	.SocialMedia_Widget ul{
		width:auto;
		height:20px;
		padding:0;
		margin:0 0 03px;
	}
		.SocialMedia_Widget ul li{
			margin:5px 0 0 4px;
			float: left;
			width:20px;
			height:20px;
			padding:0;
			background: none;
		}
			.SocialMedia_Widget ul li a,
			#searchform #searchsubmit,
			#granteesubmit{
				width:20px;
				height:20px;
				background-color: #83e1c8;
				display: block;
				text-indent: -9999px;
				overflow: hidden;
				-webkit-border-radius: 20px;
				-moz-border-radius: 20px;
				border-radius: 20px;
				padding:0;
				transition:all .15s linear;
				-moz-transition:all .15s linear;
				-webkit-transition:all .15s linear;
			}

			#granteesubmit{
				width:22px;
				height:22px;
				-webkit-border-radius: 22px;
				-moz-border-radius: 22px;
				border-radius: 22px;
			}

			.SocialMedia_Widget ul li.facebook a{
				background: #83e1c8 url(images/icoSocialMedia.png) no-repeat left top;
			}
			.SocialMedia_Widget ul li.twitter a{
				background: #83e1c8 url(images/icoSocialMedia.png) no-repeat left bottom;
			}

      .SocialMedia_Widget ul li.linkedin a{
				background: #83e1c8 url(images/lfo-linkedin-b.png) no-repeat center center;
			}

			.SocialMedia_Widget ul li a:hover,
			.flex-control-nav li a:hover,
			#searchform #searchsubmit:hover{
				background-color: #69bda8;
			}
			#granteesubmit:hover{
				background-color: #6eceb4;
			}
			.SocialMedia_Widget ul li a:active,
			.flex-control-nav li a:active,
			#searchform #searchsubmit:active{
				-webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2), inset 0 -7px 10px rgba(0, 0, 0, 0.1);
				-moz-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2), inset 0 -7px 10px rgba(0, 0, 0, 0.1);
				box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2), inset 0 -7px 10px rgba(0, 0, 0, 0.1);
				background-color: #50a892;
			}
			#granteesubmit:active{
				background-color: #5ac0a4;
			}
/* --------------------------------------------------------------------------- */
/* CONTENT */
/* --------------------------------------------------------------------------- */

/*HOME */

#homepage-banner{
	height:400px;
	width:100%;
	position: relative;
}
#homepage-banner .flexslider{
	height:400px;
	width:100%;
}
	#homepage-banner ul.slides{
		margin:0;
		padding:0;
		height:400px;
	}
		#homepage-banner ul.slides li{
			margin:0;
			padding:0;
			background: none;
			position: relative;
		}
			#homepage-banner ul.slides li div.content{
				position: absolute;
				top:60px;
				left:70px;
				z-index: 1;
				width:60%;
				text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
			}
				#homepage-banner ul.slides li div.content .inner{
					padding:10px 15px;
					width:80%;
				}
		#homepage-banner h3{
			font-size:22px;
			font-size: 2.2em;
			line-height: 1.1em;
			margin:0 0 18px;
			color:#5bb9a5;
			font-weight: 700;
		}
		#homepage-banner a{
			color:#83e1c8;
		}
		#homepage-banner a:hover{
			color:#fff;
		}
		#homepage-banner p{
			color:#333;
			font-size:15px;
			font-size:1.5rem;
			line-height: 1.7em;
		}

		#homepage-banner p a.more{
			background: url(images/icoArrGreen.png) no-repeat right center;
			padding:0 12px 0 5px;
		}




/* FLEX SLIDER */
.flexslider a:active,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img{max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
.slides {zoom: 1;}
.slides > li {position: relative;background: none;padding:0;margin:0;}


.flex-direction-nav{
	position: absolute;
	top:0;
	z-index: 10;
	margin:0;
	padding:0;
	height:58px;
	width:100%;
	opacity: 0;
	filter:alpha(opacity=0);
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	transition:all 0.3s linear;
}
.ie8 .flex-direction-nav{
	opacity: 0.7;
	filter:alpha(opacity=70) !important;
	position: static;
}
#homepage-banner:hover .flex-direction-nav{
	opacity: 1;
	filter:alpha(opacity=1);
}
	.flex-direction-nav li{
		width:58px;
		height:58px;
		background: none;
		overflow: hidden;
		text-indent: -9999px;
	}
		.flex-direction-nav li a{
			width:58px;
			height:58px;
			display: block;
			opacity: 0.7;
			position: absolute;
			top:140px
		}
		.flex-direction-nav li a.flex-next{
			background: url(images/ico-flex-direction-nav.png) no-repeat left top;
			right:20px;
		}
		.flex-direction-nav li a.flex-prev{
			left:20px;
			background: url(images/ico-flex-direction-nav.png) no-repeat left bottom;
		}
			.flex-direction-nav li a:hover{
				opacity:1;
			}


.flex-control-nav{
	position: absolute;
	bottom:10px;
	z-index: 2;
	margin:0;
	padding:0;
	width: 100%;
	text-align: center;
}


	.flex-control-nav li{
		margin:5px 6px;
		display: inline-block;
		width:14px;
		height:14px;
		padding:0;
		background: none;
		background: none;
	}
		.flex-control-nav li a{
			-webkit-border-radius: 12px;
			-moz-border-radius: 12px;
			border-radius: 12px;
			background: #fff;
			display: block;
			text-indent: -9999px;
			display: block;
			width:12px;
			height:12px;
			cursor: pointer;
			text-indent: -9999px;
			overflow: hidden;
			border:0px solid #ece8f4;
			background: #c9e5de;
		}
		.flex-control-nav li a.flex-active{
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
			background: #67BBA5;
			cursor: default
		}


/* --------------------------------------------------------------------------- */
/* CTAs */
/* --------------------------------------------------------------------------- */
.cta{}

.cta h3.title{
	background: #32136c;
	color:#fff;
	padding:10px;
	overflow: hidden;
	margin-bottom:1px;
}
.cta .wrap h3{
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
	padding:5px;
	margin:0;
}
	.cta h3.title.rss{}
	.cta h3.title.rss a{
		width:20px;
		height:20px;
		display: block;
		float: right;
		background: url(images/icoRSS.png) no-repeat right center;
		display: block;
		opacity:0.85;
		filter: alpha(opacity=85)
	}
		.cta h3.title.rss a:hover{
			opacity:1;
			filter: alpha(opacity=100)
		}
.cta p{
	margin-bottom: 10px;
}
h4.title{
	margin:0;
	font-weight:400;
}

h4.title a{
	text-decoration: none !important;
}

.cta img,
.post a img,
.featured-quick-link a img{
	width:100%;
	margin-bottom:10px;
	border:1px solid #ccc
}
	.cta a:hover img,
	.post a:hover img,
	.featured-quick-link a:hover img{
		border-color:#999;
	}
.cta h3{
	margin-bottom:5px;
	font-size:17px;
	font-size:1.7rem;
}

aside .cta{
	background: #f1f0f0;
	margin-bottom:10px;
	overflow: hidden;
}
	aside .cta .wrap{
		padding: 10px;
		overflow: hidden;
	}
	aside .cta .wrap ul{
		margin:0;
	}
	aside .cta .wrap ul li{
		margin-bottom:10px;
	}
	aside .cta img{
		border:none;
		margin:0;
	}
	aside .cta .wrap ul a{
		text-decoration: underline
	}
		aside .cta .wrap ul a:hover{
			text-decoration: none
		}
	aside .cta h3.title{
		margin-bottom:0;
	}

#quick-links ul{
	margin:0;
	padding:0;
}
	#quick-links li{
		margin:0 0 1px;
		padding:0;
		line-height:1.3em;

	}
	#quick-links li a{
		background: #f1f0f0 url(images/icoMoreArrowGreen.png) no-repeat 95% center;
		padding:10px 40px 10px 10px;
		display:block;
		color:#333;
		text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
	}
		#quick-links li a:hover{
			color:#000;
			background: #e3e3e3 url(images/icoMoreArrowGreen_on.png) no-repeat 95% center;
		}

p.meta{
	font-family: 'Lato', sans-serif;
	font-size:12px;
	font-size: 1.2rem;
	line-height: 1.6em;
}
	p.meta strong{
		font-style: normal;
		font-weight:600;
		margin-top:2px;
		display: block
	}

p.more{
	color:#333;
	min-height:20px;
	line-height:18px;
	margin:0;
	font-family: 'Lato', sans-serif;
	font-weight:600
}
	p.more a{
		color:#333;
		background: url(images/icoMoreArrowGreen.png) no-repeat right center;
		padding-right:26px;
		min-height:20px;
		display: inline-block;
		line-height:20px;
	}
	p.more a:hover{
		background: url(images/icoMoreArrowGreen_on.png) no-repeat right center;
	}

	p.more.back{
		margin:-10px 0 30px;
	}
	p.more.back a{
		background: url(images/icoMoreArrowGreenBack.png) no-repeat left center;
		padding:0 0 0 26px;
	}
		p.more.back a:hover{
			background: url(images/icoMoreArrowGreenBack_on.png) no-repeat left center;
		}

/* --------------------------------------------------------------------------- */
/* ASIDE  */
/* --------------------------------------------------------------------------- */
aside p,
aside li{
	font-size:13px;
	font-size:1.3rem;
	line-height: 1.4em;
}
	.page-template-template-news-landing-page-php aside.sidebar{
		padding-top:0;
	}


/* --------------------------------------------------------------------------- */
/* SUB PAGES  */
/* --------------------------------------------------------------------------- */

.list-pages{
	padding:0;
	border:1px solid #d5d5d5;
	border-bottom: none;
	overflow: hidden;
	margin:20px 0;
	width:100%;
	display: block;
	background: #fff;
}
.page-template-template-quick-link-php .list-pages{
	margin:10px 0 20px 0;
}
	.list-pages ul{
		margin:0;
		padding:0;
	}
		.list-pages ul li{
			margin:0;
			padding:0;
			background: none;
			border-bottom: 1px solid #d5d5d5;
			overflow: hidden;
		}
		.list-pages .image{
			float:left;
			width:72px;
			height:72px;
		}
		.list-pages .text{
			float:right;
			width:346px;
			padding:5px;
		}
		.page-template-template-quick-link-php .list-pages .text{
			float:right;
			width:484px;
			padding:0 25px 5px 5px;
		}
		.list-pages a .text h3{
			margin:0 0 5px;
			color:#5c1075
		}
			.list-pages a:hover .text h3{
				color:#67bba5;
			}
		.list-pages .text p{
			font-size:13px;
			font-size:1.3rem;
			margin:0;
		}

		.list-pages a img{
			border:1px solid #ccc
		}
			.list-pages a:hover img{
				border-color:#666;
			}

			.list-pages ul li a{
				padding:10px;
				display: block;
				overflow: hidden;
			}
				.list-pages ul li a:hover{
					padding:10px;
					display: block;
					background: #efefef;
				}

				.list-pages ul li a:active{
					-webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1), inset 0 -30px 30px rgba(0, 0, 0, 0.05);
					-moz-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1), inset 0 -30px 30px rgba(0, 0, 0, 0.05);
					box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1), inset 0 -30px 30px rgba(0, 0, 0, 0.05);
				}


.featured-quick-link{
	border:1px solid #D5D5D5;
	margin:0 0 10px;
	overflow: hidden;
	background: #fff;
}
	.featured-quick-link .wrap{
		background: #F1F0F0;
		overflow: hidden;
		margin:4px;
		padding:10px;
	}

	.featured-quick-link h3{
		margin:0 0 10px;
		font-size:18px;
		font-size:1.8rem;
	}
	.featured-quick-link .img{
		width:30%;
		float: left;
		margin: 2px 0 0;
	}
	.featured-quick-link .text{
		width:66%;
		float: right;
	}

.cta.additional-info h3{
	font-size:16px;
	font-size: 1.6rem;

}

/* --------------------------------------------------------------------------- */
/* SUB NAV  */
/* --------------------------------------------------------------------------- */
.snav{}
.snav .filters{
	width:220px;
	display: block;
	/*overflow: hidden;*/
}
nav.snav ul{
	margin:0 0 0 0;
	width:220px;
	display: block;
	border:1px solid #d5d5d5;
	border-bottom: none;
	overflow: hidden;
}
	nav.snav ul > li{
		margin:0;
		padding:0;
		background: none;
		width:100%;
		float: none;
		border-bottom:1px solid #d5d5d5;
		font-family: 'Lato', sans-serif;
		font-size:13px;
		font-size:1.3rem;
	}
		nav.snav ul li > a{
			padding:6px 35px 6px 10px;
			background: url(images/icoSnavOff.png) no-repeat 96% center;
			width:auto;
			display: block;
			color:#444;
		}
		nav.snav ul li > a:hover{
			background: #e4e2e2 url(images/icoSnavOn.png) no-repeat 96% center;
			color:#000;
		}
		nav.snav ul li > a:active{
			-webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1), inset 0 -15px 15px rgba(0, 0, 0, 0.05);
			-moz-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1), inset 0 -15px 15px rgba(0, 0, 0, 0.05);
			box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1), inset 0 -15px 15px rgba(0, 0, 0, 0.05);
		}
			.snav ul li li > a:active{
				-webkit-box-shadow: none;
				-moz-box-shadow: none;
				box-shadow: none;
			}

		nav.snav ul li.current-menu-item > a,
		nav.snav ul li.current_page_item > a{
			color:#000;
			background: #e4e2e2 url(images/icoSnavOn.png) no-repeat 96% center;
		}
		nav.snav ul li.current_page_item.has-children > a,
		nav.snav ul li.current_page_ancestor.has-children > a{
			color:#000;
			background: #e4e2e2 url(images/icoSnavOpen.png) no-repeat 96% center;
		}

	nav.snav ul ul{
		border:none;
		background: #f5f4f4;
		width:100%;
		padding:5px 0;
		display: none;
	}
	nav.snav ul li.current_page_item ul,
	nav.snav ul li.current_page_ancestor ul{
		display:block;
	}
		nav.snav ul li li{
			border:none;
			margin:2px 10px;
			background: none;
			font-size:12px;
			font-size:1.2rem;
			width:auto;
		}
		nav.snav ul li li a{
			padding:3px 10px 3px 15px;
			background:url(images/icoBullet.png) no-repeat left 0.55em !important;
		}
		nav.snav ul li li a:hover{
			color:#3e7667;
			text-decoration: underline
		}
			nav.snav ul li li.current_page_item > a{
				color:#3e7667;
				font-weight:600;
			}

	nav.snav ul ul ul{
		display:none;
	}



/* --------------------------------------------------------------------------- */
/* NEWS */
/* --------------------------------------------------------------------------- */
.news{}
.page-template-template-event-landing-php h1,
.page-template-template-news-landing-page-php h1,
.single h1{
	margin-bottom:20px !important;
}
.post{
	margin:0 0 10px;
	padding-bottom:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	width:100%;
	border-bottom:1px solid #D5D5D5;
}
.news .post.featured{
	padding:10px 10px 12px 16px;
	background: #efefef;
	border-bottom: none;
}
.map{
	float:right;
	margin:0 0 20px 20px;
}
.post.featured-event,
.post.events{
	padding:10px;
	background: #fff;
	border:1px solid #d5d5d5;
}
.post.events ul li{
	padding:5px 0 10px !important;
	border-bottom:1px solid #d5d5d5;
}
	.post.events ul li:last-child{
		border-bottom:none;
	}
.post h3,
.post h4{
	margin:0 0 6px;
}

.post h4{
	font-weight:400;
}
.post .image{
	float: right;
	margin:0 2px 0 15px;
	width:100px;
	height:100px;
}
.news .post.featured .image{
	width:230px;
	height:180px;
}
.post.featured-event .image{
	width:120px;
	height:150px;
}
	.post p{
		margin:0 0 5px;
	}
	p.readmore{
		font-size:12px;
		font-size:1.2rem;
	}
	p.readmore a{
		background: url(images/icoArrowMore.png) no-repeat right center;
		padding-right:14px;
		text-decoration: underline;
	}
		p.readmore a:hover{
			text-decoration: none;
		}
	/* Event List */

	.post.events{
		margin-top:0;
	}
	.post.events p{
		font-size:12px;
		font-size:1.2rem;
	}
	.post.events .more{
		float: right;
	}
		.post.events ul,
		.post.events ul li{
			margin:0;
			padding:0;
		}
		.post.events ul li{
			background: none;
			margin-bottom:10px;
		}


.search-box{
	background: #f1f0f0;
	padding:10px 10px 16px;
	overflow: hidden;
	position: relative;
	border:1px solid #e7e7e7;
	margin-bottom:20px;
}
	.search-box #searchform #s {
		width: 300px;
		border:1px solid #f1f0f0;
	}
	#searchform #s:focus {
		border-color:#ccc;
	}

/* --------------------------------------------------------------------------- */
/* FORMS  */
/* --------------------------------------------------------------------------- */

input,
select,
textarea,
button{
	font-family: 'Lato', sans-serif;
	color:#666;
	font-size:12px;
	font-size:1.2rem;
	padding:5px;
}

input,
textarea,
button,
select{
	background: #fff;
	border:1px solid #ccc;
	width:auto;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
button.Zebra_DatePicker_Icon{
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}
.btn,
#subscribe-alerts input[type=submit]{
	color:#5c1075;
	font-size:12px;
	font-size:1.2rem;
	font-weight:400;
	border:none;
	padding:5px 10px;
	background: #E4E2E2;
	color:#222;
	border:1px solid #BFBFBF;
	transition:all .15s linear;
	-moz-transition:all .15s linear;
	-webkit-transition:all .15s linear;
	-webkit-box-shadow: inset 0 -10px 10px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: inset 0 -10px 10px rgba(0, 0, 0, 0.08);
	box-shadow: inset 0 -10px 10px rgba(0, 0, 0, 0.08);
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
#subscribe-alerts input[type=submit]{
	background: #BFBFBF;
	color:#222;
}
	.btn:hover,
	#subscribe-alerts input[type=submit]:hover{
		background: #67bba5;
		border-color:#67bba5;
		color:#fff;
		text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
	}
	.btn:active,
	#subscribe-alerts input[type=submit]:active{
		background: #3e7667;
		border-color:#3e7667;
		color:#fff;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5);
		text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
	}

.btn.filter{
	float: right;
	margin:10px 0 0;
}


/* --------------------------------------------------------------------------- */
/* 100% video */
/* --------------------------------------------------------------------------- */
.video-wrapper{
	overflow: hidden;
	width:95%;
	padding:2.5%;
	background: #efefef;
	margin:10px 0 20px;
}
/* --------------------------------------------------------------------------- */
.video-container{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	width:100%;
	float: none
}
	.video-wrapper iframe,
	.video-wrapper object,
	.video-wrapper embed{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}


/* --------------------------------------------------------------------------- */
/* PAGING */
/* --------------------------------------------------------------------------- */
.pagenav{
	width:100%;
	margin:0 auto;
	padding:10px 0;
	overflow: hidden;
	display: block;
	text-align: center;
	font-family: 'Lato', sans-serif;
	font-weight: 600;
}
	.pagenav span,
	.pagenav a{
		padding:0 0;
		display: inline-block;
		width:14px;
		height:20px;
		line-height: 20px;
	}
	.pagenav span.em-pagination{
		width:100%;
	}
	.pagenav strong{
		color:#999;
		}
	.pagenav strong span,
	.pagenav .current{
		color:#999999;
	}

	.pagenav .next,
	.pagenav .prev{
		width:20px;
		height:20px;
		background:url("images/icoMoreArrowGreen.png") no-repeat center center;
		text-indent: -9999px;
		margin:0 0 0 5px;
	}
	.pagenav .next:hover{
		background:url("images/icoMoreArrowGreen_on.png") no-repeat center center;
	}
	.pagenav .prev{
		background:url("images/icoMoreArrowGreenBack.png") no-repeat center center;
		margin:0 5px 0 0;
	}
	.pagenav .prev:hover{
		background:url("images/icoMoreArrowGreenBack_on.png") no-repeat center center;
	}


/* --------------------------------------------------------------------------- */
/* GRANTEES */
/* --------------------------------------------------------------------------- */
#results-wrapper{
	background: none;
	overflow: hidden;
	margin:0;
}

.post.grantees{
	padding:0;
	margin:0;
	position: relative;
	}

.post.grantees header{
	background: url(images/btnGranteeOpen_off.png) no-repeat 98% 11px;
}
.post.grantees header:hover{
	background: url(images/btnGranteeOpen_on.png) no-repeat 98% 11px;
}
.post.grantees header.loading{
	background: url(images/ajax-loading.gif) no-repeat 97% 13px;
}
.post.grantees.loaded header{
	background: url(images/btnGranteeClose_off.png) no-repeat 98% 11px;
}
.post.grantees.loaded{
	background:#f5f4f4;
}
.post.grantees.loaded header:hover{
	background: url(images/btnGranteeClose_on.png) no-repeat 98% 11px;
}

	.post.grantees header h3{
		float:left;
		width:70%;
		margin:0 5% 0 0;
		font-size:16px;
		font-size:1.6rem;
		color:#5c1075;
		transition:all .15s linear;
		-moz-transition:all .15s linear;
		-webkit-transition:all .15s linear;
		font-weight:700
	}
.post.grantees header{
	clear: both;
	overflow: hidden;
	width:96%;
	cursor: pointer;
	padding:2%;
}
.post.grantees header:hover{}

	.post.grantees header:hover h3{
		text-decoration: underline;
		color:#000;
		transition:all .15s linear;
		-moz-transition:all .15s linear;
		-webkit-transition:all .15s linear;
	}

	.post.grantees .total{
		float:left;
		width:18%;
		font-weight:700;
		font-size:14px;
		font-size:1.4rem;
		font-family: 'Lato', sans-serif;
		color:#000;
		line-height: 1.3em;
		padding:3px 0 0;
		text-align:right;
	}
	.post.grantees .meta{
		clear:both;
		width:100%;
		display: block;
		padding:0;
		margin:5px 0;
	}

.result{
	background: #fdffcf;
	color:#000;
	padding:5px 8px 5px 6px;
	font-weight:bold;
	font-style: italic;
	-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
	margin:0 5px;
	border-radius: 2px;
}

#sort{
	background: #e4e2e2;
	padding:0 10px;
	border: none;
	color: #666;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	font-size:11px;
	font-size:1.1rem;
	margin:0 !important;
	height:38px;
	line-height: 38px;
}
	#sort div,
	#sort ul{
		height:24px;
		margin:7px 7px 7px 0;
		float:left;
		padding:0;
		line-height: 24px;
	}
	.clear-search{
		font-size:12px;
		font-size:1,2rem;
		padding:10px 5px 0;
		margin:0;
	}
	#sort ul{
		border-radius: 2px;
		overflow: hidden;
		-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
		-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
	}
	#sort li{
		background: none;
		margin:0;
		padding:0;
		float:left;
		font-size:11px;
		font-size:1.1rem;
		line-height: 24px;
	}
		#sort li a{
			background:#888;
			color:#fff;
			padding:0 0;
			width:50px;
			text-align: center;
			cursor: pointer;
			height:24px;
			display: block;
			-webkit-box-shadow: 0 -10px 10px rgba(0, 0, 0, 0.1) inset, -0 -1px 3px rgba(0, 0, 0, 0.2) inset;
			-moz-box-shadow: 0 -10px 10px rgba(0, 0, 0, 0.1) inset, -0 -1px 3px rgba(0, 0, 0, 0.2) inset;
			box-shadow: 0 -10px 10px rgba(0, 0, 0, 0.1) inset, -0 -1px 3px rgba(0, 0, 0, 0.2) inset;
			text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
		}
		#sort li a:hover{
			text-decoration: none;
			background: #67BBA5;
		}
		#sort li a:active{
			background: #3e7667;
			-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.8) inset, inset 0 -1px 1px rgba(255, 255, 255, 0.4);
			-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.8) inset, inset 0 -1px 1px rgba(255, 255, 255, 0.4);
			box-shadow: 0 1px 1px rgba(0, 0, 0, 0.8) inset, inset 0 -1px 1px rgba(255, 255, 255, 0.4);		}
	#sort li a.active{
		color: #333;
		background: #ccc;
		cursor: default;
		text-decoration: none;
		text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
		font-weight: 700;
	}
		#sort a.date.active{
			-webkit-box-shadow:
				inset -2px 0 2px rgba(0, 0, 0, 0.1),
				0 2px 1px rgba(0, 0, 0, 0.1) inset,
				inset 0 -2px 2px rgba(255, 255, 255, 0.2);
			-moz-box-shadow:
				inset -2px 0 2px rgba(0, 0, 0, 0.1),
				0 2px 1px rgba(0, 0, 0, 0.1) inset,
				inset 0 -2px 2px rgba(255, 255, 255, 0.2);
			box-shadow:
				inset -2px 0 2px rgba(0, 0, 0, 0.1),
				0 2px 1px rgba(0, 0, 0, 0.1) inset,
				inset 0 -2px 2px rgba(255, 255, 255, 0.2);
		}
		#sort a.name.active{
			-webkit-box-shadow:
				inset 2px 0 2px rgba(0, 0, 0, 0.1),
				0 2px 1px rgba(0, 0, 0, 0.1) inset,
				inset 0 -2px 2px rgba(255, 255, 255, 0.2);
			-moz-box-shadow:
				inset 2px 0 2px rgba(0, 0, 0, 0.1),
				0 2px 1px rgba(0, 0, 0, 0.1) inset,
				inset 0 -2px 2px rgba(255, 255, 255, 0.2);
			box-shadow:
				inset 2px 0 2px rgba(0, 0, 0, 0.1),
				0 2px 1px rgba(0, 0, 0, 0.1) inset,
				inset 0 -2px 2px rgba(255, 255, 255, 0.2);
		}


.filter-group{
	clear: both;
	padding:10px 10px 15px;
	border:1px solid #D5D5D5;
	margin:0 0 15px;
}
	.filtering.loading{
		background: url(images/ajax-loading.gif) no-repeat 95% 12px;
	}


.post.grantees .close{
	position: absolute;
	right:0;
	bottom:-1px;
	font-family: 'Lato', sans-serif;
	font-size:11px;
	font-size:1.1rem;
	line-height:18px;
	text-align: center;
	font-weight: 700;
	background: #32136C;
	color:#fff;
	font-weight: 700;
	width:19px;
	height:19px;
	display: block;
	z-index: 1;
	cursor: pointer;
}
	.post.grantees .close:hover{
		background: #67BBA5;
		color:#000;
	}
	.post.grantees .close:active{
		background: #67BBA5;
		-webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2);
		box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2);
	}
.post.grantees .content-container{
	margin:0;
	padding:0 2% 4% 2%;
}

.grantee-error{
	padding:60px 40px;
	border: 1px solid #ccc;
	background: #efefef;
}
	.grantee-error p{
		font-family: 'Lato', sans-serif;
		font-size:16px;
		font-size:1.6rem;
		line-height:18px;
		text-align: center;
		font-weight: 700;
	}


.post.grantees p.more{
	margin:10px 0 0;
}
	p.link a{
		background: url("images/icoBullet.png") no-repeat left 0;
		padding:0 0 0 15px;
		font-size:12px;
		font-size:1.2rem;
		text-decoration: underline;
	}
	p.link a:hover{
		text-decoration: none;
	}

.filter_btn{
	background: #fff url("images/icoMoreArrowGreen.png") no-repeat scroll 95% 55%;
	color:#000;
	border:none;
	padding-right:25px;
	float: right;
	font-size:13px;
	font-size:1.3rem;
	font-weight:700;
	margin:10px 0 0 ;
}
	.filter_btn:hover{
		color:#67bba5
	}


#granteesubmit{
	border:none;
}

.filtering p{
	margin:0 0 5px;
}
/* Datepickers */
.calendars{
	overflow: hidden;
	clear: both;
	padding:0 0 5px;
}
.calendars span{
	width:24px;
	float: left;
	text-align: center;
	line-height:23px;
	font-size:11px;
	font-size:1.1rem;
	color:#999;
}
#datepicker-range-start,
#datepicker-range-end{
	-webkit-transition: border 0.4s ease 0s;
	-moz-transition: border 0.4s ease 0s;
	transition: border 0.4s ease 0s;
	height: 25px;
	line-height: 18px;
	padding: 0 0 0 2px;
	position: relative;
	width:83px;
	float: left;
	font-size:10px;
	font-size:1rem;
	background: #f6f6f6 url(images/calendar.png) no-repeat right top;
    cursor: pointer;
	color:#555
}
	#datepicker-range-start:hover,
	#datepicker-range-end:hover,
	#datepicker-range-start:focus,
	#datepicker-range-end:focus,
	#selected-grant-value:hover{
		background-position: right bottom !important;
		background-color: #fff;
		border-color:#ccc !important;

	}

	#datepicker-range-end{
		float: right;
	}

.no-js .select-menu{
	display: none;
}
.select-menu{
	position: relative;
	height:25px;
	margin-bottom:15px;
}

#selected-grant-value{
	height: 27px;
	line-height: 25px;
	font-size:12px;
	font-size:1.2rem;
	background: #f6f6f6 url(images/bkgGrantTypeSelect.png) no-repeat right top;
    border: 1px solid #CCCCCC;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
	padding: 0 20px 0 7px;
	position: relative;
	-webkit-transition: border 0.4s ease 0s;
	-moz-transition: border 0.4s ease 0s;
	transition: border 0.4s ease 0s;
	cursor: pointer;
	width:100%;
	font-family: 'Lato', sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden
}
	#selected-grant-value a{
		color:#555;
	}
	#selected-grant-value.open{
		background: #f6f6f6 url(images/bkgGrantTypeSelect_open.png) no-repeat right bottom !important;
	}


ul#grant-type-list{
	width:auto;
	display: block;
	margin:0 0 15px;
	padding:0;
	overflow: hidden;
	height:auto;
	clear: both;
	width:100%;
	border: 1px solid #CCCCCC;
	display: none;
	position: absolute;
	z-index: 999;
	top:26px;
	left:0;
	background: #fff;
	-webkit-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.25);
	box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.25);

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;

    overflow: hidden;
}
	ul#grant-type-list li{
		clear: both;
		line-height: 1.2em;
		font-family: 'Lato', sans-serif;
		background: none;
		margin:0;
		padding:8px;
		display: block;
		cursor: pointer;
		font-size:12px;
		font-size:1.2rem;
		border-bottom: 1px solid #ccc;
		color:#666;
		background: #f0f0f0;
		text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2);
		border-radius: 0;
		width:100%;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	li span{
		width:5px;
	}
		ul#grant-type-list li:hover{
			color:#000;
			background: #e3e3e3;
		}
	ul#grant-type-list li:last-child{
		border-bottom: none;
	}
	ul#grant-type-list li.selected{
		font-weight:700;
		color:#5c1075 !important;
		background: url("images/icoBullet.png") no-repeat scroll 3px center !important;
		padding-left:18px;
	}

/* --------------------------------------------------------------------------- */
/* MAP */
/* --------------------------------------------------------------------------- */
#map_canvas,
#map{
	height:400px;
}
#map{
	border: 1px solid #d5d5d5;
	margin:0 0 35px;
	position: relative;
	overflow: hidden
}
.infoBox p,
.infoBox h3{
	color:#fff;
	margin:0 0 5px;
}
	.infoBox h3{
		font-size:14px;
		font-size:1.4rem;
		font-weight:700;
		padding:0 15px;
	}
	.infoBox p{
		font-size:11px;
		font-size:1.1rem;
		color:#ccc;
		padding:0 15px;
	}

.infoBox{
	color:#fff;
	font-size:11px;
	font-size:1.1rem;
	line-height: 1.2em;
	padding:10px 0;
	background: #333;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width: 220px;
	z-index: 9;
	margin-top:10px;
}
.infoBox p.more{
	margin-top:16px;
}
.infoBox p a{
	color:#fff;
}
	.infoBox:before {
		border-bottom: 7px solid #333;
		border-left: 7px solid transparent;
		border-right: 7px solid transparent;
		content: "";
		display: inline-block;
		left: 59%;
		position: absolute;
		top: -7px;
	}
	.infoBox:after {
		border-bottom: 4px solid transparent;
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
		content: "";
		display: inline-block;
		position: absolute;
		top: -4px;
	}

ul#map_legend{
	margin: 0;
	padding: 0;
	width:auto;
	background: #efefef;
	height:35px;
	position: absolute;
	right:-1px;
	top:-1px;
	z-index: 10;
	border:1px solid #ccc
}

ul#map_legend li{
	width:auto;
	padding:0 20px 0 35px;
	margin:0;
	background: url(images/pin_national_sm.png) no-repeat 8px 46%;
	float: left;
	line-height: 35px;
	height:35px;
	font-size:11px;
	font-size:1.1rem;
	text-transform: uppercase;
	cursor: default;
	display: block;
}

	ul#map_legend li.regional{
		background: url(images/pin_regional_sm.png) no-repeat 10px 46%;
		width:auto;
		border-left:1px solid #d5d5d5
	}

/* --------------------------------------------------------------------------- */
/* NEWSLETTER SIGNUP */
/* --------------------------------------------------------------------------- */
#btn-subscribe{
	position: absolute;
	top:10px;
	right:0;
	font-family: 'Lato', sans-serif;
	background: url(images/icoSubscribe.png) no-repeat right center;
	height:23px;
	line-height: 23px;
	padding-right:33px;
	width:auto;
	font-size:12px;
	font-size:1.2rem;
	font-weight:700;
	cursor: pointer;
	transition:all .15s linear;
	-moz-transition:all .15s linear;
	-webkit-transition:all .15s linear;
}
	#btn-subscribe:hover{
		text-decoration: underline;
		background: url(images/icoSubscribe_on.png) no-repeat right center;
	}

#subscribe-alerts{
	background: #e4e2e2;
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
	display: none;
	width:100%;
}
#subscribe-alerts h3{
	font-size:20px;
	font-size:2rem;
}
#s2email{
	width:250px;
	margin:0 10px 0 0;
	height:30px;
	line-height: 30px;
	padding:0 5px;
}
#subscribe-alerts .wrap{
	padding:15px;
	overflow: hidden;
}
#subscribe-alerts form{}
#subscribe-alerts p{
	float: left;
}
#subscribe-alerts p.s2_error{
	clear:both;
	float: none;
	color:#ff0000;
	margin:0;
}
#subscribe-alerts p.s2_message{
	font-weight:bold;
}

#subscribe-alerts form label,
#subscribe-alerts form br {
	display: none;
}
	#subscribe-alerts .close{
		position: absolute;
		top:10px;
		right:10px;
		background:#bfbfbf url(images/icoClose.png) no-repeat center center;
		width:19px;
		height: 19px;
		display: block;
		-webkit-border-radius: 19px;
		-moz-border-radius: 19px;
		border-radius: 19px;
		cursor: pointer;
		text-indent: -9999px;
		overflow: hidden;
	}
	#subscribe-alerts .close:hover{
		background-color: #ccc;
	}
	#subscribe-alerts .close:active{
		background-color: #bfbfbf;
		-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.4);
		-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.4);
		box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.4);
	}
#subscribe-alerts input[type=submit]{
	height:31px;
	line-height: 30px;
	padding:0 10px;

}

/* --------------------------------------------------------------------------- */
/* EXTRAS */
/* --------------------------------------------------------------------------- */

.profile{
	width:100%;
	margin:0 0 10px 0;
}
	.profile img{
		float:left;
		margin:0 20px 20px 0;
	}



/* --------------------------------------------------------------------------- */
/* FOOTER */
/* --------------------------------------------------------------------------- */
footer#site-footer{
	width:100%;
	min-width:960px;
	clear: both;
	font-family: 'Lato', sans-serif;
	padding:0 0 40px;
}
	footer#site-footer .container_12{
		padding:20px 0 0;
	}
footer#site-footer a{
	color:#fff;
}
footer#site-footer a:hover{
	text-decoration: underline
}
footer#site-footer ul ul{
	display:none;
}

#fnav,
#secondary-fnav{
	width:100%;
	display: block;
	margin:0 0 0;
	overflow: hidden
}

	#fnav ul,
	#secondary-fnav ul{
		margin:0;
		padding:0;
	}
		#fnav ul li,
		#secondary-fnav ul li{
			background: none;
			float:left;
			margin:0 10px 5px 2px;
			padding:0;
			text-transform: uppercase;
			font-size:12px;
			font-size:1.2rem;
			line-height: 1.5em;
			height:1.5em;
		}

		#secondary-fnav ul li{
			font-size: 12px;
			font-size: 1.2rem;
			text-transform: none;
		}
		#secondary-fnav .lang-toggle{
			float:left;
			font-size:12px;
			font-size:1.2rem;
			line-height: 1.5em;
			height:1.5em;
			margin:0 18px 5px 2px;
		}

footer#site-footer .SocialMedia_Widget{
	margin-top:-19px;
	padding-top: 0;
}
footer#site-footer .SocialMedia_Widget ul{
	padding:12px 0 0;
}

p#copyright{
	color:#c9bfda;
	clear: both;
	margin:20px 2px;
	width:100%;
	font-size:11px;
	font-size:1.1rem;

}

/* --------------------------------------------------------------------------- */
/* MISC */
/* --------------------------------------------------------------------------- */
.s_logo{
	margin-bottom:15px;
}
.edit-post{position:fixed; bottom:0; right:10px; z-index:99999; border-radius:4px 4px 0 0; overflow: hidden; text-transform: uppercase; font-size:0.9em;}
.edit-post a{background:rgba(0, 0, 0, 0.3);color:rgba(255, 255, 255, 0.6);padding:8px 15px 5px;display:block;  text-decoration: none; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);}
.edit-post:hover{background:rgba(0, 0, 0, 0.8);color:rgba(255, 255, 255, 1);}
.rollover{ cursor:pointer;}
.spacer{ height:20px; clear:both; display:block}
.hand{cursor:help;}
.black{color:#000;}
.red{color:#C00; background:#fff; padding:5px;}
.green{color:#80aa46;}
.grey{color:#999;}
.white{color:#fff;}
.clearfix:after {clear:both;content:"."; display:block;	height:0; visibility:hidden;}
.clearfix {	display:inline-block;}
.clear {clear: both;height: auto; overflow: hidden; width:100%; padding:0; margin:0;}
.disabled{cursor:default !important;}

.padding-top{
	padding-top:20px;
}

.small{
	font-size:12px;
	font-size: 1.2rem;
	line-height:14px;
}
.highlight{
	background: #ffff99;
	color:#000;
	display: inline-block;
	overflow: hidden;
	padding:0 5px;
	margin:0 5px 0 0;
	float: left
}

.alignleft { float: left; }
.alignright { float: right; }
.aligncenter {margin-left: auto;margin-right: auto;display: block;clear: both;}

.alignleft {
  float: left;
  margin: 3px 20px 20px 0;
  text-align:left;
}
.alignright {
  float: right;
  margin: 3px 0 20px 20px;
  text-align:right;
}

p.wp-caption-text{
	text-align:center;
	margin:0;
	color:#999;
	font-size:0.9em;
	font-style:italic;
	padding:5px 10px;
}

blockquote{
	border:none;
	background:url(images/blockquote.png) no-repeat 5px 22px;
	width:auto;
	clear: both;
	margin:10px 0 20px;
	padding:20px 25px 10px 35px;
	font-family: 'Lato',sans-serif;
	font-size:1.3rem;
	line-height:1.3em;
	color:#333;
	border-top: 1px solid #D5D5D5;
	border-bottom: 1px solid #D5D5D5;
	overflow: hidden;
}
h1 + blockquote{
	border-top:none;
}
	blockquote h3{
		color:#555;
		font-family: 'Lato',sans-serif;
		text-transform:none;
		font-weight:400;
		line-height:1.4em;
		font-size: 20px;
		font-size:2rem;
		font-style: italic;
	}
	blockquote p{
		color:#555;
		font-size: 15px;
		font-size:1.5rem;
		line-height:1.6em;
		text-align:left;
		font-family: 'Lato',sans-serif
	}

.error404 #page-content .grid_12{
	padding:0 20px;
}

/* --------------------------------------------------------------------------- */
/* SHARE */
/* --------------------------------------------------------------------------- */
ul.share{
	display: block;
	height:auto;
	clear: both;
	width:100%;
	height:32px;
	padding: 0;
	margin:0 0 15px;
	text-align: right;
}
	ul.share div{
		float: left;
		height:20px;
		line-height:20px;
		font-family: 'Lato',sans-serif;
		font-size: 13px;
		font-size:1.3rem;
		padding-right:10px;
		margin:5px 10px 0 5px;
		color:#32136C;
		font-weight: 700;
		text-transform: uppercase;
		text-align: right;
		border-right:1px solid #d5d5d5;
	}
	ul.share li{
		float: left;
		width:30px;
		height:30px;
		background: none;
		margin: 0;
		padding:0;
		position: relative;
		border-right:none;

	}
		ul.share li a span{
			display:none;
			position: absolute;
			top:38px;
			left:-38px;
			width:100px;
			color:#fff;
			text-align:center;
			font-size:11px;
			font-size:1.1rem;
			line-height: 1.2em;
			padding:10px 7px;
			background: #67BBA5;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
			position: relative;
			width: 100px;
			z-index: 9;
		}
		ul.share li a:hover span{
			display:block;
		}
		ul.share li a:hover span:before {
			border-bottom: 7px solid #67BBA5;
			border-left: 7px solid transparent;
			border-right: 7px solid transparent;
			content: "";
			display: inline-block;
			left:47px;
			position: absolute;
			top: -7px;
		}
		ul.share li a:hover span:after {
			border-bottom: 4px solid transparent;
			border-left: 4px solid transparent;
			border-right: 4px solid transparent;
			content: "";
			display: inline-block;
			position: absolute;
			top: -4px;
		}



		ul.share li a{
			display:block;
			height:30px;
			background: url(images/icoShare.png) no-repeat;
			-webkit-transition: none;
			-moz-transition: none;
			transition: none;
		}
		ul.share li.share_twitter{
		}
		ul.share li.share_twitter a{
			background-position: -30px top;
		}
			ul.share li.share_twitter a:hover{
				background-position: -30px bottom;
			}
		ul.share li.share_facebook a{
			background-position: -60px top;
		}
			ul.share li.share_facebook a:hover{
				background-position: -60px bottom;
			}
		ul.share li.share_linkedin a{
			background-position: 0 top;
		}
			ul.share li.share_linkedin a:hover{
				background-position: 0 bottom;
			}
		ul.share li.share_google a{
			background-position: -90px top;
		}
			ul.share li.share_google a:hover{
				background-position: -90px bottom;
			}
		ul.share li.email a{
			background-position: -120px top;
		}
			ul.share li.email a:hover{
				background-position: -120px bottom;
			}
		ul.share li.print a{
			background-position: -150px top;
		}
			ul.share li.print a:hover{
				background-position: -150px bottom;
			}

	ul.share li.email{
		/*margin-left:10px;
		border-left:1px solid #ccc;
		padding-left:10px;*/
	}
