/* 0-639 
	hamburger with pushout menu
*/

body, html
{
	min-width: 				460px;
	overflow: 				auto;
}

#banner .DOHBanner 
{
	display: 				none;
}

#header .TitleContainer
{
	top: 					calc(50% - 30px); 
}
#header .TitleContainer .Title
{
	font-size: 				1.7em;
}
#header > div img
{
	max-width:				100%;
	max-height:				100%
}


#siteSearch
{
	top: 					-5px;
}
#siteSearchInput
{
	width: 					13em;
	font-size: 				1.2em;
}


#siteNavigation
{
	top: 					-10px;
	height:					45px;
	line-height: 			35px;
	padding:				5px 5px 0 5px;
	background-color:		#336699;
}
#siteNavigation .HorizontalTabList 
{
	padding: 				1px 0px 2px 0px;
	font-size: 				1em;
	max-width: 				15em;
	-webkit-box-shadow: 	8px 9px 26px -2px rgba(0,0,0,0.77);
	-moz-box-shadow: 		8px 9px 26px -2px rgba(0,0,0,0.77);
	box-shadow: 			8px 9px 26px -2px rgba(0,0,0,0.77);
}
#siteNavigation .HorizontalTabList > li 
{
	display: 				block;
	position: 				relative;
	border-radius: 			0;
}
#siteNavigation .HorizontalMenu.HorizontalTabList > li > input + label
{
	line-height:  			30px;
	border-bottom: 			1px solid #336699;
}

#siteNavigation .HorizontalMenu.HorizontalTabList > li > input:checked ~ .ColumnsPanelList,
#siteNavigation .HorizontalTabList > li .ColumnsPanelList table
{
	min-width:				860px;
	background-color:		#003366;
}

/* fix needed for if menu open and the main site nav is closed */
#siteNavigation .ColumnsPanel #columnPanelControl:checked ~ .HorizontalMenu li input:checked ~ .ColumnsPanelList
{
	left:					0px;
}
#siteNavigation .ColumnsPanel #columnPanelControl:not(checked) ~ .HorizontalMenu li input:checked ~ .ColumnsPanelList
{
	left:					-2000px;
}


#siteNavigation .HorizontalMenu.HorizontalTabList .ColumnsPanelList,
#siteNavigation #userMenu
{
	float: 					none;
	background-position: 	3px 3px;
	right: 					auto;
}
#siteNavigation #userMenu
{
	top:					0;
}
#siteNavigation #userMenu .Container .Content
{
	line-height: 			normal;
}
:not(#foo) #userMenu.Click input.Control:checked ~ .Container 
{
	left:					-3px;
	top: 					30px;
}

#siteNavigation .ColumnsPanel > label
{
	display: 				inline-block;
	height: 				35px;
	vertical-align:			bottom;
	padding: 				8px 5px 0 35px;
	background: 			#225588 url("../image/icon/24/grid_3x3-white.png") 5px 6px no-repeat;
/*
	background: 			transparent url("../image/icon/24/hamburger-white.png") 5px 6px no-repeat;
*/

	color: 					#eee;
	text-align:				center;

	border: 				solid 1px #aaa;
	border-radius:			4px;

	-webkit-box-shadow:		inset 1px 1px 2px #bbb;
	-moz-box-shadow:		inset 1px 1px 2px #bbb;
	box-shadow:				inset 1px 1px 2px #bbb;
}
#siteNavigation .ColumnsPanel > label:hover
{
	background-color: 		#003366;
	color:					#FFCC66;
}

#siteNavigation .ColumnsPanel > input:not(checked) ~ ul.HorizontalMenu.HorizontalTabList 
{
	position:				absolute;
	top:					0px;
	left:					-100%;
	z-index: 				-1;

	transition:				top 0.2s linear;
	-moz-transition:		top 0.2s linear;
	-webkit-transition:		top 0.2s linear;
	-o-transition:			top 0.2s linear;
}
#siteNavigation .ColumnsPanel > input:checked ~ ul.HorizontalMenu.HorizontalTabList 
{
	top:					38px;
	left: 					0;
	background-color:	 	#114477;
	z-index: 				100;
}

#siteNavigation .ColumnsPanelList *
{
	line-height: 			normal;
}
ul.HorizontalMenu.HorizontalTabList > li > input:checked ~ .ColumnsPanelList 
{
    opacity: 1;
}

#siteSearchSubmitButton 
{
	top: 					10px;
}



#content
{
	min-width: 				420px;
}

#slideShow 
{
	font-size: 				0.9em;
}
#slideShow li img
{
	display: 				none;
}


#content #contextNavigation 
{
	position: 				absolute;
	left: 					-2px;
	width: 					auto;
	max-width: 				250px;		/* needed to get rid of rubber band effect on open */

	background-color: 		transparent;
	padding:				0;
	overflow:				hidden;
	z-index: 				51;

	-webkit-box-shadow: 	4px 4px 10px -2px rgba(0,0,0,0.77);
	-moz-box-shadow: 		4px 4px 10px -2px rgba(0,0,0,0.77);
	box-shadow: 			4px 4px 10px -2px rgba(0,0,0,0.77);
}
#content #contextNavigation > ul > li:first-child > input:not(checked) + label,
#content #contextNavigation > input:not(checked) + label
{
	/* hide the label text */
	text-indent: 			100%;
	white-space: 			nowrap;

	width: 					30px;
	background: 			#114477 url("../image/icon/24/grid_3x1-white.png") 3px 5px no-repeat;

	transition:        		all 0.5s linear;
	-moz-transition:    	all 0.5s linear;
	-webkit-transition: 	all 0.5s linear;
	-o-transition:      	all 0.5s linear;
}
#content #contextNavigation > ul > li:first-child > input:checked + label,
#content #contextNavigation > input:checked + label
{
	width: 					auto;
	text-indent: 			0;
	white-space: 			wrap;
	padding-right:			35px;
	background: 			transparent url("../image/icon/24/cross_circle-red.png") right 0.3em top 0.4em no-repeat;
}



#content .Sections
{
	width: 					calc(100% - 35px);
	margin-left: 			35px;
	margin-top: 			0px;
}

#content .Sections .FluidContainer
{
margin: 0 auto;
overflow: auto;
width: 100%;
}
#content .Sections .ScrollableContainer 
{
	max-width:	480px;
}

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


#content .TwitterContainer
{
	width: 15em;
	margin: 0 .5em 0.5em 1em; 
}