/* CSS Document */

html,
body {
   margin:0;
   padding:0;
   height:100%;
  background-color: #0A2A43;
behavior: url("StyleSheets/csshover3.htc");
}

* {
margin: 0;
padding: 0;
}

#container {
   height:100%;
   position:relative;
   background-image:url(../images/Back_gradient.jpg);
}

#header {
   padding:0px;
}

#jointventure {
width: 175px;
height: 37px;
right: 10px;
float: right;
position: relative;
top: 55px;
}

#jointventure p {
 font: Verdana;
 font-size:9px;
 color: #999999;
}


#jointventure2 {
   position:relative;
   left: -335px;
   top: 20px;
   width: 148px;
   height: 28px;
   margin-left: auto;
   margin-right: auto;
   background-image:url(../images/JointVenture_Big.png);
   background-repeat: no-repeat;
   z-index: 900px;
   text-indent: -900%;
}

#jointventure2 span{
  display: block;
  z-index: 10000;
}

#jointventure2 span a{
  display: block;
  z-index: 10000;
}



#headerSub {
   height: 150px;
   margin:0;
   padding:0;
   background-image:url(../images/topGradient.png);
   background-repeat:repeat-x;
}

#headerContenthome{
   margin-top: 0px;
   position:relative;
   width: 900px;
   height: 101px;
   margin-left: auto;
   margin-right: auto;
}

#headerContentSub{
   margin-top: 0px;
   position:relative;
   background-position:left;
   background-repeat:no-repeat;
   height: 175px;
   width: 900px;
   margin-left: auto;
   margin-right: auto;
   top: -30px;
}


#header h1 {
    display:block;
    float:left;
    width:178px;
    height:106px;
    background:url(../images/SVEDA_logo.png)  no-repeat 0 0;
    text-indent:-10000px;
  }
  
#headerSub h1 {
    display:block;
    float:left;
    width:178px;
    height:106px;
    background:url(../images/SVEDA_logo_Sub.png)  no-repeat 0 0;
    text-indent:-10000px;
  }
  
#headerSearch {
	position:relative;
    float:right;
    width:300px;
	right: 10px;
  }

#headerSearchSub {
	position:relative;
	float: right;
    width:300px;
	top: 30px;
  }
  
#bodySub {
   margin:0;
   padding:0;
   width: 100%;
   height: auto;
   background-image:url(../images/body_white.png);
   background-repeat:repeat;
   margin-left: auto;
   margin-right: auto;
   padding-bottom:90px;   /* Height of the footer */
min-height:500px;
height:auto !important;
height:500px;
}


#bodySub_Tools{
   margin:0;
   padding:0;
   width: 100%;
   /*height: 800px;*/
   background-image:url(../images/body_white.png);
   background-repeat:repeat;
   margin-left: auto;
   margin-right: auto;
   padding-bottom:90px;   /* Height of the footer */
min-height:500px;
height:auto !important;
height:500px;
}


#bodySub_Resources{
   margin:0;
   padding:0;
   width: 100%;
   /*height: 3100px;*/
   background-image:url(../images/body_white.png);
   background-repeat:repeat;
   margin-left: auto;
   margin-right: auto;
   padding-bottom:90px;   /* Height of the footer */
min-height:500px;
height:auto !important;
height:500px;
}

#bodySub_SiteSearch{
   margin:0;
   padding:0;
   width: 100%;
   /*height: 1000px;*/
   background-image:url(../images/body_white.png);
   background-repeat:repeat;
   margin-left: auto;
   margin-right: auto;
   padding-bottom:90px;   /* Height of the footer */
min-height:500px;
height:auto !important;
height:500px;
}


#bodySub_About{
   margin:0;
   padding:0;
   width: 100%;
   /*height: 1400px;*/
   background-image:url(../images/body_white.png);
   background-repeat:repeat;
   margin-left: auto;
   margin-right: auto;
   padding-bottom:90px;   /* Height of the footer */
min-height:500px;
height:auto !important;
height:500px;
}

#bodySub_AboutNews{
   margin:0;
   padding:0;
   width: 100%;
   /*height: 2000px;*/
   background-image:url(../images/body_white.png);
   background-repeat:repeat;
   margin-left: auto;
   margin-right: auto;
   padding-bottom:90px;   /* Height of the footer */
min-height:500px;
height:auto !important;
height:500px;
}




#bodySub_Associations{
   margin:0;
   padding:0;
   width: 100%;
   /*height: 800px;*/
   background-image:url(../images/body_white.png);
   background-repeat:repeat;
   margin-left: auto;
   margin-right: auto;
   padding-bottom:90px;   /* Height of the footer */
min-height:500px;
height:auto !important;
height:500px;
}



#bodySub_AboutSV{
   margin:0;
   padding:0;
   width: 100%;
   /*height: 780px;*/
   background-image:url(../images/body_white.png);
   background-repeat:repeat;
   margin-left: auto;
   margin-right: auto;
   padding-bottom:90px;   /* Height of the footer */
min-height:500px;
height:auto !important;
height:500px;
}

#bodySub_Where{
   margin:0;
   padding:0;
   width: 100%;
   /*height: 780px;*/
   background-image:url(../images/body_white.png);
   background-repeat:repeat;
   margin-left: auto;
   margin-right: auto;
   padding-bottom:90px;   /* Height of the footer */
min-height:500px;
height:auto !important;
height:500px;
}

#bodySub_History{
   margin:0;
   padding:0;
   width: 100%;
   /*height: 1850px;*/
   background-image:url(../images/body_white.png);
   background-repeat:repeat;
   margin-left: auto;
   margin-right: auto;
   padding-bottom:90px;   /* Height of the footer */
min-height:500px;
height:auto !important;
height:500px;
}

#bodySub_Lifestyle{
   margin:0;
   padding:0;
   width: 100%;
   /*height: 1750px;*/
   background-image:url(../images/body_white.png);
   background-repeat:repeat;
   margin-left: auto;
   margin-right: auto;
   padding-bottom:90px;   /* Height of the footer */
min-height:500px;
height:auto !important;
height:500px;
}


#bodySubcontent {
   width: 960px;
   height: auto;
   margin-left: auto;
   margin-right: auto;
   padding-bottom:0px;
   margin-top:0;
}

#bodySubcontent h1{
  font: 14px Verdana;
  font-weight:bold;
  color:#003366;
}

#bodySubcontent p{
  font: 12px Verdana;
  color: #000000;
}

#bodySubcontent a{
  font: 12px Verdana;
  margin-bottom: 10px;
}

#bullets li{
  font: 12px Verdana;
  margin-top: 10px;
  color: #333333;
}


ul#bullets {
  left: 15px;
  position: relative;
}


#bodySubcontent_c2 h1{
  font: 14px Verdana;
  font-weight:bold;
  color:#003366;
}

#bodySubcontent_c2 h2{
  margin-top:10px;
  margin-bottom: 10px;
  font: 13px Verdana;
  font-weight:bold;
  color:#009933;
}

#bodySubcontent_c2 h3{
  margin-top:5px;
  font: 13px Verdana;
  font-weight:bold;
  color: #999999;
}


#bodySubcontent_c2 h5{
  font: 8px Verdana;
  font-weight:bold;
  color: #999999;
}

#why {
  width: 550px;
  top: 100px;
  left: 100px;
  background-color: #99FFFF;
  border: #CCCCCC thin;
  padding: 5px;
}

#whytext {
   width: 475px;
   margin-left: auto;
   margin-right: auto;
}




#bodySubcontent_c2 p{
  font: 12px Verdana;
  color: #000000;
}


#bodySubcontent_c1 {
   height: auto;
   background-image:url(../images/SubNav_Where.png);
   background-repeat: no-repeat;
   margin: 0px;
   position:relative;
   top: 0px;
   left: 0px;
   width: 215px;
   height: 237px;
   float: left;
   font: 12px Verdana;
}


#bodySubcontent_c1Tool{
   height: auto;
   background-image:url(../images/SubNav_Tools.png);
   background-repeat: no-repeat;
   margin: 0px;
   position:relative;
   top: 0px;
   left: 0px;
   width: 215px;
   height: 237px;
   float: left;
   font: 12px Verdana;
}

#bodySubcontent_c1About {
   height: auto;
   background-image:url(../images/SubNav_About.png);
   background-repeat: no-repeat;
   margin: 0px;
   position:relative;
   top: 0px;
   left: 0px;
   width: 215px;
   height: 237px;
   float: left;
   font: 12px Verdana;
}

#bodySubcontent_c1_text ul{
   font: 13px Verdana;
   width: 200px;
   background-image:none;
   position: relative;
   left: 18px;
   top: 80px;
}

#bodySubcontent_c1_text li {
 list-style-type:none;
 margin-bottom: 5px;
}

#bodySubcontent_c1_text a:hover {
color:#999999;
font-size:13px;
}

#bodySubcontent_c1_text a {
display:block;
color: #FFFFFF;
text-decoration:none;
font-size:13px;
font-weight:bold;
padding:3px 10px;
margin:0 0 0 10px;
line-height:16px;
}

#bodySubcontent_c1_text.selected a{
color:#CCCCCC;
}



#bodySubcontent_c1_tools {
   height: auto;
   background-image:url(../images/SubNav_Tools.png);
   background-repeat: no-repeat;
   margin: 0px;
   position:relative;
   top: 0px;
   left: 0px;
   width: 215px;
   height: 237px;
   float: left;
   font: 12px Verdana;
}

#bodySubcontent_c1_About{
   height: auto;
   background-image:url(../images/SubNav_About.png);
   background-repeat: no-repeat;
   margin: 0px;
   position:relative;
   top: 0px;
   left: 0px;
   width: 215px;
   height: 237px;
   float: left;
   font: 12px Verdana;
}

#bodySubcontent_c1_About_text{
   position: relative;
   left:30px;
   top: 70px;
}

#bodySubcontent_c1_About p{
   font: 12px Verdana;
   font-size:13px;
   color:#FFFFFF;
}

#bodySubcontent_c1_About a{
   text-decoration:none;
   font: 12px Verdana;
   font-weight:bold;
   font-size:13px;
   color:#FFFFFF;
}


#bodySubcontent_c2 {
   width: 600px;
   height: auto;
   position:relative;
   top: 20px;
   left: -100px;
   float: right;
   padding:10px;
   font: 12px Verdana;
   
}

#bodyHome {
   padding:5px;
   width: 960px;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   padding-bottom:0px;   /* Height of the footer */
}

#bodyBanner {
   padding:5px;
   width: 946px;
   height: 300px;
   background:url(../images/HomeBanner.png)  no-repeat 0 0;
   margin-left: auto;
   margin-right: auto;
}

#bodyBannertext {
   position:relative;
   font: Georgia, "Times New Roman", Times, serif;
   color: #FFFFFF;
   top: 60px;
   left: 25px;
   width: 410px;
   z-index: 50;
}

#bodyBannertext h1 {
   font-size: 25px;
   margin-bottom:5px;
   line-height: 1.1em;
   z-index: 50;
}

#bodyBannertext p {
   font-size: 18px;
   line-height: 1.1em;
   z-index: 48;
}

#bodyBannertextShadow {
   position:relative;
   font: Georgia, "Times New Roman", Times, serif;
   color:#000000;
   top: 65px;
   left: 30px;
   width: 410px;
   z-index: 48;
}


/* Start Main Menu */

#homeNav{
   padding:10px;
   width: 960px;
   height: 225px;
   margin-left: auto;
   margin-right: auto;
}

#homeNav_Where {
    display:block;
	text-decoration:none;
    float:left;
    width:320px;
    height:270px;
	margin: 0px;
	margin-top: 0px;
	padding: 0px;
	margin-left: auto;
    margin-right: auto;
    background:url(../images/Main_Nav_Where_h.png)  no-repeat 0 0;
 }
 
#homeNav_Where h1 {
    display:block;
	font: Arial;
	text-align:center;
	font-size:13px;
	text-decoration:none;
	text-shadow:#000000;
    width:317px;
    height:262px;
  }
  
#homeNav_Where a:hover {
    background:url(../images/Main_Nav_Where_h.png) no-repeat -329px 0px;
}

#homeNav_Tools{
    display:block;
    float:left;
    width:320px;
    height:270px;
	margin: 0px;
	margin-top: 0px;
	padding: 0px;
	margin-left: auto;
    margin-right: auto;
    background:url(../images/Main_Nav_Tools_h.png)  no-repeat 0 0;
 }
 
#homeNav_Tools a {
    display:block;
    width:317px;
    height:262px;
  }
  
#homeNav_Tools a:hover {
    background:url(../images/Main_Nav_Tools_h.png) no-repeat -329px 0px;
}

 
#homeNav_About{
    display:block;
    float:left;
    width:320px;
    height:270px;
	margin: 0px;
	margin-top: 0px;
	padding: 0px;
    background:url(../images/Main_Nav_About_h.png)  no-repeat 0 0;
 }
 
#homeNav_About a {
    display:block;
    width:317px;
    height:262px;
  }
  
#homeNav_About a:hover {
    background:url(../images/Main_Nav_About_h.png) no-repeat -329px 0px;
}

/* End Main Menu */



/* Start Main Menu */

#homeNavmenu{
   list-style: none;
   display:block;
   padding: 0;
   margin: 0;
   width: 960px;
   height: 225px;
   margin-left: auto;
   margin-right: auto;
   position: relative;
   z-index: 2000px;
   
}

#homeNavmenu span a:hover{
  background-position: -329px 0px;
}

#homeNavmenu span {
  position: absolute;

  z-index: 10;
}
#homeNavmenu span a {
  z-index: 100;
}

#homeNavmenu a {
	display: block;
	text-indent: 0;
	position: absolute;
	outline: none;
	width: 103px;
}

#homeNavmenu a:hover {
  background-position: -329px 0px;
}

#homeNavmenu a:hover span {
  display: block;
}

#homeNavmenu .whereNav {
	text-decoration:none;
    float:left;
    width:320px;
    height:225px;
	margin-left: auto;
    margin-right: auto;
    background:url(../images/Main_Nav_Where_h.png)  no-repeat 0 0;
 }
 
 #homeNavmenu .citiesNav {
    width:200px;
    height:20px;
	text-align:center;
	top: 90px;
	left: 60px;
 }
 
  #homeNavmenu .historyNav {
    width:100px;
    height:20px;
	margin-left: auto;
    margin-right: auto;
	postion: relative;
	text-align:center;
	top: 125px;
	left: 115px;
 }
 
  #homeNavmenu .lifestyleNav {
    width:100px;
    height:20px;
	text-align:center;
	top: 160px;
	left: 115px;
 }
 
 
 #homeNavmenu .toolsNav{
    float:left;
	left: 315px;
    width:320px;
    height:225px;
	position: absolute;
	top: 0px;
    background:url(../images/Main_Nav_Tools_h.png)  no-repeat 0 0;
 }
 
 #homeNavmenu .toolsNav2{
    float:left;
	left: 315px;
    width:320px;
    height:20px;
	position: absolute;
	top: 175px;
 }
 
  #homeNavmenu .siteNav {
    width:200px;
    height:20px;
	text-align:center;
	top: 90px;
	left: 380px;
 }
 
  #homeNavmenu .resourcesNav {
    width:100px;
    height:20px;
	text-align:center;
	top: 120px;
	left: 430px;
 }
 
  #homeNavmenu .utilitiesNav {
    width:100px;
    height:20px;
	text-align:center;
	top: 150px;
	left: 430px;
 }
 
   #homeNavmenu .workforceNav {
    width:100px;
    height:20px;
	text-align:center;
	top: 175px;
	left: 430px;
 }
 
 
 
 #homeNavmenu .aboutSVEDANav{
    float:left;
	left: 630px;
    width:320px;
    height:20px;
	position: absolute;
	top: 150px;
	margin-left: auto;
    margin-right: auto;
 }


   #homeNavmenu .economicNav {
    width:200px;
    height:20px;
	text-align:center;
	top: 90px;
	left: 700px;
 }
 
  #homeNavmenu .associationsNav {
    width:180px;
    height:20px;
	margin-left: auto;
    margin-right: auto;
	postion: relative;
	text-align:center;
	top: 120px;
	left: 700px;
 }
 
  #homeNavmenu .newsNav {
    width:100px;
    height:20px;
	text-align:center;
	top: 120px;
	left: 740px;
 }
 
   #homeNavmenu .aboutNav2 {
    width:140px;
    height:20px;
	text-align:center;
	top: 175px;
	left: 720px;
 }
 
    #homeNavmenu .aboutNav {
background:transparent url(../images/Main_Nav_About_h.png) no-repeat scroll 0 0;
float:left;
height:225px;
left:630px;
margin-left:auto;
margin-right:auto;
position:absolute;
top:0;
width:320px;
 }
 
 /* Nav for secondary pages */

#mainmenuplacement {
   position: relative;
   height: 0px;
   left: 200px;
   top: 100px;
}

#nav_641809 {
   display: inline;
   visibility: visible;
}

#wherenav {
  visibility: visible;
  width: 168px;
  height: 30px;
  padding: 5px;
  margin-right: 10px;
  background: no-repeat;
}

#wherenav a:hover{
  visibility: visible;
  width: 168px;
  height: 30px;
  margin-right: 10px;
  background: no-repeat;
}

#toolnav {
  visibility: visible;
  width: 200px;
  height: 30px;
  padding: 5px;
  margin-right: 10px;
  background: no-repeat;
}

#toolnav a:hover{
  visibility: visible;
  width: 200px;
  height: 30px;;
  margin-right: 10px;
  background: no-repeat;
}

#aboutnav {
  visibility: visible;
  width: 137px;
  height: 30px;
  padding: 5px;
  background: no-repeat;
}

#aboutnav a:hover{
  visibility: visible;
  width: 137px;
  height: 30px;
  padding: 5px;
  background: no-repeat;
}



/* End Nav for secondary pages */



 
#footer {
   position:relative;
   margin-top: 10px;
   width:100%;
   height:32px;   /* Height of the footer */
}

#footerContent {
   margin-top: 0px;
   position:relative;
   height: 32px;
   width: 960px;
   margin-left: auto;
   margin-right: auto;
}

#footerContent p {
  font: 10px Verdana;
  text-align: center;
 
}

#footerContent a {
  text-decoration:none;
  color: #333333;
}

#footerContentSub {
   margin-top: 0px;
   position: relative;
   height: 32px;
   width: 800x;
   left: 0px;
   margin-left: auto;
   margin-right: auto;
}

#footerContentSub p {
  font: 10px Verdana;
  text-align: center;
  color: #FFFFFF;
}

#footerContentSub a {
  text-decoration:none;
  color: #FFFFFF;
}


#footerSubPic {
   position:absolute;
   left: 50%;
   top:-67px;
   width: 215px;
   height: 139px;
   margin:0 0 0 267px;
   background-image:url(../images/FooterPostCards.png);
   background-repeat: no-repeat;
   z-index: 900px;
}

#footerSub {
	position:relative;
	bottom:0px;
	width:100%;
	background-image:url(../images/footer_Gradient.png);
	background-repeat:repeat-x;
	background-position:bottom;
	height:90px;   /* Height of the footer */
}


#footerJoint {
   background-image:url(../images/JointVenture_Logo.png);
   background-repeat: no-repeat;
   width: 127px;
   height: 30px;
   position: relative;
   top: -30px;
   left: 725px;
}

#footerJointSub {
   background-image:url(../images/JointVenture_Logo.png);
   background-repeat: no-repeat;
   width: 127px;
   height: 30px;
   position: relative;
   top: -30px;
   left: 725px;
}



/* Lifestyle - Page Specific */

#lifestyle_column1 {
   float: left;
   width: auto;
   margin: 5px;
   width: 250px;
}

#lifestyle_column2 {
   float: right;
   width: auto;
   margin: 5px;
   width: 250px;
}

#lifestyle_columns {

   margin-left: auto;
   margin-right: auto;
   width: 630px;


} 


/* Lifestyle - Page Specific */



/* Cities- Page Specific */

dl#lalaLandMap{
	margin: 0;
	padding: 0;
	background: transparent url(/images/Cities_Map.png) top left no-repeat;
	height: 600px;
	width: 600px;
	position: relative;
}

dt{ margin: 0; padding: 0; position: absolute; font-size: 85%; display: none; }
dd{ margin: 0; padding: 0; position: absolute;  font-size: 85%; }
dd a{ outline: none; }
/*dd a:active{ outline: none; -moz-outline: none; }*/

dl#lalaLandMap dt.title{
	color: white;
	display: block;
	font-size: 115%;
	padding: 10px 0 0 5px;
}



/* ---------- Hotspot Declarations ---------- */

/* ---------- CAMPBELL ---------- */

dd#campbellDef{ top: 315px; right: 316px; }
dd#campbellDef a{ position: absolute; width: 100px; height: 20px; text-decoration: none; border: 1px solid #FFFCE6; background: url(note.png) repeat; }
dd#campbellDef a span{ display: none; }
dd#campbellDef a:hover{ position: absolute; background: url(hover.png) repeat; border: 1px solid #BCBCBC; }
dd#campbellDef a:hover span, dd#campbellDef a:focus span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background: url(../images/Campbell.png) top left no-repeat;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 20%;
	margin: 0;
	padding: 5px;
	width:483px;
	height: 432px;
}

dd#campbellDef a:active{
	outline: none;
	-moz-outline: none;
}

/* ---------- County Of SC ---------- */

dd#CountyOfSCDef{ top: 400px; right: 175px; }
dd#CountyOfSCDef a{ position: absolute; width: 120px; height: 50px; text-decoration: none; border: 1px solid #FFFCE6; background: url(note.png) repeat; }
dd#CountyOfSCDef a span{ display: none; }
dd#CountyOfSCDef a:hover{ position: absolute; background: url(hover.png) repeat; border: 1px solid #BCBCBC; }
dd#CountyOfSCDef a:hover span, dd#CountyOfSCDef a:focus span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background: url(../images/CountyOfSC.png) top left no-repeat;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 20%;
	margin: 0;
	padding: 5px;
	width: 483px;
	height: 406px;
}

dd#CountyOfSCDef a:active{
	outline: none;
	-moz-outline: none;
}

/* ---------- County Of Cupertino ---------- */

dd#CupertinoDef{ top: 290px; right: 389px; }
dd#CupertinoDef a{ position: absolute; width: 100px; height: 20px; text-decoration: none; border: 1px solid #FFFCE6; background: url(note.png) repeat; }
dd#CupertinoDef a span{ display: none; }
dd#CupertinoDef a:hover{ position: absolute; background: url(hover.png) repeat; border: 1px solid #BCBCBC; }
dd#CupertinoDef a:hover span, dd#CupertinoDef a:focus span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background: url(../images/Cupertino.png) top left no-repeat;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 20%;
	margin: 0;
	padding: 5px;
	width: 483px;
	height: 432px;
}

dd#CupertinoDef a:active{
	outline: none;
	-moz-outline: none;
}


/* ---------- County Of EastPaloAlto ---------- */

dd#EastPaloAltoDef{ top: 194px; right: 417px; }
dd#EastPaloAltoDef a{ position: absolute; width: 100px; height: 20px; text-decoration: none; border: 1px solid #FFFCE6; background: url(note.png) repeat; }
dd#EastPaloAltoDef a span{ display: none; }
dd#EastPaloAltoDef a:hover{ position: absolute; background: url(hover.png) repeat; border: 1px solid #BCBCBC; }
dd#EastPaloAltoDef a:hover span, dd#EastPaloAltoDef a:focus span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	top: -10px;
	background: url(../images/EastPaloAlto.png) top left no-repeat;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 483px;
	height: 379px;
}

dd#EastPaloAltoDef a:active{
	outline: none;
	-moz-outline: none;
}

/* ---------- County Of Fremont---------- */

dd#FremontDef{ top: 135px; right: 330px; }
dd#FremontDef a{ position: absolute; width: 100px; height: 20px; text-decoration: none; border: 1px solid #FFFCE6; background: url(note.png) repeat; }
dd#FremontDef a span{ display: none; }
dd#FremontDef a:hover{ position: absolute; background: url(hover.png) repeat; border: 1px solid #BCBCBC; }
dd#FremontDef a:hover span, dd#FremontDef a:focus span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	top: -50px;
	color: #000;
	background: url(../images/Fremont.png) top left no-repeat;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 20%;
	margin: 0;
	padding: 5px;
	width: 483px;
	height: 432px;
}

dd#FremontDef a:active{
	outline: none;
	-moz-outline: none;
}



/* ---------- County Of Gilroy---------- */

dd#GilroyDef{ top: 521px; right:100px; }
dd#GilroyDef a{ position: absolute; width: 100px; height: 20px; text-decoration: none; border: 1px solid #FFFCE6; background: url(note.png) repeat; }
dd#GilroyDef a span{ display: none; }
dd#GilroyDef a:hover{ position: absolute; background: url(hover.png) repeat; border: 1px solid #BCBCBC; }
dd#GilroyDef a:hover span, dd#GilroyDef a:focus span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background: url(../images/Gilroy.png) top left no-repeat;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 20%;
	margin: 0;
	padding: 5px;
	width: 483px;
	height: 399px;
}

dd#GilroyDef a:active{
	outline: none;
	-moz-outline: none;
}

/* ---------- County Of LosGatos---------- */

dd#LosGatosDef{ top: 350px; right: 340px; }
dd#LosGatosDef a{ position: absolute; width: 100px; height: 20px; text-decoration: none; border: 1px solid #FFFCE6; background: url(note.png) repeat; }
dd#LosGatosDef a span{ display: none; }
dd#LosGatosDef a:hover{ position: absolute; background: url(hover.png) repeat; border: 1px solid #BCBCBC; }
dd#LosGatosDef a:hover span, dd#LosGatosDef a:focus span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background: url(../images/LosGatos.png) top left no-repeat;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 20%;
	margin: 0;
	padding: 5px;
	width: 483px;
	height: 432px;
}

dd#LosGatosDef a:active{
	outline: none;
	-moz-outline: none;
}

/* ---------- County Of MenloPark---------- */

dd#MenloParkDef{ top: 209px; right: 520px; }
dd#MenloParkDef a{ position: absolute; width: 100px; height: 20px; text-decoration: none; border: 1px solid #FFFCE6; background: url(note.png) repeat; }
dd#MenloParkDef a span{ display: none; }
dd#MenloParkDef a:hover{ position: absolute; background: url(hover.png) repeat; border: 1px solid #BCBCBC; }
dd#MenloParkDef a:hover span, dd#MenloParkDef a:focus span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background: url(../images/MenloPark.png) top left no-repeat;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 20%;
	margin: 0;
	padding: 5px;
	width: 483px;
	height: 432px;
}

dd#MenloParkDef a:active{
	outline: none;
	-moz-outline: none;
}

/* ---------- County Of Milpitas---------- */

dd#MilpitasDef{ top: 187px; right: 302px; }
dd#MilpitasDef a{ position: absolute; width: 100px; height: 20px; text-decoration: none; border: 1px solid #FFFCE6; background: url(note.png) repeat; }
dd#MilpitasDef a span{ display: none; }
dd#MilpitasDef a:hover{ position: absolute; background: url(hover.png) repeat; border: 1px solid #BCBCBC; }
dd#MilpitasDef a:hover span, dd#MilpitasDef a:focus span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background: url(../images/Milpitas.png) top left no-repeat;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 20%;
	margin: 0;
	padding: 5px;
	width: 483px;
	height: 432px;
}

dd#MilpitasDef a:active{
	outline: none;
	-moz-outline: none;
}

/* ---------- County Of Morgan-Hill---------- */

dd#MorganHillDef{ top: 430px; right: 165px; }
dd#MorganHillDef a{ position: absolute; width: 100px; height: 20px; text-decoration: none; border: 1px solid #FFFCE6; background: url(note.png) repeat; }
dd#MorganHillDef a span{ display: none; }
dd#MorganHillDef a:hover{ position: absolute; background: url(hover.png) repeat; border: 1px solid #BCBCBC; }
dd#MorganHillDef a:hover span, dd#Morgan-HillDef a:focus span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background: url(../images/Morgan-Hill.png) top left no-repeat;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 20%;
	margin: 0;
	padding: 5px;
	width: 483px;
	height: 412px;
}

dd#MorganHillDef a:active{
	outline: none;
	-moz-outline: none;
}

/* ---------- County Of MtView---------- */

dd#MtViewDef{ top: 239px; right: 362px; }
dd#MtViewDef a{ position: absolute; width: 100px; height: 20px; text-decoration: none; border: 1px solid #FFFCE6; background: url(note.png) repeat; }
dd#MtViewDef a span{ display: none; }
dd#MtViewDef a:hover{ position: absolute; background: url(hover.png) repeat; border: 1px solid #BCBCBC; }
dd#MtViewDef a:hover span, dd#MtViewDef a:focus span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background: url(../images/MtView.png) top left no-repeat;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 20%;
	margin: 0;
	padding: 5px;
	width: 483px;
	height: 398px;
}

dd#MtViewDef a:active{
	outline: none;
	-moz-outline: none;
}

/* ---------- County Of PaloAlto---------- */

dd#PaloAltoDef{ top: 220px; right: 417px; }
dd#PaloAltoDef a{ position: absolute; width: 100px; height: 20px; text-decoration: none; border: 1px solid #FFFCE6; background: url(note.png) repeat; }
dd#PaloAltoDef a span{ display: none; }
dd#PaloAltoDef a:hover{ position: absolute; background: url(hover.png) repeat; border: 1px solid #BCBCBC; }
dd#PaloAltoDef a:hover span, dd#PaloAltoDef a:focus span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background: url(../images/PaloAlto.png) top left no-repeat;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 20%;
	margin: 0;
	padding: 5px;
	width: 483px;
	height: 349px;
}

dd#PaloAltoDef a:active{
	outline: none;
	-moz-outline: none;
}

/* ---------- County Of RedwoodCity---------- */

dd#RedwoodCityDef{ top: 182px; right: 479px; }
dd#RedwoodCityDef a{ position: absolute; width: 100px; height: 20px; text-decoration: none; border: 1px solid #FFFCE6; background: url(note.png) repeat; }
dd#RedwoodCityDef a span{ display: none; }
dd#RedwoodCityDef a:hover{ position: absolute; background: url(hover.png) repeat; border: 1px solid #BCBCBC; }
dd#RedwoodCityDef a:hover span, dd#RedwoodCityDef a:focus span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	top: -50px;
	background: url(../images/RedwoodCity.png) top left no-repeat;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 20%;
	margin: 0;
	padding: 5px;
	width: 483px;
	height: 399px;
}

dd#RedwoodCityDef a:active{
	outline: none;
	-moz-outline: none;
}

/* ---------- County Of SanJose---------- */

dd#SanJoseDef{top: 280px; right: 270px }
dd#SanJoseDef a{ position: absolute; width: 100px; height: 20px; text-decoration: none; border: 1px solid #FFFCE6; background: url(note.png) repeat; }
dd#SanJoseDef a span{ display: none; }
dd#SanJoseDef a:hover{ position: absolute; background: url(hover.png) repeat; border: 1px solid #BCBCBC; }
dd#SanJoseDef a:hover span, dd#SanJoseDef a:focus span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background: url(../images/San-Jose.png) top left no-repeat;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 20%;
	margin: 0;
	padding: 5px;
	width: 483px;
	height: 354px;
}

dd#SanJoseDef a:active{
	outline: none;
	-moz-outline: none;
}

/* ---------- County Of SanCarlos---------- */

dd#SanCarlosDef{ top: 157px; right: 535px; }
dd#SanCarlosDef a{ position: absolute; width: 100px; height: 20px; text-decoration: none; border: 1px solid #FFFCE6; background: url(note.png) repeat; }
dd#SanCarlosDef a span{ display: none; }
dd#SanCarlosDef a:hover{ position: absolute; background: url(hover.png) repeat; border: 1px solid #BCBCBC; }
dd#SanCarlosDef a:hover span, dd#SanCarlosDef a:focus span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background: url(../images/SanCarlos.png) top left no-repeat;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 20%;
	margin: 0;
	padding: 5px;
	width: 483px;
	height: 390px;
}

dd#SanCarlosDef a:active{
	outline: none;
	-moz-outline: none;
}

/* ---------- County Of SantaClara---------- */

dd#SantaClaraDef{ top: 264px; right: 295px; }
dd#SantaClaraDef a{ position: absolute; width: 100px; height: 20px; text-decoration: none; border: 1px solid #FFFCE6; background: url(note.png) repeat; }
dd#SantaClaraDef a span{ display: none; }
dd#SantaClaraDef a:hover{ position: absolute; background: url(hover.png) repeat; border: 1px solid #BCBCBC; }
dd#SantaClaraDef a:hover span, dd#SantaClaraDef a:focus span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background: url(../images/SantaClara.png) top left no-repeat;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 20;
	margin: 0;
	padding: 5px;
	width: 483px;
	height: 395px;
}

dd#SantaClaraDef a:active{
	outline: none;
	-moz-outline: none;
}

/* ---------- County Of SanMateo---------- */

dd#SanMateoDef{ top: 133px; right: 555px; }
dd#SanMateoDef a{ position: absolute; width: 100px; height: 20px; text-decoration: none; border: 1px solid #FFFCE6; background: url(note.png) repeat; }
dd#SanMateoDef a span{ display: none; }
dd#SanMateoDef a:hover{ position: absolute; background: url(hover.png) repeat; border: 1px solid #BCBCBC; }
dd#SanMateoDef a:hover span, dd#SanMateoDef a:focus span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	top: -50px;
	background: url(../images/SanMateo.png) top left no-repeat;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 483px;
	height: 393px;
}

dd#SanMateoDef a:active{
	outline: none;
	-moz-outline: none;
}


/* ---------- County Of SantaCruz---------- */

dd#SantaCruzDef{ top: 550px; right: 372px; }
dd#SantaCruzDef a{ position: absolute; width: 100px; height: 20px; text-decoration: none; border: 1px solid #FFFCE6; background: url(note.png) repeat; }
dd#SantaCruzDef a span{ display: none; }
dd#SantaCruzDef a:hover{ position: absolute; background: url(hover.png) repeat; border: 1px solid #BCBCBC; }
dd#SantaCruzDef a:hover span, dd#SantaCruzDef a:focus span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background: url(../images/SantaCruz.png) top left no-repeat;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 20%;
	margin: 0;
	padding: 5px;
	width: 483px;
	height: 375px;
}

dd#SantaCruzDef a:active{
	outline: none;
	-moz-outline: none;
}

/* ---------- County Of Sunnyvale---------- */

dd#SunnyvaleDef{ top: 270px; right: 420px; }
dd#SunnyvaleDef a{ position: absolute; width: 100px; height: 20px; text-decoration: none; border: 1px solid #FFFCE6; background: url(note.png) repeat; }
dd#SunnyvaleDef a span{ display: none; }
dd#SunnyvaleDef a:hover{ position: absolute; background: url(hover.png) repeat; border: 1px solid #BCBCBC; }
dd#SunnyvaleDef a:hover span, dd#SunnyvaleDef a:focus span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background: url(../images/Sunnyvale.png) top left no-repeat;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 20%;
	margin: 0;
	padding: 5px;
	width: 486px;
	height: 432px;
}

dd#SunnyvaleDef a:active{
	outline: none;
	-moz-outline: none;
}



/* ---------- County Of Watsonville_Cities---------- */

dd#Watsonville_CitiesDef{ top: 560px; right: 270px; }
dd#Watsonville_CitiesDef a{ position: absolute; width: 100px; height: 20px; text-decoration: none; border: 1px solid #FFFCE6; background: url(note.png) repeat; }
dd#Watsonville_CitiesDef a span{ display: none; }
dd#Watsonville_CitiesDef a:hover{ position: absolute; background: url(hover.png) repeat; border: 1px solid #BCBCBC; }
dd#Watsonville_CitiesDef a:hover span, dd#Watsonville_CitiesDef a:focus span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background: url(../images/Watsonville_Cities.png) top left no-repeat;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 20%;
	margin: 0;
	padding: 5px;
	width: 483px;
	height: 432px;
}

dd#Watsonville_CitiesDef a:active{
	outline: none;
	-moz-outline: none;
}


/* ---------- County Of Newwark_Cities---------- */

dd#Newwark_CitiesDef{ top: 145px; right: 400px; }
dd#Newwark_CitiesDef a{ position: absolute; width: 80px; height: 20px; text-decoration: none; border: 1px solid #FFFCE6; }
dd#Newwark_CitiesDef a span{ display: none; }
dd#Newwark_CitiesDef a:hover{ position: absolute;border: 1px solid #BCBCBC; }
dd#Newwark_CitiesDef a:hover span, dd#Newwark_CitiesDef a:focus span{
	display: block;
	text-indent: 0;
	vertical-align: center;
	color: #000;
	background: url(../images/Newwark_Cities.png) top left no-repeat;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 20%;
	margin: 0;
	padding: 5px;
	width: 483px;
	height: 158px;
}

dd#Newwark_CitiesDef a:active{
	outline: none;
	-moz-outline: none;
}


#workforceimg {
 height:405;
 width: 802px;
 padding-top: 0px;
 padding-bottom: 0px;
 margin-right: auto;
 margin-left: auto;
}


/*button stuff*/

#mainmenuplacement {
   position: relative;
   left: 200px;
   top: 100px;
}

#menu {
  list-style: none;
  padding: 0;
  margin: 0;
  top: 0px;
  left: 0px;
  width: 750px;
  height: 32px;
  position: relative;
  z-index: 2000px;
  text-align:center;
  color: #0d3555;
  font: Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
  text-decoration:none;
}

#menu span {
  display: none;
  position: absolute;
  z-index: 500;
  font: Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
}

#menu a {
  display: block;
  position: absolute;
  outline: none;
  text-align:center;
  color: #0d3555;
  text-decoration:none;
  font: Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
}

#menu a:hover {
  background-position: 0px -32px;
}

#menu a:hover span {
  display: block;
  background-position: 0px -24px;
}


#menu .where_is{
  width: 245px;
  height: 32px;
  background: url(../images/Nav_Where.png) no-repeat;
  left: 0px;
  top: 0px;
}

#menu .tools{
  width: 245px;
  height: 32px;
  background: url(../images/Nav_Tools.png) no-repeat;
  left: 248px;
  top: 0px;
}

#menu .about{
  width: 245px;
  height: 32px;
  background: url(../images/Nav_About.png) no-repeat;
  left: 496px;
  top: 0px;
}


#menu .citiesSub{
  width: 186px;
  height: 30px;
  background: url(../images/Nav_Back.png) no-repeat;
  left: -182px;
  top: 30px;
}

#menu .historySub{
  width: 186px;
  height: 30px;
  background: url(../images/Nav_Back.png) no-repeat;
  left: -182px;
  top: 56px;
}

#menu .lifestyleSub{
  width: 186px;
  height: 30px;
  background: url(../images/Nav_Back.png) no-repeat;
  left: -182px;
  top: 82px;
}

#menu .site_searchSub{
  width: 186px;
  height: 30px;
  background: url(../images/Nav_Back.png) no-repeat;
  left: 65px;
  top: 30px;
}

#menu .resourcesSub{
  width: 186px;
  height: 30px;
  background: url(../images/Nav_Back.png) no-repeat;
  left: 65px;
  top: 56px;
}

#menu .utilitiesSub{
  width: 186px;
  height: 30px;
  background: url(../images/Nav_Back.png) no-repeat;
  left: 65px;
  top: 82px;
}

#menu .workforceSub{
  width: 186px;
  height: 30px;
  background: url(../images/Nav_Back.png) no-repeat;
  left: 65px;
  top: 106px;
}
#menu .economic_activitySub{
  width: 186px;
  height: 30px;
  background: url(../images/Nav_Back.png) no-repeat;
  left: 315px;
  top: 30px;
}

#menu .associationsSub{
  width: 186px;
  height: 30px;
  background: url(../images/Nav_Back.png) no-repeat;
  left: 315px;
  top: 56px;
}

#menu .newsSub{
  width: 186px;
  height: 30px;
  background: url(../images/Nav_Back.png) no-repeat;
  left: 315px;
  top: 82px;
}

#menu .aboutSVEDASub{
  width: 186px;
  height: 30px;
  background: url(../images/Nav_Back.png) no-repeat;
  left: 315px;
  top: 106px;
}

ul#menu li span {
	float: left;
	padding: 15px 0;
	position: absolute;
	left: 212px; top:-1px;
	display: none; /*--Hide by default--*/
	width: 175px;
	height: 240px;
	background:;
	color: #fff;
	font: Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;

}
ul#menu li:hover span { display: block; } /*--Show subnav on hover--*/
ul#menu li span a { display: inline; } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#menu li span a:hover {text-decoration: none;}


/* ---------- County Of EcoActivity---------- */


dl#ecoActivity{
	margin: 0;
	padding: 0;
	background: transparent url(/images/EconomicAct.png) top left no-repeat;
	height: 600px;
	width: 600px;
	position: relative;
}

dl#ecoActivity p{
    font: arial; 
	font-size: 13px;
	color: #003366;

}

dt{ margin: 0; padding: 0; position: absolute; font-size: 85%; display: none; }
dd{ margin: 0; padding: 0; position: absolute;  font-size: 85%; }
dd a{ outline: none; }
dd a:active{ outline: none; -moz-outline: none; }

dl#ecoActivity dt.title{
	color: white;
	display: block;
	font-size: 115%;
	padding: 10px 0 0 5px;
}



dd#businessinfDef{ top: 60px; right: 360px; }
dd#businessinfDef a{ position: absolute; width: 120px; height: 62px; text-decoration: none; border: 1px solid #FFFCE6; }
dd#businessinfDef a span{ display: none; }
dd#businessinfDef a:hover{ position: absolute;border: 1px solid #BCBCBC; }
dd#businessinfDef a:hover span, dd#businessinfDef a:focus span{
	display: block;
	text-indent: 0;
	vertical-align: center;
	background: url() top left no-repeat;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 10%;
	margin: 0;
	padding: 5px;
	width: 450px;
	height: 100px;
}

dd#businessinfDef a:active{
	outline: none;
	-moz-outline: none;
}



dd#lifesciencesDef{ top: 208px; right: 350px; }
dd#lifesciencesDef a{ position: absolute; width: 99px; height: 64px; text-decoration: none; border: 1px solid #FFFCE6; }
dd#lifesciencesDef a span{ display: none; }
dd#lifesciencesDef a:hover{ position: absolute;border: 1px solid #BCBCBC; }
dd#lifesciencesDef a:hover span, dd#lifesciencesDef a:focus span{
	display: block;
	text-indent: 0;
	vertical-align: center;
	background: url() top left no-repeat;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 10%;
	margin: 0;
	padding: 5px;
	width: 450px;
	height: 150px;
}

dd#lifesciencesDef a:active{
	outline: none;
	-moz-outline: none;
	
}

	
	
	
dd#comminfDef{ top: 190px; right: 210px; }
dd#comminfDef a{ position: absolute; width: 150px; height: 64px; text-decoration: none; border: 1px solid #FFFCE6; }
dd#comminfDef a span{ display: none; }
dd#comminfDef a:hover{ position: absolute;border: 1px solid #BCBCBC; }
dd#comminfDef a:hover span, dd#comminfDef a:focus span{
	display: block;
	text-indent: 0;
	vertical-align: center;
	background: url() top left no-repeat;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 10%;
	margin: 0;
	padding: 5px;
	width: 450px;
	height: 150px;
}

dd#comminfDef a:active{
	outline: none;
	-moz-outline: none;
	
}
	
	
dd#informationprodDef{ top: 250px; right: 575px; }
dd#informationprodDef a{ position: absolute; width: 98px; height: 71px; text-decoration: none; border: 1px solid #FFFCE6; }
dd#informationprodDef a span{ display: none; }
dd#informationprodDef a:hover{ position: absolute;border: 1px solid #BCBCBC; }
dd#informationprodDef a:hover span, dd#informationprodDef a:focus span{
	display: block;
	text-indent: 0px;
	vertical-align: center;
	background: url() top left no-repeat;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 0;
	margin: 0;
	padding: 5px;
	width: 450px;
	height: 200px;
}



dd#informationprodDef a:active{
	outline: none;
	-moz-outline: none;
	
}
	

dd#othermanDef{ top: 320px; right: 300px; }
dd#othermanDef a{ position: absolute; width: 99px; height: 64px; text-decoration: none; border: 1px solid #FFFCE6; }
dd#othermanDef a span{ display: none; }
dd#othermanDef a:hover{ position: absolute;border: 1px solid #BCBCBC; }
dd#othermanDef a:hover span, dd#othermanDef a:focus span{
	display: block;
	text-indent: 0;
	vertical-align: center;
	background: url() top left no-repeat;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 10%;
	margin: 0;
	padding: 5px;
	width: 450px;
	height: 150px;
}

dd#othermanDef a:active{
	outline: none;
	-moz-outline: none;
}
	
	
	

dd#innovationDef{ top: 290px; right: 449px; }
dd#innovationDef a{ position: absolute; width: 151px; height: 64px; text-decoration: none; border: 1px solid #FFFCE6; }
dd#innovationDef a span{ display: none; }
dd#innovationDef a:hover{ position: absolute;border: 1px solid #BCBCBC; }
dd#innovationDef a:hover span, dd#innovationDef a:focus span{
	display: block;
	text-indent: 0;
	vertical-align: center;
	background: url() top left no-repeat;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 10%;
	margin: 0;
	padding: 5px;
	width: 450px;
	height: 150px;
}

dd#innovationDef a:active{
	outline: none;
	-moz-outline: none;
}
	
	
	
dd#greenprodDef{ top: 365px; right: 465px; }
dd#greenprodDef a{ position: absolute; width: 151px; height: 64px; text-decoration: none; border: 1px solid #FFFCE6; }
dd#greenprodDef a span{ display: none; }
dd#greenprodDef a:hover{ position: absolute;border: 1px solid #BCBCBC; }
dd#greenprodDef a:hover span, dd#greenprodDef a:focus span{
	display: block;
	text-indent: 0;
	vertical-align: center;
	background: url() top left no-repeat;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 10%;
	margin: 0;
	padding: 5px;
	width: 450px;
	height: 150px;
}

dd#greenprodDef a:active{
	outline: none;
	-moz-outline: none;
}


#newfeeds1 {
width: 590px;

}

#newfeeds2 {
width: 590px;

}

#newfeeds3 {
width: 590px;

}

#newfeeds4 {
width: 590px;

}

#newfeeds5 {
width: 590px;

}



/*additional css*/
dd a {
border:none !important;
}

dd a:hover {
border:none !important;
}

.pop_up {
width:481px;
border:1px solid #000000;
background-image:url(../images/popup_head.jpg);
background-repeat:no-repeat;
background-position:top;
background-color:#ffffff;
position:absolute;
z-index:100;
display:none;
}


.popup_holder {
position:absolute;
width:100px;
height:20px;
}

.popup_holder:hover .pop_up {
display:block;
}

.popup_head {
color:#ffffff;
font-size:18px;
font-weight:bold;
padding:7px 0 10px 15px;
}

.pop_up h3 {
color:#2d9225 !important;
font-size:12px !important;
padding:0 0 9px 12px;
}

.pop_up p {
color:#000000 !important;
font-size:10px !important;
padding:0 0 10px 12px;
font-weight:bold !important;
}


.pop_up p a {
color:#0000FF;
position:relative !important;
width:auto !important;
height:auto !important;
font-size:10px !important;
font-weight:bold !important;
text-decoration:underline;
}

.popup_border {
display:block;
background-image:url(../images/borderline.gif);
background-repeat:no-repeat;
background-position:center center;
height:12px;
}

/*topmenu*/
.topmenu {
position:absolute;
z-index:100;
left:200px;
top:104px;
width:750px;
}

.topmenu ul {
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}

.topmenu li {
list-style-type:none;
float:left;
width:245px;
text-align:center;
}

.topmenu li a {
display:block;
color:#0c3454;
font-size:17px;
text-decoration:none;
line-height:30px;
width:245px;
height:30px;
}

.topmenu li a span {
font-weight:bold;
}

.topmenu li a:hover {
background-image:url(../images/main_nav_hover.png);
background-repeat:no-repeat;
background-position:center top;
color:#FFFFFF;
}

.topmenu li:hover {
background-image:url(../images/main_nav_hover.png);
background-repeat:no-repeat;
background-position:center top;
}

.topmenu li:hover a {
color:#ffffff;
}

.topmenu li:hover li {
background-image:none;
}

.topmenu li:hover li a {
color:#0c3454;
}

.topmenu li ul {
border-top:1px solid #2f506b;
width:184px;
text-align:center;
margin:0 auto;
display:none;
}

.topmenu li:hover ul {
display:block;
}

.topmenu li li {
width:182px;
border-bottom:1px solid #2f506b;
border-left:1px solid #2f506b;
border-right:1px solid #2f506b;
margin:0 auto;
}

.topmenu li li a {
font-size:12px;
background-color:#e7e8e9;
width:182px;
height:25px;
line-height:25px;
font-weight:bold;
}

.topmenu li li a:hover {
background-image:none;
background-color:#ffffff;
color:#0c3454;
}

/*location for bottom cities*/
#GilroyDef .pop_up {
top:-390px;
left:-400px;
}

#Watsonville_CitiesDef .pop_up {
top:-420px !important;
left:-350px;
}

#SantaCruzDef .pop_up {
top:-350px;
left:-400px;
}

#CountyOfSCDef .pop_up {
top:-390px;
left:-350px;
}

#MorganHillDef .pop_up {
top:-390px;
left:-350px;
}

#LosGatosDef .pop_up {
top:-420px;
left:-390px;
}

#LosGatosDef .pop_up {
top:-420px;
left:-390px;
}/* CSS Document */