/*===========================================================================*

	Navigation

*===========================================================================*/

#nav_2008_nav { padding: 0px 0px 0px 15px; z-index: 9998; position: relative;}

/* MenuBegin:nav_2008_nav */
ul.nav_2008_nav { margin: 0; border: 0; padding: 0; list-style: none; line-height: 52px; }
ul.nav_2008_nav li { margin: 0; border: 0; padding: 0; float: left;/*Gecko*/ display: inline; list-style: none; position: relative; }
ul.nav_2008_nav ul { margin: 0; border: 0; padding: 0; list-style: none; display: none; position: absolute; top: 52px; left: 0; z-index: 9999;}
ul.nav_2008_nav ul li { position: relative; display: block !important; display: inline;/*For IE*/ float: left;/*IE 7*/ position: relative;}

/* 1st Level */
ul.nav_2008_nav a { background: url(graphics/2008_menu_i.jpg) top right no-repeat; color: #292929; text-decoration: none; text-align: center; padding: 0px 11px; font: bold 12px/52px Verdana, Geneva, sans-serif; float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; height: auto !important; height: 1%; /*For IE*/ }
ul.nav_2008_nav a:hover,
ul.nav_2008_nav li:hover a,
ul.nav_2008_nav a:hover,
ul.nav_2008_nav li.over a { background: url(graphics/2008_menu_i.jpg) bottom right no-repeat; color: #292929; text-decoration: none; }

ul.nav_2008_nav a.first { background: url(graphics/2008_menu_i1.jpg) top right no-repeat; padding: 0px 10px;}
ul.nav_2008_nav a:hover.first { background: url(graphics/2008_menu_i1.jpg) bottom right no-repeat; }

ul.nav_2008_nav a.last { padding: 0px 10px;}
ul.nav_2008_nav a:hover.last {  }



/* 2nd Level */
ul.nav_2008_nav li:hover li a,
ul.nav_2008_nav li.over li a { width: 160px; font-size: 11px; line-height: 25px; color: #ffffff; background: #292929; text-decoration: none; float: none; text-align: left; padding: 0px 11px;}
ul.nav_2008_nav li:hover li a:hover,
ul.nav_2008_nav li:hover li:hover a,
ul.nav_2008_nav li.over li a:hover,
ul.nav_2008_nav li.over li.over a { color: #292929; text-decoration: none; background: #D9D9D9;}
ul.nav_2008_nav li:hover ul,
ul.nav_2008_nav li.over ul { width: 160px; }

/* Do Not Move - Must Come Before display:block for Gecko */
ul.nav_2008_nav li:hover ul,ul.nav_2008_nav li.over ul { display: block;}
ul.nav_2008_nav .nav ul :after /*IE 7*/ { clear: both; display: block; font: 1px/0px serif; content: ; height: 0; visibility: hidden;}
/* MenuEnd:nav_2008_nav */



.nav_2008menuPipe {
}

a.nav_2008menuPipeLink {
	color: #000000;
}

a.nav_2008menuPipeLink:hover {
}





/*===========================================================================*

	FEATURE SPLASH AREA

*===========================================================================*/



#slider {
    width: 630px;
    height: 260px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: 245px;
    width: 444px;
    overflow: auto;
    overflow-x: hidden;
    clear: left;
    background: #FFFFFF;
}

.scrollContainer div.panel {
    padding: 0px;
    height: 245px;
    width: 444px;
    margin: 0 0;
    }
    .scrollContainer div.panel a {
		height:245px;
		width: 444px;
		margin: 0 0;
		border: 0;
		text-indent:-9999px;
		display:block;
		}
		.scrollContainer div.panel a:hover {
			border: 0;
			}
    
ul.navigation {
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 0px;
    width: 180px;
    top: 30px;
    left: 444px;
}

ul.navigation li {
    margin-bottom: 16px;
    position: relative; display: block;
}

ul.navigation a {
    padding: 6px 20px 6px 15px;
    color: #000;
    text-decoration: none;
}

ul.navigation a:hover {
    color: #ffffff;
    background-color: #C1C1C1;
    text-decoration: none;
}

ul.navigation a.selected {
    color: #ffffff;
    background-color: #999999;
    text-decoration: none;
}

ul.navigation a:focus {
    outline: none;
}
.hide {
    display: none;
}

#issues {
	position: absolute;
	top: 0px;
	left: 458px;
	margin: 0px;
	font-weight: bold;
	font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;	
	color: #292929;
	font-size: 16px;
	margin: 0px;
	}
#learn_more {
	font-weight: bold;
	position: absolute;
	top: 220px;
	left: 460px;
	margin: 0px;
	}

/*======*FEATURE SPLASH AREA PANELS*=======*/


#waterfront {background:url(graphics/2008_featureSplash/waterfront.jpg) no-repeat;}
#tolls {background:url(graphics/2008_featureSplash/tolls.jpg) no-repeat;}
#jobs {background:url(graphics/2008_featureSplash/jobsEconomy.jpg) no-repeat;}
#environment {background:url(graphics/2008_featureSplash/environment.jpg) no-repeat;}
#healthcare {background:url(graphics/2008_featureSplash/healthcare.jpg) no-repeat;}
#revitalization {background:url(graphics/2008_featureSplash/revitalization.jpg) no-repeat;}
#hydropower {background:url(graphics/2008_featureSplash/hydropower.jpg) no-repeat;}
#accessiblity {background:url(graphics/2008_featureSplash/accessibility.jpg) no-repeat;}


/*======*END FEATURE SPLASH AREA PANELS*=======*/





/*======*START COUNTDOWN CLOCK*=======*/

#clock_box { width: 200px; position: absolute; top: 195px; right: 20px; }
#polls { width: 300px; position: absolute; top: 207px; right: 17px; font-size: 12px; font-weight: bold; color: #B71425;}

.hasCountdown {
	
}
.countdown_holding div {
	
}
.countdown_row {
	clear: both;
	width: 100%;
	text-align: center;
}
.countdown_show1 div {
	width: 100%;
}
.countdown_show2 div {
	width: 50%;
}
.countdown_show3 div {
	width: 33%;
}
.countdown_show4 div {
	width: 25%;
}
.countdown_show5 div {
	width: 20%;
}
.countdown_show6 div {
	width: 16%;
}
.countdown_show7 div {
	width: 14%;
}
.countdown_section {
	float: left;
	font-size: 10px;
        text-align: left;
}
.countdown_amount {
	font-size: 15px;
}
.countdown_descr {
	width: 100%;
}

/*======*END COUNTDOWN CLOCK*=======*/

/*===========================================================================*

	BASIC BODY ELEMENTS and TYPOGRAPHY

*===========================================================================*/
* {
	margin: 0;
	padding: 0;
}

body {
	background: #011F52 url(graphics/2008_bg.jpg) top center no-repeat;
	font-family: Tahoma, Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-align: center;
	margin: 0 0;
	padding: 0 0;
}

img { display: block; border: 0; }
img a { display: block; border: 0; }
.imgleft { float: left; margin: 0px 10px 0px 0px; }
.imgright { float: right; margin: 0px 0px 0px 10px; }

.bold {font-weight: bold;}
.clear { clear:both; }


a { color: #B71425; text-decoration: none; outline: none;}
a:hover { text-decoration: underline; }

p { margin: 0 0 16px 0; }

p.district { font-size: 11px; }

h1, h2, h3, h4 {
	font-weight: bold;
	font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;	
	color: #292929;
	}

h1 { font-size: 28px; margin: 0 0 16px 0; }
h2 { font-size: 24px; margin: 0 0 12px 0; }
h3 { font-size: 18px; margin: 0 0 12px 0; }
h3 a {
	background:url(graphics/2008_rss.jpg) right top no-repeat;
	height: 24px;
	margin: 0 0;
	border: 0;
	display:block;
	text-decoration: none;
	color: #292929;
	}
	h3 a:hover {
			border: 0;
			text-decoration: none;
			}
h4 { font-size: 14px; margin: 0 0 16px 0; }


ol, ul, dir, menu, dd { margin: 0px 0px 20px 30px; }

ol { list-style-type: decimal }

ol ul, ul ol,ul ul, ol ol { margin-top: 0; margin-bottom: 0px; }

ul li, ol li { margin: 0px 0px 5px 0px; }


/*===========================================================================*

	LAYOUT

*===========================================================================*/



#page_wrap {
	text-align: left;
	width: 990px;
	margin: 0 auto;
	padding: 0 0;
        position: relative;
	}

#header {
	height:189px;
	width: 990px;
	background:url(graphics/2008_header.jpg);
	margin: 0 0;
	}
	#header a {
		height:189px;
		width: 990px;
		margin: 0 0;
		border: 0;
		text-indent:-9999px;
		display:block;
		}
		#header a:hover {
			border: 0;
			}
	
#menubar {
	height:52px;
	background:url(graphics/2008_menubar.jpg);
	}
	
#splasharea {
	height: 305px;
	background: url(graphics/2008_splash.jpg) no-repeat;
	
	}
	#splash {
		float: left;
		width: 635px;
                padding: 25px 0px 0px 20px;
		}
		
	#calltoaction {
		float: right;
		width: 315px;
		padding: 20px 0px 0px 20px;
		}
	#calltoaction_d {
		padding: 0px 0px 0px 10px;
                margin: 0px 0px 15px 0px;
                background:url(graphics/2008_cta_bottom.jpg) bottom center no-repeat;
		}
		#donate {
			height:59px;
			width: 285px;
			margin: 0 0;
			}
			#donate a {
			    background:url(graphics/2008_donate.jpg) center top;
				height:59px;
				width: 285px;
				margin: 0 0;
				border: 0;
				text-indent:-9999px;
				display:block;
				}
				#donate a:hover {
							background:url(graphics/2008_donate.jpg) center bottom;
							border: 0;
					}
		#takeaction {
			height:64px;
			width: 285px;
			margin: 0px 0px 10px 0px;
			}
			#takeaction a {
				background:url(graphics/2008_takeaction.jpg) center top;
				height:64px;
				width: 285px;
				margin: 0 0;
				border: 0;
				text-indent:-9999px;
				display:block;
				}
				#takeaction a:hover {
							background:url(graphics/2008_takeaction.jpg) center bottom;
							border: 0;
					}
		#join {
			padding: 0px 0px 0px 15px;
			}


#content_home_top {
	background:url(graphics/2008_content_htop.jpg) no-repeat;
	height: 15px;
	margin: 0 0;
}
#content_home {
	background:url(graphics/2008_content_hmid.jpg) repeat-y;
	margin: 0 0;
}
#content_home_inner {
	background:url(graphics/2008_content_hbottom.jpg) bottom center no-repeat;
	margin: 0 0;
	padding: 0 25px 50px 15px;
}
	.home_left {float: left; width: 300px; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 10px;}
	.home_right {float: right; width: 300px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px;}

#content_default_top {
	background:url(graphics/2008_content_dtop.jpg) no-repeat;
	margin: 0 0;
}
#content_default_middle {
	background:url(graphics/2008_content_mid.jpg) repeat-y;
	margin: 0 0;
}
#content_default_bottom {
	background:url(graphics/2008_content_dbottom.jpg) bottom center no-repeat;
	margin: 0 0;
	padding: 0px 25px 50px 15px;
}	
	#content {float: left; width: 610px; margin: 0px 0px 0px 0px; padding: 35px 10px 0px 10px;}
	#sidebar {float: right; width: 300px; margin: 0px 0px 0px 0px; padding: 25px 0px 0px 10px;}





#footer {
	background:url(graphics/2008_footerbg.jpg) no-repeat;
	}
        #inner_footer { 
              text-align: center;
              background:url(graphics/2008_footerbg2.jpg) bottom no-repeat;
              padding: 22px 0px 60px 0px;
              }
	
#copyright {
	display: block;
	margin: 13px 0px 0px 0px;
}

#paidfor {
	width: 320px;
	font-size: 11px;
	color: #011F52;
	margin: 0px auto;
        padding: 25px 0px 0px 0px;
	display: block;
}

/*===========================================================================*

	Other Stuff

*===========================================================================*/


#nav_2008_search {
        float: right;
        padding: 0px 25px 0px 0px
}
.searchBox {
	width:210px;
        height: 25px;
        margin: 10px 0px 0px 0px;
        float: left;
	}
.searchBoxInput {
        width: 210px;
        padding: 2px 5px 2px 20px;
        font-size: 12px;
        background:#ffffff url(graphics/2008_search_icon.jpg) top left no-repeat;
	}
.searchSubmit_home {
        float: left;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
	}
.searchSubmit {
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
	float: left;
        }
.searchHeadline {
}
.searchTopMatches {
}
.searchModule {
}
.searchModuleMore {
}
.searchModuleResults {
}


.enewsBox {
	width:245px;
        padding: 2px 5px;
        font-size: 12px;
        margin: 0px 0px 7px 0px;
	}
.enewsBoxSubmit {
        float: right;
        padding: 0px 0px 0px 0px;
        margin: 0px 15px 25px 0px;
	}
.enewsBoxSubmit_home {
        float: right;
        padding: 0px 0px 0px 0px;
        margin: 0px 37px 0px 0px;
	}



.eventBigLink {
       color: #000000;
       font-weight: bold;
       text-decoration: none;
}
.eventBigLink:hover {
       color: #000000;
       text-decoration: underline;
}
.eventDateHeader {
       background-color: #e3e3e3;
       font-size: 8pt;
}
.eventDetail {
       font-size: 11px;
}
.eventHeadline {
       font-size: 14px;
       font-weight: bold;
       color: #000000;
       text-decoration: none;
}
.eventHeadline:hover {
       text-decoration: underline;
}
.eventHeadlineTD {
}
.eventMoreLink {
       font-weight: bold;
       text-decoration: none;
       margin: 0px 0px 15px 0px;
       display: block;
}
.eventMoreLink:hover {
       display: block;
       text-decoration: underline;
}
.eventNormalText {
}
.eventSmallText {
}







.newsBody {
}
.newsHeadline {
       color: #292929;
       font-size: 24px;
       font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
       font-weight: normal;
}
.newsListBlurb {
       font-size: 11px;
}
.newsListHeadline {
       color: #000000;
       font-size: 13px;
       font-weight: bold;
       text-decoration: none;
}
.newsListHeadline:hover {
       text-decoration: underline;
}
.newsListHeadlineTD {
}
.newsListPublishline {
       font-size: 10px;
       font-weight: bold;
}
.newsListMoreLink {
       font-weight: bold;
       text-decoration: none;
       margin: 0px 0px 0px 0px;
       display: block;
}
.newsListMoreLink:hover {
       display: block;
       text-decoration: underline;
}
.newsPrevNext {
}
.newsPublished {
       color: #666666;
       font-size: 8pt;
}
.newsSubHeadline {
       color: #2b5f91;
       font-size: 8pt;
       text-align: left;
       text-decoration: none;
}


.photoAlbumBody {
}
.photoAlbumDescription {
       padding-bottom: 10px;
}
.photoAlbumTitle {
}
.photoGalleryBG {
}
.photoGalleryBGTop {
       background: #000000;
}
.photoGalleryBody {
       background-color: #2b5f91;
}
.photoGalleryCaption {
       padding-top: 5px;
       text-align: center;
}
.photoGalleryDescription {
       font-size: 8pt;
       text-align: left;
}
.photoGalleryNumbers {
       background-color: #333333;
       font-size: 8pt;
}
.photoGalleryTitle {
       font-size: 8pt;
}
.photoPagnationTD {
       text-align: center;
       font-size: 8pt;
}
.photoRemote {
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        font-size: 8pt;
        font-weight: bold;
}
.photoRemoteTD {
        padding-bottom: 10px;
        padding-top: 10px;
        text-align: center;
}


.prevnextLink {
}


.shoppingAlert {
        font-size: 8pt;
}
.shoppingBody {
        font-size: 8pt;
}
.shoppingCartEvenRow {
        background-color: #ffffff;
        color: #000000;
}
.shoppingCartOddRow {
        background-color: #ebebeb;
        color: #000000;
}
.shoppingCartTableHeader {
        background-color: #2b5f91;
        color: #ffffff;
        font-size: 8pt;
        font-weight: bold;
}
.shoppingForm {
        font-size: 8pt;
}
.shoppingFormQuantity {
        background-color: #9db3d0;
        font-size: 8pt;
}
.shoppingFormRequired {
        font-size: 8pt;
        font-weight: bold;
}
.shoppingHeading {
}
.shoppingInStock {
}
.shoppingItemHeading {
}
.shoppingOutOfStock {
        color: #dd0000;
}
.shoppingLowStock {
}
.shoppingTable {
         background-color: #e8e8e8;
}
.shoppingTableBorder {
         background-color: #ffffff;
}


.membershipForgot {
}
.membershipGroup {
}
.membershipHeaderRow {
        background-color: #000066;
        color: #ffffff;
        font-size: 11px;
        font-weight: bold;
        text-align: center;
}
.membershipHeaderCell {
}
.membershipOddRow {
        background-color: #ebebeb;
}
.membershipEvenRow {
        background-color: #ffffff;
}
.membershipOddCell {
        padding-left: 10px;
        padding-right: 10px;
}
.membershipEvenCell {
        padding-left: 10px;
        padding-right: 10px;
}
.membershipPassword {
}
.membershipRemember {
}
.membershipSeparatorCell {
}
.membershipSeparatorRow {
        background-color: #000066;
}
.membershipTable {
        border: 2px solid #000066;
        text-align: left;
        padding: 5px;
}
.membershipUserID {
}



.sendpageBody {
 background-color: #fd9800;
}
.sendpageFormText {
 color: #263b62;
 font-weight: normal;
}
.sendpageFormTextRequired {
 color: #263b62;
 font-weight: bold;
}
.sendpageHeader {
 color: #263b62;
 font-weight: bold;
 padding-top: 10px;
}








/*===========================================================================*

	Calendar Styles

*===========================================================================*/

#calendarDetail { }

.calendarMonths { width: 100%; background: #597CBE; }
.calendarMonths td { text-align: center; padding: 5px; }
.calendarMonths td a { color: #ffffff; font-weight: bold; text-decoration: none; }
.calendarMonths td a:hover { color: #ffffff; font-weight: bold; text-decoration: underline; }

.calendarDays { width: 100%; background: #ffffff; border-top: 1px solid #D9D9D9; border-bottom: 10px solid #597CBE; border-left: 1px solid #D9D9D9;}
.calendarDays td { padding: 5px; vertical-align: top; }

.prevLink { border-bottom: 1px solid #D9D9D9; }

.title { text-align: center; border-bottom: 1px solid #D9D9D9; }

.nextLink { text-align: right; border-bottom: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9; }

.weekdays { font-weight: bold; border-bottom: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9;}

.emptyDay { border-bottom: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9; }

.eventOff { border-bottom: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9; }

.eventOn { color: #ffffff; background: #597CBE; border-bottom: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9; }
.eventOn a { color: #ffffff; font-weight: bold; text-decoration: none; }
.eventOn a:hover { color: #ffffff; font-weight: bold; text-decoration: underline; }

.eventToday { border-bottom: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9; }