/*----- CMS Version 2.0 Compatible -----*/

/*----- CORE ELEMENTS -----*/

html { height:100%;}
html, body, p, .text, li { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; color: #333; }
#main_body { padding: 0px; margin: 0px; background: #e0e0e3 url(../images/bg.gif) repeat-x center top; height:100%; }
#main_page { width:980px; margin-right: auto; margin-left: auto; background:url(../images/bg-page.gif) repeat-y 0 0; height:100%;}
#main_page2 {background: url(../images/bg-page2.gif) no-repeat center top; vertical-align:top}
#main_container { width: 950px; margin:0 15px}
#print_header {display:none}

#map h2 { margin:0 0 10px 0;}

#HeaderBar { width:950px; background:url(../images/navigation/Tier0-bg.gif) no-repeat right 0}
#HeaderBar td {vertical-align:top}
#HeaderSearch {border: solid 1px #d3d4de; background:#fff; float:right; margin:5px 0 0 0;}
#HeaderSearch input { border:none; background:none; float:left; color:#666672; font-size:10px; line-height:10px;}
.HeaderSearchBox { padding:2px 3px 0; width:100px}

#ContentArea {background:url(../images/LeftCol-bg.gif) repeat-y 0 0; margin-bottom:2px; width:100% }
#PageContent { padding:15px 20px; vertical-align:top}

#WeatherText { font-size:12px; color:#232659; line-height:12px; white-space:nowrap; font-family:Georgia, "Times New Roman", Times, serif; float:right; background: url(../images/Weather-bg.gif) repeat-x 0 0; padding:20px 20px 0 0; height:24px}
#WeatherIcon { background: url(../images/Weather-bgEnd.gif) no-repeat 0 0; padding:18px 5px 10px 10px; float:right}
#Tagline { float:right; padding:28px 8px 0 0}

.text p { margin:0px 0px 10px 0px; }
.text h1 { font-family:Georgia, "Times New Roman", Times, serif; color: #2b7d68; font-weight: normal; margin:0px 0px 15px 0px; }
.text h2, .text h5 { font-family:Georgia, "Times New Roman", Times, serif; color: #2b7d68; font-weight: normal; margin:15px 0px 10px 0px; }
.text h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:19px; color: #2b7d68; font-weight: normal; margin:15px 0px 10px 0px;}
.text h4 { font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; line-height:18px; color: #2148A2; font-weight: normal; margin:15px 0px 10px 0px;}

.text strong, .text b {color:#2b7d68}
.TextGray {color:#666672}

ul { margin-top: 10px; padding-left: 0px; margin-left: 10px; list-style-type: none; }
ul li { background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: 0px 7px; margin-top: 0px; padding-left: 10px; }

a:link, a:visited { color: #2148a2; text-decoration: underline; }
a:hover, a:active{ color: #2148a2; text-decoration: none; }

img { border: 0px; }
form { display:inline }
hr { height:0px; border-top:dashed 1px #aacbc3; border-right: 0px; border-bottom: 0px; border-left: 0px; }

.formbox, .formtextarea, .formselect, .formbutton {  border: 1px solid #999; font-size: 11px; line-height:13px; color: #666666; }
.formbox { padding: 2px 3px; background: #fff; }
.formtextarea { padding: 2px 0px; background: #fff; }
.formselect { padding: 0px 0px 0px 5px; background: #fff; }
.formbutton { padding: 2px 3px; background: #efefef; cursor:pointer; }

.nobr { white-space: nowrap }
td { empty-cells:show;}
.photoright { float:right; padding:0px 0px 10px 20px;}
.photoleft { float:left; padding:0px 20px 10px 0px;}

.clearboth { clear:both;}

/*----- PRINT ELEMENTS -----*/

.PrintOnly { display:none; }
.DontPrint { }


/*----- TIER 0 NAVIGATION ELEMENTS (apply these to td) -----*/

.Tier0 { padding:2px;font-size:10px;line-height:10px; float:right; color:#c2c2c7; margin:5px 0 0 0}
/* OFF */.Tier0 a:link, .Tier0 a:visited { text-decoration:none;}
/* ON */.Tier0 a:hover, .Tier0 a:active { text-decoration:none; color:#c2c2c7 }


/*----- TIER 1 NAVIGATION ELEMENTS -----*/

.Tier1 { background:#2148a2; border-bottom:solid 2px #80b1a4; text-align:center }
/*-----.Tier1 img { padding:0 9px} -----*/


/*----- DHTML NAVIGATION ELEMENTS (set ie6 background color in nav.js) -----*/
.hasChildren {background: transparent url(../images/DHTMLArrow.png) no-repeat right center;padding: 3px 20px 3px 5px;}


ul.DHTMLMenu {padding: 0px;margin: 0px;border: none;position: absolute;z-index: 500;display: none;}
ul.DHTMLMenu li {background: transparent url(../images/menu_background.png) repeat 0px 0px;padding: 0;margin: 0;line-height: 20px;}
ul.DHTMLMenu li a:link, ul.DHTMLMenu li a:visited {color: #fff;padding: 3px 20px 3px 5px;margin: 0px;text-decoration: none;display: block; }
ul.DHTMLMenu li a:hover, ul.DHTMLMenu li a:active {color: #fff;background-color: #2148a2;padding: 3px 20px 3px 5px;margin: 0px;text-decoration: none;display: block;}


ul.DHTMLTier1{background: transparent url(../images/menu_background.png) repeat 0px 0px;padding: 0px;margin: 0px;border: none;position: absolute;z-index: 500;}

ul.DHTMLMenu li ul{
	float: right;
	position: absolute;
	
}

/*----- TIER 2 NAVIGATION ELEMENTS (apply these to td) -----*/

.LeftCol {width:215px; vertical-align:top}
#Tier2Top { background:url(../images/navigation/Tier2_top.gif) no-repeat 0 0; width:215px; height:28px; border-bottom: solid 1px #aacbc3}

/* OFF */.Tier2_Inactive a:link, .Tier2_Inactive a:visited { width:170px;padding:6px 20px 6px 25px;text-decoration:none;color:#666672;display:block;border-bottom:solid 1px #aacbc3;background: #fff url(../images/navigation/Tier2_Off.gif) no-repeat 198px 9px; font-size: 11px; line-height: 13px; }
/* ON */.Tier2_Inactive a:hover, .Tier2_Inactive a:active, .Tier2_Active a:link, .Tier2_Active a:visited, .Tier2_Active a:hover, .Tier2_Active a:active { width:170px;padding:6px 20px 6px 25px;text-decoration:none;color:#666672;display:block;border-bottom:solid 1px #aacbc3;background: #ffffcc url(../images/navigation/Tier2_On.gif) no-repeat 198px 9px; font-size: 11px; line-height: 13px; }


/*----- TIER 3 NAVIGATION ELEMENTS (apply these to td) -----*/

/* OFF */.Tier3_Inactive a:link, .Tier3_Inactive a:visited { width:170px;padding:6px 20px 6px 25px;text-decoration:none;color:#2148a2;display:block;border-bottom:dashed 1px #aacbc3;background: #eaf2f0; font-size: 11px; line-height: 13px; }
/* ON */.Tier3_Inactive a:hover, .Tier3_Inactive a:active, .Tier3_Active a:link, .Tier3_Active a:visited, .Tier3_Active a:hover, .Tier3_Active a:active { width:170px;padding:6px 20px 6px 25px;text-decoration:none;color:#2148a2;display:block;border-bottom:dashed 1px #aacbc3;background: #ffffcc url(../images/navigation/Tier3_On.gif) no-repeat 199px 10px; font-size: 11px; line-height: 13px; }

#breadcrumb { border-bottom:dashed 1px #aacbc3; padding:6px 10px}
#breadcrumb a:link, #breadcrumb a:visited {text-decoration:none}
#breadcrumb a:hover, #breadcrumb a:active {text-decoration:underline}

.SideCallout { padding:9px 0 0 9px}

#ActionBar { margin:40px 0 0 0}
#ActionBar a:link, #ActionBar a:visited {text-decoration:none}
#ActionBar a:hover, #ActionBar a:active {text-decoration:underline}

/*----- FOOTER ELEMENTS -----*/

.Footer {border-top: 1px solid #80b1a4;}
.Footer p {color: #666; font-size: 11px; line-height: 13px;}
.Footer td { padding:15px 20px}


/*----- CUSTOM ELEMENTS -----*/
/* these are custom definitions needed for templates */

/* Accordion */
.toggler  { cursor:pointer; font-weight:bold; color:#2148a2; margin: 0; padding:5px 10px; font-size:10px; font-family:Arial, sans-serif; }  
.toggler:hover   { background:#dfebe8;}
.element     { padding:0 3px; } 

.editlink {color: #fff; text-decoration: underline; }
.editlink:link {color: #fff; text-decoration: underline; }
.editlink:visited {color: #fff; text-decoration: underline; }
.editlink:active {color: #fff; text-decoration: underline; }
.editlink:hover {color: #fff; text-decoration: none; }

#PageContent p { }

/*----- CONTENT AREA ELEMENTS -----*/
/* these are custom definitions needed for content areas throughout site */


/*----- HOME ELEMENTS -----*/
#HomeContentArea {background:url(../images/home/LeftColBg.gif) repeat-y 0 0; margin-bottom:2px; width:100% }
#HomeLeftCol { width:460px}
#HomeLeftCol table { width:460px}
#SlideShow { padding-top:15px; border-bottom: solid 2px #2b7d68; width:460px}
#WelcomeMessage { padding: 25px 30px; background:url(../images/home/WelcomeBg.gif) no-repeat 0 0}
#WelcomeMessage a:link, #WelcomeMessage a:visited { text-decoration:none}
#WelcomeMessage a:hover, #WelcomeMessage a:active { text-decoration:underline}
#HomeCallouts {padding: 0 0 25px 30px;}
#HomeCallouts img { float:left; margin:0 8px 8px 0}
#HomeRightCol { width:450px; padding:15px 20px; vertical-align:top;}

#HomeRightCol dl { padding:0; margin:0}
#HomeRightCol dt {margin:0; font-family:Georgia, "Times New Roman", Times, serif; color:#2148a2;}
#HomeRightCol dt a:link, #HomeRightCol dt a:visited { text-decoration:none}
#HomeRightCol dt a:hover, #HomeRightCol dt a:active {text-decoration:none}
#CalendarDT { background:url(../images/icons/calendar.gif) no-repeat 0 5px; padding:5px 0 5px 20px}
#NewsDT { background:url(../images/icons/newspaper.gif) no-repeat 0 20px; border-top: solid 1px #80b1a4; padding:20px 0 5px 20px}
#MeetingsDT { background:url(../images/icons/time.gif) no-repeat 0 20px; border-top: solid 1px #80b1a4; padding:20px 0 5px 20px}
#HomeRightCol dd { padding:0; margin:0}
#HomeRightCol ul { padding:0; margin:0}
#HomeRightCol ul p { padding:5px 20px; margin:0; background:none; display:inline;color:#666672}
#HomeRightCol ul li { padding:0; margin:0; background:none; display:inline}
#HomeRightCol ul li a:link, #HomeRightCol ul li a:visited { padding:5px 20px; text-decoration:none; display:block; background: url(../images/navigation/Tier3_Off.gif) no-repeat 9px 10px;border-top:dashed 1px #aacbc3;}
#HomeRightCol ul li a:hover, #HomeRightCol ul li a:active { background: #ffffcc url(../images/navigation/Tier3_On.gif) no-repeat 9px 10px}
.RSSicon { float:right; margin-left:10px}

.meetings h2, .contentTitle h2 {font-family:Georgia, "Times New Roman", Times, serif; color: #fff; font-weight: normal; margin:3px 0px 3px 0px; font-size:14px; line-height:16px;}
.meetings { padding-left:10px; color:#fff;}

.contentTitle, .contentTitle_links {background:#2148a2; border-bottom:solid 2px #80b1a4; padding:5px 10px 5px 5px;}
.contentTable .contentTitle h2 {font-family:Georgia, "Times New Roman", Times, serif; color: #fff; font-weight: normal; margin:0;}
.contentTable .contentTitle_links h2 {font-family:Georgia, "Times New Roman", Times, serif; color: #fff; font-weight: normal; margin:0; font-size:15px; line-height:18px;}
.content_odd { background:#E4EEEC;}
.contentTable td { padding:3px 5px; border-top: solid 1px #D5E5E1}
.contentTable { border-bottom:solid 1px #2148a2;}

.ecDevContent{width:440px;float:left;padding:15px 37px 15px 22px}
.rightCallouts{width:195px;float:left;padding-top:16px}
.rightCallouts img{padding:4px 0 2px 0;display:block;font-size:0;line-height:0;}

.yourBusinessHere:link, .yourBusinessHere:visited, .electric:link, .electric:visited, .recycling:link, .recycling:visited, .directions:link, .directions:visited, .visit:link, .visit:visited{width:197px;height:99px;display:block;background-position:0 0;background-repeat:no-repeat;float:left;margin:0 8px 8px 0}
.yourBusinessHere:link, .yourBusinessHere:visited{background-image:url(../images/home/callout-economicDevelopment.gif)}
.electric:link, .electric:visited{background-image:url(../images/home/callout-Electric_off.gif)}
.recycling:link, .recycling:visited{background-image:url(../images/home/callout-Recycling_off.gif)}
.directions:link, .directions:visited{background-image:url(../images/home/callout-Address_off.gif)}
.visit:link, .visit:visited{background-image:url(../images/callout-visit_off.gif)}
.yourBusinessHere:hover, .yourBusinessHere:active{background-image:url(../images/home/callout-economicDevelopment_hover.gif)}
.electric:hover, .electric:active{background-image:url(../images/home/callout-Electric_hover.gif)}
.recycling:hover, .recycling:active{background-image:url(../images/home/callout-Recycling_hover.gif)}
.directions:hover, .directions:active{background-image:url(../images/home/callout-Address_hover.gif)}
.visit:hover, .visit:active{background-image:url(../images/callout-visit_hover.gif)}