/*  Only in IE 10+  */
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	#boxes .box{
		display: flex;
	}
	#boxes .box div:not(:last-child) {
		margin-right: 20px;
	}
}

/* Regular styling */
*{
	margin:0;
	padding:0;

}
body{
	font-family:Arial, Helvetica, sans-serif;
	background:#F2F8FB;
	overflow-y:scroll;
	color:#4e4e4e;
	font-size: 75%;
}
a{
	text-decoration:none;
	color: #E72F3D;
}
img{
	border:0;
}
div.clear{
	clear:both;
	font-size:0;
	line-height:0;
}
label{
	cursor: pointer;
}
.requiredAsterix{
	font-weight: bold;
	color: #FF0000;
}
.button {
	background: #0079C1;
	display: inline-block;
	margin: 20px 0;
	padding: 10px 15px;
	color: white;
	border-radius: 6px;
	border: none;
	font-size: 1em;
}
.button.quick-link-btn {
	display: block;
	font-weight: bold;
}
.under-search {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: absolute;
	right: 25px;
	top: 102px;
	width: 274px;
}
.donate-button a{
	background: #E72F3D;
	font-size: 1.5em;
	font-weight: 300;
	color: white;
	padding: 6px 20px;
	margin: 0;
}
#wrap{
	width:1080px;
	margin:50px auto 0;
	padding-top:27px;
	background: white;
	border: 1px solid #d1e7f4;
}
	#header{
		height:31px;
		position:relative;
		padding-top:152px;
	}
		#logo{
			position:absolute;
			top:14px;
			left:23px;
		}
		#children{
			position:absolute;
			top:-50px;
			left:calc(50% - 195px);
		}
		#corpmenu{
			position:absolute;
			top:0px;
			right:20px;
			list-style-type:none;
			font-size:90%;
			vertical-align:middle;
		}
			#corpmenu li{
				float:left;
				border-left:1px solid #7F7F7F;
				padding:0 7px;
			}
				#corpmenu li:first-child{
					border-left:0 none;
				}			
				#corpmenu li a{
					color:#0079C1;
				}
				#corpmenu #fontsize {
					display: flex;
					justify-content: flex-end;
					margin: 10px;
				}
				#corpmenu i {
					font-size: 1.2em;
					color: #E72F3D;
					cursor: pointer;
					margin: 0 3px;
				}
		#search_form {
			display: flex;
			justify-content: center;
			position: absolute;
			top: 50px;
			right: 30px;
			height: 36px;
		}
		#signup_form {
			display: flex;
			justify-content: center;
			height: 36px;
		}
			#search_box{
				border:1px solid #7f9db9;
				border-radius: 6px 0 0 6px;
				padding:10px 12px;
				font-size:1em;
				color: #4e4e4e;
				width:174px;
			}
			#search_button, #signup_button{
				border-radius: 0 6px 6px 0;
				margin: 0;
			}
		
		#social-top{
			font-size:1.1em;
			color:#7F7F7F;
		}
			#social-top img{
				cursor: pointer;
				vertical-align:middle;
			}
			#social-top a {
				font-size: 1.6em;
				color: #E72F3D;
				margin: 0 5px;
			}
		#__ba_panel{
			display:inline-block;
		}
		#menu{
			background:#0079c2;
			position:relative;
			min-height: 25px;
			height:auto;
			margin:0 22px;
			padding-top:6px;
			border-radius: 6px;
			
		}
			#menu img.left{
				position:absolute;
				top:0;
				left:-4px;
			}
			#menu img.right{
				position:absolute;
				top:0;
				right:-4px;
			}
			#menu ul{
				list-style-type:none;
				font-size:12px;
				font-weight:bold;
				overflow: hidden;
				display: flex;
				justify-content: space-evenly;
			}
				#menu ul li {
					float:left;
					line-height:19px;
					min-height: 25px;
					height: auto;
					display: flex;
					justify-content: center;
					align-items: center;
					text-align: center;
				}
				#menu ul li:not(:first-of-type) a {					
					border-left:1px solid #006aa9;					
				}
				body.fr #menu ul li a{
					padding:0 15px 6px;
				}
				#menu ul li.selected,
				#menu ul li:hover {
					background:url('/_images/body/header/menu/arrow.png') no-repeat bottom center;
				}
				#menu ul li:first-child {				
					border-left:0 none;
				}
				#menu ul li.last a{				
					border-right:0 none;
				}
				#menu ul li a {
					color:#FFFFFF;
					padding:0 20px 6px;
				}	
	#content{
		padding:10px 22px 30px;
		margin:26px auto;
	}
		#slideshow{
			height:375px;
			margin-bottom:10px;
			position: relative;
			border-radius: 6px;
			overflow: hidden;
		}
		#slideshow .content{
			position: absolute;
			width: 440px;
			top: 25px;
			left: 50px;
		}
		#slideshow .content h1{
			font-size: 36px;
			text-align: right;
			font-weight: normal;
			color: #ffd24f;
		}
		#slideshow .content h2{
			font-size: 1.6em;
			text-align: right;
			font-weight: normal;
			color: #56bfff;
		}
		#slideshow .content h3{
			font-size: 1.4em;
			text-align: right;
			font-weight: normal;
			color: #56bfff;
			margin: 0 0 10px 0;
		}
		#slideshow .content a.readmore
		{
			
			display: block;
			min-height: 32px;
			min-width: 120px;
			line-height: 28px;
			font-weight: bold;
			font-size: 1em;
			color: white;
			
			float: right;
			text-align: center;
			background: url( "/_images/content/homepage/slideshow/button.png" ) no-repeat top left;
			text-shadow: 2px 0px 2px #666, -1px 0px 2px #aaa;
			
			-moz-text-shadow: 2px 0px 2px #666;
			-webkit-text-shadow: 2px 0px 2px #666;
		}
		
		
		#slideshow .content p{
			text-align: justify;
			color: #ffffff;
			margin: 20px 0 0 0;
		}
		#slideshow .content p a{
			color: #ec9900;
			white-space: nowrap;
		}
		#slideshow img
		{
			position: absolute;
			width: 100%;
			height: auto;
			object-fit: contain;
			
		}
		#slideshow .navigation
		{
			
			left: 895px;
			top: 245px;
			/* position:absolute; */
		}
		#slideshow .navigation div
		{
			
			/* height: 22px;
			width: 24px;
			float: left; */
			/*background: no-repeat top left;*/
		}
		#slideshow .navigation div.placement
		{
			font-size: 1.17em;
			font-weight: bold;
			color: #fff;
			width: 100%;
			float: none;
			text-align: center;
		}
			.slider-button {
				cursor: pointer;
				height: 55px;
				width: 55px;
				background: #E72F3D;
				display: flex;
				justify-content: center;
				align-items: center;
				position: absolute;
				top: 50%;
			}
			#nav_left
			{
				border-radius: 0 6px 6px 0;
				left: 0;
			}
				#nav_left i {
					color: white;
					font-size: 40px;
				}
			#nav_right
			{
				border-radius: 6px 0 0 6px;
				right: 0;
			}
				#nav_right i {
					color: white;
					font-size: 40px;
				}
		#slideshow .slideshow-banner {
			background: rgba(0,104,175,0.55);
			height: 100px;
			width: calc(100% - 110px);
			position: absolute;
			top: 70%;
			color: white;
			display: flex;
			justify-content: space-between;
			align-items: center;
			text-transform: uppercase;
			font-weight: bold;
			padding: 0 55px;
		}
			#slideshow h2 {
				font-size: 34px;
			}
			#slideshow h3 {
				font-size: 28px;
			}
		#boxes{
			position:relative;
			min-height:100px;
			font-size: 1em;
		}
			#boxes img.top{
				margin-bottom:-25px;
				float:left;
			}
			#boxes img{
				border-radius: 6px;
				width: 100%;
				height: auto;
			}
			#boxes h2 {
				font-size: 1.8em;
			}
				#boxes #newsletter-signup {
					display: flex;
					justify-content: center;
					align-items: center;
					background-image: url("/_images/body/content/homepage/refresh_05.jpg");
					background-size: cover;
					text-align: center;
					border-radius: 6px;
				}
				#boxes #newsletter-signup h2 {
					margin-bottom: 20px;
					font-size: 2em;
				}
				#newsletter_email{
					border:1px solid #7f9db9;
					border-radius: 6px 0 0 6px;
					padding:10px 12px;
					font-size:1.1em;
					color: #4e4e4e;
					width:220px;
				}
				#boxes div.box {
					z-index:100;
					padding: 30px 0;
					min-height: 200px;
					margin-bottom: 10px;
				}

				#boxes div.box:not(#newsletter-signup){					
					border-bottom: 1px solid #d1e7f4;
					display: grid;
					grid-template-columns: 32% 32% 32%;
					grid-gap: 2%;
				}
						.quick-links-header {
							display: flex;
							justify-content: space-between;
							font-weight: bold;
						}
						.quick-links-header h2 {
							font-weight: 300;
						}
						.quick-links-header i {
							font-size: 2em;
							margin: 0 5px;
						}
					#boxes div.box .text:not(#about-us-text){ 
						grid-column: span 2; 
					}
					#boxes div.box .text p {
						font-size: 1.2em;
						line-height: 1.4em;
						color: #777474;
					}
					#boxes div.box div.box-header{
						font-size:1em;
					}
						#boxes div.box div.box-header h2 {
							padding-top: 15px;
							font-weight: 300;
							padding:15px 0;
							color: #4e4e4e;
						}
						#boxes div.box div.header a{
							font-size:1em;
							padding-top:3px;
							color: #E72F3D;
						}
						#latest_news div.header, 
						#upcoming_events div.header,
						#latest_news div.header a, 
						#upcoming_events div.header a{
							color:#FFFFFF;
						}
						#employment div.header,
						#employment div.header a{
							color:#785d0e;
						}
						#boxes div.box ul{
							list-style-type:none;
							font-size:0.92em;
							display: flex;
							justify-content: space-between;
						}
							#boxes div.box ul li{
								margin-bottom:5px;
								width: 100%;
							}
									#boxes div.box .news-item a h3,
									#boxes div.box ul li a h3{
										color: #4e4e4e;
										font-weight: 300;
										font-size: 1.4em;
									}
								#boxes div.box ul li em{
									color:#9e9e9e;
								}
								#boxes div.box .news-item .details,
								#boxes div.box ul li .details {
									color: #777474;
									font-size: 1em;
									padding: 5px 0;
								}
								#boxes div.box .news-item p
								#boxes div.box ul li p{
									color:#666666;
								}
					#upcoming_events{
						margin-left:0 !important;
					}
		#content div.left{
			width:190px;
			border-right:1px solid #dfdfdf;
			float:left;
			padding-right:19px;
		}
			#content div.left ul
			{
				text-align: right;
				list-style: none;
			}
				#content div.left ul li
				{
					padding: 6px 0;
				}
					#content div.left ul li a
					{
						color: #777;
						font-size: 1.17em;
					}
					#content div.left ul li.current a
					{
						color: #0079c2;
						font-size: 1.17em;
					}
					#content div.left ul li ul
					{
						display: none;
					}
					#content div.left ul li.current ul
					{
						display: block;
					}
				
				#content div.left ul li ul
				{
					list-style: none;
					margin-right: 10px;
				}
					#content div.left ul li ul li
					{
						padding: 4px 0;
						font-size: 0.79em;
					}
						#content div.left ul li ul li.current a
						{
							color: #0079c2;
						}
			#content div.left #signup_box
			{
				border: 0px solid #fff;
				border-top: 1px solid #dfdfdf;
				
				padding: 10px 0 0;
				margin: 10px 0 0;
			}
				#content div.left #signup_box  #signup_label{
				
					font-size: 1.50em;
					color: #0079c2;
					margin-bottom: 6px;
				}
				#content div.left #signup_box  #signup_field{
					border:1px solid #7f9db9;
					padding:2px 4px;
					padding-bottom:3px;
					font-size:12px;
					color:#afafaf;
					width: 181px;
				}
				#content div.left #signup_box  #signup_button{
					float: right;
				}
				
			#content div.left #social_media
			{
				padding: 10px 0 0;
				margin: 10px 0 0;
				border-top: 1px solid #dfdfdf;
				text-align: center;
			}
				#content div.left #social_media a img
				{
					padding: 3px;
				}
		#content div.right{
			float:left;
			margin-left:-1px;
			border-left:1px solid #dfdfdf;
			width:730px;
			padding-left:19px;
		}
		
		#content div.right .communityResources
		{
			list-style: none;
			position: relative;
			height: 300px;
			width: 380px;
			margin: 0 128px 72px 100px;
		}
		
		#content div.right .communityResources li
		{
			background: url( "/_images/body/content/community-awareness/btn_blue.jpg" ) no-repeat 50% 50%;
			position: absolute;
			min-height: 72px;
			min-width: 128px;
			text-align: center;
		}
		#content div.right .communityResources li a
		{
			font-size: 14px;
			font-weight: bold;
			line-height: 1em;
			display: block;
			width: 100px;
			margin: 0 auto;
			color: #fff;
		}
		
		#content div.right .communityResources li a.one-line
		{
			line-height: 72px;
		}
		
		#content div.right .communityResources li a.two-lines
		{
			margin-top: 20px;
		}
		
		#content div.right .communityResources li a.three-lines
		{
			margin-top: 18px;
		}
		#content div.right .communityResources li a.four-lines
		{
			margin-top: 12px;
		}
		
		#content div.right .communityResources #crButton1 a,
		#content div.right .communityResources #crButton3 a,
		#content div.right .communityResources #crButton6 a
		{
			color: #775e0c;
		}
		
		#content div.right .communityResources #crButton1
		{
			
			background-image: url( "/_images/body/content/community-awareness/btn_yellow.jpg" );
			top: 0; 
			left: 50%;
		}
		
		#content div.right .communityResources #crButton2
		{
			background-image: url( "/_images/body/content/community-awareness/btn_blue.jpg" );
			top: 20%; 
			left: 90%;
		}
		#content div.right .communityResources #crButton3
		{
			color: #775e0c;
			background-image: url( "/_images/body/content/community-awareness/btn_yellow.jpg" );
			top: 50%; 
			left: 100%;
		}
		#content div.right .communityResources #crButton4
		{
			background-image: url( "/_images/body/content/community-awareness/btn_red.jpg" );
			top: 80%; 
			left: 90%;
		}
		
		#content div.right .communityResources #crButton5
		{
			background-image: url( "/_images/body/content/community-awareness/btn_blue.jpg" );
			top: 100%; 
			left: 50%;
		}
		
		#content div.right .communityResources #crButton6
		{
			color: #775e0c;
			background-image: url( "/_images/body/content/community-awareness/btn_yellow.jpg" );
			top: 80%; 
			left: 10%;
		}
		
		#content div.right .communityResources #crButton7
		{
			background-image: url( "/_images/body/content/community-awareness/btn_blue.jpg" );
			top: 50%; 
			left: 0%;
		}
		
		#content div.right .communityResources #crButton8
		{
			background-image: url( "/_images/body/content/community-awareness/btn_red.jpg" );
			top: 20%; 
			left: 10%;
		}
		
		#content div.right #breadcrumbs
		{
			font-size: 0.92em;
		}
		#content div.right #breadcrumbs a
		{
			color: #93c9e5;
			font-weight: bold;
		}
		
		/*Primary Content Styles*/
			#content div.right h1
			{
				font-size: 2em;
			}
			#content div.right h2
			{
				font-size: 1.5em;
			}
			#content div.right h3
			{
				font-size: 1.33em;
			}
			#content div.right h4
			{
				font-size: 1.17em;
			}
			
			#content div.right h1,
			#content div.right h2
			{
				margin: 0.5em 0 0.5em 0;
				font-weight: normal;
				color: #007ac3;
			}
			
			#content div.right p{
				line-height: 1.75em;
				padding-bottom: 1em;
			}
			#content div.right ul,
			#content div.right ol
			{
				margin-left: 1.5em;
			}
			
			#content div.right ul li,
			#content div.right ol li
			{
				line-height: 1.75em;
				padding-bottom: 0.25em;
			}
			#content div.right .half
			{
				float: left;
				width: 50%;
			}
			
			#content div.left div.header{
				background-color:#ffd24f;
				border-bottom:1px solid #ffdb72;
				height:19px;
				padding-left:10px;
				position:relative;
				font-size:12px;
				color:#785d0e;
				font-weight:bold;
				padding-top:5px;
			}
				#content div.left div.header img.left{
					position:absolute;
					top:0;
					left:0;
				}
				#content div.left div.header img.right{
					position:absolute;
					top:0;
					right:0;
				}
		#content #bureau .fieldRow,
		#content #publications .fieldRow
		{
			padding: 2px;
		}
		#content #bureau .fieldRow label,
		#content #publications .fieldRow label
		{
			float: left;
			text-align: right;
			display: block;
			width: 200px;
			padding-right: 10px;
		}
		#content #bureau .fieldRow label.error,
		#content #publications .fieldRow label.error
		{
			clear: left;
		}
		#content #publications .fieldRow input
		{
			vertical-align: middle;
		}
		
		#content #publications .fieldRow .option_label
		{
			float: none;
			text-align: left;
			display: inline;
			width: auto;
			padding-left: 2px;
		}

			#good-news{
				position:relative;
				margin:0;
				margin-left:0px;
				padding:0;
				width:727px;
				height:562px;
				background:url('/_images/good-news-v3.jpg') top left no-repeat #fff;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
			}

			#good-news-fr{
				position:relative;
				margin:0;
				margin-left:0px;
				padding:0;
				width:727px;
				height:562px;
				background:url('/_images/good-news-fr.jpg') top left no-repeat #fff;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
			}
				#good-news li, #good-news-fr li {
					margin:0;
					padding:0;
					list-style:none;
				}

				#good-news li a, #good-news-fr li a {
					position:absolute;
					display:block;
					background:url('/_images/spacer.gif');
				}			

				#good-news li a span, #good-news-fr li a span { display:none; }	

				#good-news li a:hover span, #good-news-fr li a:hover span {
					position:relative;
					display:block;
					width:500px;
					left:20px;
					top:20px;
					padding:20px;
					border:1px solid #000;
					background:#fff;
					text-decoration:none;
					color:#000;
					filter:alpha(opacity=95);
					opacity:0.95;
					z-index:9999;
				}

				#good-news a.thirtyplus, #good-news-fr a.thirtyplus {
					top:146px;
					left:37px;
					width:218px;
					height:102px;
				}

				#good-news a.adoption, #good-news-fr a.adoption {
					top:170px;
					left:299px;
					width:121px;
					height:93px;
				}		

				#good-news a.ninetyeightpercent, #good-news-fr a.ninetyeightpercent {
					top:150px;
					left:558px;
					width:90px;
					height:66px;
				}

				#good-news a.ninetyeightpercent_text, #good-news-fr a.ninetyeightpercent_text {
					top:214px;
					left:478px;
					width:170px;
					height:91px;
				}

				#good-news a.seventyeightpercent, #good-news-fr a.seventyeightpercent {
					top:290px;
					left:94px;
					width:119px;
					height:91px;
				}

				#good-news a.bursaries, #good-news-fr a.bursaries {
					top:288px;
					left:290px;
					width:144px;
					height:90px;
				}

				#good-news a.ninetypercent, #good-news-fr a.ninetypercent {
					top:320px;
					left:580px;
					width:117px;
					height:88px;
				}

				#good-news a.ninetytwopercent, #good-news-fr a.ninetytwopercent {
					top:408px;
					left:323px;
					width:160px;
					height:106px;
				}
		
	#footer{
		margin:0 auto;
		height:118px;
	}
		#footer div.content{
			width:960px;
			margin:0 24px;
			font-size:.95em;
			color:#666666;
			text-align: left;
		}
			#footer div.content a{		
				color: #0079C1;
				margin: 0 5px;
			}
			#footer div.content span{
				float:right;
			}
				#links{
					position:relative;
					text-align:center;
				}
					#links img{
						vertical-align:middle;
						margin:0 10px 0 0;
						height: 36px;
						width: auto;
					}
					#links i {
						font-size: 1.4em;
					}

					#links-right{
						margin-right:12px;
						font-size:.9em;
						position: absolute;
						right: 23px;
						top: 10px;
					}
						#links-right a {
							color: #0079C1;
						}
						#links-right img {
							height: 46px;
							width: auto;
						}

					#rainbow-flag{
						margin-left:23px;
						margin-top:10px;
						padding-top:10px;
						padding-right:10px;
						text-align:left;
						font-size:.9em;
						max-width: 40%;
					}

.frame{
	background:url('/_images/body/frame.jpg') no-repeat top left;
	width:225px;
	min-height:142px;
	position:relative;
	float:right;
}
	.frame_img{
		position:absolute;
		top:2px;
		left:2px;
	}
	.frame_text{
		width:200px;
		position:absolute;
		top:13px;
		right:5px;
		padding-top: 5px;
	}
	.frame_name{
		padding: 0px;
		color:#ee3a43;
		font-size:1.667em;
	}
	.frame p{
		padding-top: 10px;
		font-size:0.917em;
		color:#878787;
		line-height:15px;
	}
	.frame_border{
		height:4px;
		width:214px;
		position:absolute;
		right:1px;
		top:10px;
	}
		.frame_border.yellow{
			background:#ffd24f;
		}
		.frame_border.blue{
			background:#0079c2;
		}
		.frame_border.red{
			background:#ee3a43;
		}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }