/* @group base definitions */
a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

abbr, acronym {
	/*text-decoration: underline;*/

	cursor: pointer;
	border-bottom:1px dotted #666;
}

#events abbr {
	/*override display if in events div*/
	cursor:text;
	border-bottom:0;
}

blockquote {
	width: 280px;
	padding: 5px 25px;
	font-size: 125%;
	font-family: Georgia, "Times New Roman", Times, serif;
}

blockquote.inline, blockquote.a_inline {
	width: auto;
	padding: 5px;
	margin: 5px 25px;
	font-size: 100%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;

}


dt {
	font-weight: bold;
}

dd {
	margin: .25em 1em;
}

em {
	font-style: italic;
}


h1 {
	font-size: 125%;
	font-weight: bold;
	color: #789;
	margin:0 0 .46em;
}


h2 {
	font-size: 100%;
	color: #446;
	font-weight: bold;
	margin:0 0 .6em 0;
	}

h3 {
	font-size: 95%;
	color: #444;
	font-weight: bold;
	margin:.4em 0 .2em 0;
	}
	
ul + h3 {
	margin-top: 1.4em;
}

dl + p {
	margin-top: 1em;
}

h4 {
	font-size: 95%;
	color: #444;
	border-bottom: 1px solid #999;
	margin:.4em 0 .8em 0;
	}

h5 {
	font-size: 95%;
	/*margin:1.5em 0 .3em 0;*/
	/*font-weight: bold;*/
	}

p {
	margin-bottom: 1em;
}

pre {
	font-family: "Courier New", Courier, monospace;
	margin: 1.5em 2em;
}

strong {
	font-weight: bold;
}

/*No definition for table formatting at this point. If consistent formatting need emerges, one may be added. 
*/


/* @end */




/* @group yui elements */

#doc3 {
	margin: auto;
	overflow: hidden;
}

.maps #doc3 {
	min-width: 960px;
}



#yui-main {
	/*background: #fff;*/
}

.yui-b {
	/*height:100%;*/
}

#hd {
	padding: 0;
	margin: 0;
	overflow: hidden;
	width:100%;

}
/* @end */

/* @group banner */
/* Hide skip to content link from CSS enabled browsers, else first visible element for screen readers */
#skip {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	
}

/* Banner size set with absolute height */
#hd .inner {
	height:127px;
	width:inherit;

}

/* Define space for the logo; the map background floats right on this element */
#hd .inner .brand {
	background: #fff url(../ui/back_map_grey.gif) no-repeat right;
	height:50px;

}

/* Logo attached as background */

#hd h1 {
	height: 48px;
	margin: 0;
	padding: 0px;
	width: 270px;
}
/* Create selectable box, text moved out of visible range */

#hd h1 a {
	display:block;
	background: url(../ui/logo_mtcnew3_header.png) no-repeat 0 0px;
	overflow: visible;
	width: 250px;
	height: 152px;
	text-indent: -3000px;
	z-index:5000;
	position: absolute;
}
/* Don't display inline images, images re-enabled in print styles */
#hd h1 img {
	display:none;
}

/* Search field, button, and label */
#hd form {
	float: right;
	margin:  10px;
	
}

#hd form input {
}

#hd form p {
	margin: 0;
}

/* container for banner images - including background for fade out */
#bannerimage {
		display:block;
		overflow: hidden;
		background: #000;

}

#bannerimage img {
	display:block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.about #bannerimage, .housing #bannerimage, .water #bannerimage, .reports #bannerimage, .planning #bannerimage, .news #bannerimage, .transit_ltr #bannerimage {
	background: #6181a7;
}




/* @end */

/* @group global navigation */
/* Defines nav bar height, center content, and organize elements as inline list */

#horz_nav {
	
	text-align: left;
	margin: 0;
	height:24px;
	overflow:hidden;
	padding-left: 220px;	
}
ul#globalnav {
	display: inline;
	list-style-type: none;
	width: 760px;
}


ul#globalnav li {
	font-family: Verdana, Lucida, "Lucida Grande", sans-serif;
	display: inline;
	list-style-type: none;
}

ul#globalnav li a {
	margin: 2em .5em;
	line-height:22px;
	color: #fff;
	text-decoration: none;
}


ul#globalnav li a:hover {
	text-decoration: underline;
}
/* @end */

/* @group content grid */
/* height defined so that subelements have the ability to inherit. */
#bd {
	position: relative;
	width: 100%;
	height: auto;
	background: url(../ui/back_loc_col.gif) no-repeat right top;

}
/* content area margin */
#yui-main .yui-b {
	margin: 1em;
	
}

div.withlocal {
	margin-right:19.4608em;*margin-right:19.016em;
}

div.fullpage {
	padding-right: 10px;
	background: #fff;
}

#bd div.yui-g {
	margin-left:1em;
	padding-top: 1em;
}


/* @end */

/* @group fontsize selector */

#sizeSelector {
	padding-top: .5em;
}

ul#textsize  {
	list-style: none;
	display: block;
	width: 100%;
}

ul#textsize .label {
	margin: .6em;
	font-size: 11px;
}

ul#textsize li {
	list-style: none;
	display: block;
	margin:0; 
	padding:0;
	height: 30px;
	float: left;
}

ul#textsize li a {
	margin:0; padding:0;
	display: block;
	float: left;
	width: 15px;
	height: 18px;
	background: #fff;
	text-decoration: none;
}

ul#textsize li a.default {
	padding-left:6px
}

ul#textsize li a.larger {
	padding-left:6px
}

ul#textsize li a.largest {
	padding-left:6px
}

ul#textsize li a.styleswitch {
	border: 1px solid #458;	
	margin: 2px;

	}

.sizeSelector {
	border: 1px solid #458;
	
}


ul#textsize li a.default {
	font-size: 11px;
	line-height: 18px;
}


ul#textsize li a.larger {
	font-size: 14px;
	line-height: 16px;
}

ul#textsize li a.largest {
	font-size: 17px;
	line-height: 15px;
}


.clear {
	clear: both;
}



/* @end */

/* @group localnav */

#localnav {
	font-family: Verdana, Lucida, "Lucida Grande", sans-serif;
	/*height:auto;*/
	margin: 0;
	padding: 0;
	/*background: url(../ui/back_loc_col.gif) repeat-x;*/
	float:right;
	/*position:absolute;
	right: 0;*/

	width:18.4608em;*width:18.016em;
}

#localnav h2 {
	padding: .3em .5em;
	margin: .2em 0 0 0;
	color: #000;
	font-weight: bold;
}

#localnav .navcontent ul, #localnav .overview ul  {
	/*	margin: .1em .65em .1em 0;*/
	margin: .1em 0;
	border-top: 1px solid #fff;
}

#localnav .navcontent li, #localnav .overview li {
	margin: .1em 0 ;
	border-bottom: 1px solid #fff;
	padding: .1em .5em;
	line-height: 1.5em;
}

#localnav .overview ul{
	padding-bottom:20px
}

#localnav .overview li {
	font-size: .95em;
}

#localnav .overview h2 {
	font-size: .9em;
	color: #668;
}



#localnav .overview p {
	margin: .8em .5em;
	font-size: .95em;
} 

#localnav a {
	text-decoration: none;
	color: #458;
}

#localnav a:hover {
	text-decoration: underline;
}

/*#localnav .overview li {
	margin: .8em .5em;
}*/


/* @end */

/* @group events */

#events h2 {
	padding-top: 1.2em;
}

#events p {
	margin: .4em 6px;
	font-size: .9em;
	line-height: 1.2em;
}

.vevent {
	margin: .8em 0;
}

#events .vevent p{
	margin: 0 6px;
	padding: 0;
}



/* @end */

/* RELABEL: Perhaps should be sidebar? inset? inset_content? */

/* @group content components */

.breadcrumb {
	margin: 0 0 .3em 0;
	padding: 0;
	font-size: 1em;
}

.breadcrumb a {
	color: #000;
}


.home .entry img, .index img, .subindex img {
	float: right;
	clear: right;
	margin: 0 0 .3em .5em;
	border: 1px solid #89a;
}

/* spaced for icons */
.index h2, .stats .subindex h2 {
	padding:5px 0 5px 24px ;
	margin-bottom: .3em;
}

/* not currently used */
.index img.icon {
	float: right;
	margin-top: -6px;
}

.index ul li, .subindex ul li {
	list-style-image: url(../ui/0081_ulli.png);
}

.index ul li {
	margin-left:17px;
}

.subindex ul li {
	margin-left:15px;
}

.sub2 .subindex ul li {
	margin-right: 30px;
}

.sub2 .subindex.entry {
	margin-bottom: 30px;
}


.entry, {
	margin-bottom: 1.5em;
	display: block;
	clear: left;
}
	
.left, .a_left {
	margin: 0 1em 1em 0;
	/*clear: left;*/
	float: left;
}

.right, .a_right {
	margin: 0 0 1em 1em;
	/*clear: right;*/
	float: right;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* h2 variation for 1 col subindex */
.sub1 .subindex h2 {
	margin-top: 10px;
	border-bottom: 1px solid #ccc;
}

.subindex div.entry p {
	margin-top: 1em;
}


/* Defined for this area only as not too conflict with other list uses */
.yui-g li {
	line-height: 1.2em;
	margin:.4em 0;

}

/* Block quote decoration -- open/close quotes and attribution style */
blockquote .openquote {
	 float: left;
     height: 45px;
     margin-top: -15px;
     padding-top: 5px;
     margin-bottom: -10px;
     margin-left: -23px;
     font-size: 56px;
     color: #ccc;
}

blockquote .closequote {
	 float: right;
	 height: 25px;
     margin-top: -37px;
     margin-right: -13px;
     padding-top: 5px;
     font-size: 56px;
     color: #ccc;
}

blockquote .attribution, blockquote .a_attribution {
	font-size: 80%;
	text-align: right;
	padding-right: 20px;
}


/* Image callout */
.callout, .a_callout {
	padding: .7em;
	width: auto;
	border:1px solid #ccc;
}

.news .callout {
	border: 0;
	padding: 0;
}

.callout img {
}

.callout .entry {
	margin-top: .8em;
}



div.callout.entry + p {
	margin-top: 1em;
}

div.callout.entry + div.callout.entry {
	margin-top: 1em;
}


div.overview + blockquote {
	margin-top: 3em;

}

div.overview h4 {
	margin-left: .5em;
	margin-top: 2em;
	padding-bottom: .3em;
}

.news .callout img {
	padding: 0px;
	border: 1px solid #000;
}


.callout p {
	font-size:.9em;
}

.news .callout p {
	padding-top: .6em;
	padding-bottom: 0;
	margin: 0;
	font: .9em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}


/*.newsletter h2 {
	color: #4F5A66;
	font-size: 105%;
}*/
/* Highlight inset box with three width options */


.highlight, .a_highlight {
	padding: .7em;
	border:1px solid #ccc;
	background: #eee;
}
#localnav ul.highlight, #localnav ul.a_highlight, #localnav ol.highlight, #localnav p.highlight, #localnav p.a_highlight {
	padding: 1px;
	border: 0;
	background: none;
	margin-top: 1em;
}


#localnav ul.highlight li, #localnav ul.a_highlight li {
	border: 0;
	margin:  6px 12px 6px 21px;
	padding: 0 0 6px 8px;
	text-align: left;
	color: #333;
	font: 95%/1.3em Georgia, "Times New Roman", Times, serif;
	background: url(../ui/bullet4x4.gif) no-repeat 0 6px;
}

#localnav p.highlight, #localnav ol.highlight, #localnav p.a_highlight {
	color: #333;
	font: 95%/1.3em Georgia, "Times New Roman", Times, serif;
}

#localnav ol.highlight {
	list-style: decimal;
}

#localnav ol.highlight li {
	border: 0;
	margin:  4px 12px 4px 26px;
	padding: 0 0 1px 2px;
	text-align: left;
	color: #333;
	font: 95%/1.3em Georgia, "Times New Roman", Times, serif;

}


.narrow, .a_narrow {
	width: 130px;
}




.mid, .a_mid {
	width: 200px;
}

.wide, .a_wide {
	width: 300px;
}

.highlight, .callout, blockquote {
	/*clear: both;*/
	
}

.headshot {
	border: 2px solid #555;
}

.yui-g ul, .yui-g ul ul, .yui-g ul ul ul, .yui-g ul ul ul ul, .yui-g ol, .yui-g ol ol, .yui-g ol ol ol, .yui-g ol ol ol ol {
	margin-left: 25px;
}

.yui-g ul ul,  .yui-g ol ol, .yui-g ul ol, .yui-g ol ul, ul p, ol p , td p, td ul {
	font-size: 100%;
}

.yui-g ul {
	list-style-type: disc;
}

.yui-g ul ul {
	list-style-type: circle;
}
.yui-g ul ul ul{
	list-style-type: square;
}

.yui-g ul ul ul ul{
	list-style-type: disc;
}

.yui-g ol {
	list-style-type: decimal;
}

.yui-g ol ol {
	list-style-type: upper-alpha;
}

.yui-g ol ol ol {
	list-style-type: lower-roman;
}

.yui-g ol ol ol ol {
	list-style-type: lower-alpha;
}


/* Icons for each content area */



.about .index h2,  div.about h2 {
	background: url(../ui/icn_about.gif) no-repeat left;
}

/*I don't think this one is in use*/
/*.data .index h2,  div.data h2 {
	background: url(../ui/icn_data.gif) no-repeat left;
}*/

.housing .index h2, div.housing h2 {
	background: url(../ui/icn_housing.gif) no-repeat left;
}

.maps .index h2,  div.maps h2 {
	background: url(../ui/icn_maps.gif) no-repeat left;
}

.news .index h2,  div.news h2 {
	background: url(../ui/icn_news.gif) no-repeat left;
}

.parks .index h2, div.parks h2 {
	background: url(../ui/icn_parks.gif) no-repeat left;
}

.planning .index h2, div.planning h2 {
	background: url(../ui/icn_planning.gif) no-repeat left;
}

.reports .index h2, div.reports h2 {
	background: url(../ui/icn_report.gif) no-repeat left;
}

.stats .index h2, div.stats h2, .stats .subindex h2, div.stats h2  {
	background: url(../ui/icn_stats.gif) no-repeat left;
}

.transit .index h2, div.transit h2 {
	background: url(../ui/icn_transit.gif) no-repeat left;
}

.water .index h2, div.water h2 {
	background: url(../ui/icn_water.gif) no-repeat left;
}



/* @end */


/* Need to remove references to yui elements */

/* @group tables */

table + p, table + h2, table + h3, table + h4, table + ol {
	margin-top: 1em;
}

table tr th, table tr td {
	font-size: 110%;
  
}


table.standard {
}

table.standard th, table.basic th, table.a_basic th{
	font-weight:bold;
	padding: 3px 8px;
	border:1px solid #555;
}

table.standard td, table.basic td, table.a_basic td {
	border:1px solid #555;
	margin: 0;
	padding: 2px 4px;
	background: #ddd;
}

table.basic tr td, table.a_basic tr td {
	background: #fff;
}

tr.center td, tr.center th, tr.a_centerrowcells td, tr.a_centerrowcells th {
	text-align: center;
}


table.simplerule td {
	width: 50%;
	padding: 8px;
	vertical-align: top;
}

td.dataright, td.a_dataright {
	text-align: right;
}

td.dataleft, td.a_dataleft {
	text-align: left;
}


table tr.bottomruled td, table tr.bottomruled th {
	border-bottom: 1px solid #aaa;
	border-collapse: collapse;
}

table.paddedcells th, table.paddedcells td {
	padding: 2px 8px;
}

table.dataformtable tr td {
	padding: 5px 5px
	
}

table.dataformtable tr td label {
	float: right;
}



table.census, table.collist, table.datatable, table.altrows, table.altrows_blue, table.a_census, table.a_collist, table.a_datatable, table.a_altrows, table.a_altrows_blue  {
	width: 95%;
	border-top: 1px solid #888;
	border-left: 1px solid #888;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;

	border-collapse:collapse;
}

table.census tr th, table.datatable tr th, table.altrows tr th, table.a_census tr th, table.a_datatable tr th, table.a_altrows tr th {
	text-align: center;
	vertical-align: center;
	/*font-weight: bold;*/
	padding: 3px 4px 5px 4px;
	/*border-bottom: 1px solid #6C7B8B;*/
	background: #888866;
	color: #fff;
}

table.census tr td, table.datatable tr td, table.a_census tr td, table.a_datatable tr td{
	padding: 2px 8px;
	border-top: 1px solid #6C7B8B;
	border-left: 1px solid #6C7B8B;
	border-collapse:collapse;

}

table.census tr td.dataright, table.datatable tr td.dataright, table.a_census tr td.a_dataright, table.a_datatable tr td.a_dataright {
	background: #ddd;
	border-left: 0;
}

table.census tr td.dataleft, table.datatable tr td.dataleft, table.a_census tr td.a_dataleft, table.a_datatable tr td.a_dataleft {
	background: #ddd;
}

td.dataleft + td.dataleft, td.dataright + td.dataleft, td.a_dataleft + td.a_dataleft, td.a_dataright + td.a_dataleft {
	border-left: 0;
}

table.census tr td, table.a_census tr td {
	background: #778899;
}

table.datatable tr td.rowlabel, table.a_datatable tr td.a_rowlabel {
	background: #778899;

}

table.census tr.totals td, table.datatable tr.totals td, table.a_census tr.a_totals td, table.a_datatable tr.a_totals td {
	background: #888866;
	border-left:  0;
	padding-left: 9px;
	color: #fff;
}



tr.totals + tr.totals td, tr.a_totals + tr.a_totals td {
	border-top:0;
}



table.indextable, table.a_indextable {
	margin-bottom: 1em;
	border-bottom: 2px solid #333;
}

table.indextable tr th, table.a_indextable tr th  {
	border-top: 1px solid #333;
	border-bottom: 2px solid #333;
	vertical-align: bottom;
	padding: 3px 9px 5px 9px;
	font-weight: bold;
}

table.indextable tr td, table.a_indextable tr td {
	border-top: 1px solid #bbb;
	padding: 5px 9px;
	vertical-align: top;
}


table.collist tr th, table.a_collist tr th {
	text-align: center;
	vertical-align: center;
	/*font-weight: bold;*/
	padding: 3px 4px 3px 4px;
	border-left: 1px solid #bbb;
	background: #ddd;
	border-bottom: 1px solid #ccc;
}


table.collist tr td, table.a_collist tr td {
	padding: 2px 8px;
	border-left: 1px solid #bbb;
	border-collapse:collapse;

}

table.altrows tr td, table.altrows_blue tr td, table.a_altrows tr td, table.a_altrows_blue tr td {
	padding: 2px 8px;
	border-collapse:collapse;
}


table.altrows tr th, table.altrows_blue tr th, table.a_altrows tr th, table.a_altrows_blue tr th {
	background: #888866;
	text-align: left;
	padding: 3px 8px;

}

table.altrows tr.even td, table.a_altrows tr.a_even td {
	background: #ffffe8;
}

table.altrows tr.odd td, table.a_altrows tr.a_odd td {
	background: #cfcfb0;
}

table.altrows_blue tr th, table.a_altrows_blue tr th {
	background: #789;
	color: #222;
}

table.altrows_blue tr.even td, table.a_altrows_blue tr.a_even td {
	background: #f1f0f9;
}

table.altrows_blue tr.odd td, table.a_altrows_blue tr.a_odd td {
	background: #d9d9d2;

}



table#aboutcensus tr td {
	width: 20%;
}

table#aboutcensus tr td + td {
	width: 10%;
}

table#aboutcensus tr td + td + td{
	width: 50%;
}

table#sum3_1 tr td, table#sum3_2 tr td {
	width: 50%;
}

table#sum3_1 tr td + td , table#sum3_2 tr td + td {
	width: 25%;
	background: #ddd;
}

table.publicationindex {
	width: 98%;
}




table.publicationindex tr td {
	width: 80%;
}

table.publicationindex tr td + td {
	width: 10%;
}

table.publicationindex tr td + td + td {
	width: 10%;
}

table.publicationindex + div + p {
	margin-bottom: 2em;
}

.orderform {
	float: right;
	margin-right:3%;
}

table.form_info {
	width: 85%;
}

table.form_info tr td {
	padding: 5px 6px;
	text-align: right;

}

table.form_info tr td + td {
	text-align: left;

}


table.puborder tr th {
	width:30%;
}

table.puborder tr th + th {
	width: 20%;
	text-align: left;
}

table.puborder tr th + th + th {
	width: 30%;
}

table.puborder tr th + th + th + th{
	width: 20%;
}

table.puborder tr td{
	padding: 8px 5px 8px 18px;
}

table.puborder tr td + td {
	padding: 8px 25px 8px 18px;
	border-right: 2px solid #bbb;
}

table.puborder tr td + td + td {
	padding: 8px 5px 8px 18px;
	border-right: 0;
}

table.wastewater {
	width: 60%;
}

table.wastewater tr td {
	text-align: center;
}


table.wastewater tr td.communityname {
	text-align: left;

}

table.ocnindex {
	
	width: 90%;
}

table.ocnindex tr td {
	width: 33%;
}

/* @end */

/* @group footer */

#ft {
	padding: 10px 0 5px 5px;
	margin: 0 0 0 -5px;
	text-align: center;
	background: #fff;
}

#ft ul {
	list-style-type: none;
	display: inline;
	font-size: 80%;
}


#ft ul li {
	list-style-type: none;
	display: inline;
}

p#mission {
	margin:10px 0;
	padding:5px;
	font-size:80%;
	line-height:1.2em;
}



/* @end */

#localnav blockquote {
	width: auto;
	font-size: 100%;
	margin-left: 5px;
}

#localnav ul.highlight + blockquote {
	margin-top: 2.5em;
}


.fullpage #sizeSelector {
	 position:absolute; width:200px; right:10px; margin-top: -15px;
}

.fullpage #sizeSelector a {
	color: #458;
}



.legend {
	
	font-size: 80%;
	float: right;
	margin-left: 10px;
	border: 1px solid #555;
	width: 180px;
	
}

.legend h4 {
	background: #555;
	color: #ddd;
	margin: 0 0 3px 0;
	padding: 2px 5px;
}

.legend table {
	margin: 4px;
}

.a_z_NO_MORE_SELECTIONS{
	
}