
#header > .TitleContainer 
{
	margin-top: 		0.25em;
}
#header > div:first-child 
{
	width: 				auto;
}

#siteNavigation .ColumnsPanel > label
{
	background-color:	#464134;
}
#siteNavigation .ColumnsPanel > label:hover 
{
	background-color:	#070605;
}

@media only screen and (max-width:  959px)
{
	#page
	{
		min-width:			640px;
		width:				100%;
		margin: 			0;
	}

	#header #navigationPath
	{
		top: 				20px;
	}
	#header #siteNavigation
	{
		top: 				0;
		height: 			45px;
		background-color:	#F68428;  /* orange ribbon */
	}
	#siteNavigation #userMenu
	{
		right: 				5px;
		top: 				8px;
	}
	#siteNavigation .HorizontalMenu.HorizontalTabList 
	{
		padding: 0;
	}
	#siteNavigation .HorizontalMenu.HorizontalTabList > li > input + label
	{
		border-bottom: 			1px solid #464134;
	}
	#siteNavigation .HorizontalMenu.HorizontalTabList > li > input:checked ~ .ColumnsPanelList,
	#siteNavigation .HorizontalTabList > li .ColumnsPanelList table
	{
		background-color:		#464134;
	}

	#siteNavigation .ColumnsPanel > label 
	{
		height: 38px;
	}
	#siteNavigation .ColumnsPanel > input:checked ~ ul.HorizontalMenu.HorizontalTabList 
	{
		background-color:	 	#464134;
	}

	#content #contextNavigation #contextMenuControl:not(checked) + label
	{
		display: 				inline-block;
		height: 				36px;
		background-color: 		#464134;
	}
	#content #contextNavigation #contextMenuControl:checked + label
	{
		display: 				block;
		font-size: 				larger;
		font-weight: 			bold;
		color: 					white;
		padding-top:			8px;
		padding-left: 			0.5em;
	}
	#content #contextNavigation #contextMenuContainer
	{ 
		display: 				none; 
	}
	#content #contextNavigation #contextMenuControl:checked ~ #contextMenuContainer  
	{
		background-color: 		#CAC2B7;
		display: 				block;
		width: 					250px;
	}
	#content #contextNavigation #contextMenuControl:checked ~ #contextMenuContainer ul
	{
		margin: 				0 0.5em 0.5em 0.5em;
	}
	#content #contextNavigation #contextMenuControl:checked ~ #contextMenuContainer ul li
	{
		margin-left:			0em;
	}

	#content .Sections 
	{
		width: 			calc(100% - 40px);
	}
}


@media only screen and (min-width: 640px) and (max-width:  959px)
{
}


@media only screen and (min-width: 960px)
{
}


@media only screen and (max-width:  1279px)
{
	#userMenu
	{
		top: 				3px;
		padding-left:		35px;
		padding-top:		10px;
	}

	#siteSearch
	{
		top: 				-45px;
		padding: 			0 0.3em 0 0;
		border: 			none;
		background-color:	transparent;
		height: 			40px;
	}

	#siteNavigation .HorizontalTabList > li > label 
	{
		padding-top:		2px;
	}
	#siteNavigation .ColumnsPanelList 
	{
		top: 				36px;
	}
}


@media only screen and (min-width: 1280px)
{
	#siteSearchInput {font-size: 1.3em;}
	#siteSearch {top: -5px;}

	#content #contextNavigation
	{
		width: 				24%;
	}
	#content .Sections
	{
		width: 				75%;
	}
}

@media only screen and (min-width: 1700px)
{
}

/*============================ End of Style Sheet ============================*/

