/* CSS Document - styles.css */

ul,ol { list-style: none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,table,tr,td,p,blockquote,fieldset,input,div,dd,dt,dl { margin: 0; padding: 0; }
fieldset, a img,:link img,:visited img { border: none; }

body {
	font: 11px/15px tahoma,verdana,arial,lucida sans,sans-serif;
	background: #3572a3 url(../images/body-bg.jpg) repeat-x;
	color: #000;
	margin: 0 auto;
	text-align: center;
}
a { color: #D67E68; text-decoration: none; }
a:hover { text-decoration: underline; }
em strong { display: block; visibility: hidden; }
th { text-align: left; }
th em { font-weight: normal; }

/* Layout */

#top {
	margin: 0 auto;
	text-align: left;
	width: 784px;
}

.index { background: url(../images/wrap-bg.jpg) repeat-y; }
.wide { background: url(../images/wrap-wide-bg.jpg) repeat-y; }
.narrow { background: url(../images/wrap-narrow-bg.jpg) repeat-y; }

#mast-left, #mast-right, #left-col, #mid-col, #right-col { float: left; }
#mast-left, #mast-header, #index-splash { width: 585px; }
#mast-right, #mast-shelley, #img-graphic { width: 199px; }

#mast-header { height: 111px; background: url(../images/mast-header.jpg); }
    #mast-header a { display: block; position: relative; top: 25px; left: 27px; width: 226px; height: 78px; }
    #mast-header span { display: none; }
#mast-shelley { height: 148px; background: url(../images/mast-shelley.jpg); }
#img-graphic { height: 252px; }
#index-splash { height: 230px; background: url(../images/index-splash.jpg); }
    #index-splash h2 { display: none; }
    
#left-col, .left-col { width: 257px; }
    #left-col p { margin: 0 25px 14px 27px; }
    #left-col img { margin-left: 13px; }
    .left-col span { display: none; }
    #hdr-potw { height: 23px; background: #fff url(../images/hdr-potw.jpg) no-repeat; }
        #hdr-potw a { width: 144px; height: 23px; display: block; margin-left: 15px; }
    #hdr-featured-story { height: 23px; background: #fff url(../images/hdr-featured-story.jpg) no-repeat; }
        #hdr-featured-story a { width: 118px; height: 23px; display: block; margin-left: 15px; }
#mid-col, .mid-col { width: 328px; }
    #mid-col { background: url(../images/img-announcements.jpg) no-repeat right top; }
    #mid-col p { margin: 0 25px 14px; }
	#mid-col object { margin-left: 21px; }
    #mid-col ul { margin: 8px 0 14px 38px; list-style: outside disc; }
    #mid-col li { margin-bottom: 8px; }
    .mid-col span { display: none; }
    #hdr-calendar { height: 23px; background: url(../images/hdr-calendar.jpg) no-repeat; }
        #hdr-calendar a { width: 137px; height: 23px; display: block; margin-left: 12px; }
#right-col, .right-col { width: 199px; }
    #right-col p { margin: 0 30px 14px 21px; }
    .right-col span { display: none; }
    #hdr-surveys-results { width: 188px; height: 30px; background: url(../images/hdr-surveys-results.jpg); }
    #hdr-ask-question { width: 188px; height: 30px; background: url(../images/hdr-ask-question.jpg); }
        .start-quote { margin: 0 32px 0 20px; background: url(../images/start-quote.gif) no-repeat left top; }
            #right-col .start-quote p { margin: 0 10px 14px 22px; }
        .end-quote { padding-bottom: 1px; height: auto; background: url(../images/end-quote.gif) no-repeat right bottom; }

    #left-col p, #mid-col p, #right-col p { padding-top: 8px; }
    #left-col p+p, #mid-col p+p, #right-col p+p { padding-top: 0; }
    
#announcements { width: 200px; }
    #announcements h3 { height: 23px; background: url(../images/hdr-announcements.jpg) no-repeat; }
    #announcements h3 a { width: 130px; height: 23px; display: block; margin-left: 12px; }
    #announcements h3 span { display: none; }

#footer { width: 784px; background: url(../images/footer-bg.jpg) repeat-y; }
    #footer h5 { display: block; visibility: hidden; height: 32px; }
    #footer p { margin: 0; padding: 0; }
    #footer ul { margin: 0 auto; text-align: center; }
    #footer li { display: inline; padding: 0 5px 0 7px; font-size: 11px; line-height: 14px; border-left: 1px solid #ccc; }
    #footer li.first { border-left: none; }
    #footer a { color: #333; text-decoration: none; }
    #footer a:hover { text-decoration: underline; } 

    #footer-nav { width: 684px; margin: 0 auto 12px; text-align: center; }

#mapFooter { float: left; display: inline; width: 200px; padding: 8px 0 6px; }
    #credits { text-align: center; padding: 2px; margin: 14px 32px 0; font-size: 10px; border: 1px solid #ccc; }
#find-us, #newsletter { float: left; display: inline; }
#find-us { width: 250px; background: url(../images/hdr-find-us.jpg) no-repeat; }
    #find-us p { margin: 0 22px 14px 26px; }
#newsletter { width: 250px; background: url(../images/hdr-newsletter.jpg) no-repeat; }
    #newsletter p, #newsletter form { margin: 0 32px 14px 42px; }
    #newsletter input { font: 11px/12px tahoma,verdana,arial,lucida sans,sans-serif; padding: 1px; }
    #newsletter input.btn-send { width: 64px; }
    
/* Calendar - Index */

#calendar, #calendar dd { float: left; }

#calendar { 
    width: 287px;
    margin: 6px 0 0 20px;
    background-color: #fefefe;
    border-top: 2px solid #ccc;
    border-right: 2px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    text-align: center;
}

#calendar dt { padding: 6px 0; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; }
#calendar dt big { font-size: 14px; font-weight: bold; }

#calendar dd {
    width: 40px; height: 25px;
    padding-top: 5px;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

#calendar dt a, #calendar dd a { color: #00c; }
#calendar dd a { display: block; height: 25px; font-weight: bold; text-decoration: none; }

.alt { background-color: #eaf1f7; }
.null { background-color: #ececec; }
.days { font-weight: bold; }
dd.sun { color: #c00; }
.current-day { font-weight: bold; color: #900; }

#calendar a span { visibility: hidden; position: absolute; }
#calendar a:hover span, #calendar dd.sfhover span {
    visibility: visible;
    width: 184px;
    padding: 7px;
    margin: 12px 0 0 0px;
    background-color: #fff;
    color: #000;
    font-weight: normal;
    text-align: left;
    border: 2px solid #ccc;
}

/* Inside Pages */

#inside-splash, #inside-sub-nav, #left-col-wide, .left-col-wide { width: 585px; }
#inside-splash { height: 170px; background: url(../images/inside-splash.jpg); }
    #inside-splash h2, .left-col-wide span { display: none; }
#inside-img-graphic { width: 199px; }

#left-col-wide, #left-col-narrow, #mid-col-narrow { float: left; }
#left-col-wide p { margin: 0 25px 14px 27px; }
#left-col-wide hr { margin: 0 25px 14px 27px; }
#left-col-wide p, #left-col-narrow p, #mid-col-narrow p { padding-top: 8px; }
#left-col-wide p+p, #left-col-narrow p+p, #mid-col-narrow p+p { padding-top: 0; }

#left-col-narrow { width: 201px; }
    #left-col-narrow p { margin: 0 25px 14px 27px; }
#mid-col-narrow, .mid-col-narrow { width: 384px; }
    #mid-col-narrow p { margin: 0 25px 14px 18px; }
    .mid-col-narrow span { display: none; }

/* Headers */

#hdr-w-welcome { height: 35px; background: url(../images/w-welcome.jpg) no-repeat; }
#hdr-s-welcome { height: 35px; background: url(../images/s-welcome.jpg); }

#hdr-w-contribute { height: 35px; background: url(../images/w-contribute.jpg) no-repeat; }
#hdr-s-contribute { height: 35px; background: url(../images/s-contribute.jpg); }

#hdr-w-about-shelley { height: 35px; background: url(../images/w-about-shelley.jpg) no-repeat; }
#hdr-s-about-shelley { height: 35px; background: url(../images/s-about-shelley.jpg); }

#hdr-w-volunteer { height: 35px; background: url(../images/w-volunteer.jpg) no-repeat; }
#hdr-s-volunteer { height: 35px; background: url(../images/s-volunteer.jpg); }

#hdr-w-issues-and-accomplishments { height: 35px; background: url(../images/w-issues-and-accomplishments.jpg) no-repeat; }
#hdr-s-issues-and-accomplishments { height: 35px; background: url(../images/s-issues-and-accomplishments.jpg); }

#hdr-w-events { height: 35px; background: url(../images/w-events.jpg) no-repeat; }
#hdr-s-events { height: 35px; background: url(../images/s-events.jpg); }

#hdr-w-news { height: 35px; background: url(../images/w-news.jpg) no-repeat; }
#hdr-s-news { height: 35px; background: url(../images/s-news.jpg); }

#hdr-w-press { height: 35px; background: url(../images/w-press.jpg) no-repeat; }
#hdr-s-press { height: 35px; background: url(../images/s-press.jpg); }

#hdr-w-archives { height: 35px; background: url(../images/w-archives.jpg) no-repeat; }
#hdr-s-archives { height: 35px; background: url(../images/s-archives.jpg); }

#hdr-w-messages { height: 35px; background: url(../images/w-messages.jpg) no-repeat; }
#hdr-s-messages { height: 35px; background: url(../images/s-messages.jpg); }

#hdr-w-endorsements { height: 35px; background: url(../images/w-endorsements.jpg) no-repeat; }
#hdr-s-endorsements { height: 35px; background: url(../images/s-endorsements.jpg); }

#hdr-w-contact-us { height: 35px; background: url(../images/w-contact-us.jpg) no-repeat; }
#hdr-s-contact-us { height: 35px; background: url(../images/s-contact-us.jpg); }

#hdr-w-photo-album { height: 35px; background: url(../images/w-photo-album.jpg) no-repeat; }
#hdr-s-photo-album { height: 35px; background: url(../images/s-photo-album.jpg); }

#hdr-w-voter-registration { height: 35px; background: url(../images/w-voter-registration.jpg) no-repeat; }
#hdr-s-voter-registration { height: 35px; background: url(../images/s-voter-registration.jpg); }

#hdr-w-video-archive { height: 35px; background: url(../images/w-video-archive.jpg) no-repeat; }
#hdr-s-video-archive { height: 35px; background: url(../images/s-video-archive.jpg); }

#hdr-w-announcements { height: 35px; background: url(../images/w-announcements.jpg) no-repeat; }
#hdr-s-announcements { height: 35px; background: url(../images/s-announcements.jpg); }

#hdr-w-meet-shelley-berkley { height: 35px; background: url(../images/w-meet-shelley-berkley.jpg) no-repeat; }
#hdr-s-meet-shelley-berkley { height: 35px; background: url(../images/s-meet-shelley-berkley.jpg); }

#hdr-w-ask-a-question { height: 35px; background: url(../images/w-ask-a-question.jpg) no-repeat; }
#hdr-s-ask-a-question { height: 35px; background: url(../images/s-ask-a-question.jpg); }

#hdr-w-fundraising-team { height: 35px; background: url(../images/w-fundraising-team.jpg) no-repeat; }
#hdr-s-fundraising-team { height: 35px; background: url(../images/s-fundraising-team.jpg); }

#hdr-w-volunteer-photo { height: 35px; background: url(../images/w-volunteer-photo.jpg) no-repeat; }
#hdr-s-volunteer-photo { height: 35px; background: url(../images/s-volunteer-photo.jpg); }

#hdr-w-volunteer-events { height: 35px; background: url(../images/w-volunteer-events.jpg) no-repeat; }
#hdr-s-volunteer-events { height: 35px; background: url(../images/s-volunteer-events.jpg); }

#hdr-w-surveys { height: 35px; background: url(../images/w-surveys.jpg) no-repeat; }
#hdr-s-surveys { height: 35px; background: url(../images/s-surveys.jpg); }

#hdr-w-district-and-voter-information { height: 35px; background: url(../images/w-district-and-voter-information.jpg) no-repeat; }
#hdr-s-district-and-voter-information { height: 35px; background: url(../images/s-district-and-voter-information.jpg); }

#hdr-w-shelley-store { height: 35px; background: url(../images/w-shelley-store.jpg) no-repeat; }
#hdr-s-shelley-store { height: 35px; background: url(../images/s-shelley-store.jpg); }

#hdr-w-action-center { height: 35px; background: url(../images/w-action-center.jpg) no-repeat; }
#hdr-s-action-center { height: 35px; background: url(../images/s-action-center.jpg); }

#hdr-w-write-a-letter-for-shelley { height: 35px; background: url(../images/w-write-a-letter-for-shelley.jpg) no-repeat; }
#hdr-s-write-a-letter-for-shelley { height: 35px; background: url(../images/s-write-a-letter-for-shelley.jpg); }

#hdr-w-share-shelleys-message { height: 35px; background: url(../images/w-share-shelleys-message.jpg) no-repeat; }
#hdr-s-share-shelleys-message { height: 35px; background: url(../images/s-share-shelleys-message.jpg); }

#hdr-w-maps { height: 35px; background: url(../images/w-maps.jpg) no-repeat; }
#hdr-s-maps { height: 35px; background: url(../images/s-maps.jpg); }

/* Navigation */

#actual-nav, #actual-nav li, #actual-nav a, .btn-active { height: 37px; }
#actual-nav span { display: none; }
#actual-nav { background: url(../images/nav.jpg) no-repeat; width: 585px; }
#actual-nav li { float: left; _display: inline; }
#actual-nav a, .btn-active { display: block; }

#btn-1, #btn-active-1 { width: 78px; margin-left: 13px; }
#btn-2, #btn-active-2 { width: 81px; }
#btn-3, #btn-active-3 { width: 99px; }
#btn-4, #btn-active-4 { width: 73px; }
#btn-5, #btn-active-5 { width: 182px; }
#btn-6, #btn-active-6 { width: 59px; }

#btn-1 a:hover, #btn-active-1 { background: url(../images/nav.jpg) no-repeat -13px -37px; }
#btn-2 a:hover, #btn-active-2 { background: url(../images/nav.jpg) no-repeat -91px -37px; }
#btn-3 a:hover, #btn-active-3 { background: url(../images/nav.jpg) no-repeat -172px -37px; }
#btn-4 a:hover, #btn-active-4 { background: url(../images/nav.jpg) no-repeat -271px -37px; }
#btn-5 a:hover, #btn-active-5 { background: url(../images/nav.jpg) no-repeat -344px -37px; }
#btn-6 a:hover, #btn-active-6 { background: url(../images/nav.jpg) no-repeat -526px -37px; }

#sub-nav { width: 585px; height: 22px; background: url(../images/sub-nav-bg.jpg) no-repeat; }
#inside-sub-nav { width: 585px; height: 22px; background: url(../images/inside-sub-nav-bg.jpg) no-repeat; }
#sub-nav a, #inside-sub-nav a { color: #000; text-decoration: none; }
#sub-nav a:hover, #inside-sub-nav a:hover { text-decoration: underline; }
#sub-nav li, #inside-sub-nav li {
    float: left;
    _display: inline;
    border-left: 1px solid #333;
    color: #333;
    font-size: 11px;
    line-height: 13px;
    margin-top: 4px;
    padding: 0 11px 0 12px;
}
#sub-nav li.first, #inside-sub-nav li.first { margin-left: 16px; border-left: none; }

/* Callout Nav */

#callout-nav, #callout-nav li, #callout-nav a { width: 188px; }
#callout-nav { height: 213px; background: url(../images/callout-nav-2.jpg) no-repeat; }
#callout-nav li { float: left; _display: inline;  }
#callout-nav a { display: block; }
#right-col span { display: none; }

#cn-btn-1, #cn-btn-1 a { height: 46px; }
#cn-btn-2, #cn-btn-2 a { height: 31px; }
#cn-btn-3, #cn-btn-3 a { height: 31px; }
#cn-btn-4, #cn-btn-4 a { height: 30px; }
#cn-btn-5, #cn-btn-5 a { height: 30px; }
#cn-btn-6, #cn-btn-6 a { height: 45px; }

#cn-btn-1 a:hover { background: url(../images/callout-nav-2.jpg) no-repeat -188px top; }
#cn-btn-2 a:hover { background: url(../images/callout-nav-2.jpg) no-repeat -188px -46px; }
#cn-btn-3 a:hover { background: url(../images/callout-nav-2.jpg) no-repeat -188px -77px; }
#cn-btn-4 a:hover { background: url(../images/callout-nav-2.jpg) no-repeat -188px -108px; }
#cn-btn-5 a:hover { background: url(../images/callout-nav-2.jpg) no-repeat -188px -138px; }
#cn-btn-6 a:hover { background: url(../images/callout-nav-2.jpg) no-repeat -188px -168px; }


/* Contribute Form */

#contribution { margin: 0 25px 14px 27px; }
#contribution p { margin: 0 14px 0 0; }
#contribution label { display: block; padding: 4px 0; float: left; width: 265px; height: 42px; }
#contribution table { width: 500px; float: left; }
#contribution tr,
#contribution td { padding: 2px 3px; }
	#contribution input,
	#contribution select { font: 11px/12px tahoma,verdana,arial,lucida sans,sans-serif; }
#contribution input { padding: 1px; }
#contribution input.btn-send { width: 64px; }

/* Event Table */

#event-table {
	margin: 0 0 12px 33px;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
}
	#event-table td { padding: 4px 6px; border-bottom: 1px solid #999; }

/* Video Archive Table */

#video-archive-tbl { padding: 0 0 24px 30px; }
#video-archive-tbl td { padding-bottom: 9px; }
#video-archive-tbl a { font-weight: bold; }

/* Surveys Form */
	
#surveys { margin: 0 25px 14px 27px; }
	#surveys table { padding-bottom: 14px; }	
	#surveys th,
	#surveys tr,
	#surveys td { padding: 4px 12px 4px 0; }
	
/* Volunteer Form */

#volunteer { margin: 0 25px 14px 27px; }
#volunteer p { margin: 0 14px 0 0; }
#volunteer label { display: block; padding: 4px 0; float: left; width: 265px; height: 42px; }
#volunteer table { clear: both; width: 100%; }
#volunteer tr,
#volunteer td { padding: 2px 3px; }
	#volunteer input,
	#volunteer select { font: 11px/12px tahoma,verdana,arial,lucida sans,sans-serif; }
#volunteer input { padding: 1px; }
#volunteer input.btn-send { width: 64px; }

/* Fundraising Form */

#fundraising { margin: 0 25px 14px 27px; }
#fundraising p { margin: 0 14px 0 0; }
#fundraising label { display: block; padding: 4px 0; float: left; width: 265px; height: 42px; }
#fundraising table { clear: both; width: 100%; }
#fundraising tr,
#fundraising td { padding: 2px 3px; }
	#fundraising input,
	#fundraising select { font: 11px/12px tahoma,verdana,arial,lucida sans,sans-serif; }
#fundraising input { padding: 1px; }
#fundraising input.btn-send { width: 64px; }

/* Message Form */

#Message-tbl { padding: 0 0 24px 18px; }
#Message-tbl td { padding-bottom: 9px; }
#Message-tbl a { font-weight: bold; }

/* Message response Form */

#Message-response-tbl { padding: 0 0 24px 18px; }
#Message-response-tbl td { padding-bottom: 9px; }
#Message-response-tbl a { font-weight: bold; }
#Message-p  { background: #EEEEEE; }
/* Classes */

.caps { text-transform: uppercase; }
.clear { clear: both; }
.px { height: 0; overflow: hidden; }
.txt-center { text-align: center; }
.txt-right { text-align: right; }
.title { font-size: 14px; }
.sub-title { font-size: 12px; }


/* Call for Action */

#callforaction-page {
	width: 530px;
	margin: 0 0 10px 38px;
	}
	.callforaction-product-image {
		float: left;
		}
	.callforaction-product-image {
		float: left;
		width: 200px;
		display: online;
		}
	.callforaction-product-box {
		float: left;
		width: 307px;
		margin-left: 20px;
		background: url(../images/order-box.jpg);
		}
		.callforaction-product-box-top {
			background: url(../images/order-box-top.jpg) no-repeat top;
			}
		.callforaction-product-box-bottom {
			background: url(../images/order-box-bottom.jpg) no-repeat bottom;
			padding: 17px 24px 24px 17px;
			color: #fff;
			}
			.callforaction-product-box-bottom h1{
				font-size: 15px;
				}
	.callforaction-qty{
		width: 25px;
		}