html { 
	background-color : #666666; margin : 0; padding : 0; 
	font-size : 85%; 
}
body { 
	background-color : #ffffff; 
	position : relative; 
	color: #000000; 
	font-size : 100%;
	font-family : arial; 
	margin : auto; 
	width: 820px; 
}
#logo { position : relative; width: 170px; height: 150px; float: left; background-image: url(/media/images/area72.gif); }
h1#mast_head { color: #177800; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.35em; font-weight: bold; float: left; }

h1 { color: #177800; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 2em; font-weight: bold; margin-top: 0; margin-bottom: .5em;}
h2 { color: #0049a9; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.5em; font-weight: bold; margin-top: 0; margin-bottom: .75em;}
h3 { color: #177800; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; margin-top: 0; margin-bottom: 1em;}
h4 { color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; margin-top: 0; margin-bottom: .5em;}
a { color : #0049a9; }
a:hover { color : #177800; }
p { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; margin-top: 0; margin-bottom: 1em; } 
#inline { color : #252175; font-size : 100%; font-weight : normal; font-style : normal; }
.logo { position : relative; }
/*.banner_logo { position: relative } */
.main_body { 
	color : #000000; 
	font-size : 100%; 
	font-family : arial; 
	width : 800px; 
	margin-left : 10px; 
	margin-right : 10px; 
}
.no_break { white-space : nowrap; }
.alpha { list-style : lower-alpha; } 
.columns { display : table-row; margin : 0px 0px 0px 0px; }
.c1, .c2, .c3, .c4, .c5, .c6 { display : table-cell; }
.source { font-size: .75em; margin-bottom : 0px; }
.quoted { font-size: .9em; font-style: italic; }
.strong { font-weight: bolder; text-transform: uppercase; }

/* ====================== bordered panels ======================= */

div.panel {
	margin: 0 0 0 0;
	padding-top: 35px;
}

.border_tr, .border_tl, .border_br, .border_bl {
	background-repeat: no-repeat;
} 

.border_mr, .border_ml {
	background-repeat: repeat-y;
}

.border_tc, .border_bc {
	background-repeat: repeat-x;
}

.border_tr {
	padding-right: 40px; /* width of top right slice */
	background-image: url(/media/images/bar_tr.gif);
	background-position: top right;
}

.border_tl {
	padding-left: 40px; /* width of top left slice */
	background-image: url(/media/images/bar_tl.gif);
}

.border_tc {
	background-image: url(/media/images/bar_tc.gif);
}

.top_spacer {
	width: 1px;
	height: 20px; /* height of top slice */
}

.border_br {
	padding-right: 40px; /* width of bottom right slice */
	background-image: url(/media/images/bar_br.gif);
	background-position: bottom right;
}

.state_br {
	padding-right: 40px; /* width of bottom right slice */
	background-image: url(/media/images/state_br.gif);
	background-position: bottom right;
}

.border_bl {
	padding-left: 40px; /* width of bottom left slice */
	background-image: url(/media/images/bar_bl.gif);
}

.border_bc {
	background-image: url(/media/images/bar_bc.gif);
}

.bottom_spacer {
	width: 1px;
	height: 35px; /* height of bottom slice */
	margin-bottom: 30px;
}

.border_mr {
	padding-right: 40px; /* width of right slice */
  	background-image: url(/media/images/bar_mr.gif);
  	background-position: top right;
}

.border_ml {
	padding-left: 40px; /* width of left slice */
  	background-image: url(/media/images/bar_ml.gif);
}

.panel_content {
	background-color: #0049a9;
	color: #ffffff;
	height: 38px;
	padding: 1px 0; /* 1px or more of padding required to fix a bug in IE 6.0 and below */	
}

/* ===================== Ordered Lists (Outline Styles) ======================== */

.list_level1 {
	list-style-type: decimal;
	margin-bottom: .5em;
}

.list_level2 {
	list-style-type: lower-alpha; 
	margin-bottom: .5em;
}

.list_level3 {
	list-style-type: lower-roman;
	margin-bottom: .5em;
}

.list_level4 {
	list-style-type: disc;
	margin-bottom: .5em;
}


/* ===================== district ====================== */

.district dt {
font-weight: bold;
padding-top: 6px;
/* color: #177800; */
}

.district dd {
}

table.district_list {
}

.district_list tr {
vertical-align: top;
}

.district_list td {
padding: 6px;
}

td.district_col {
width: 100px;
}



/* ====================== events ======================= */

table.event {
	border-collapse: collapse;
	width: 100%;
	
}

table.event tr {
	border-top: solid;
	border-width: 1px;
	border-color:#CCCCCC;
	vertical-align: text-top;
}

td.event_calendar {
	width: 250px;
	padding: 6px;
}

td.event_detail {
	padding: 6px;
}

td.event_detail p {
	margin-top: 6px;
}

/* ====================== Accessibility ================ */
table#access_events { 
	margin-top : 0px;
	margin-left : 30px;
	margin-right : 30px;
	margin-bottom : 10px; }
#access_events th {
	padding-left : 5px;
	padding-right : 5px;
	text-align : left; }
#access_events td {
	padding-left : 5px;
	padding-right : 5px; }
#access_motion li { padding-bottom : 4px; }
#access_list { display : table; margin-top : 0px;}
#access_list a { margin : 0px 0px 0px 0px; }
#access_list dt { padding-left : 1.5em; }
#access_list ul { margin : 0px 0px 0px 0px; padding-left : 1em; }
#access_list li { margin-left : 0px; padding-left : 0px; padding-bottom : 4px; }

/* ====================== Pamphlet ==================== */

img.thumbs {
	float:left;
	margin-right: 5px;
	margin-bottom: 5px;
	border: solid #CCCCCC 1px;
}
img.big {
	float:left;
	color: #CCC;
	border: solid #CCC 1px;
	widh: auto;
}
a.title {
	color: #177800; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 1em; 
	font-weight: bold; 
	margin-top: 0; 
	margin-bottom: 1em;
	text-decoration: none;	
}
a:hover.title {
	text-decoration: underline;	
}
#pamphlet_detail {
	float: left;
	width: 450px;
}

#pamphlet_text {
	float: left;
	width: 250px;
	margin: 10px;
}

#thumbContainer {
	float: left;
	width: 260px;
}
#title_header {
	width: 295px;
	height: 95px;
}

/* ====================== CPC ========================== */
#cpc_list { display : table; margin-top : 0px;}
#cpc_list dt { padding-left : 1.5em; }
#cpc_list ul { margin : 0px 0px 0px 0px; padding-left : 1em; }
#cpc_list li { margin-left : 0px; padding-left : 0px; padding-bottom : 4px; }

/* ====================== PI =========================== */
#pi_list { display : table; margin-top : 0px;}
#pi_list dt { padding-left : 1.5em; }
#pi_list ul { margin : 0px 0px 0px 0px; padding-left : 1em; }
#pi_list li { margin-left : 0px; padding-left : 0px; padding-bottom : 4px; }

/* ====================== Web Policies =========================== */
.policy_link { width: 250px; vertical-align: top; }
.policy_detail { width: 500px; vertical-align: top; padding-bottom: 8px; }

/* ====================== footer ======================= */
dl.footer { 
	position : relative; 
	color : #0049a9;
	border-top : 1px solid #0049a9;
	font-size : 1em; 
	font-family : arial; 
	width : auto; 
	height : auto; 
	margin : 0px;
	padding : 10px 10px .25em 10px; 
}
.footer dt { display : none; }
.footer dd { display : inline-block; }
.footer dd { display : inline; margin : 0; 
	padding-left : 10px; padding-right : 10px; 
	border-right : 1px solid #0049a9; }
dd#footer_first { padding-left : 0px; }
dd#footer_end { border-right : none; }
p.copyright { margin : 0 0 10px 10px; padding-bottom : 10px; font-size: .75em;}

dl.address { font-size : 100%; font-weight : normal; margin-bottom : 1.5em; }
.address dt { display : none; }
.address dd { margin-bottom : 0; }

dl.url { font-size : 100%; font-weight : normal; margin-bottom : 1.5em; }
.url dt { display : none; }
.url dd { margin-bottom : 0; }