body {
	background-image: url(/map/images/layout/left_nav.jpg);
	background-color: #FFFFFF;
	color: #000000;
}

a:link {
	color: #2F704D;
	text-decoration: none;
}
a:active {
	color: #2F704D;
	text-decoration: none;
	
}
a:visited {
	color: #2F704D;
	text-decoration: none;
	
}
a:hover {
	color: #2B4499;
	text-decoration : underline;
	
}
td {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%}
ol {  line-height: 140%}
ul {  line-height: 140%; list-style-type: square}

p {  line-height: 140%; color: #000000}

.title {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-style: normal; 
	font-weight: bold; 
	color: #4D654D
}

#map_image {
	position: absolute;
	left: 150px;
	top: 150px;
	width: 600px;
	height: 460px;
	z-index: 0;
	visibility: visible;
}
#legend {
	position: absolute;
	left: 170px;
	top: 420px;
	width: 168px;
	height: 159px;
	z-index: 1;
	visibility: visible;
}
.bottom_nav {
	font-size: 70%;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
} 
.bottom_nav a:link {
	color: #2F704D;
	text-decoration: none;
	font-weight: bold;
} 
.bottom_nav a:visited {
	color: #2F704D;
	text-decoration: none;
	font-weight: bold;
} 
.bottom_nav a:hover {
	color: #2B4499;
	text-decoration: underline;
	font-weight: bold;
} 

.footer {
	font-size: 70%;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
} 
.footer a:link {
	color: #2F704D;
	text-decoration: none;
	font-weight: bold;
} 
.footer a:visited {
	color: #2F704D;
	text-decoration: none;
	font-weight: bold;
} 
.footer a:hover {
	color: #2B4499;
	text-decoration: underline;
	font-weight: bold;
} 
.searchresults {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none} 
.searchresults a:link {color: #000000;  text-decoration: none; font-weight: normal} 
.searchresults a:visited {color: #999999;  text-decoration: none; font-weight : normal} 
.searchresults a:hover {color: #000000;  text-decoration: underline;  font-weight : normal} 
.searchlink a:active {color: #000000;  text-decoration: none; font-weight : bold }

/* IDs for city popup layers */

#geyserville {
	position: absolute; 
	left: 170px; 
	top: 100px; 
	width: 164px; 
	height: 300; 
	z-index: 1; 
	visibility: hidden;
}

#searanch {
	position:absolute; 
	left:600px; 
	top:100px; 
	width:162px; 
	height:247px; 
	z-index:1; 
	visibility:hidden;
}

#cloverdale {
	position:absolute; 
	left:170px; 
	top:100px; 
	width:165px; 
	height:338px; 
	z-index:1; 
	visibility:hidden;
}

#annapolis {
	position:absolute; 
	left:600px; 
	top:100px; 
	width:163px; 
	height:345px; 
	z-index:1; 
	visibility:hidden;
}

#healdsburg {
	position:absolute; 
	left:170px; 
	top:100px; 
	width:164px; 
	height:444px; 
	z-index:1; 
	visibility:hidden;
}

#windsor {
	position:absolute; left:170px; top:100px; width:162px; height:327px; z-index:1; visibility:hidden;
}

#glenellen {
	position:absolute; left:170px; top:100px; width:184px; height:286px; z-index:1; visibility:hidden;
}

#sonoma {
	position:absolute; left:170px; top:100px; width:182; height:351px; z-index:1; visibility:hidden;
}

#petaluma {
	position:absolute; left:170px; top:100px; width:182px; height:431px; z-index:1; visibility:hidden;
}

#cotati {
	position:absolute; left:170px; top:100px; width:182px; height:302px; z-index:1; visibility:hidden;
}

#rohnertpark {
	position:absolute; left:170px; top:100px; width:183px; height:329px; z-index:1; visibility:hidden;
}

#occidental {
	position:absolute; left:170px; top:100px; width:183px; height:315px; z-index:1; visibility:hidden;
}

#sebastopol {
	 position:absolute; left:170px; top:100px; width:181px; height:392px; z-index:1; visibility:hidden;
}

#guerneville {
	position:absolute; left:170px; top:100px; width:182px; height:373px; z-index:1; visibility:hidden;
}

#graton {
	position:absolute; left:170px; top:100px; width:183px; height:269px; z-index:1; visibility:hidden;
}

#monterio {
	position:absolute; left:170px; top:100px; width:181px; height:395px; z-index:1; visibility:hidden;
}

#cazadero {
	position:absolute; left:170px; top:100px; width:184px; height:339px; z-index:1; visibility:hidden;
}

#forestville {
	position:absolute; left:170px; top:100px; width:184px; height:372px; z-index:1; visibility:hidden;
}

#duncanmills {
	position:absolute; left:170px; top:100px; width:184px; height:385px; z-index:1; visibility:hidden;
}

#fortross {
	position:absolute; left:600px; top:100px; width:184px; height:315px; z-index:1; visibility:hidden;
}

#bodegabay {
	position:absolute; left:600px; top:100px; width:184px; height:317px; z-index:1; visibility:hidden;
}

#stewartspoint {
	position:absolute; left:600px; top:100px; width:184px; height:447px; z-index:1; visibility:hidden;
}

#oceancove {
	position:absolute; left:600px; top:100px; width:184px; height:314px; z-index:1; visibility:hidden;
}

#timbercove {
	position:absolute; left:600px; top:100px; width:169px; height:344px; z-index:1; visibility:hidden;
}

#salmoncreek {
	position:absolute; left:600px; top:100px; width:184px; height:316px; z-index:1; visibility:hidden;
}

#bloomfield {
	position:absolute; left:600px; top:100px; width:184px; height:258px; z-index:1; visibility:hidden;
}

#tworock {
	position:absolute; left:600px; top:100px; width:184px; height:314px; z-index:1; visibility:hidden;
}

#valleyford {
	position:absolute; left:603px; top:100px; width:184px; height:286px; z-index:1; visibility:hidden;
}

#schellville {
	position:absolute; left:170px; top:100px; width:184px; height:249px; z-index:1; visibility:hidden;
}

#fettershotsprings {
	position:absolute; left:170px; top:100px; width:184px; height:253px; z-index:1; visibility:hidden;
}

#kenwood {
	position:absolute; left:170px; top:100px; width:184px; height:261px; z-index:1; visibility:hidden;
}

#boyeshotsprings {
	position:absolute; left:170px; top:100px; width:184px; height:264px; z-index:1; visibility: hidden;
}

#elverano {
	position:absolute; left:170px; top:100px; width:184px; height:246px; z-index:1; visibility:hidden;
}

#searspoint {
	position:absolute; left:170px; top:100px; width:184px; height:238px; z-index:1; visibility:hidden; background-color: #FDF0D5; layer-background-color: #FDF0D5; border: 1px none #000000;
}

#jenner {
	position:absolute; left:600px; top:100px; width:184px; height:227px; z-index:1; visibility:hidden;
}

#bodega {
	position:absolute; left:595px; top:100px; width:184px; height:238px; z-index:1; visibility:hidden;
}

#santarosa {
	position:absolute; left:170px; top:100px; width:184px; height:585px; z-index:1; visibility:hidden;
}

#lakesonoma {
	position:absolute; left:170px; top:100px; width:184px; height:238px; z-index:1; visibility:hidden;
}

/*********************************Accessibility Assistance Page CSS*******************************************/

#accessibleOptions {padding-left:0.5em; padding-bottom:0.2em; background-color:#fff}
#accessibleOptions a {color:#2B4499; font-size:80%; font-weight:bold}
#accessibleOptions a:hover, #divViewOptions a:focus {color:#2F704D; text-decoration:underline}

/* new styles for contact info */
.indent2em {
	margin-left:2em}
	
dl.tableLayout {
	float:left; 
	overflow:visible; 
	width:100%; 
	line-height:1.4em}
	
dl.tableLayout dt {
	clear:both; 
	display:block; 
	float:left; 
	font-weight:bold; 
	height:auto; 
	margin:0; 
	padding:.5em .5em .5em 0; 
	text-align:right}

dl.tableLayout dd {
	display:block; 
	float:left; 
	margin:0; 
	padding:.5em 0 .5em .5em}

dl.titlePercent10 dt, dl dt.titlePercent10 {
	min-width:4em; 
	width:10%}

dl.titlePercent10 dd, dl dd.titlePercent10 {
	width:80%}

dl.titlePercent20 dt, dl dt.titlePercent20 {
	min-width:8em; 
	width:25%}

dl.titlePercent20 dd, dl dd.titlePercent20 {
	width:66%}

.hide{display:none}

ul.getDirections{font-weight:normal; padding-left:1em; margin-left:1em;}

/*********************************Accessibility Assistance Page CSS End*******************************************/