/* CSS Document "hilight row*/
/*   insert  id="parks"  class="datatable"  in <table> for highlight to work*/

/* Used on the following pages: 

"city-parks"
"Government/Links_California" 
"Demographics"
"Staff_Recreation"

end of list*/



#content  #parks {
	line-height: normal;
	width: 100%;
}

#content  #parks2 {
	line-height: normal;
	width: 100%;
	margin: auto;
}

#content  #parks3 {
	line-height: normal;
	width: 100%;
	margin: auto;
}

#content #parks4 {
	line-height: normal;
	width: 100%;
	margin: auto;
}

#content #parks5 {
	line-height: normal;
	width: 100%;
	margin: auto;
}

/********** Change id=parks to id=table  **************************************************/
#content  #table {
	line-height: normal;
	width: 100%;
}

#content  #table2 {
	line-height: normal;
	width: 100%;
	margin: auto;
}

#content  #table3 {
	line-height: normal;
	width: 100%;
	margin: auto;
}

#content #table4 {
	line-height: normal;
	width: 100%;
	margin: auto;
}

#content #table5 {
	line-height: normal;
	width: 100%;
	margin: auto;
}

/*  Width is not defined in table6*/
#content #table6 {
	line-height: normal;
	margin: auto;
	border: thin solid #6699FF;
}
/************************************************************/


.datatable {
	border: 1px solid #D6DDE6;
	border-collapse: collapse;
	width: 100%;
}
.datatable td {
	border: 1px solid #D6DDE6;	
	padding: 1px;
}
.datatable th {
	border: 1px solid #828282;
	background-color: #BCBCBC;
	text-align: left;
	padding-left: 4px;
}
.datatable caption {
	font: bold 0.9em Arial, Helvetica, sans-serif;
	color: #33517A;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 8px;
}
.datatable tr:hover, .datatable tr.hilite {
	background-color: #C8D7DF;
	color: #000000;
}