/*=========================-=======

SCREEN STYLESHEET FOR EDC WEBSITE

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

body { background: #FFFFFF url(../graphics/backrnd.jpg) repeat-x top; margin: 0px; padding:0px; margin-bottom:5px; }

#siteWrapper { background:url(../graphics/sides.gif) repeat-y center top; }

a, a:link, a:active, a:visited { color:#005593; text-decoration:none; }

a:hover { color:#005593; text-decoration:underline; }

p { margin:0; padding:0; margin-bottom:7px; }

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

ul ul { margin-top:0px; margin-left:25px; }

li { margin-top:0; margin-bottom:3px; }

a img { border:none }

hr { height:1px; color:#ccc; background-color:#CCCCCC; }

.altText { display:none; }

#mainColumn { vertical-align:top; text-align:left; }

#mainColumn .columnLine { border-right:solid 1px #ccc; }

#mainColumn .margin { padding-right:30px; }

#sideColumn { width:167px; vertical-align:top; text-align:left; }

/* erase after all pages updated wth main column style*/
.columnPadding { padding-right:30px; }

.columnPaddingwithLine { padding-right:30px; border-right:solid 1px; }

.dontPrint { }

/*========= HEADER =======*/

#headerWrapper { display:block; margin:0 auto; width:750px; height:127px; background:url(../graphics/header.jpg) no-repeat; }

#header { position:relative; z-index: 999; }

#header h1 { width:186px; height:73px; text-indent:-2500px; position:absolute; top:15px; left:32px; background:url(../graphics/header-logo.jpg) no-repeat; margin:0; padding:0; }

#printHeader { display:none; }

#phone { position:absolute; top:59px; right:27px; display:block; width:120px; height:19px; background:url(../graphics/header-phone.gif) no-repeat; text-indent:-2000px; }

#fiftyYears { position:absolute; top:22px; right:179px; display:block; width:73px;}

/*========= HEADER NAV =======*/

#navAbout, #navMembership, #navDemograph, #navFinance, #navResources, #navNews, #navContact { position: absolute; top:96px; z-index:3; visibility:visible; float:left; }

#navAbout { left:0px }

#navMembership { left:96px }

#navDemograph { left:196px }

#navFinance { left:326px }

#navResources { left:462px }

#navNews { left:548px }

#navContact { left:654px }

#menuAbout, #menuDemograph, #menuContact, #menuResources, #menuMembership, #menuNews { position:absolute; background: #faf2de url(../graphics/nav-menushadow.gif) repeat-x top;  width:195px; top:127px; visibility:hidden; padding-top:8px; padding-bottom:4px; border-bottom:solid 4px #12685e; z-index:998; }

#menuAbout { left:5px }

#menuMembership { left:96px }

#menuDemograph { left:196px }

#menuResources { left:462px }

#menuNews { left:548px }

#menuContact { right:6px }

#menuLinks { width:195px; }

#menuLinks a { display:block; padding: 4px 15px 4px 15px; font: normal 12px/14px arial; border-bottom:solid 1px #F3EAD3; border-bottom:solid 1px #fff; text-decoration:none; }

#menuLinks a:hover { background-color:#ffffff; }

/*========= CONTENT AND HEADLINES =======*/

#contentWrapper { display:block; font:normal 12px/17px verdana; background: url(../graphics/content-top.jpg) no-repeat 0px 0; color:#000; padding:50px 25px 15px 25px; width:700px; z-index:10; min-height:250px; height:auto; }

#contentWrapper-home { font:normal 11px/15px verdana; color:#444; padding:0 20px 15px 20px; width:710px; position:relative; z-index:10; }

.navHeadline { font:bold 11px verdana; color:#ae8655; text-transform:uppercase; display:block; margin:0; }

.pageHeadline { font:normal 24px/27px "Times New Roman", Times, serif; color:#00675f; display:block; margin:6px 0 15px 0; }

.subPageHeadline { color:#00675f; font:bold 13px arial; display:block; padding-bottom:8px; text-transform:uppercase }

.paragraphHeadline { font-weight:bold; font-size:13px; display:block; margin:15px 0 8px 0; text-align:left; color:#333; color:#00675f; }

.smallerFontSize { font-size: 11px; line-height:16px!important; }

.tinyFontSize { font-size: 10px; line-height:13px; }

/*========= PAGE STYLES =======*/

body.membership ul { margin-top:0px; margin-bottom:7px; }

body.membership li { margin-top:0; margin-bottom:3px; }

body#directors p { margin-bottom:1px; padding:0; }

body#directors p strong, body#directors p b { padding-top:5px; display:block; }

.newsDate { font:normal 10px verdana; color:#999999; display:block; margin:10px 0 5px 0; }

.newsHeadline { font:bold 12px arial; display:block; margin:5px 0; }

/*========= HOMEPAGE =======*/

a#mapRollover { position:absolute; top:0px; left:20px; width:174px; height:177px; display:block; text-indent:-2000px; z-index:600; background:url(../graphics/a-spacer.gif); }

.locatorMap { border:solid 7px #FBF4E0; z-index:499; }

.bigMap { opacity:0; filter:alpha(opacity=0); -moz-opacity:0; position:absolute; top:0px; left:20px; z-index:498; border:solid 5px #FBF4E0; }

.moreMaps { display:block; margin:5px 0 10px 0; z-index:497; }

.slideshow { display:block; background:url(../graphics/home-sponsorbox.gif) no-repeat; width:235px; height:75px; }

.slideshow img{ display:block; margin:5px 0 0 9px; }

.divider { background:url(../graphics/home-divider.gif) repeat-y; }

.readNewsletter { background-color:#F1F7E5;font:normal 12px/15px 'trebuchet ms'; padding:4px 10px; display:block; width:150px; border:#dae2c3 1px solid; margin-top:15px; }

.readNewsletter:hover { background-color:#FFFBE9; text-decoration:none; border:#dae2c3 1px solid; }

.welcomeText { padding-left:15px; font:normal 11px/15px verdana; }

#newsEvents { margin-bottom:25px; display:block; font:normal 11px/14px verdana; }

#newsEvents h2 { display:block; font:bold 14px/17px 'trebuchet ms'; margin:10px 0 2px 0; }


/*========= SUB NAVIGATION =======*/

body#communityProfile #sideColumn, body#livingIn #sideColumn, body#infrastructure #sideColumn { width:150px; }

#navWrapper * { list-style:none; margin:0; padding:0 }

#navWrapper ul { float:right; margin:25px 0; }

#navWrapper li { display:block; width:130px; background:url(../graphics/subnav-bottom.gif) no-repeat left bottom; margin-bottom:4px; }

#navWrapper li a { display:block; padding:11px 7px 9px 16px; background:url(../graphics/subnav-top.gif) no-repeat left top; }

#navWrapper li a, #navWrapper li a:link, #navWrapper li a:visited { font:normal 12px/14px "trebuchet ms", arial; color:#27725e; text-decoration: none; }

#navWrapper li a:hover { background:url(../graphics/subnav-top-over.gif) no-repeat left top; color:#fff; text-decoration:none; }

#navWrapper li:hover { display:block; background:url(../graphics/subnav-bottom-over.gif) no-repeat left bottom; }

/*========= SELECTED SUBNAVS =======*/

/* community profiles */
body#communityProfile.general #navWrapper li.general a, body.taxes #navWrapper li.taxes a, body.income #navWrapper li.income a, body.retail #navWrapper li.retail a, body.elected #navWrapper li.elected a, /* living in lancaster */
body#livingIn.general #navWrapper li.general a, body.climate #navWrapper li.climate a, body.education #navWrapper li.education a, body.culture #navWrapper li.culture a, body.healthcare #navWrapper li.healthcare a, body.housing #navWrapper li.housing a, body.local #navWrapper li.local a, /* infrastructure */
body.utilities #navWrapper li.utilities a, body.transportation #navWrapper li.transportation a, body.telecommunications #navWrapper li.telecommunications a { background:url(../graphics/subnav-activearrow.gif) no-repeat left top; }

/* community profiles HOVER */
body#communityProfile.general #navWrapper li.general:hover, body.taxes #navWrapper li.taxes:hover, body.income #navWrapper li.income:hover, body.retail #navWrapper li.retail:hover, body.elected #navWrapper li.elected:hover, /* living in lancaster HOVER */
body#livingIn.general #navWrapper li.general a:hover, body.climate #navWrapper li.climate a:hover, body.education #navWrapper li.education a:hover, body.culture #navWrapper li.culture a:hover, body.healthcare #navWrapper li.healthcare a:hover, body.housing #navWrapper li.housing a:hover, body.local #navWrapper li.local a:hover, /* infrastructure HOVER */
body.utilities #navWrapper li.utilities a:hover, body.transportation #navWrapper li.transportation a:hover, body.telecommunications #navWrapper li.telecommunications a:hover { display:block; background:url(../graphics/subnav-bottom.gif) no-repeat left bottom; }

/*========= TABLES =======*/

#dataTable, .listTable { width:100%; border-top:1px solid #999; border-bottom: 1px solid #999; margin-bottom:10px; background-color:#fff; }

#dataTable td, .listTable td { font:normal 12px/14px verdana; padding: 4px 8px; border-left: 1px solid #D9D9D9; vertical-align:top; text-align:left; }

#dataTable.municipal td { border-left:none !important; }

#dataTable.municipal { margin-top:10px; background-color:#fff; }

.listTable td { border-bottom: 1px solid #ccc; }

#dataTable th:first-child, #dataTable tr td:first-child, .listTable tr td:first-child { border-left:1px solid #fff; }

#dataTable th, .listTable th { vertical-align:top; text-align:left; background-color:#fff; font:bold 12px/12px verdana; border-left: 1px solid #D9D9D9; border-bottom:solid 1px #999; border-top:solid 1px #999; padding:8px 8px 8px 8px; color:#005e50 }

/*#dataTableCategory tr td:first-child, #listTableCategory tr td:first-child { border-left:1px solid #fff;}*/

.dataTableHeadline, .listTableHeadline { font:bold 15px arial; display:block; color:#555; margin:20px 0 10px 0; }

.dataTableSource, .listTableSource { font:italic 10px/14px verdana; display:block; margin:4px 0; }

#dataTable td .tinyFontSize { font-size: 10px; line-height:13px; display:block; margin-bottom:10px; font-style:italic; }

/*========= PHOTOS =======*/

.photoCaption, .photoCaption-floatright, .photoCaption-floatleft { font:normal 10px/14px verdana; display:block; margin-bottom:10px; text-align:left; margin-top:3px; }

.photoCaption-floatleft { float:left; margin-right:15px; }

.photoCaption-floatright { float:right; margin-left:15px; }

.photoCaption img, .photoCaption-floatright img, .photoCaption-floatleft img { display:block; margin-bottom:4px; }

/*========= CONTACT FORM =======*/

.message { background:#f7eedf; color:#000; display:none; width:640px; padding:10px 25px; }

.contact { text-align:right; margin:20px 0 60px 0; display:block; }

.contact ul { list-style:none; width:390px; }

.contact li { list-style:none; }

.contact li.special { display:none; }

.contact input[type="text"] { width:260px; }

.contact textarea { width:260px; }

.contact .submitbutton { margin-top:10px; }

/*========= FOOTER =======*/

#footerWrapper { display:block; margin:0 auto; width:750px; background: url(../graphics/footer-backrnd.jpg) no-repeat center top; vertical-align: top; height:115px; }

#footer { padding:30px 15px 10px 15px; position:relative; }

#information { color:#333; float:left; white-space:nowrap; letter-spacing:0; font:normal 10px/15px verdana; }

.becomeMember { position:absolute; top:28px; right:20px; background-color:#F1F7E5; padding:5px 0; font:normal 13px/15px 'trebuchet ms'; display:block; width:315px; border:#dae2c3 1px solid; text-align:center; }

.becomeMember:hover { background-color:#FFFBE9; text-decoration:none; }

#footer .edcFinance { position:absolute; top:65px; right:20px; border-width:0; }

.copyright { font-size:9px; color:#444; display:block; margin-top:6px; }

#partners { position:absolute; top:70px; left:285px; list-style:none; margin:0; padding:0; width:250px; }

#partners img { border-width:0; }

#partners li { float:right; margin:0 5px 0 0px; }

#partners li.ppl { clear:right; white-space:nowrap; }

/*--------------------------------------------------------
MISCELLANIOUS
		- CLEAR FIX
		- ICONS
		- INDICATOR
--------------------------------------------------------*/
	.hidden { display:none; }

.continued caption { display:none; }

div.image { padding:10px 10px 0 10px; }

/*-- CLEAR FIX --*/
	.clear:after, #menu:after, #menu ul:after, .quicklooks:after, .agricultural:after, #main:after, #content:after, #footer:after, #features li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

.clear, #menu, #menu ul, .quicklooks, .agricultural, #main, #content, #footer, #features li { display:inline-block; }

/* Hide from IE Mac \*/
	.clear, #menu, #menu ul, .quicklooks, .agricultural, #main, #content, #footer, #features li { display:block; }
	/* End hide from IE Mac */
