/*
	(c)2012 - visuallizard.com
	
	General Layout Styles.
	Sets major blocking (and minor styles) to genaral elements in the template.
	All can be removed and started from scratch or elemnts can be adjusted individually.
*/


.container { position: relative; width: 960px; margin: 0 auto; padding: 0; }
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

/* Header */
	#header {
		clear: both;
		position: relative;
		margin: 0;
		padding: 0;
		
		background: #daf1f6;
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RhZjFmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background-image: -moz-linear-gradient(top,  #daf1f6 0%, #ffffff 40%, #ffffff 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#daf1f6), color-stop(40%,#ffffff), color-stop(100%,#ffffff));
		background-image: -webkit-linear-gradient(top,  #daf1f6 0%,#ffffff 40%,#ffffff 100%);
		background-image: -o-linear-gradient(top,  #daf1f6 0%,#ffffff 40%,#ffffff 100%);
		background-image: -ms-linear-gradient(top,  #daf1f6 0%,#ffffff 40%,#ffffff 100%);
		background-image: linear-gradient(top,  #daf1f6 0%,#ffffff 40%,#ffffff 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#daf1f6', endColorstr='#ffffff',GradientType=0 );
		
		-webkit-box-shadow: 0 30px 30px rgba(0, 0, 0, 0.2);
		   -moz-box-shadow: 0 30px 30px rgba(0, 0, 0, 0.2);
		        box-shadow: 0 30px 30px rgba(0, 0, 0, 0.2);
	}

		#header hgroup {
			display: block;
			width: 430px;
			height: 140px;
			margin-bottom: -12px;
			background: url(../../img/logo.png) 0 0 no-repeat transparent;
			text-indent: 200%;
			white-space: nowrap;
			overflow: hidden;
			text-decoration: none;
			cursor: pointer;
			position: relative;
			z-index: 10;
		}
			#header hgroup h1,
			#header hgroup h2 {
				margin: 0;
				height: 50%;
				background: none;
			}
		header a:hover,
		header a:focus {
			color: #aaa;
		}
		
		header .logo hgroup {
			float: left;
		}
		.logo_wrha {
			display: block;
			float: right;
			clear: right;
			margin: 0;
		}
		
		
		/* Language toggle */
		header .lang { }


/* 	Navigations */
	nav {
		display: block;
		position: relative;
		width: 100%;
		clear: both;
	}
		nav ul {
			clear: both;
			margin: 0;
			padding: 0;
			list-style: none;
		}
		
		#header nav {
			background: #9fa615;
			background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlmYTYxNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzlmYTYxNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2YjcwMGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background: -moz-linear-gradient(top,  #9fa615 0%, #9fa615 50%, #6b700e 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9fa615), color-stop(50%,#9fa615), color-stop(100%,#6b700e));
			background: -webkit-linear-gradient(top,  #9fa615 0%,#9fa615 50%,#6b700e 100%);
			background: -o-linear-gradient(top,  #9fa615 0%,#9fa615 50%,#6b700e 100%);
			background: -ms-linear-gradient(top,  #9fa615 0%,#9fa615 50%,#6b700e 100%);
			background: linear-gradient(top,  #9fa615 0%,#9fa615 50%,#6b700e 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9fa615', endColorstr='#6b700e',GradientType=0 );
		}
		#header nav ul {
			width: 950px;
			margin: 0 auto;
			padding: 0;
			min-height: 125px;
			font-size: 1.2em;
			
			
		}
			#header nav ul li {
				display: block;
				position: relative;
				margin: 0;
				padding: 0 0 0 1px;
				float: left;
				background: #c7d01a;
				background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlmYTYxNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzlmYTYxNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjN2QwMWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(top,  #9fa615 0%, #9fa615 30%, #c7d01a 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9fa615), color-stop(30%,#9fa615), color-stop(100%,#c7d01a));
				background: -webkit-linear-gradient(top,  #9fa615 0%,#9fa615 30%,#c7d01a 100%);
				background: -o-linear-gradient(top,  #9fa615 0%,#9fa615 30%,#c7d01a 100%);
				background: -ms-linear-gradient(top,  #9fa615 0%,#9fa615 30%,#c7d01a 100%);
				background: linear-gradient(top,  #9fa615 0%,#9fa615 30%,#c7d01a 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9fa615', endColorstr='#c7d01a',GradientType=0 );
			}
			#header nav ul li.first {
				padding-left: 0;
			}
				#header nav ul li a {
					display: block;
					position: relative;
					padding: 18px 11px 17px;
					color: #fff;
					letter-spacing: 0.01em;
					font-size: 15px;
					font-weight: bold;
					text-decoration: none;
					text-transform: uppercase;
					text-shadow: 2px 2px rgba(0,0,0,.2);
					background: #9fa615;
					
					-webkit-transition: all 0.1s linear 0s;
					-moz-transition: all 0.1s linear 0s;
					-ms-transition: all 0.1s linear 0s;
					-o-transition: all 0.1s linear 0s;
					transition: all 0.1s linear 0s;
				}
				#header nav ul li:hover a,
				#header nav ul li.at a {
					color: #fff;
					background: #24a7dd;
				}
				#header nav > ul > li.at a:before {
					content: "";
					display: block;
					position: absolute;
					top: 100%; left: 50%;
					margin-left: -21px;
					width: 0;
					height: 0;
					border: 21px solid #fff;
					border-left-color: transparent;
					border-right-color: transparent;
					border-bottom-color: transparent;
					z-index: 10	;
				}
				#header nav > ul > li.at a:after {
					content: "";
					display: block;
					position: absolute;
					top: 100%; left: 50%;
					margin-left: -15px;
					width: 0;
					height: 0;
					border: 15px solid #24a7dd;
					border-left-color: transparent;
					border-right-color: transparent;
					border-bottom-color: transparent;
					z-index: 10	;
				}


		/* 	Drop-downs */
		#header nav ul.nav_1 > li > ul {
			display: none;
			position: absolute;
			top: 100%;
			left: 1px;
			z-index: 1000;
			float: left;
			width: 200px;
			min-height: 0;
			padding: 5px 2px;
			margin: 0 0 0 0;
			border-top: 2px solid #fff;
			list-style: none;
			background: #24a7dd;
		}
		#header nav ul.nav_1 > li:hover > ul {
			display: block;
		}
			#header nav ul.nav_1 > li > ul li {
				float: none;
				background: none;
				padding: 0;
				margin-bottom: 2px;
			}
			#header nav ul.nav_1 > li > ul a {
				display: block;
				clear: both;
				color: #fff;
				font-weight: normal;
				font-size: 14px;
				line-height: 1.1;
				text-transform: none;
				padding: 5px 15px;
				text-shadow: none;
			}
			
			#header nav ul.nav_1 > li > ul li a:before,
			#header nav ul.nav_1 > li > ul li a:after {
				display: none;
			}
			
			#header nav ul.nav_1 li    ul li:hover a,
			#header nav ul.nav_1 li.at ul li:hover a,
			#header nav ul.nav_1 li.at ul li.at    a {
				color: #24a7dd;
				background: #daf1f6;
			}
			
		
		
		
/* Login form */
	header form input[type="text"],
	header form input[type="password"],
	header form input[type="email"] {
		margin: 0 5px 0 0;
		width: auto;
	}
	header form .input {
		display: inline-block;
	}
	
	header .login-nav,
	header .login-form,
	header .search-form {
		position: relative;
		color: #fff;
		float: left;
		display: block;
		vertical-align: top;
		margin:  0 0 0 20px;
	}
		.login-nav,
		.login-options {
			list-style: none;
			margin-left: 0;
		}
	header .login-nav li {
		display: inline-block;
	}
	header .login-nav a,
	header .login-form a {
		font-size: 13px;
		padding: 0 5px 0 0;
		margin: 0;
		text-transform: none;
		text-decoration: none;
	}
	header .login-form .error-message {
		position: absolute;
		bottom: 0; left: 0;
		margin: 0;
		color: #ee5f5b;
		font-size: 13px;
	}
	
	header .search-form {
		float: right;
		margin: 10px 0;
	}
		header .search-form .input.text input  {
			width: 142px;
		}


/* 	Colummns and Sections	*/
#content {
	padding: 0;
	border: 5px solid #fff;
	width: 950px;
	min-height: 600px;
	background: #fff;
	position: relative;
	z-index: 1;
}
	
	#main, aside {
		margin-top: -75px;
		background: #fff;
		padding: 5px 5px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		        *behavior: url(../../js/boxsizing.htc);
	}
		#main {
			width: 70%;
			float: left;
			padding: 0 20px 20px;
		}
		aside {
			width: 30%;
			float: right;
			margin-bottom: 50px; /* space for social icons */
		}
		
		#donor-block {
			width: 100%;
			min-height: 369px;
			background: url(../../img/logo-tile.png) 0 0 repeat #009fc3;
		}


/* Footer	 */
	footer {
		position: relative;
		padding: 0;
		margin-top: -55px;
		padding-top: 55px;
		padding-bottom: 10px;
		background: #009fc3;
		width: 100%;
		
		-webkit-box-shadow: 0 -30px 30px rgba(0, 0, 0, 0.2);
		   -moz-box-shadow: 0 -30px 30px rgba(0, 0, 0, 0.2);
		        box-shadow: 0 -30px 30px rgba(0, 0, 0, 0.2);
	}
		footer .container {
			clear: both;
		}
		footer .logo {
			float: left;
			margin: 30px;
		}
			footer .logo:hover {
				opacity: .9;
			}
		
		footer ul {
			list-style: none;
			overflow: hidden;
			margin: 0;
			padding: 0;
		}
			footer ul.nav-footer_1 {
				padding-top: 30px;
			}
			footer ul li {
				float: left;
			}
				footer ul li a {
					font-size: 13px;
					font-weight: bold;
					color: #fff;
					text-transform: none;
					text-decoration: none;
					padding: 5px 10px;
					display: block;
				}
				footer ul li.at    a,
				footer ul li a:hover {
					text-decoration: underline;
					color: #fff;
				}
		
		
		#footer-subnav li a {
			font-size: smaller;
			padding-right: 5px;
		}
		
		#footer .credits {
			font-size: 11px;
			color: #fff;
			color: rgba(255, 255, 255, .5);
			margin: 1em 0 0 0;
			text-align: right;
			font-family: Verdana, Arial, Helvetica, sans-serif;
		}
			#footer .credits a {
				color: inherit;
			}

.social-links {
	position: absolute;
	margin: 0;
	padding: 10px;
	list-style: none;
	top: 50px;
	right: -10px;
	z-index: 1000;
}
	.social-links li {
		display: inline-block;
		margin-right: 10px;
		border-radius: 5px;
	}
	.social-links li a {
		display: block;
		width: 35px; height: 35px;
		margin: 0;
		padding: 0;
		background: url(../../img/social.png) 0 0 no-repeat transparent;
		text-indent: 200%;
		overflow: hidden;
		white-space: nowrap;
		
	}
	.social-links li.tw a { background-position: -35px 0; }
	
	.social-links li:hover {
		-webkit-box-shadow: 0 0 3px #333; -moz-box-shadow: 0 0 3px #333; box-shadow: 0 0 3px #333;
	}


.banners {
	margin: 5px -15px 0 -15px;
}
.banners ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.banners li {
	margin: 0;
	padding: 0;
}
	.banners a {
		text-decoration: none;
	}
	.banners .title {
		margin: 0;
		padding: 10px;
		position: absolute;
		background: olive;
		background: rgba(110, 115, 14, .5);
		border: 1px solid olive;
		color: #fff;
		font-weight: bold;
	}
	
	.pos_1 {left:	3%;	top: 5%;	max-width: 40%;} /* top left */ 
	.pos_2 {right:	3%;	top: 5%;	max-width: 40%;} /* top right */
	
	.pos_3 {left:	3%;	top: 40%;	max-width: 40%;} /* middle left */
	.pos_4 {right:	3%;	top: 40%;	max-width: 40%;} /* middle right */
	
	.pos_5 {left:	3%;	bottom: 5%;	max-width: 40%;} /* bottom left */
	.pos_6 {right:	3%;	bottom: 5%;	max-width: 40%;} /* bottom right */
	
	.banners blockquote.title {
		line-height: 1.3;
	}
	.banners .title cite {
		color: inherit;
	}


/* 	JCAROUSEL */
.jcarousel-container {
	position: relative;
	width: 660px;
	max-height: 312px;
	overflow: hidden;
}
	.jcarousel-clip {
		z-index: 2;
		padding: 0;
		margin: 0;
		overflow: hidden;
		position: relative;
	}
	.jcarousel-list {
		z-index: 1;
		overflow: hidden;
		position: relative;
		top: 0;
		left: 0;
		margin: 0;
		padding: 0;
	}
		.jcarousel-list li {
			float: left;
			list-style: none;
			/* We set the width/height explicitly. No width/height causes infinite loops. */
			/* width: 660px; */	/* cat4 change */
			/* height: 312px; */	/* cat4 change */
			position: relative; /* cat4 added - needed for absolutly positioned A tag inside LI */
		}
	
	/* 	template or page spceific */
	.banners.featured .jcarousel-list {
		height: 312px;
	}
	.banners.featured .jcarousel-list li {
		width: 660px;
		height: 312px;
	}