/*
-----------------------------------------------------------------------------------------------------------
Page Image
-----------------------------------------------------------------------------------------------------------
*/

#layoutContentImage
{
	width: 100%;
	position: relative;
	height:330px;
	font-family:Verdana;
}

/* Position login link off-center to the left at the left column edge */
#layoutLoginOverlay
{
	position: absolute;
	left:50%;
	bottom: 15px;
	margin-left: -480px;
	z-index: 99;
}
/* Position slider nav control off-center to the right at the right column edge */
div.nivo-controlNav
{
	position:absolute;
	right:50%;
	margin-right:-480px;
}

/* Keep image aspect ratio and crop from center */
#slider-wrapper, #slider
{
	height:100%;
	width:100%;
	overflow:hidden;
}

#slider img
{
	/* object-fit:cover; doesn't work in IE so use transform bypass below */
	
	position:relative;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	height:auto;
	width:100%;
	
}

/* Overlay gradient across slider */
#slidergradientoverlay
{
	position:absolute;
	top:0px;
	height: 100%;
	width: 100%;
	z-index:10;
	background-image: linear-gradient(45deg, rgba(0,91,141,0.5), rgba(0,0,0,0.5));
	content: '';
}

/* Slider text overlay, composed of topic, title and content paragraph */
/* Requires removing !important display:block and opacity from imageScroller_home.css */
div.slider-caption:not(:empty)
{
	position:absolute;
	left:50%;
	margin-left:-480px;
	top:120px;
	bottom:unset;
	width: 550px;
	color: #FFFFFF;
}	
.slider-caption .slidertopic
{
	padding: 0px 10px;
	display:inline-block;
	background-color: rgb(0,91,141);
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
}
.slider-caption .slidertitle
{
	margin:5px 0px;
	font-size: 20px;
	font-weight:bold;
}
.slider-caption p
{
	margin: 0px;
	color: #FFFFFF;
}
.slider-caption a
{
	color:#FFFFFF;
}


#layoutContentImage .ctl00_PlaceHolderMain_ctl00__ControlWrapper_RichImageField
{
	margin: 0px !important;
	padding: 0px !important;
}

/*
-----------------------------------------------------------------------------------------------------------
Content
-----------------------------------------------------------------------------------------------------------
*/

#layoutLowerContent
{
	margin-top: 40px;
	margin-bottom: 40px;
	
	overflow: hidden;
}

	#layoutLeftContent
	{
		width: 264px;
		
		float:left;
		
		position: relative;		
	}

/*
-----------------------------------------------------------------------------------------------------------
Left column
-----------------------------------------------------------------------------------------------------------
*/
	
	#layoutLeftContent:before
	{
		/*Needed to overlap content pictures if they are used*/
		content: "";
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		right: -1px;
		bottom: 0;
		border-right: 1px solid rgb(220,220,220);
		
		z-index: -1;
	}
		#layoutTwitterContainer
		{
			width: 224px;
			margin-top: 0px;
			margin-left: 20px;
			
			overflow: hidden;
		}
		
		#layoutTwitterContainer .ms-webpartzone-cell
		{
			margin: 0px;
			padding: 0px;
		}
		
		#layoutTwitterContainer iframe
		{
			padding-bottom: 10px !important;
		}

/*
-----------------------------------------------------------------------------------------------------------
Middle column
-----------------------------------------------------------------------------------------------------------
*/
		
	#layoutMiddleContent
	{
		width: 430px;
		
		margin-left: 20px;
		margin-right: 20px;
		
		float:left;
	}
	
	#interestContainer
	{
		margin-bottom: 40px;
		
		overflow: hidden;
	}
	
		#interest
		{
			float: left;
		}
	
		#interestButton
		{
			width: 130px;
			height: 130px;
			
			border-radius: 65px;
			
			margin-top: 20px;
			
			
			display: block;
			background: rgb(0,91,141);
		}
		
		#interestButton img
		{
			margin-left: 30px;
			margin-top: 30px;
		}
		
		#interestText
		{
			margin-top: 10px;
		}
		
		#interest:hover #interestButton
		{
			background: rgb(0,110,170);
		}
		
		#interestSpacer
		{
			height: 20px;
			width: 20px;
			float: left;
			display: block;
		}

/*
-----------------------------------------------------------------------------------------------------------
Right column
-----------------------------------------------------------------------------------------------------------
*/
	
	#layoutRightContent
	{
		width: 264px;
		
		float:left;
		
		position: relative;
	}
	
		#layoutRightTopContentContainer
		{
			width: 224px;
			
			margin-left: 20px;
		}
	
		#layoutRightContentContainer
		{
			width: 224px;
			
			margin-left: 20px;
		}
		
		#layoutNewsletterContainer
		{
			width: 224px;
			
			margin-left: 20px;
			margin-top: 20px;
			
			/*display: none;*/
		}
			#layoutNewsletter
			{
				width: 224px;
				
				margin-top: 10px;
			}
		
	#layoutRightContent:before
	{
		/*Needed to overlap content pictures if they are used*/
		content: "";
		position: absolute;
		display: block;
		top: 0;
		left: -1px;
		right: 0;
		bottom: 0;
		border-left: 1px solid rgb(220,220,220);
		
		z-index: -1;
	}