
#logo {
	width:121px;
	height:84px;
}
#banner {
	width:629px;
	height:101px;
}

#top_orange { width:750px; text-align:center; background-color:#FFCC33; font-size:10px; }

#pagetitle {
	width:600px;
	background-color:#000066;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	font-size:13px;
	padding-top:2px;
	padding-bottom:2px;
}
#pagetitle_alt {
	width:100%;
	background-color:#ccccff;
	text-align:left;
	color:#333333;
	font-size:12px;
	font-weight:bold;
}
#search {
	width:354px;
	text-align:center;
	margin-left:135px;
	margin-bottom:20px;
	border:1px solid #000066;
	padding-bottom:5px;
}
#search_header {
	width:354px;
	background-color:#ccccff;
	border-bottom:1px solid #000066;
	font-weight:bold;
	font-size:10px;
	height:15px;
	margin-bottom:5px;
}

.doclist_title {
	font-weight:bold;
	font-size:13px;
	margin-left:25px;
}

TABLE {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
TABLE.contentlist {
	border-collapse:collapse;
	font-size:11px;
	margin-left:55px;
	margin-top:10px;
	margin-bottom:20px;
	width:85%;
}
TABLE.contentlist_alt {
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
}
TABLE.contentlist_alt TR.header {
	background-color:#FFCC33;
	font-weight:bold;
}
TABLE.contentlist_alt TR.odd {
	background-color:#ffffcc;
}
TABLE.contentlist_alt TR.even {
	background-color:#ffffff;
}
TABLE.contentlist_alt TR TD {
	padding:2px;
}


TABLE.contentlist TD.description {
	padding-left:50px;
	padding-top:10px;
	padding-bottom:10px;
}
#content {
	width:600px;
	margin-right:10px;
	margin-left:10px;
}
#content p {
	font-size: 1em;	
}

p.childtitle a {
	font-size:12px;
	color:#000066;
	margin-left:40px;
}
p.childdesc {
	margin-left:60px;
	
}
#content_left {
	width: 350px;
	float: left;
}
#content_right {
	width: 245px;
	float: right;
}
#secondary_banner{
	background-image: url(../images/title-bar4_02.jpg);
	height: 84px;
	width: 629px;
	background-repeat: no-repeat;
	background-position: top;
}
#secondary_banner_title{
	z-index: 999;
	width: 380px;
	position: absolute;
	left: 325px;
	top: 23px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16pt;
	font-weight: bold;
	text-align: right;
	color: #FFFFFF;
	height: 35px;
}
#secondary_banner_title p{
	margin: 0px;
	padding: 0px;
}
/* default setup that everything sees */
.shadow {
  /* needed for Internet explorer */
  height: 35px;
  filter: Shadow(Color=#000000, 
                 Direction=135, 
                 Strength=5);

  /* Needed for Gecko */
  line-height: 2em;
  white-space: nowrap;
}

/* 
 * used by browsers which know about
 * :before to create the shadow 
 */
.shadow:before {
  display: block;
  margin: 0 0 -2.12em 0.15em;
  padding: 0;
  color: #000000; 
}

#shadow_1:before { 
  content: 'City Council'; 
}
#second_2:before { 
  content: 'Happy Shadowing!'; 
}

/*\*/
html*.shadow {

  [color:red;/* required by Safari 
              * so that [] is correctly
              * begun. associated with
              * the property, yet hiding
              * it. Seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    text-shadow: #000000 3px 3px 3px; 

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

/*\*/
html*.shadow:before {

  [color:red;/* required by Safari. 
                seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    display: none;

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

.homelinks ul li a, .clerksconnect ul li a   {
	text-decoration:none;
	color:#000000;
}
.homelinks ul li a:hover {
	text-decoration:underline;
}
.homelinks ul {
	width:233px;
	border:1px solid #ccccff;
	display:block!important;
	list-style-type: none;
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.homelinks img {
	float: left;
	margin-top: 3px;
	margin-right: 5px;
	margin-bottom: 3px;
	margin-left: 3px;
}
.homelinks ul h2 {
	background-color:#000066;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	font-size:11px;
	padding:0;
	margin:0;
	line-height:20px;
}
.homelinks ul ul {
	border:0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.homelinks ul li {
	padding-top:3px;
	padding-bottom:3px;
	padding-left:0px;
	font-size: 11px;
	margin-top: 0;
	margin-right: 5;
	margin-bottom: 0;
	margin-left: 5px;
}
#content .homelinks ul li a {
	font-size: 11px;
	margin-left:0px;
}
.homelinks ul li img {
	padding-bottom:5px;
	float:left;
	display:inline;
}
.homelinks ul li.center {
	text-align:center;
}
.homelinks ul li.sm {
	font-size:9px;
}
.homelinks ul ul ul {
	float:left;
	width:160px;	
}
.clerksconnect ul {
	background-image: url(../images/connect-banner-lacity.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 25px;
	width:235px;
	display:block!important;
	list-style-type: none;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.clerksconnect ul li {
	padding-top:3px;
	padding-bottom:3px;
	padding-left:0px;
	margin:0 0 0 5px;
	font-size: .86em;		
}
#content .clerksconnect ul li a {
margin-left:0px;
}
.imageleft{
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-top: 5px;
	margin-left: 10px;
}
.imageright{
	float: left;
	margin-left: 15px;
	margin-bottom: 10px;
	margin-top: 5px;
	margin-right: 10px;
}
