/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */

/* --- General --- */
body  {
	font: 12px Arial, Helvetica, sans-serif;
	background: #dddddd;
	color: #000000;
}
#container { 
	width: 800px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
}
h1 {padding:0;}
h2 {font-size:14px; padding:15px 0 0 0;}
h3 {font-size:13px; padding:12px 0 5px 0;}
p {padding:10px 0 0 0; line-height:16px;}
p.no_padding {padding:0;}
a {color:#1a5add;}
a:hover {text-decoration:none;}

/* --- Utilities --- */
.float_right {float: right;}
.float_left {float:left;}
.clear {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.hide {display:none;}
.no_spacing {margin:0; padding:0;}

/* --- Misc --- */
.blue {color:#2f517e;}
.legal_warning {font-style:italic; color:#2f517e; padding:0;}

/* --- Lists --- */
ul {margin:10px 0 5px 0;}
ul.bullet,
.no_margin {margin:0;}
ul.bullet li {list-style:disc; margin:0 0 0 20px; padding:1px 0;}
ul.li_padding li {padding:2px 0 5px;}
/* --- Main Layout --- */
#header {
}

#nav {width:800px; height:34px; padding:0px; margin:0; font-size:14px; position:relative; background:url('../images/nav.png') no-repeat;}
#nav li {color:#fff; position:absolute; top:0; display:block; width:200px;}
#nav li a {display:block; height:34px;}
#nav li#home {left:0; width:92px;}
#nav li#home a:hover,
#nav li#home a.active {
    background: transparent url('../images/nav.png')
    0 -34px no-repeat;}
#nav li#city_council {left:18px; width:166px;}
#nav li#city_council a:hover,
#nav li#city_council a.active {
    background: transparent url('../images/nav.png')
    -18px -34px no-repeat;}
#nav li#vision {left:184px; width:96px;}
#nav li#vision a:hover,
#nav li#vision a.active {
    background: transparent url('../images/nav.png')
    -184px -34px no-repeat;}
#nav li#statements {left:282px; width:147px;}
#nav li#statements a:hover,
#nav li#statements a.active {
    background: transparent url('../images/nav.png')
    -282px -34px no-repeat;}
#nav li#about {left:434px; width:79px;}
#nav li#about a:hover,
#nav li#about a.active {
    background: transparent url('../images/nav.png')
    -434px -34px no-repeat;}
#nav li#contribute {left:515px; width:86px;}
#nav li#contribute a:hover,
#nav li#contribute a.active {
    background: transparent url('../images/nav.png')
    -515px -34px no-repeat;}
#nav li#events_news {left:602px; width:117px;}
#nav li#events_news a:hover,
#nav li#events_news a.active {
    background: transparent url('../images/nav.png')
    -602px -34px no-repeat;}
#nav li#contact {left:722px; width:68px;}
#nav li#contact a:hover,
#nav li#contact a.active {
    background: transparent url('../images/nav.png')
    -722px -34px no-repeat;}

ul#nav ul {display:none; width:200px; background:#065081; font-size:13px; margin:0;}
ul#nav ul li {display:block; position:relative; padding:5px 15px; background:none; width:auto;}
ul#nav ul li.top {padding:10px 15px 5px 15px;}
ul#nav ul li.bottom {padding:5px 15px 10px 15px;}
ul#nav ul li a {color:#fff; text-decoration:none; height:auto; background:none;}
ul#nav ul li a:hover {text-decoration:underline; background:none;}

#contact_form ul li {padding:0 0 7px 0;}
#contact_form ul li label {width:130px; float:left;}
#contact_form ul li input[type=submit] {float:right; margin:0 38px 0 0;}
p.warning {padding:3px 0 0; font-weight:bold; color:#1a5add;}

#sidebar {float:left; width:275px; margin:10px 0 0 10px;}
.promo_inner {background:url('../images/sidebar_top.jpg') no-repeat; margin:0 0 5px; overflow:hidden;}
.promo {background:url('../images/sidebar_repeat.jpg') repeat-y;}
#bottom_share {background:url('../images/sidebar_bottom_share.jpg') no-repeat right bottom; width:280px; height:30px;}
#bottom_voice {background:url('../images/sidebar_bottom_voice.jpg') no-repeat right bottom; width:280px; height:30px;}
#bottom_paypal {background:url('../images/sidebar_bottom_paypal.jpg') no-repeat right bottom; width:280px; height:30px;}
#bottom_people_saying {background:url('../images/sidebar_bottom_people_saying.jpg') no-repeat right bottom; width:280px; height:30px;}
.promo_inner p {padding:3px 20px;}
.promo_inner p.author {float:right; font-style:italic; text-align:right; width:165px; padding:0 20px;}
.promo_inner p.more_link {padding:0px 20px 5px 32px;}
.promo_inner img {padding:10px 0 0 18px;}

#main_content { 
	width: 470px;
	padding:10px 20px 10px 20px;
	float: left;
}
#main_content.district {padding:10px 0px 10px 8px;}
#main_content.district h2 {padding:15px 0 0 12px;}
#main_content.district p,
#main_content.district ul,
#main_content.district h3 {padding:7px 0 0 12px;}
#footer { 
	padding:10px 10px 10px 20px;
	text-align:center;
} 
#footer p {padding:0;}

#main_content.sitemap p {padding:0;}
#main_content.sitemap h3 {padding:12px 0 2px;}
#main_content.sitemap h4 {padding:8px 0 2px;}
#main_content.sitemap div {padding:0 0 0 20px;}

/* --- Contribute --- */
#paypal_button {margin:10px auto 0 auto; width:130px;}

form#contribute {margin:15px 0 0 0;}
form#contribute ul li {padding:0 0 12px;}
form#contribute ul li label {width:143px; float:left;}
form#contribute ul li input {padding:2px 0 0 0;}

/* --- Events & News --- */
#main_content.news_events {float:none; width:760px;}
#main_content.news_events #events {width:370px; float:left; padding:0 20px 0 0;}
#main_content.news_events #news {width:370px; float:left;}