div#topOrg,	div#org {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1em;
}
 
div#topOrg {

	margin-left: 20px;
}


ul#topLevel {
 	background: none; 
}


ul#topLevel li {
 	list-style: none; 
}

div#org ul#topLevel ul li {
 	list-style: none; 
	color: #000; 
	background:  url("/city_hall/charts/images/line.jpg") top left no-repeat; 
	padding: 0 0 8px 25px; 
	border-left: 1px solid black;
}	


div#org ul#topLevel ul li.last {
 	background: url("/city_hall/charts/images/leftAngle.jpg") top left no-repeat; 
	border-left: none;}
	
div#org ul#topLevel ul {
	margin-top: 10px;
}
div#org ul#topLevel ul ul {
	margin-top: 10px;
}


div#org ul#topLevel ul, div#org ul#topLevel ul ul {
 	background: url("/city_hall/charts/images/downArrow.jpg") top left no-repeat; 
	border-left: none; 
	padding: 15px 0 0 5px; } 

#mainBodyServiceArea ul#topLevel li {
	margin-bottom: 0;
	margin-left:0;
}

/************************/
/* For main index only */
/**********************/



div.topStructulWrapper {
	display: block;
	width: 94%;
	text-align: center;
}

ul.topStruct {
	width: 612px;
	text-align: center;
	margin: 0 auto;
}

ul.topStruct li {
	list-style: none;
	width: 100%;
	margin:  0; 
	padding: 0;
}

ul.topStruct li div {
	border: 1px solid black;
	width: 180px;
	text-align: center;
	padding: .25em;
	margin: 0 auto;
}

ul.topStruct li.cm {
	background:  url("/city_hall/charts/images/main_level_arrows_2.jpg") bottom center no-repeat; 
	padding-bottom: 43px;
}


ul.topStruct li.audit {
	background:  url("/city_hall/charts/images/main_level_council_audit.jpg")  center no-repeat;   
	height: 40px;
}

ul.topStruct li.audit div {
	float: left;
	margin: 5px 0 0 15px;
}
	
	div.list {
	float: left;
	margin: 0 5px;
	padding: 3px;
	width: 31%;
	border: 1px dotted #ccc;
}

 

#mainBodyServiceArea div.list h2 {
	background-color: #000;
	color: #fff;
	margin: 0 0 .5em 0;
	padding: .25em;
	font-size: 1em;
}	


#mainBodyServiceArea div.list h2 a {
	text-decoration: none;
	display: block;
}



#mainBodyServiceArea div.list h2 a:link, #mainBodyServiceArea div.list h2 a:visited {
	color: #fff;
}

#mainBodyServiceArea div.list h2 a:hover {
	color: #ffcc00;
}


ul.listOne a span {
	display: none;
	}
	 
	
ul.listOne a:hover span {
	display: block;
	position: relative;
	left: 5px; 
	top: 5px;
	padding: 0; 
	margin: 0; 
	z-index: 100;
	}
    
ul.listOne a, ul.listOne a:visited {
	text-decoration: underline; 
	width: auto;
	color: #000; }
	
	ul.listOne a:hover {text-decoration: none;}
	
ul.listOne li {
	padding-bottom: 10px;
}	

ul.listOne li ul li {
	padding : 1px 0;
}	


div.linkBack {
	font-size: .9em;
	display: block;
	clear: both;
	margin: 2.5em 20px;
}






div#topOrg ul#topLevel, div#org ul#topLevel {
	float: left; 
	padding-left: 20px;
}

div#org img {
 	float: left;
	margin: 50px 0 10px 20px;
 }

/*





div#org	 {
	padding-left: 0;
	display: block;
	width: 100%;
	clear: right;
}
  
 div#org ul, div#org ul ul, div#org ul ul ul, div#topOrg ul ul, div#topOrg ul ul ul {
 	background: url("/city_hall/charts/images/downArrow.jpg") top left no-repeat; 
	border-left: none; 
	padding: 15px 0 0 5px; } 
  
 ul#topLevel li ul li {
 	list-style: none; 
	color: #000; 
	background:  url("/city_hall/charts/images/line.jpg") top left no-repeat; 
	padding: 0 0 5px 25px; 
	border-left: 1px solid black;}	
 
 ul#topLevel li.last {
 	background: url("/city_hall/charts/images/leftAngle.jpg") top left no-repeat; 
	border-left: none;}

ul#topLevel {
	background-image: none;}
	
ul#topLevel li {
	border-left: none;}

ul.listOne {
	width: auto; }

ul.listOne li  {  
	background-color: #fff0d2; 
	width: auto; }
 
ul.listOne a, ul.listOne a:visited {
	text-decoration: none; 
	background-color: #fff0d2; 
	width: auto; 
	color: #3333ff;}

ul.listOne a:hover {
	color: #411; 
	background-color: #fff0d2;
	border-right: 5px double white;}

ul.listOne a span {
	display: none;}
	
ul.listOne a:hover span {
	display: block;
	position: relative;
	left: 0; 
	padding: 0; 
	margin: 0; 
	z-index: 100;}
    
   
p.small {font-size: .8em;}


div#topOrg ul#topLevel, div#org ul#topLevel {
	float: left; 
	padding-left: 20px;
}


 div#topOrg img,  div#org img {
 	float: left;
	margin: 50px 0 10px 20px;
 }
  div#topOrg img {
  
	margin-top: 60px;
 }

div.linkBack {
	font-size: .9em;
	display: block;
	clear: both;
	margin: 2.5em 0;
}

*/