@charset "utf-8";
/*  CSS */

a,
a:link,
a:visited,
a:hover,
a:active	{color:#1e605b;}

.left		{float:left;}
.right		{float:right;}
.clear		{clear:both;}
.clrright	{clear:right;}
.clrleft	{clear:left;}

h1			{font:21px Arial, Helvetica, sans-serif;margin:0;padding:0}
h2			{font:1.5em Arial, Helvetica, sans-serif;margin:0;padding:0}
h3			{font:1.4em Arial, Helvetica, sans-serif;margin:0;padding:0}

.pad5		{padding:5px;}
.sm9		{font-size:0.63em;}
.sm10		{font-size:0.69em;}
a img {border:none;}
img {behavior: url(inc/pngbehavior.htc);}
#map img {behavior:none !important;}
#map {line-height:15px;}

h1.heading	{border-bottom:1px solid #ccc;margin-bottom:10px;}




/******   LAYOUT   ******/


html,body	{
	height:100%;
	width: 100%;
	margin: 0 auto;
	}
	
body	{
	margin:0 auto;
	text-align:center;
	padding:0;
	font: 62.5%  "Calibri", Verdana, Arial, Helvetica, sans-serif;
	color: #1e605b;
	background:#445514 url(../images/bg.jpg) repeat-x;
	}

body#bio	{
	background:#fff;
	font: 13pt/130% "Calibri", Verdana, Arial, Helvetica, sans-serif;
	width:600px;
	}
	
#wrapper	{
	width:1000px;
	height:auto;
	margin: 0 auto;
	padding: 0;
	text-align:left;
	font: 13pt/130% "Calibri", Verdana, Arial, Helvetica, sans-serif;
	}

#containerbg	{
	width:966px;
	padding:0 18px;
	padding-bottom:15px;
	background: url(../images/wrapperbg.png);
	behavior: url(inc/pngbehavior.htc);
	min-height:200px;
    height:auto !important;
    height:200px;
	}
	

img	{display:block;}

	
.bioimage	{
	background:url(../images/shadow.jpg) no-repeat;
	width:140px;
	height:230px;
	float:left;
	margin:0 0 0 0px;
	padding:13px;
	}
	
.bioblock cite {
	color: #b42606;
	width: 125px;
	display:block;
	text-align:center; 
	margin:9px 0 0 0;
	font-weight:bold;
	}	
	
	

#content	{
	width:945px;
	margin:0px;
	padding: 10px;
	}
	

#flmovie	{
	width:420px;
	height:278px;
	background:url(../images/flash.jpg) no-repeat;
	float:right;
	}


#cityofagencies	{width:420px;height:156px;margin-right:2px;float:left;}
#cityofagenciesbg	{
	background:url(../images/cityofagenciesbg.jpg) no-repeat;
	width:374px;
	height:156px;
	font:11px/13px Arial, Helvetica, sans-serif; color:#526225;
	}
#cityofagenciesbg a	 {font:bold 11px/13px Arial, Helvetica, sans-serif; color:#526225;}
 #quicklinks a		 {font:bold 11px/16px Arial, Helvetica, sans-serif; color:#526225;}

#quicklinks	{
	width:272px;
	height:136px;
	float:left;
	padding: 10px;
	font:11px/13px Arial, Helvetica, sans-serif; color:#526225;
	background:url(../images/quicklinks.jpg) no-repeat;
	}



/*---- sIFR ---*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
	z-index:500;
}

.sIFR-replaced {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}






/* Bios */
.agent	{
    float: left;
	width:300px;
	padding:0;
	margin: 0 25px 0 0;
	background:#f3fdfc;
	border: 1px solid #cdf0ed;
	}

.agent_details	{margin-top:9px;}
	
.agent a {text-decoration: none;}
.agent_photo {float: left;}

.agent_photo img, .imgborder {
  background: #ffffff;
	padding: 3px;
	border: 1px solid #cdf0ed;
	}

.agent_name a	{text-decoration: none;font-weight: bold;padding-left: 20px;line-height:10px;}
.agent_title    {font-style:italic;margin: 0 0px 5px 100px;}

.agent_email {
	background: #e5faf8 ;
	padding: 0.2em 0.1em 0.2em 90px;
	margin-bottom: 1px;
}
.agent_bio {
	background: #cdf0ed ;
 	padding: 0.2em 0.1em 0.2em 90px;
	margin-bottom: 1px;
}
.agent_email a {
    background: url(../images/emailicon.png) #e5faf8 center left no-repeat;
	padding-left: 23px;
	font:11px/15px Arial, Helvetica, Sans-serif
}

.agent_bio a {
    background: url(../images/information.png) #cdf0ed center left no-repeat;
	padding-left: 23px;
	font:11px/15px Arial, Helvetica, Sans-serif
}





/******* FOOTER *******/
#footer	{
	height:80px;
	font-size:1.0em;
	line-height:1.3em;
	color:#fff;
	width:930px;
	margin:0 auto;
	text-align:left; 
	padding:13px 35px;
	background:url(../images/footer.jpg) no-repeat;
	clear:both;
	}
#footer a	{text-decoration:none;color:#fff;}

#footer #credit				 {float:right;width:115px;}
#footer #credit a 	 		 {color:#687b36;text-decoration:none;}
#footer #credit a:hover 	 {color:#fff;text-decoration:none;}



/****************    NAV   ************/
#nav .menu {	
	padding: 32px 0px 0 0;
    overflow: hidden;
    height: 0px !important;
    height /**/:32px;
	float:left;
	z-index:10;
	}

	
#nav a#home					{background:url(../images/nav-home.jpg) no-repeat;width:96px;}
#nav a#home:HOVER			{background:url(../images/nav-home-over.jpg) no-repeat;}

#nav a#mayor				{background:url(../images/nav-mayor.jpg) no-repeat;width:225px;}
#nav a#mayor:HOVER			{background:url(../images/nav-mayor-over.jpg) no-repeat;}
			
#nav a#city					{background:url(../images/nav-cityagencies.jpg) no-repeat;width:155px;}
#nav a#city:HOVER			{background:url(../images/nav-cityagencies-over.jpg) no-repeat;}

#nav a#news					{background:url(../images/nav-news.jpg) no-repeat;width:162px;}
#nav a#news:HOVER			{background:url(../images/nav-news-over.jpg) no-repeat;}

#nav a#links				{background:url(../images/nav-community.jpg) no-repeat;width:185px;}
#nav a#links:HOVER			{background:url(../images/nav-community-over.jpg) no-repeat;}

#nav a#contact				{background:url(../images/nav-contact.jpg) no-repeat;width:143px;}
#nav a#contact:HOVER		{background:url(../images/nav-contact-over.jpg) no-repeat;}


 
/******* HORIZONTAL NAV MENU  ***********/
#nav	{
	height:45px;
	width:965px;
	background:url(../images/navbg.jpg) no-repeat;
	z-index:10;
	}
*html #nav	{
	position:absolute;
	z-index:500;
	width:966px; 
	z-index:10;
	} /*IE 6*/ 
		
ul#hrznav {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 966px; /*For KHTML*/
  list-style: none;
  height:32px;
  z-index:10;
	}

ul#hrznav li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height:32px;
	}



ul#hrznav ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width:210px;
  list-style: none;
  display: none;
  position: absolute;
  top:32px;
  left: 0;
	}

ul#hrznav ul li {
  float: none; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
	}


/* Root Menu */
ul#hrznav a {
  padding: 2px 2px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #e1a913;
  font: 1.3em/1.00em Arial, Helvetica, sans-serif;
  height:30px;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
	}

/* Root Menu Hover Persistence */
ul#hrznav a:hover,
ul#hrznav li:hover a,
ul#hrznav li.iehover a {
  background: #CCC;
  color: #FFF;
	}

/* 2nd Menu */
ul#hrznav li:hover li a,
ul#hrznav li.iehover li a {
  float: none;
  background:#36807a;
  color: #FFF;
  border-top:1px solid #439d96;
  border-bottom:1px solid #26625d;
  text-indent:5px;
  font: 16px/24px Arial, Helvetica, sans-serif;
  	}
ul#hrznav li li{height:30px;margin-left:20px;}



/* 2nd Menu Hover Persistence */
ul#hrznav li:hover li a:hover,
ul#hrznav li:hover li:hover a,
ul#hrznav li.iehover li a:hover,
ul#hrznav li.iehover li.iehover a {
  background: #265d59;
  color: #fdbb2a;
	}

/* 3rd Menu */
ul#hrznav li:hover li:hover li a,
ul#hrznav li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
	}

/* 3rd Menu Hover Persistence */
ul#hrznav li:hover li:hover li a:hover,
ul#hrznav li:hover li:hover li:hover a,
ul#hrznav li.iehover li.iehover li a:hover,
ul#hrznav li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
	}

/* 4th Menu */
ul#hrznav li:hover li:hover li:hover li a,
ul#hrznav li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
	}

/* 4th Menu Hover */
ul#hrznav li:hover li:hover li:hover li a:hover,
ul#hrznav li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
	}

ul#hrznav ul ul,
ul#hrznav ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
	}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#hrznav li:hover ul ul,
ul#hrznav li:hover ul ul ul,
ul#hrznav li.iehover ul ul,
ul#hrznav li.iehover ul ul ul {
  display: none;
	}

ul#hrznav li:hover ul,
ul#hrznav ul li:hover ul,
ul#hrznav ul ul li:hover ul,
ul#hrznav li.iehover ul,
ul#hrznav ul li.iehover ul,
ul#hrznav ul ul li.iehover ul {
  display: block;
	}




/**********  CONTACT FORM   **********/
form#contact 	{
	margin:0;
	padding: 5px;
	float:right;
	width: 275px;
	background:#d5f4f1;
	border: 1px solid #54b0a7;	
	}	

#contact label,#contact input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
	}

#contact label {
	text-align: right;
	width: 75px;
	padding-right: 5px;
	}

#contact br {clear: left;}

#contact fieldset	{
	margin:0px 0px 10px 0px;
	position:relative;
	display:block;
	padding: 0px 10px 10px 10px;
	} 
	
#contact legend	{
	color:#821e0c;
	font-variant:small-caps;
	font:bold 1.0em Verdana, Arial, Helvetica, sans-serif;
	padding:2px 5px;
	position: relative;  
	}

#contact span.state	{width:130px;float:left;text-align:right;}
	
#contact #zip {
	width: 60px;
	margin-right:12px;
	float: left;
	}
#contact #zipname	{width:27px;margin-left:13px;float:left;}
	
#contact #comments	{
	display: block;
	width: 240px;
	height:70px;
	margin-bottom: 15px;
	}

textarea{overflow:auto;}
	
#contact #submit	{
	width: 85px;
	height:32px;
	margin-left:90px;
	}
	
#contact .shhhh, .shhhh {display:none;}

div#ads {float:right; margin:0 0 10px 10px; width:180px;border:1px solid #cbf2ef;background:#F3FDFC}
div#ads img, div#ads object, div#ads embed {float:right;}