/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
 * Contains Site Specific Layout and Navigation related definitions.  
 *~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

html 
{
	background: 		#CAC2B7;  /* blend with footer: #8B8378, lighter: #B1ABA3 #CAC2B7 darker: #746E66 */
}

body
{
	background: 		inherit;
}


#banner .DOHBanner 
{
	border-bottom: 		0px solid #333; 

	padding:			0;
	height: 			6px;
	overflow: 			hidden;

	-webkit-transition: height 0.8s ease;
	   -moz-transition: height 0.8s ease;
	     -o-transition: height 0.8s ease;
	    -ms-transition: height 0.8s ease;
	        transition: height 0.8s ease;
}
#banner .DOHBanner:hover
{
	height: 			45px;
}

#banner .DOHBanner > a
{
	background: 		transparent url("../image/doh_horz.png") no-repeat 0 0;
	position: 			absolute;
	right: 				0px;
	width: 				175px;
	height: 			50px;
	z-index: 			100;
}
#banner .DOHBanner > a:hover,
#banner .DOHBanner > a:active,
#banner .DOHBanner > a:focus,
#banner .DOHBanner > a:visited
{
	text-decoration: 	none;
	background-color:	transparent !important;
	border:				none;
	box-shadow: 		none;
}

#banner .DOHBanner ul
{
	float: 				left;
	list-style:			none;
	margin:				0; 
}
#banner .DOHBanner ul li 
{
	display:			inline;
	padding:			0 10px 0 10px; 
	border-left: 		1px solid #bbb;
}
#banner .DOHBanner > ul > li:first-child
{
	border-left: 		none;
}

#banner .DOHBanner ul li a,
#banner .DOHBanner ul li a:visited
{
	padding:			1px 5px 2px 5px; 
	color:				white;
	font-size:			15px; 
	text-decoration:	none; 
}
#banner .DOHBanner ul li a:hover 
{
	background-color:	transparent;
	text-decoration:	none; 
}



#udohHeader, #utahgov_statewideheader 
{
	width:				100% !important;
}

#banner .DOHBanner 
{
	padding:			0;
	background: 		#5E5953 none;
}

#banner .DOHBanner #udohHeader img
{
	display: 			none;
}


#page
{
	background:			transparent none;
	min-width:			768px;
	width:				90%;
	margin: 			0 auto;
	padding-top:		0;
}



#header 
{
	background:			white url('../image/menu-background.gif') right top no-repeat;
	padding:			0.1em 0 0.75em 0;
	height:				145px;
}
#header img
{
	height: 			100px;
	padding:			0px 0 0px 10px;
}
#header #navigationPath 
{
	position: 			absolute;
	top: 				10px;
	left:				-280px;
	border-top:			1px dashed #aaa;
	font-size: 			1em;
	z-index: 			10;
    width: 				500px;
}


#userMenu
{
	position: 			absolute;
	right: 				7px;
	top: 				-40px;
	height:				35px;
	display: 			none;
	background: 		transparent url('../image/icon/32/user-black.png') left top no-repeat;
	color:				black;
	padding-left:		35px;
	padding-top:		10px;
	z-index: 			102;
}
#userMenu:hover 
{
	background-color: 	transparent;
}
:not(#foo) #userMenu  /* turn on if supporting browser - ie8- trick */
{
	display: 			block;
}
#userMenu.Secure
{
	background: 		transparent url('../image/icon/32/user-secure.png') 3px 2px no-repeat;
}
#userMenu .Container
{
	left:				-205px;
}



#siteNavigation .HorizontalMenu.HorizontalTabList
{
	padding: 			8px 2px 4px 5px;
	background-color:	#F68428;  /* orange ribbon */
}
#siteNavigation .HorizontalMenu.HorizontalTabList > li 
{
	min-width: 			160px;
	background-color:	#CAC2B7; /*696052 464135 8c8270 */
	padding:			0;
}
#siteNavigation .HorizontalMenu.HorizontalTabList > li > label:not(:hover)
{
	padding-top:		4px;
	color: 				#464134;
}
#siteNavigation .HorizontalMenu.HorizontalTabList > li.On 
{
	border-left: 		1px solid #eee;
	border-top: 		1px solid #eee;
	border-right: 		1px solid #999;
	background-color: 	#F2EDE8;
}

#siteNavigation .HorizontalMenu.HorizontalTabList > li > input[type='checkbox']:not(:checked) + label,
#siteNavigation .HorizontalMenu.HorizontalTabList > li > input[type='radio']:not(:checked) + label 
{
	background-image:	url('../image/icon/16/plus_box-gray.png');
}
#siteNavigation .HorizontalMenu.HorizontalTabList > li > input[type='checkbox']:checked + label,
#siteNavigation .HorizontalMenu.HorizontalTabList > li > input[type='radio']:checked + label 
{
	background-image:	url('../image/icon/16/minus_box-gray.png');
	background-color: 	#464134;
	border-bottom: 		1px solid #464134;
	color: 				white;
}

#siteNavigation .HorizontalTabList > li:hover, 
#siteNavigation .HorizontalTabList > li.On:hover 
{
	background-color:	#23201a;
}
ul.HorizontalTabList > li a:hover, 
ul.HorizontalTabList > li a:active, 
ul.HorizontalTabList > li a:focus, 
ul.HorizontalTabList > li.On a:hover, 
ul.HorizontalTabList > li.On a:active, 
ul.HorizontalTabList > li.On a:focus, 
ul.HorizontalTabList > li > label:hover, 
ul.HorizontalTabList > li.On > label:hover 
{
	color:				#eee;
}


#siteNavigation .ColumnsPanelList 
{
	top: 				35px;
	background-color:	#464134;
}
#siteNavigation .ColumnsPanelList table tr td 
{
	border-right: 		1px dotted #aaa;
}
#siteNavigation .ColumnsPanelList table tr td h3 
{
	background-color: 	#696052;
	border-bottom: 		none;
}
#siteNavigation .ColumnsPanelList table tr td ul li a:hover,
#siteNavigation .ColumnsPanelList table tr td ul li a:active, 
#siteNavigation .ColumnsPanelList table tr td ul li a:focus 
{
    background-color: #23201a;
}

#siteSearch
{
	top:				-5px;
	right: 				0;
	padding: 			0 0.3em 0 1em;
	border: 			1px solid #111111;
	height: 			55px;
	z-index: 			101;
	background-color: 	#44403B;

	-moz-border-radius:	8px 0px 0px 8px;  
	-webkit-border-radius:	8px 0px 0px 8px;  
	border-radius:		8px 0px 0px 8px;
}
#siteSearchSubmitButton
{
	background-image:	url('../image/icon/search_circle-gray.png');
}
#siteSearchSubmitButton:hover,
#siteSearchSubmitButton:active,
#siteSearchSubmitButton:focus
{
	background-image:	url('../image/icon/search_circle-brown.png');
}


#content 
{
	padding-top:			1em;
}


#content table.Info thead tr * 
{
	color: 				#23201a;
}

#content #contextNavigation 
{
	width:				250px;
	background-color:	#F2EDE8;
	padding:			10px 5px 5px 8px;
	margin:				0;
	border-color:		#8b8268;
	vertical-align: 	top;
}

#content #contextNavigation a:visited
{
	color: 				black;
}
#content #contextNavigation a:hover, 
#content #contextNavigationa:active, 
#content #contextNavigationa:focus
{
	color: 				#eee;
}

#content #contextNavigation #contextMenuControl,
#content #contextNavigation #contextMenuControl ~ a,
#content #contextNavigation #contextMenuControl ~ label
{
	display: 			none;
}
#content #contextNavigation #contextMenuContainer
{
	word-wrap:			break-word;
}
#content #contextNavigation #contextMenuContainer h2 
{
	position: 			relative;
	left:				0;
	font-size:			1.2em;
	line-height: 		auto;
	color: 				#464134;
}

#content #contextNavigation  #contextMenuContainer li > div,
#content #contextNavigation  #contextMenuContainer li > a,
#content #contextNavigation  #contextMenuContainer li > a:visited
{
	display: 			block;
	font-size: 			1.2em;
	padding: 			5px 5px 5px 5px;
}

#content #contextNavigation  #contextMenuContainer .SocialMedia
{
	border-top: 1px dotted #777777;
	border-bottom: none;
	margin: 10px 8px 0 8px;
	padding-top: 0;
	height: 45px;
}
#content #contextNavigation  #contextMenuContainer .SocialMedia a
{
	padding: 8px 0 0 8px;
	float: right;
}
#content #contextNavigation  #contextMenuContainer .SocialMedia a img
{
	border:0px;
}
#content #contextNavigation  #contextMenuContainer .SocialMedia a:hover
{
	background-color:	transparent !important;
}


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

#content .Sections .Header
{
	padding: 			13px 5px 10px 8px;
	margin:				0 0.5em 0.5em 0;
	background-color: 	#F2EDE8;

	font-size: 			1.7em;
	font-weight: 		normal;
	border-bottom: 		2px dotted;

	-moz-border-radius:		6px 0px 0px 6px;  
	-webkit-border-radius:	6px 0px 0px 6px;  
	border-radius:			6px 0px 0px 6px;

/*
background-image:  linear-gradient(to right, white 15%, #8B8378 100%);
background-image:  -ms-linear-gradient(left, white 15%, #8B8378 100%);
background-image:  -moz-linear-gradient(left, white 15%, #8B8378 100%);
background-image:  -o-linear-gradient(left, white 15%, #8B8378 100%);
background-image:  -webkit-gradient(linear, right top, left top, color-stop(.15, white), color-stop(1, #8B8378));
*/
	background-repeat: 	no-repeat;
	background-position:left center;
	font-weight: 		normal;
	font-size: 			1.8em;
	background-image:	linear-gradient(to right, white 15%, #ADA396 100%);
	background-image:	-ms-linear-gradient(right, white 15%, #ADA396 100%);
	background-image:	-moz-linear-gradient(right, white 15%, #ADA396 100%);
	background-image:	-o-linear-gradient(right, white 15%, #ADA396 100%);
	background-image:	-webkit-gradient(linear, right top, left top, color-stop(.15, white), color-stop(1, #ADA396));
	background-repeat:	no-repeat;

	/*
8B8378
*/
}
#content .Sections .Footer
{
	color:				#605A54;
}



#footer
{
	min-height: 		400px;

	box-shadow:  		0 10px 6px -6px #464135;
	border-top: 		5px solid #777; 

	background:			#666 url("../image/footer-background.png") no-repeat bottom left fixed;
/*
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
*/
}
#footer a
{
	padding:			5px;
}
#footer a:hover, 
#footer a:active, 
#footer a:focus
{ 
	text-decoration:	none;
}

#footer .Bottom img
{
	padding-right: 		0;
}
#footer .Bottom div
{
	width: 				calc(95% - 350px); 
}

/*============================ End of Style Sheet ============================*/