@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);
/*  .nodisplay overrides milonic menus encapsulated in .nodisplay class*/
/*.nodisplay{position:relative;}*/

.triggerTop	{
	float: left;
	position: absolute;
	width: 100%;
	height: 4px;
	background: #e99a3f!important;
	position: relative;
	clear: both;
	}
#umbrella	{
	position: relative; 
	float: left;
	z-index: 998; 
	width: 100%; 
	top: 0; 
	left: 0; 
	padding:0 !important;
	margin:0 !important;
	background-color: #edac50!important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#edac50), to(#e99a3e));
	background-image: -webkit-linear-gradient(top, #edac50, #e99a3e);
	background-image:    -moz-linear-gradient(top, #edac50, #e99a3e);
	background-image:     -ms-linear-gradient(top, #edac50, #e99a3e);
	background-image:      -o-linear-gradient(top, #edac50, #e99a3e);
	background-image:         linear-gradient(top, #edac50, #e99a3e);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#edac50', EndColorStr='#e99a3e');	
	display: none;
	color: #444444;
    font-family: 'Lato',arial,helvetica,sans-serif!important;
	font-weight:normal !important;
    font-size: 95% !important;
    line-height: 1.3em !important;
    text-shadow: none !important;
	}	
#umbrella h2 {
    color: #5F7A34;
    font-size: 1.5em;
    font-weight: 700 !important;;
    line-height: 1.25em !important;
    text-shadow: none;
	font-variant:normal !important;
	font-family: 'Arial', sans-serif!important;
	font-variant:normal;
	word-spacing:normal;
	letter-spacing:normal;
}	
#umbrella h3{
	font-variant:normal;
	word-spacing:normal;
	letter-spacing:normal;
}
#umbrella a:link {
	font-weight:normal;
	}
#umbrellaClick .trigger	{
	display: block;
	width: 150px;
	padding: 0 28px;
	height: 25px;
	background: url(county-trigger-sprite.png) no-repeat center 1px;
	}
#umbrellaClick .trigger.umbrellaHighlight	{
	display: block;
	width: 150px;
	height: 25px;
	background: url(county-trigger-sprite.png) no-repeat center -50px;
	}
.umbrellaHighlight	{
	color: #333;
	top: 0;		
	}	
#umbrellaClick	{
	position: absolute;
/*	top: -10px;*/
	right: 370px;
	width: 206px;
	height: 25px;
	background: url(bg-trigger.png) no-repeat center bottom;
	z-index: 1000; 
	text-align: center;
	color: #da8831;
	cursor: pointer;
	padding: 0px 5px 5px 5px;
	}
#umbrellaClickPart {
/*    background: url("../images/shell/bg-trigger.png") no-repeat scroll center bottom transparent;
*/    color: #DA8831;
    cursor: pointer;
    height: 25px;
    padding: 6px 5px 5px;
    position: absolute;
    right: 20px;
    text-align: center;
    top: -10px;
    width: 206px;
    z-index: 1000;
}
.umbrellaContent	{
	position: relative;
	width: 990px; 	
	z-index: 1000;
	margin: 1em auto; 
	padding: 0px 20px 0px 0; 
	color: #fff;
	}
	

.umbrellaContent h2.exploreSC	{
	font-family: 'Arial', sans-serif!important;
	font-size: 1.25em!important;
	color: #fff!important;
	margin: 10px 0 -10px 30px!important;
	text-shadow: 1px 1px 1px #926529!important;
	line-height: 1.25em!important;
	border-top:none;
	}
.umbrellaContent h2.exploreSC span a	{
	font-family: 'Arial', sans-serif!important;
	display: inline;
	font-weight: 400!important;
	text-shadow: none!important;
	font-size: 1em!important;
	}	
.umbrellaContent h3	{
	font-family: 'Arial', sans-serif;
	color: #fff!important;
	margin: 0 0 5px 0!important;
	font-size: 1.25em!important;	
	font-weight: 700!important;
	text-shadow: 1px 1px 1px #926529!important;
	}
.umbrellaContent a	{
	font-size: 0.75em!important;
	color: #422605!important;
	text-decoration: none!important;
	border-bottom: 1px dotted #666!important;
	line-height: 1.5em!important;
	}
.umbrellaContent a.sonomaLogo	{
	display: inline!important;
	}
.umbrellaContent a:hover	{
	color: #fff!important;
	}	
/*.umbrellaContent .quarters	{
	float: left;
	width: 22%;
	padding: 5px 3% 0 0;
	}*/
.umbrellaContent .quarters	{
	float: left;
	width: 22%;
	padding: 10px 0 0 3%;
	font-size: 1em;
	}	
.umbrellaContent .contentHolder	{ /*  DIVIDER LINES FOR 4 ROWS  */
	float: left;
	width: 99%;
	margin: 15px 0;
	clear: both;
	background: url(bg-uc-content.gif) repeat-y 0 0;
	}
	
	/*  <Alerts>   */
#emergencies{padding:10px 20px 20px 80px !important;background:url(emergency_icon.jpg) 20px no-repeat #D32121; font-family:Lato, Arial, Helvetica, sans-serif; border-bottom:1px solid #FFFFFF !important;}
#emergencies h3{color:#FEFFC4;font-weight:600; text-transform:uppercase;margin:8px 0 0 10px;font-size:14px !important; letter-spacing:normal; word-spacing:normal; font-variant:normal;}
#emergencies h3 span{color:#fff; font-weight:400; text-transform:none;}

#alerts{padding:10px 10px 10px 25px;background:#FC0 url(bg-alerts.jpg); border-bottom:1px solid #FFFFFF !important; font-size:14px; font-family:Lato, Arial, Helvetica, sans-serif;}
#alerts h3{color:#FEFFC4;font-weight:600; text-transform:uppercase;margin:5px;font-size:1em !important; letter-spacing:normal; word-spacing:normal; font-variant:normal;}
#alerts h3 span{color:#fff; font-weight:400; text-transform:none;}

#umbSkipTo{background-color:#e99a3f; background-image:none;padding-left:5px; color:#fff; font-family:Lato, Arial, Helvetica, sans-serif;}
#umbSkipTo a{color:#5E2605;font-size:10px !important;font-weight:normal; text-decoration:none;}

/* FRAMEWORK SPECIFIC  */

#umbrellaSpacer{background-color:#ad7b40;width:100%;padding:16px;0}

	/*  <footer>   */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);


/*  FONT COLORS COLORS	 */
.orange	{color:#e99a3f!important} /*  ORANGE  */
.darkorange {color:#d38000!important} /*  DARK ORANGE  */
.blue {color:#497e8b!important}  /*  BLUE  */
.darkblue {color:#23596c!important} /*  DARK BLUE  */	
.green {color:#92aa38!important}  /*  GREEN  */
	
/*html5 display rule*/
/*article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, section, summary, .hiddenInfo {
	display: block;
	}*/
/*body	{
	margin: 0 auto;
	padding: 0;
	font-family: 'Open Sans',sans-serif;
	font-size: 1em;
	color: #6F6D65;
	background: #273840;
	}*/




	
/*  |||||||||||||||||||||||||||||||||||||||||||||||||||||||  */

/*#umbFooterWrapper{
	margin: 0 auto;
	padding: 0;
	font-family: 'Open Sans',sans-serif;
	font-size:1.2em;
	color: #6F6D65;
	background: #273840;
	}

.footerHolder	{
	width: 100%;
	height: 284px;
	margin: 40px auto 0 auto;
	background: #ccc url(bg-footerHolder.jpg) repeat-x;
	clear: both;
	}*/
/*footer	{
	
	width: 990px;
	margin: 0 auto;
	height: 234px;
	padding: 25px 0;
	background: url(bg-footer.jpg) no-repeat;
	color: #ccc;
	font-size: 0.75em;
	}*/
/*footer p	{
	font-size: 1em;
	}
footer .fifths	{
	float: left;
	width: 18%;
	margin: 0 2% 0 0;
	line-height: 1.25em;
	min-height: 180px;
	}
footer .fifths a	{
	color: #ccc;	
	text-decoration: none;
	}
footer .fifths a:hover	{
	color: #fff;
	text-decoration: none;
	}	
footer a.btn	{
	color: #fff;
	display: inline-block;
	font-weight: 600;
	font-size: 1em;
	background: #92aa38;
	border-top: 1px solid #afc16d;
	border-left: 1px solid #82992f;
	border-right: 1px solid #82992f;
	border-bottom: 1px solid #61781d;
	padding: 5px 10px;
	margin: 0 0 10px 0;
	}
footer h2	{
	margin: 0 0 25px 0;
	font-weight: 600;
	color: #fff;
	}
footer h3	{
	margin: 0 0 15px 0;
	text-transform: uppercase;
	font-weight: 600;
	color: #fff;
	}
footer h3.last	{
	margin: 0 0 15px 0;
	text-transform: uppercase;
	}
footer a.facebook	{
	background: url(icon-facebook.png) no-repeat 0 0;
	padding: 0 0 0 23px;
	}
footer a.email	{
	background: url(icon-email.png) no-repeat 0 0;
	padding: 0 0 0 23px;
	}
footer a.twitter	{
	background: url(icon-twitter.png) no-repeat 0 0;
	padding: 0 0 0 23px;
	}
footer a.googleplus	{
	background: url(icon-googleplus.png) no-repeat 0 0!important;
	padding: 0 0 0 23px;
	}
footer .copyright	{
	color: #cbd1d5; 
	clear: both; 
	padding: 30px 0 0 0;
	}
footer .copyright a	{
	color: #cbd1d5; 
	text-decoration: none;
	}
footer .copyright a:hover	{
	color: #fff; 
	text-decoration: none;
	}
footer .footerDark p	{
	margin: 0 0 7px 0;
	}	
footer .footerDark a	{
	font-weight: 600;
	}	*/