/* CSS2 CHL copyright 2008- 2020*/
body {background-color:#9ed5fb; margin-top:20px; margin-right:2px; margin-left:2px;}
td, tr, p, div {
font : 11px Verdana, Arial, Helvetica, sans-serif;
color : #000000;
}
#bg_blue {background-image: url(images/bg_blue.gif); background-repeat: repeat-X;}
a:hover { 
text-decoration: underline;
}
/* All the main page images */
#yogurt_image { background: url(images/yogurts_main.gif); background-repeat: no-repeat; }
#newlogo { padding-left:100px;  padding-top:420px; }

#content { padding-left:70px;  padding-top:210px; padding-right:0px;}
.content_fa {font: 19px Verdana, Arial, Helvetica, sans-serif; color: #89aabc; text-align:center; }
.content_fab  {color:#53503a;font-weight:normal}
.content_fabc {color:#583ba3;font-weight:normal}
.content_fabd {color:#2bace5;font-weight:normal}
.content_fabe {color:#69bb11;font-weight:normal}
.content_fabf {color:#f9d702;font-weight:normal}
.content_fabg {color:#f49119;font-weight:normal}
.content_fabh {color:#eb090a;font-weight:normal}
.content_fabi {color:#ee3fa8;font-weight:normal}
.content_fb {font: 12px Verdana, Arial, Helvetica, sans-serif; color: #89aabc; text-align:center; }
.content_fc {color:#6a8492; font-weight:normal}
.content_fd {color:#6a8492; font-size:10px;}

#location_image { background: url(images/main_location2.gif); background-repeat: no-repeat; }
.location {
}

#location_content {padding-left:370px;  padding-top:30px; padding-right:0px;}
.location_fa {font: 15px Verdana, Arial, Helvetica, sans-serif; color: #53503a; text-align:center; }
.location_ha {color:#53503a;font-weight:normal; font-size:10px}
.location_ha-space {
	color:#53503a;
	font-weight:normal;
	font-size:10px;
	letter-spacing: 4px;
}

#location_navigate a{
	color: #666666;
	font-weight:normal;
	font-size:10px;
	letter-spacing: 4px;
	text-decoration:none;
}

#location_navigate a:hover{
	color: #00CCCC;
	font-weight:normal;
	font-size:10px;
	letter-spacing: 4px;
	text-decoration:none;
}

#location_address a{
	color: #000000;
	font-weight:normal;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	letter-spacing: 1px;
}

#location_address a:hover{
	color: #00CCCC;
	font-weight:normal;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	letter-spacing: 1px;
}



.location_haa {color:#3fc7f4;font-weight:normal; text-decoration:none}

#contact_image { background: url(images/main_contact.gif); background-repeat: no-repeat; }
#contact_contenta {padding-left:100px;  padding-top:265px; padding-right:0px;}
#map-bayarea {
	background-image: url(images/map-bayarea.png);
	height: 465px;
	width: 670px;
	background-repeat: no-repeat;
	top: 0px;
	margin: 0 0;
}
#map-mission {
	background-image: url(images/map-mission.png);
	height: 550px;
	width: 670px;
	background-repeat: no-repeat;
	top: 0px;
	margin: 0 0;
}
#map-content {
	position: relative;
	left: 330px;
	top: 60px;
	width: 350px;
	text-align: center;
	z-index: 2;

}
<!#map-lakeshore {
	background-image: url(images/map-lakeshore.png);
	height: 500px;
	width: 670px;
	background-repeat: no-repeat;
	top: 0px;
	margin: 0 0;
}!>
#map-sanJose {
	background-image: url(images/map-sanJose.png);
	height: 500px;
	width: 670px;
	background-repeat: no-repeat;
	top: 0px;
	margin: 0 0;
}

#map-spot-soma {
	position: relative;
	top: 72px;
	width: 20px;
	left: 84px;
}
<!#map-spot-lakeshore {
	position: relative;
	top: 85px;
	width: 20px;
	left: 62px;
}!>
#map-spot-sanjose {
	position: relative;
	top: 285px;
	width: 20px;
	left: 307px;
}




#contact_content {padding-left:33px;  padding-top:20px; padding-right:20px;}
.content_fr {color:#f694ab; font-weight:normal; font-size:10px;text-align:center;}
.content_ge {color:#6dba6b; font-weight:normal; font-size:10px; }

#emp_image { background: url(images/Emp_bg.gif); background-repeat: no-repeat; }
#emp_content {padding-left:0px;  padding-top:170px; padding-right:50px;}
.emp_fa {font: 15px Verdana, Arial, Helvetica, sans-serif; color: #53503a; text-align:center; }
.emp_ha {color:#89aabc;font-weight:normal; font-size:12px}
.emp_haa {color:#89aabc;font-weight:normal; text-decoration:none}
.emp_link {color:#19b9ed; font-weight:bold;font-size:12px; text-decoration:none}
.emp_has {color:#19b9ed; font-weight:bold;font-size:12px; text-decoration:none}
/* main navigation CSS2 */
#pink_font {font:15px Verdana, Arial, Helvetica, sans-serif; padding-top:12px;
color : #f694ab;}
#yelowblack_font {font:15px Verdana, Arial, Helvetica, sans-serif;  padding-top:12px;
color : #53503a;}
/* GUI Navigation  */
	
	.nav_container {
	width: 680px;
	padding-top:20px;
	
}
	#navMenu{
	display: inline;
	margin: 0;
	padding: 0px;
	position: ;
	z-index: 5;
}
#navMenu li{
	float: none;
	display: inline;
}


a.navYogurts, a.navYogurts_a{
	display:block;
	float:left;
	width:110px;
	height:23px;
	background: url("images/yogurts.gif");
	background-repeat:no-repeat;
}
a.navYogurts:hover{
	background: url("images/yogurts.gif") 0 46px;
}
a.navYogurts_a{
	background: url("images/yogurts.gif") 0 23px;
}

a.navaboutus, a.navaboutus_a{
	display:block;
	float:left;
	width:110px;
	height:23px;
	background: url("images/aboutus.gif");
	background-repeat:no-repeat;
}
a.navaboutus:hover{
	background: url("images/aboutus.gif") 0 46px;
}
a.navaboutus_a{
	background: url("images/aboutus.gif") 0 23px;
}



a.navLocation, a.navLocation_a{
	display:block;
	float:left;
	width:100px;
	height:23px;
	background: url("images/locations.gif");
	background-repeat:no-repeat;
}


a.navLocation:hover{
	background: url("images/locations.gif") 0 46px;
}
a.navLocation_a{
	background: url("images/locations.gif") 0 23px;
}


a.navEmployment, a.navEmployment_a{
	display:block;
	float:left;
	width:100px;
	height:23px;
	background: url("images/employment.gif");
	background-repeat:no-repeat;
}
a.navEmployment:hover{
	background: url("images/employment.gif") 0 46px;
}
a.navEmployment_a{
	background: url("images/employment.gif") 0 23px;
}


a.navContactus, a.navContactus_a{
	display:block;
	float:left;
	width:100px;
	height:23px;
	background: url("images/contact_us.gif");
	background-repeat:no-repeat;
}
a.navContactus:hover{
	background: url("images/contact_us.gif") 0 46px;
}
a.navContactus_a{
	background: url("images/contact_us.gif") 0 23px;
}


a.navClientlogin, a.navClientlogin_a{
	display:block;
	float:left;
	width:100px;
	height:23px;
	background: url("images/client_login.gif");
	background-repeat:no-repeat;
}
a.navClientlogin:hover{
	background: url("images/client_login.gif") 0 46px;
}
a.navClientlogin_a{
	background: url("images/client_login.gif") 0 23px;
}

/* Footer */
#footer_font 
{
font:11px 'Verdana', Arial, Helvetica, sans-serif;
color:#89aabc;
border:dotted 1px #89aabc; 
border-right:0px;
border-left:0px;
padding-top:3px;
padding-bottom:3px;
}
#youtube {
	padding-top: 60px;
	background-image: url(images/youtube-path.gif);
	text-align: left;
	height: 374px;
	width: 680px;
}
#Youtube-content {
	float: left;
	padding-left: 30px;
	margin-right: 20px;
}
#event-left {
	float: left;
	height: 100px;
	width: auto;
	padding: 20px;
}

