/* 1700+ 
	These styles should implement multi columns

	http://webdesignerwall.com/tutorials/responsive-column-layouts

	Using nth-of-type
	The :nth-of-type(An+B) expression makes it very easy to clear the float and margin without having to add .first or .last class. For example:

	.grid4 .col:nth-of-type(4n+1)= target every 4th .col element, starting from the first
	.grid3 .col:nth-of-type(3n+1)= target every 3rd .col element, starting from the first
	.grid2 .col:nth-of-type(2n+1)= select every 2th .col element, starting from the first
*/

#header .TitleContainer .Title
{
	font-size:			2em;
}

#siteSearch
{
	top: 				-3.5em;
}
#siteSearchInput
{
	width: 				20em;
}

#siteNavigation .ColumnsPanelList table tr td 
{
	font-size: 			1.4em;
}

#content #contextNavigation
{
	width: 300px;
}
#content .Sections 
{
	width: calc(99% - 300px);
}

#content .Sections .FluidContainer
{
margin-left: 1%;
margin-right: 1%;
width: 31%;
}

#content .Sections .ScrollableContainer 
{
	max-width:	2500px;
}

.Graphic.Map,
.Graphic.Chart
{
	min-width: 1000px;
}