html {
	height: 100%;
}

body {
	padding-top: 5px;
	height: 100%;
}



/* @group base definitions */

/* Set default font size */
p, ul, ol, pre, dt, dd {
	font-size: 95%;
}


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: auto;
	margin: .9em 20px;
	padding: 3px;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	background: #eee;
	font-size: 95%;
	
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
}

dl {
	margin-top: 1.5em;
	margin-bottom: 2em;
}

dt {
	font-weight: bold;
}

dd {
	margin: .25em 1em;
}


dd dt, dd dd {
	
	font-size: 100%;
}

em {
	font-style: italic;
}


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


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

h3 {
	font-size: 95%;
	color: #555;
	font-weight: bold;
	margin:.4em 0 .2em 0;
	}

h4 {
	font-size: 95%;
	color: #555;
	margin:.4em 0 .8em 0;
	}

p {
	margin-bottom: .46em;
}

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 */


#doc {
	height: 100%;
}

#hd.std {
	height:68px;
	background: url(../ui/bnr_mnawwa_std.jpg) no-repeat;
}

.home {
	height:93px;
	background: url(../ui/bnr_mnawwa_home.jpg) no-repeat;
}

blockquote.inline {
	font-size: 100%;
	width: auto;
	padding: 0 0 2em;
}

blockquote .attribution, div.testimonial .attribution {
	font-size: 90%;
	text-align: right;
	padding-right: 20px;
	margin-bottom: 20px;
}

/* Logo attached as background */

#hd h1 {
	
	height: 33px;
	margin: 0;
	padding: 5px 0 0 0;
}

/* Create selectable box, text moved out of visible range */
#hd h1 a, #hd.home h1 {
	display:block;
	overflow: hidden;
	width: 147px;
	height: 60px;
	text-indent: -3000px;
}

/* Don't display inline images, images re-enabled in print styles */
#hd h1 img {
	display:none;
}

/* Search field, button, and label */
#skip {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	
}

#hd {
	border-bottom: 3px solid #fff;
}


#bd.contentbd {
	border-bottom: 5px solid #ccc;
	background: url('../ui/bkgr_leftcol.gif') repeat-y;
	
	/*background: #d6e1e9;*/

	/*height: 100%;*/
}

.yui-g {
	height: 100%;
}

.2col {
	width: 210px;
	float: right;
}

.init {
	float: left;
}

#navigation {
	width: 136px;
	background: #d6e1e9;
	height: inherit;
	float: left;
	/*height:100%;*/
}

#breadcrumb {
	background: #d6e1e9;
	margin: 0; padding: 0 0 2px 0;
	height: 17px;
	margin-left: 139px;
	*margin-left:2px;
}

#breadcrumb ul {
	list-style-type: none;
	display: inline;
	position: relative;
	top: 2px;
	font-size: 85%;
	margin: 2px 0 0 0; padding: 0;
}


#breadcrumb ul li {
	list-style-type: none;
	display: inline;
	padding: 0 3px;
	margin: 0;
}

/*Need IE hack for margin here?*/
#content {
	/*height: 100%;*/
	margin-left: 136px;
	*margin-left:0;
	margin-bottom: 10px;
	background: #fff;
	padding: 8px 1px 8px 8px;
}

#ft {
	padding: 5px 0 8px;
	margin: 0;
	text-align: center;
}

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


#ft ul li {
	list-style-type: none;
	display: inline;
	padding: 0 3px;
}

.about {
	font-weight: bold;
}

.quicklinks {
	float: right;
	clear: right;
	background: #eee;
	margin: 0 0 13px 13px;
	width: 160px;
}

.quicklinks h2 {
	background: #ccc;
	font-weight: bold;
	padding: .3em .4em;
	color: #666;	
}

.quicklinks ul li {
	font-size: 95%;
	line-height: 1.5em;
	margin: .4em;
	padding-right: 4px;
}

.quicklinks p {
	font-size: 88%;
	margin: .8em;
	color: #444;


}

.callout {
	padding: .7em;
	width: auto;
	border:1px solid #ccc;
}

.callout img {
}

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

.entry {
	margin-bottom: 1.15em;
	display: block;
	border: 1px solid;
}
	
.left {
	margin: 0 1em 1em 0;
	float: left;
}

.right {
	margin: 0 0 1em 1em;
	float: right;
}
.highlight {
	padding: .7em;
	border:1px solid #ccc;
	background: #eee;
	clear: right;
}

.narrow {
	width: 130px;
}

.mid {
	width: 200px;
}

.wide {
	width: 300px;
}

#content a, #ft a {
	
	color: #369; 
	text-decoration: none;
}

#content a:hover, #ft a:hover {
	text-decoration: underline;
	color: #369;
}

.about h4 {
	font-weight: bold;
	font-size: 1em;
}

.about h3 {
	font-size: 1em;
}

.about .when, .about .where, .about .how {
	margin: 0;
	padding-left: 55px;
	font-weight: normal;
	text-indent: -45px;
}

div.educationarticle {
	clear: right;
}

div.educationarticle h1 {
	font-size: 105%;
	font-weight: bold;
	margin: 0;
}

div.educationarticle h2 {
	font-weight: normal;
	font-size: 105%;
	padding-top: 3px;
}


div.testimonial {
	margin-bottom: 20px;
	margin-right: 10px;
	border-bottom: 1px solid #ddd;
	
	}
	
	
#bounds h2 {
	font-size: 105%;
	margin: 1em 0 3px;
	color: #666;
}

#bounds dl {
	margin: .2em 0 .6em 1.75em;
}

#bounds dl dd {
	margin-top: 0 ;
	margin-bottom: 1px ;
}


h1.leadtitle {
	font-size: 96%;
	padding-bottom: 0;
	margin: 0 0 -3px;
	color: #555;
}

dd.email {
	
}

.leadtitle span {
	border-bottom: 1px solid #aaa;
	padding-bottom: 1px;
	
}

.center {
	
	text-align: center;
}

/* List layout */


#content ul, #content ul ul, #content ul ul ul, #content ul ul ul ul, #content ol, #content ol ol, #content ol ol ol, #content ol ol ol ol {
	margin-left: 25px;
	padding-top: .5em;
	padding-bottom: 1em;
}

#content ul ul,  #content ol ol, #content ul ol, #content ol ul {
	font-size: 100%;
}

#content ul {
	list-style-type: disc;
}

#content ul ul {
	list-style-type: circle;
}
#content ul ul ul{
	list-style-type: square;
}

#content ul ul ul ul{
	list-style-type: disc;
}

#content ol {
	list-style-type: decimal;
}

#content ol ol {
	list-style-type: upper-alpha;
}

#content ol ol ol {
	list-style-type: lower-roman;
}

#content ol ol ol ol {
	list-style-type: lower-alpha;
}





/* #69c */

h1.councilname {
	font-size: 90%;
	margin-bottom: 1px ;
}

h1.councilname span{
	border-bottom: 1px solid #aaa;
	padding-bottom: 1px;
}


.councilinfo h1 {
	margin-top: .2em;
}

.councilinfo h2 {
	margin-bottom: .2em;
	margin-top: .8em;
}


#content div.councilinfo ul {
		margin-bottom: 0; padding-bottom: .2em;

}

table.budget {
	border: 1px solid #888;
	margin: .4em ;
}

table.budget tr td {
	padding: .2em 1em .2em .6em;
	border-bottom: 1px solid #999;
}
td.rightlabel {
	text-align: right;
}

#main {
	height: 100%;
	
}


.treeview, .treeview ul { 
	padding: 0 1px 0 0;
	margin: 0;
	list-style: none;

}	

.treeview li { 
	color: #fff;		
	margin: 0;
	padding: 3px 0pt 3px 0px;
	font-size: 11px;
}

.treeview li ul li {
	font-size: 11px;
		padding: 3px 0pt 3px 16px;

}

ul.dir li { padding: 2px 0 0 16px; }

.treeview .collapsable { background: url(../ui/icn_minus.gif) no-repeat 4px 6px; }
.treeview .expandable { background: url(../ui/icn_plus.gif) no-repeat 4px 6px;}
.treeview .lastCollapsable { background-image: url(images/tv-collapsable-last.gif); }
.treeview .lastExpandable { background-image: url(images/tv-expandable-last.gif); }



/* @group Nav */
/*#nav.dyn li{
	color: #fff;		
	padding:2px 0 2px 5px;
	font-size: 95%;
}
html>body #nav.dyn li{
	height:auto;
}*/
.treeview li a{
	line-height: 1.15em;
	color:#147;
	text-decoration:none;
	width: auto;
	padding-right: 12px;
}

.treeview li a {
	padding-left: 15px;
	display: block;
	}

.treeview li ul {
	padding-bottom: .1em;
}

.treeview li ul li a {
	padding-left: 0;
	margin-left: 10px;
	
}

table.twocol td{
	padding: 0 20px 0 0;
/*	width: 217px;
	
*/}
/*#nav .parent, .dyn .open{
	font-weight:bold;
}*/

#nav li ul {
	padding-bottom: .85em;
	
}

#nav.dyn .parent{
				
				background: url(../ui/icn_plus.gif) no-repeat 4px 6px;
}
#nav.dyn .open{
background:url(../ui/icn_minus.gif) no-repeat 4px 6px;
}
#nav.dyn ul{
display:none;
}

div.testimonials {
	margin-right: 240px;
}

span.pdf{
	display: block;
	float: right;
	overflow: hidden;
	margin: .2em 4px 0 .1em;
	width: 12px;
	height: 13px;
	text-indent: -3000px;
	background: url(../ui/icn_pdf.gif) no-repeat;
}

.external {
	width: 100%;
	display: block;
	background: url(../ui/icn_external.gif) no-repeat right top;

}

#content p a.external, #content ul li a.external  {
	display: inline;
	padding-right:15px;
	margin-right: 3px;
	background: url(../ui/icn_external.gif) no-repeat right;
}

table.directors, table.awards, table.minutes, table.registration {
	
	margin-bottom: 2em;
}
table.registration {
	
	margin-top: 1.5em;
}


.directors th, .awards th, .minutes th, .registration th {
	text-align: left;
	font-weight: bold;
}

.directors td, .awards td, .minutes td, .registration td  {
	padding: .3em .1em;
	border-bottom: 1px solid #ddd;
}

th.years {
	width: 80px;
}

th.name {
	width: 200px;
}

th.location {
	width: 110px;
}

.registration th {
	padding-bottom: .5em;

}


td.date, th.date {
	width:120px;
	font-size: 90%;
}
td.location, th.location {
	width:120px;
	font-size: 90%;
}
td.event, th.event {
	width:280px;
	font-size: 90%;
}




.treeview li.active {
	background: #999;
	margin-right: -2px;
}

.treeview li.active a {
	color: #fff;
}

/* @end */
#textadjust {
	float: right;
	padding-right: 10px;
	padding-top: 2px;
}

#textadjust span {
	position: relative;
	top: -2px;
	font-size: 11px;
	color: #666;
	width: 100px;

}

#textadjust img {
	/*margin-top: 2px;*/
}

#content li {
	padding-bottom: 3px;
}

#content ul li a.pdf, #content p a.pdf {
	background: url(../ui/icn_pdf.gif) no-repeat right;
	padding-right: 19px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-right: 5px;
	margin-bottom: -2px;
	margin-top: -2px;
}

#content a.supfix {
	line-height: 1.5em;
	display: block;
	background-position: right 8px;
}

#content .quicklinks ul li a.pdf, #content .quicklinks ul li a.external {
	display:block;
	width: auto;
	padding: 0;
	margin: 0;
	padding-right: 15px;
	background-position: right 10%;
}
	
p.notice {
	background:			#d6e1e9;
	padding: 			2px 5px;
	font-size: 			90%;
}



div.jobentry {
	border-bottom: 1px solid #ddd;
}

#content table.agenda tr td {
	padding: 3px 25px 4px 0;
}

div.jobentry p.postdate {
	font-size: 85%;
	background: #eee;
	padding: 3px 1px;
}

div.jobentry dl {
	margin: 0 0 .75em 20px;
}

table tr td {
	vertical-align: top;
}


table.formtable {
	width: 90%;
	margin-bottom: 25px;
}

table.formtable td {
	padding:			3px;
	margin:				0;
	text-align:			left;
}

table.formtable label {
	float: right;
	padding-right: 10px;
}

table.formtable label.nofloat {
	float: none;
	padding-left: 15px;
	padding-right: 3px;
}

table.data1 {
	border:				1px;
	border-spacing:		0;
	border-style:		solid;
	border-collapse:	collapse;
	border-color:		#aaa;
	margin:				0;
	padding:			0;
	margin-bottom: 		15px;
}

table.data1 th {
	background:			#d6e1e9;
	border-color:		#d6e1e9;
	text-align:			left;
	padding:			3px;
	color:				#666;
	font-weight:		bold;	
}

table.data1 td {
	padding:			3px;
	margin:				0;
	text-align:			left;
}

table td.col3 {
	font-weight:		bold;
}


table tr.head{
	background:			#d6e1e9;
	border-color:		#d6e1e9;
	text-align:			left;
	padding:			3px;
	color:				#666;
	font-weight:		bold;
}

#btns input {
	margin-right: 1em;
}

.confirmCat{

	color:				#666;
}
.conPrompt {
	font-weight:		bold;
}
.field{
	float: left;
    padding: 3px;
}

.eventTitle{
	font-weight:		bold;
	
}


.error {
	color:				#FF0000;
}

#separator{
	margin-left:5px;
	margin-right:5px;
	width:98%;
	
	border-bottom: 1px solid #d6e1e9;
}

.textfield {
background:#fff;
}

.clear {
	clear: both;
}

blockquote.extrawide {
	width: 380px;
}