body {
	margin : 0 0 0 0;
	background : url(images/bg.gif) repeat-x;
	background-color : #013567;
	font: 12px/16px  Arial, Helvetica, sans-serif;
  color:#303659;
}

#container {
	padding: 12px 12px 24px 12px;
	border: 0px;
	width: 710px;
	background : #FFF;

}

#masthead {
  background : url(images/top_bg_home.gif) repeat-x; 
  width:710px; 
  height:112px;
}

#masthead_extended {
  background : url(images/top_bg_home.gif) repeat-x; 
  width:1280px; 
  height:112px;
}

#tools {
  float:right;
  padding-right:10px;
  margin-top:80px;
  width:380;
  text-align:right;
	font-size: 11px;
	color: #685935;
}

#navrow {
  background:#004f99;
  background : url(images/navrow_bg.gif) repeat-x; 
  height:28px;
  width:710px;
  border-bottom:1px solid #FFFFFF;
}

#topnav {
  float:left;
}

#quickFind {
  float:right;
  margin-top:4px;
  margin-right:4px;
}

select.quickfind {
	background-color : #f7fbff !important;
	font-size: 11px;
	font-family: Arial, Verdana, sans-serif;
	color: #303659;
	width : 165px;
}


#homeImg {
  border-bottom: 3px solid #004f99;
}

#homeBlueBG {
  /*padding:10px 10px 20px 10px;*/
  background:#d7ebed;
  text-align:left;
  width:710px;
}

#quickLinks {
  float:left;
  padding:10px 10px 20px 10px;
  text-align:left;
  width:160px;
  font: 11px/19px  Arial, Helvetica, sans-serif;
}

#quickLinks a {
  color:#303659;
  font: 11px/19px  Arial, Helvetica, sans-serif;
}

#quickLinks a:hover {
  color:#303659;
  text-decoration:underline;
}


#homeBlurb {
  float:right;
  padding:10px 10px 20px 10px;
  width:500px;
}

#homeBlurb h1 {
  margin:20px 0px;
	font: 36px/10px Times New Roman, Times, serif;
	color: #367c2b;
	font-weight: bold;
	font-style: italic;
	padding-top: 5px;

}


#homeMain {
  margin-top:10px;
}


.homeLeft {
  padding:10px;
	font: 11px/13px Arial, Helveitca, sans-serif;
}

.homeLeft p {
 margin:10px 0px;
}

.homeLeft a {
  color:#5e9714;
	font: 11px/13px Arial, Helveitca, sans-serif;
}

.homeLeft a:hover {
  color:#5e9714;
  font: 11px/13px Arial, Helveitca, sans-serif;
  text-decoration:underline;
}


.homeMid {
  padding:10px;
  background : url(images/home_mid_bg.gif) repeat-x; 
  font: 12px/15px Arial, Helveitca, sans-serif;
}

.homeMid HR {
  border: 0;
  color: #e1d9ce;
  background-color: #e1d9ce;
  height: 1px;
  width: 100%;
  text-align: left;
}


.homeRight {
  padding:10px;
	font: 11px/13px Arial, Helveitca, sans-serif;
}

.homeRight a {
	font: 11px/13px Arial, Helveitca, sans-serif;
}

.homeRight a:hover {
  font: 11px/13px Arial, Helveitca, sans-serif;
  text-decoration:underline;
}


#navlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#navlist li
{
margin-bottom:5px;
padding-left: 15px;
background-image: url(images/li_arrow_grn.gif);
background-repeat: no-repeat;
background-position: 0 .1em;
}

#navlist ul { list-style: none; }


.homeRight ul li a {
  color:#a5360f;
	font: 11px/13px Arial, Helveitca, sans-serif;
}

.homeRight ul li a:hover {
  color:#a5360f;
  font: 11px/13px Arial, Helveitca, sans-serif;
  text-decoration:underline;
}



#homeBottom {
  margin-top:10px;
  padding:10px 0px;
  width:710px;
  border-top:1px solid #EEE;
}

#homeBottom h2 {
  margin-bottom:15px;
}



#insideMain {
  clear:both;
  margin:0px 0px;
  width:710px;
}

#insideLeft {
  float: left;
  margin-top:10px;
  padding-left:0px;;
  width:190px;
  text-align:left;
  margin-bottom:20px;
}

#insideRight {
  float: right;
  padding-left:10px;
  margin-top:10px;
  width:500px;
  text-align:left;
  margin-bottom:20px;
}

#footerNav {
  clear:both;
  padding:3px 0px;
  background:#004f99;
  width:710px;
  color:#FFF;
	font-size: 10px;
}


#footerNav a {
  color:#FFF;
	font-size: 10px;
}

#footerNav a:hover {
  color:#FFF;
  text-decoration:underline;
}


#footer {
  width:710px;
}

#footerLeft {
  float:left;
	font-size: 10px;
	color: #435f78;
	padding: 3px 0px 0px 0px;
	line-height: 1.5;
}

#footerRight {
  float:right;
  text-align:right;
	font-size: 10px;
	color: #435f78;
	padding: 3px 0px 0px 0px;
	line-height: 1.5;
}




h1 {
	font: 24px/24px Arial, Helvetica, sans-serif;
	color: #303659;
	font-weight: bold;
	margin-top: 0px;
  margin-bottom: 10px;

}

h2 {
  margin:8px 0px;
	font: 16px/16px Arial, Helvetica, sans-serif;
	color: #303659;
	font-weight: bold;
	text-transform: uppercase;
}

h3 {
	font: 13px/0px Arial, Helvetica, sans-serif;
	color: #4d6082;
	font-weight: bold;
	text-transform: uppercase;
}

.text {
	font-size: 12px;
	color: #4f3e14;
	font-family: Arial, sans-serif;
	line-height: 1.5;
}

.date {
	font-size: 12px;
	color: #4f3e14;
	font-family: Arial, sans-serif;
	line-height: 1.4;
	font-style: italic;
}

.teaser {
	font-size: 12px;
	color: #a1711d;
	font-family: Arial, sans-serif;
	line-height: 1.4;
}

.leftNav {
	font-size: 12px;
	color: #a1711d;
	font-family: Arial, sans-serif;
	padding: 2px 2px 2px 2px;
	line-height: 1.5;
}

.toolsOn {
	color: #a79875;
}

.footer {
	font-size: 10px;
	color: #435f78;
	font-family: Arial, sans-serif;
	padding: 3px 0px 0px 0px;
	line-height: 1.5;
}

.footer2 {
	font-size: 10px;
	color: #435f78;
	font-family: Arial, sans-serif;
	padding: 7px 0px 0px 0px;
	line-height: 1.5;
}

.selected {
	font-size: 12px;
	font-family: Arial, sans-serif;
	color: #4d6082;

}

.subTD {
	padding: 2px 0px 0px 0px;
}

.subSelected {
	font-size: 11px;
	font-family: Arial, sans-serif;
	background: transparent;
	color: #4d6082;
}


A {
	font-size: 12px;
	font-family: Arial, sans-serif;
	color: #075398;
	background: transparent;
	text-decoration: none;
}

A:hover {
	font-size: 12px;
	font-family: Arial, sans-serif;
	background: transparent;
	color: #0a6dc6;
	text-decoration: underline;
}

A.tools {
	font-size: 11px;
	font-family: Arial, sans-serif;
	color: #685935;
	background: transparent;;
	text-decoration: none;
}

A:hover.tools {
	font-size: 11px;
	font-family: Arial, sans-serif;
	color: #0a6dc6;
	background: transparent;
	text-decoration: underline;
}

A.footer2 {
	font-size: 10px;
	font-family: Arial, sans-serif;
	color: #075398;
	background: transparent;
	text-decoration: none;
}

A:hover.footer2 {
	font-size: 10px;
	font-family: Arial, sans-serif;
	color: #0a6dc6;
	background: transparent;
	text-decoration: underline;
}

.input {
	background-color : #FFFFFF !important;
	font-size: 9px;
	font-family: Arial, Verdana, sans-serif;
	color: #000;
	border: 1px solid #7f9db9;
	margin: 0px 0px 0px 0px;
}


hr {
  border: 0;
  color: #e1d9ce;
  background-color: #e1d9ce;
  height: 1px;
  width: 100%;
  text-align: left;
}


.tabletitle {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #685935;
	padding: 5px 5px 5px 5px;
}

.tableinfo {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #4f3e14;
	padding: 5px 5px 5px 5px;
}

table.content {
	border-width: 0px;
	border-style: solid;
	border-color: #2697a8;
	border-collapse: separate;
}

.tableinfosmall {
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
	color: #4f3e14;
	padding: 5px 5px 5px 5px;
}


/* BUSINESS Styles */

.business h1 {
  padding:5px 5px 5px 10px;
  margin-bottom:25px;
  margin-left:-10px;
  color:#FFF;
  background-color:#954dbb;
}

.business h2 {
  color:#3c1054;
}


.business a, .business a:hover, .business a:visited  {
  color:#954dbb;
}

.bus1 {
	background-color : #e1a8ff;
}

.bus2 {
	background-color : #f3dcff;
}

.business .tabletitle {
	color: #3c1054;
}

.business .tableinfo {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #3c1054;
	padding: 5px 5px 5px 5px;
}

.business .tableinfo a, .business .tableinfo a:visited {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #3c1054;
	padding: 5px 5px 5px 5px;
}

.business div#leftMenu {
  width: 190px;          /* menu width */
}

.business div#leftMenu ul {
  background-color: #954dbb;
  list-style-type: none; /* get rid of the bullets */
  padding:0;             /* no padding */
  margin:0;              /* no margin for IE either */
}

.business div#leftMenu ul li {
  margin: 0;
  padding: 0;
  background-color: #954dbb;
  display:block;
  border-top: 1px solid white; /* lines */
}

.business div#leftMenu ul li a {
  display: block;         /* lines extend to right, make area clickable */
  color: white;
  background-color: #954dbb;
  padding: 5px 5px 5px 10px;
  margin:0;
  text-decoration: none;
  height:15px;           /* hint for IE, alternatively remove whitespace from HTML */ 
}

.business div#leftMenu ul ul li a {
  padding: 3px 3px 3px 20px;     /* indent level 1 */
  background-color: #662787;
  font-size: 11px;
}

.business div#leftMenu ul ul ul li a {
  padding: 2px 2px 2px 30px;    /* indent level 2 */
  background-color: #3c1054;
  font-size: 10px;
}

.business div#leftMenu ul li a:hover {
  color: #000;
  background-color: #c38be1; /* rollover effect */
}

/* collapse */
/*
.business div#leftMenu li ul, div#leftMenu li.open li.closed ul {
  display: none;         
}*/

/* expand */
/*
.business div#leftMenu li.open ul {
  display: block;      
}
*/
 
.business div#leftMenu li.active a {
  color: black;            /* highlight text */
  background-color: #d9a3f3; 
}
 
.business div#leftMenu li.active li a {
  color: white;          /* fix lower levels */
}


/* end: BUSINESS Styles */

/* MUNICIPAL HALL Styles */

.muniHall h1 {
  padding:5px 5px 5px 10px;
  margin-bottom:25px;
  margin-left:-10px;
  color:#FFF;
  background-color:#367c2b;
}

.muniHall h2 {
  color:#285c20;
}


 .muniHall a, .muniHall a:hover, .muniHall a:visited, .muniHall ul li a:visited, .muniHall p a:visited  {
  color:#367c2b;
}


.mun1 {
	background-color : #65c057;
}

.mun2 {
	background-color : #a0e695;
}

.muniHall .tabletitle {
	color: #1e4718;
}

.muniHall .tableinfo {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #1e4718;
	padding: 5px 5px 5px 5px;
}

.muniHall .tableinfo a, .muniHall .tableinfo a:visited {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #1e4718;
	padding: 5px 5px 5px 5px;
}

.muniHall div#leftMenu {
  width: 190px;          /* menu width */
}

.muniHall div#leftMenu ul {
  background-color: #327328;
  list-style-type: none; /* get rid of the bullets */
  padding:0;             /* no padding */
  margin:0;              /* no margin for IE either */
}

.muniHall div#leftMenu ul li {
  margin: 0;
  padding: 0;
  background-color: #327328;
  display:block;
  border-top: 1px solid white; /* lines */
}

.muniHall div#leftMenu ul li a {
  display: block;         /* lines extend to right, make area clickable */
  color: white;
  background-color: #327328;
  padding: 5px 5px 5px 10px;
  margin:0;
  text-decoration: none;
  height:15px;           /* hint for IE, alternatively remove whitespace from HTML */ 
}

.muniHall div#leftMenu ul ul li a {
  padding: 3px 3px 3px 20px;     /* indent level 1 */
  background-color: #1e4917;
  font-size: 11px;
}

.muniHall div#leftMenu ul ul ul li a {
  padding: 2px 2px 2px 30px;    /* indent level 2 */
  background-color: #14330f;
  font-size: 10px;
}

.muniHall div#leftMenu ul li a:hover {
  color: #000;
  background-color: #24e006; /* rollover effect */
}

/* collapse */
/*
.muniHall div#leftMenu li ul, div#leftMenu li.open li.closed ul {
  display: none;         
}*/

/* expand */
/*
.muniHall div#leftMenu li.open ul {
  display: block;      
}
*/
 
.muniHall div#leftMenu li.active a {
  color: black;            /* highlight text */
  background-color: #88ed78; 
}
 
.muniHall div#leftMenu li.active li a {
  color: white;          /* fix lower levels */
}

/* end: MUNICIPAL HALL Styles */


/* RESIDENTS HALL Styles */

.residents h1 {
  padding:5px 5px 5px 10px;
  margin-bottom:25px;
  margin-left:-10px;
  color:#FFF;
  background-color:#ac0101;
}

.residents h2 {
  color:#800202;
}

.residents h3 {
  color:#800202;
}


.residents a, .muniHall a:hover, .muniHall a:visited  {
  color:#ac0101;
}

.res1 {
 background-color : #f97070;
}

.res2 {
 background-color : #fdd4d4;
}



.residents .tabletitle {
	color: #FFF;
}

.residents .tableinfo {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #000;
	padding: 5px 5px 5px 5px;
}

.residents .tableinfo a, .residents .tableinfo a:visited {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;	
	color: #000;
	padding: 5px 5px 5px 5px;
}

.residents div#leftMenu {
  width: 190px;          /* menu width */
}

.residents div#leftMenu ul {
  background-color: #ac0101;
  list-style-type: none; /* get rid of the bullets */
  padding:0;             /* no padding */
  margin:0;              /* no margin for IE either */
}

.residents div#leftMenu ul li {
  margin: 0;
  padding: 0;
  background-color: #ac0101;
  display:block;
  border-top: 1px solid white; /* lines */
}

.residents div#leftMenu ul li a {
  display: block;         /* lines extend to right, make area clickable */
  color: white;
  background-color: #ac0101;
  padding: 5px 5px 5px 10px;
  margin:0;
  text-decoration: none;
  height:15px;           /* hint for IE, alternatively remove whitespace from HTML */ 
}

.residents div#leftMenu ul ul li a {
  padding: 3px 3px 3px 20px;     /* indent level 1 */
  background-color: #800202;
  font-size: 11px;
}

.residents div#leftMenu ul ul ul li a {
  padding: 2px 2px 2px 30px;    /* indent level 2 */
  background-color: #650000;
  font-size: 10px;
}

.residents div#leftMenu ul li a:hover {
  color: #000;
  background-color: #ec0000; /* rollover effect */
}

/* collapse */
/*
.residents div#leftMenu li ul, div#leftMenu li.open li.closed ul {
  display: none;         
}*/

/* expand */
/*
.residents div#leftMenu li.open ul {
  display: block;      
}
*/
 
.residents div#leftMenu li.active a {
  color: #FFF;            /* highlight text */
  background-color: #ff0000; 
}
 
.residents div#leftMenu li.active li a {
  color: white;          /* fix lower levels */
}

/* end: RESIDENTS Styles */

/* VISITORS Styles */

.visitors h1 {
  padding:5px 5px 5px 10px;
  margin-bottom:25px;
  margin-left:-10px;
  color:#FFF;
  background-color:#fe6e03;
}

.visitors h2 {
  color:#b94f00;
}


.visitors a, .muniHall a:hover, .muniHall a:visited  {
  color:#e87926;
}

.vis1 {
	background-color : #fe6e03;
}

.vis2 {
	background-color : #ffcba4;
}

.visitors .tabletitle {
	color: #FFF;
}

.visitors .tableinfo {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #000;
	padding: 5px 5px 5px 5px;
}

.visitors .tableinfo a, .visitors .tableinfo a:visited {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #000;
	padding: 5px 5px 5px 5px;
}

.visitors div#leftMenu {
  width: 190px;          /* menu width */
}

.visitors div#leftMenu ul {
  background-color: #fe6e03;
  list-style-type: none; /* get rid of the bullets */
  padding:0;             /* no padding */
  margin:0;              /* no margin for IE either */
}

.visitors div#leftMenu ul li {
  margin: 0;
  padding: 0;
  background-color: #fe6e03;
  display:block;
  border-top: 1px solid white; /* lines */
}

.visitors div#leftMenu ul li a {
  display: block;         /* lines extend to right, make area clickable */
  color: white;
  background-color: #fe6e03;
  padding: 5px 5px 5px 10px;
  margin:0;
  text-decoration: none;
  height:15px;           /* hint for IE, alternatively remove whitespace from HTML */ 
}

.visitors div#leftMenu ul ul li a {
  padding: 3px 3px 3px 20px;     /* indent level 1 */
  background-color: #d75c01;
  font-size: 11px;
}

.visitors div#leftMenu ul ul ul li a {
  padding: 2px 2px 2px 30px;    /* indent level 2 */
  background-color: #b94f00;
  font-size: 10px;
}

.visitors div#leftMenu ul li a:hover {
  color: #000;
  background-color: #ff8d38; /* rollover effect */
}

/* collapse */
/*
.visitors div#leftMenu li ul, div#leftMenu li.open li.closed ul {
  display: none;         
}*/

/* expand */
/*
.visitors div#leftMenu li.open ul {
  display: block;      
}
*/
 
.visitors div#leftMenu li.active a {
  color: #FFF;            /* highlight text */
  background-color: #ff8d38; 
}
 
.visitors div#leftMenu li.active li a {
  color: white;          /* fix lower levels */
}

/* end: VISITORS Styles */

/* onlineServ Styles */

.onlineServ h1 {
  padding:5px 5px 5px 10px;
  margin-bottom:25px;
  margin-left:-10px;
  color:#FFF;
  background-color:#02519c;
}

.onlineServ h2 {
  color:#303659;
}


.onlineServ a, .onlineServ a:hover, .onlineServ a:visited  {
  color:#02519c;
}

.onS1 {
	background-color : #02519c;	
}

.onS1 a, .onS1 a:hover, .onS1 a:visited {
	color: #FFFFFF;
}

.onS2 {
	background-color : #d2e9ff;
}

/* Used on Contact Us Page Only */
.onS3 
{
	background-color : #d2e9ff;
}

/* Used on Contact Us Page Only */
.onS3 a, .onS3 a:hover, .onS3 a:visited  {
  color:#02519c;
}

.onlineServ .tabletitle {
	color: #FFF;
}

.onlineServ .tableinfo {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #000;
	padding: 5px 5px 5px 5px;
}

.onlineServ div#leftMenu {
  width: 190px;          /* menu width */
}

.onlineServ div#leftMenu ul {
  background-color: #02519c;
  list-style-type: none; /* get rid of the bullets */
  padding:0;             /* no padding */
  margin:0;              /* no margin for IE either */
}

.onlineServ div#leftMenu ul li {
  margin: 0;
  padding: 0;
  background-color: #02519c;
  display:block;
  border-top: 1px solid white; /* lines */
}

.onlineServ div#leftMenu ul li a {
  display: block;         /* lines extend to right, make area clickable */
  color: white;
  background-color: #02519c;
  padding: 5px 5px 5px 10px;
  margin:0;
  text-decoration: none;
  height:15px;           /* hint for IE, alternatively remove whitespace from HTML */ 
}

.onlineServ div#leftMenu ul ul li a {
  padding: 3px 3px 3px 20px;     /* indent level 1 */
  background-color: #01407b;
  font-size: 11px;
}

.onlineServ div#leftMenu ul ul ul li a {
  padding: 2px 2px 2px 30px;    /* indent level 2 */
  background-color: #00274c;
  font-size: 10px;
}

.onlineServ div#leftMenu ul li a:hover {
  color: #000;
  background-color: #0076e5; /* rollover effect */
}

/* collapse */
/*
.onlineServ div#leftMenu li ul, div#leftMenu li.open li.closed ul {
  display: none;         
}*/

/* expand */
/*
.onlineServ div#leftMenu li.open ul {
  display: block;      
}
*/
 
.onlineServ div#leftMenu li.active a {
  color: #FFF;            /* highlight text */
  background-color: #0076e5; 
}
 
.onlineServ div#leftMenu li.active li a {
  color: white;          /* fix lower levels */
}

/* end: onlineServ Styles */