﻿html { background:#ffffff url(images/treebg.jpg) repeat-x fixed 50% 100%; border-top:14px solid #002f55; }
body { color:#616161; padding:0; margin:0; font-size:12px; font-family:'Arial'; }
p { margin: 1em 0; line-height:18px; }
a img { border:0; }
a { color:#4c721d; }
em { color:#97c0e6; }
strong, b { color:#0f6cb6; }
.designed { float:left; font-size:11px; margin: 17px 0 0 0x; color:#b4cd95; padding: 19px 0 0;}
.designed a { color:#FFFFFF; }
.clear { clear:both; }
.align { float:right; color:#005dac; font-size:12px; margin:3px 10px 0 0; }
.required { color:#EB340A; font-weight:bold; }

.sf_singleNews h2 { position:relative; padding:4px 150px 4px 10px; }
.sf_singleNews h2 .align { float:none; margin:0; position:absolute; top:7px; right:10px; }
.sf_newsList h2.sf_newsTitle { font-size:14px !important; }

h2 { color:#4c721d; font-size:18px; background:#fffcf4; border-top:1px solid #e0e7cf; border-bottom:1px solid #e0e7cf; padding:4px 0 4px 10px; margin:1em 0 0 0; }
h3 { font-weight:normal; font-size:14px; color:#06578c; margin:1em 0 0 0; background:#f8fcfd; border-top:1px solid #e5ecf1; border-bottom:1px solid #e5ecf1; padding:4px 0 4px 10px; }
h4 { color:#4c721d; font-size:12px; font-weight:normal; margin:0 0 15px 0; }

/* BUTTONS */
.btn { width:97px; height:21px; padding:6px 0 0 0; display:block; font-size:12px; font-weight:bold; text-decoration:none; text-align:center; }
.btn.blue { background:url(images/btn_blue.png) no-repeat; color:#ffffff; }
.btn.green { background:url(images/btn_green.png) no-repeat; color:#ffffff; }

/* WRAPPER */
.wrap { width:973px; margin:0 auto; position:relative; }
.wrap .page-container { width:973px; background:url(images/page_bg_repeat.png) repeat-y; position:relative; }
.wrap .page-container .page { width:973px; min-height:50px; background:url(images/page_top_bg.png) no-repeat; position:relative; top:-10px; z-index:10; }
.wrap .btm { width:973px; height:11px; background:url(images/page_btm_bg.png) no-repeat; position:absolute; bottom:-10px; left:0; }

.wrap .page-container .page .left { width:217px; float:left; margin:0 0 0 10px; position:relative; background:url(images/left_bg.jpg) no-repeat left 450px; min-height:585px; }
.wrap .page-container .page .right { width:736px; margin:0 10px 0 0; float:left; position:relative; }
.wrap .page-container .page .right .page-col { position:relative; min-height:300px; background:url(images/right_bg_repeat.jpg) repeat-y; width:716px; float:left; padding:0 10px 10px 10px; }
.wrap .page-container .page .right .page-col .rgtbtm { width:736px; height:20px; background:url(images/right_bg_btm.jpg) left top no-repeat; position:absolute; left:0; bottom:-12px; }
.home .wrap .page-container .page .left { background:none; min-height:0; }

.wrap .page-container .page .left .cnt { width:203px; padding:0 7px; float:left; position:relative; top:-7px; }
.wrap .page-container .page .left .cnt h5 { color:#0066b8; font-weight:bold; font-size:15px; border-top:1px dashed #b0d779; border-bottom:1px dashed #b0d779; margin:1em 0; padding:4px 0 4px 5px; }


.searchResults dt { margin:25px 0 5px;}
.searchResults dd {margin-left:0; line-height: 18px;}


/* NEWS */
.page-col .sf_eventsList .sf_eventTitle {font-size:14px; padding: 4px 0 4px 10px; margin-bottom:10px;}
.page-col .sf_eventsList .sf_eventBasicInfo .sf_eventPriod {margin-bottom:10px; font-style:italic;}
.page-col .sf_eventsList li a { color:#0F6CB6;}
.page-col .sf_eventsList li p {margin-bottom:20px;}
.page-col .sf_eventsList .sf_eventSummary ul {margin:0 0 20px 40px;}
.page-col .sf_eventsList .sf_eventSummary li {list-style:disc;}


/* BANNERS */
.cycle { width:749px; height:450px; padding:0 0 14px 0; background:url(images/banners/banner_default.png) left 50px no-repeat; float:left; position:relative; left:-13px; }
.cycle.disabled { background:none; height:309px; margin:0; padding:0; }
.cycle .tabs { padding:12px 0 0 10px; height:38px; width:739px; font-size:13px; }
.cycle .tabs .tab { cursor:pointer; margin:0 0 0 8px; width:139px; height:28px; float:left; background:url(images/tab_bg.png) no-repeat; color:#777777; text-align:center; padding:10px 0 0 0; }
.cycle .tabs .tab.activeSlide { background:url(images/tab_bg_active.png) no-repeat; font-weight:bold; color:#ffffff; }

.banner { width:749px; height:400px; float:left; position:relative; display:none; }
.banner.habitat { background:url(images/banners/banner_habitat.png) no-repeat; }
.banner.wetlands { background:url(images/banners/banner_wetlands.png) no-repeat; }
.banner.sites { background:url(images/banners/banner_sustainable_sites.png) no-repeat; }
.banner.permitting { background:url(images/banners/banner_permitting.png) no-repeat; }
.banner.water { background:url(images/banners/banner_water.png) no-repeat; }
.banner .content { position:absolute; bottom:10px; left:0; background:url(images/banner_content_bg.png); width:599px; padding:0 140px 0 10px; }
.banner .content p { font-style:italic; font-size:11px; color:#bfbfbf; margin:.5em 0; }
.banner .content .learnmore { width:110px; height:36px; background:url(images/btn_learnmore.png) no-repeat; position:absolute; top:10px; right:0; }
.banner .content .learnmore span { display:none; }
.banner .content h3 { font-size:18px; font-weight:normal; color:#7bc4ff; margin:5px 0 0 0; padding:0; background:none; border:none; }
.banner .content h3 strong { color:#ffffff; font-weight:normal; }

.ibanner { width:749px; height:259px; float:left; position:relative; }
.ibanner .content { position:absolute; bottom:0px; left:0; background:url(images/banner_content_bg.png); width:599px; padding:0 140px 0 10px; }
.ibanner .content p { font-style:italic; font-size:11px; color:#bfbfbf; margin:.5em 0; }
.ibanner .content h1 { font-size:19px; font-weight:normal; color:#7bc4ff; margin:10px 0 10px 0; }
.ibanner .content h1 em { color:#ffffff; font-weight:normal; font-style:normal; }

/* SUBNAV */
.sub { padding:5px 0 0 0; display:none; width:749px; height:27px; position:absolute; top:50px; z-index:10; background:url(images/subnav_bg.png) no-repeat; margin:0; }
.sub li { list-style-type:none; float:left; padding:0 10px 0 10px; background:url(images/subnav_item_border.png) right top no-repeat; height:21px; }
.sub li.last { background:none; padding:0 0 0 10px; }
.sub li a { float:left; margin:3px 0 0 0; color:#003768; font-size:10px; text-decoration:none; }
.sub li a:hover { text-decoration:underline; }

/* HEADER */
.header { width:973px; margin:10px 0 23px 0; position:relative; }
.logo { width:228px; height:77px; background:url(images/logo.png) no-repeat; display:block; }
.logo span { display:none; }
.onepercent { width:50px; height:73px; display:block; background:url(images/one_percent.png); position:absolute; right:5px; top:0px; }
.onepercent span { display:none; }

/* FOOTER */
.footer { width:941px; height:49px; background:url(images/footer_bg.png) no-repeat; float:left; margin:10px 10px 0 16px; }
.footer ul { margin:12px 0 0 20px; padding:0; float:left; }
.footer ul li { list-style-type:none; float:left; margin:0 35px 0 0; }
.footer ul li a { color:#ffffff; font-size:14px; padding:5px 35px 5px 0; text-decoration:none; float:left; }
.footer ul li a:hover { text-decoration:underline; }
.footer .clients {  background:url(images/footer_link_clients.png) no-repeat right 3px; }
.footer .careers {  background:url(images/footer_link_careers.png) no-repeat right 1px; }
.footer .contact {  background:url(images/footer_link_contact.png) no-repeat right -3px; height: 20px;}
.footer .sitemap {  background:url(images/footer_link_sitemap.png) no-repeat right 2px; color:#b4cd95; }

.footer .social { float:right; margin:15px 15px 0 0 }
.footer .social small { float:left; color:#b4cd95; font-size:12px; font-weight:bold; margin:2px 5px 0 0; }
.footer .social a { width:20px; height:20px; float:left; margin:0 2px; }
.footer .social a span { display:none; }
.footer .social .facebook { background:url(images/social/icn_facebook.png) no-repeat; }
.footer .social .twitter { background:url(images/social/icn_twitter.png) no-repeat; }
.footer .social .linkedin { background:url(images/social/icn_linkedin.png) no-repeat; }
.footer .social .rss { background:url(images/social/icn_rss.png) no-repeat; }

/* SIDENAV */
.nav { z-index:10; width:217px; min-height:440px; background:url(images/nav-background.png) repeat-y; position:relative; top:0; margin-bottom: 14px; padding-bottom: 10px; float:left;}
.nav ul { padding:0; margin:0; float:left; width:204px; padding:0 13px 0 0; }
.nav ul li { float:left; list-style-type:none; width:189px; padding:4px 0 3px 15px; margin:6px 0 0 0; }
.nav ul li a { font-size:13px; color:#ffffff; }
.nav ul li.parent { background:url(images/dd_arrow.png) no-repeat 183px 12px; }

.nav ul li ul { display:none; width:176px; padding:0; margin:5px 0 0 0; }
.nav ul li.parent ul li { width:164px; padding:0 0 0 15px; margin:5px 0 0 0; }
.nav ul li.parent ul li a { color:#b4cd95; font-size:12px; text-decoration:none; }
.nav ul li.parent ul li a:hover { text-decoration:underline; }
.nav ul li.parent.active { background:url(images/nav_open.png) no-repeat; }
.nav ul li.parent.active ul { display:block; }

.top-curl {background:url(images/top-curl.png) no-repeat; width:217px; height:7px;  position:absolute; top:-7px; left: 0;}
.bottom-curl {background:url(images/bottom-curl.png) no-repeat; width:217px; height:7px; position:absolute; bottom:-7px; left: 0;}

/* ELEMENTS */
.nursery {  bottom:9px; width:202px; height:70px; background:url(images/nursery.png) no-repeat; display:block;margin-top: 20px; float:left; }
.nursery span { display:none; }

.intro { width:513px; float:left; position:relative; margin:0 0 0 15px; }
.intro .content { float:left; width:473px; min-height:100px; background:url(images/intro_bg_repeat.png) repeat-y; padding:0 20px; }
.intro .heading { float:left; width:513px; height:62px; background:url(images/intro_top_bg.png) no-repeat; }
.intro .end { float:left; width:513px; height:12px; background:url(images/intro_btm_bg.png) no-repeat; }
.intro h1 { font-size:18px; color:#4c721d; font-weight:normal; margin:33px 0 0 85px; float:left; }
.intro .content .dashed { width:473px; padding:10px 0 0 0; border-top:1px dashed #4c721d; text-align:right; }
.intro .content .dashed .btn { float:right; }

.panel { width:172px; float:left; margin:0 3px 0 3px; }
.panel .heading { float:left; background:url(images/panel_top_bg.png) no-repeat; height:24px; width:172px; padding:7px 0 0 0; color:#ffffff; font-size:14px; font-weight:bold; text-align:center; }
.panel .content { float:left; background:url(images/panel_bg_repeat.png) repeat-y; min-height:50px; width:158px; padding:4px 7px 0 7px; }
.panel .end { float:left; width:172px; height:8px; background:url(images/panel_btm_bg.png) no-repeat; }
.panel .content p { margin:1em 0 0 0; }

.home .panel, .panel.lrg { width:201px; margin:0 0 0 13px; float:left; }
.home .panel .sf_newsList { margin:0; width:auto; float:none; }
.home .panel .sf_newsList li { float:none; width:auto; margin:10px 0 10px 0; }
.home .panel .heading, .panel.lrg .heading { background:url(images/panel_top_bg2.png) no-repeat; width:201px; }
.home .panel .content, .panel.lrg .content { background:url(images/panel_bg_repeat2.png) repeat-y; width:187px; }
.home .panel .content { height:230px; position:relative; }
.home .panel .end, .panel.lrg .end { width:201px; background:url(images/panel_btm_bg2.png) no-repeat; }
.home .panel .btn, .panel.lrg .btn { margin:0 auto; }
.home .panel .btn { position:absolute; bottom:1px; left:52px; }

.office-banner { width:486px; margin:20px 0 0 16px; height:190px; float:left; }
.panel.lrg { height:190px; margin:20px 0 0 5px; }
.panel.lrg .content { min-height:131px; line-height:22px; padding:10px 15px 0; width:171px; }
.statelinks { width:396px; float:left; }
.statelinks ul { min-height:167px; width:386px; padding:0 0 0 10px; margin:10px 0 0 0; background:url(images/list_divider.jpg) no-repeat 173px 0; }
.statelinks ul li { float:left; width:163px; list-style-type:none; margin:2px 30px 5px 0; }
.statelinks ul li a { color:#005cab; font-size:12px; }


.locations ul { min-height:167px; width:310px; padding:0 0 0 10px; margin:10px 0 0 0; background:url(images/list_divider.jpg) no-repeat 145px 0; }
.locations ul li { float:left; width:133px; list-style-type:none; margin:2px 22px 5px 0; }
.locations ul li a { color:#416e00; font-size:12px; }
.locations { width:320px; float:left; }

.columns { margin:15px 0 0 0; width:716px; float:left; background:url(images/columns_divider.png) center top no-repeat; min-height:290px; }
.columns .column-l { width:338px; float:left; padding:0 15px 0 5px; }
.columns .column-r { width:338px; float:left; padding:0 5px 0 15px; }


.main {float:left; clear: both; width: 100%;}

.sf_videoList img {width:60px !important;}


/* Search */
.sf_searchBox {background:url(images/search-box.png) no-repeat; width:181px; height:24px; position:absolute; right:120px; top:50px;}
.sf_searchBox label {display:none;}
.sf_searchBox .sf_searchText {background: none repeat scroll 0 0 transparent; border: medium none; color: #777777; padding: 5px; width:144px;}
.sf_searchBox .sf_searchSubmit {background: none repeat scroll 0 0 transparent; border: medium none; cursor: pointer; height: 24px;text-indent: -9999px;width: 26px; font-size: 1px;}

/* Offices */
.officeList { margin:0; padding:0; width:716px; background:url(images/offices_bg_repeat.jpg) repeat-y; float:left; }
.officeList li { line-height:20px; list-style-type:none; padding-left:50px; width:187px; margin:33px 0 36px 0; float:left; height:120px; } 
.officeList li h4 a{ font-size:13px; color:#00539D; font-weight:bold; }
.officeList li h4, .panel.lrg .content h4 { margin:0; padding:0; }
.panel.lrg .content h4 { font-size:13px; color:#00539D; font-weight:bold; } 
.officeList li p, .panel.lrg .content p { margin:0; }
.officeList li p span, .panel.lrg .content p span { display:block; }
.officeList li .phone, .officeList li .fax, .officeList li .map, .panel.lrg .content .phone, .panel.lrg .content .fax, .panel.lrg .content .map { padding-left:50px;}
.officeList li .phone, .panel.lrg .content .phone { background: url(images/ico_P.png) no-repeat left center;}
.officeList li .fax, .panel.lrg .content .fax { background: url(images/ico_F.png) no-repeat left center;}
.officeList li .map, .panel.lrg .content .map { color:#065389; background: url(images/ico_map.png) no-repeat left center;}

/* News */
.sf_newsList { padding:0; margin:0 1px; width:714px; float:left; }
.sf_newsList li { list-style-type:none; width:222px; float:left; margin:0 8px; }
.sf_newsList li img { margin:1em 0; border:1px solid #0065b8; }
.sf_newsList li h3 { font-size:12px; font-weight:bold; padding:0; background:none; border:0; margin:0; }
.sf_newsList li h3 a { color:#0063b7; text-decoration:none; }
.sf_newsList li h3 a:hover { text-decoration:underline; }
.sf_newsList li p { margin:0 0 1em 0; }
.sf_newsList li p a { font-size:11px; text-decoration:none; display:block; margin:5px 0 0 0; }
.sf_newsList li p a:hover { text-decoration:underline; }

.archives select { width:201px; }

.sf_eventsList { margin:10px 0 0 0 !important; padding:0; }
.sf_eventsList li { }
.sf_eventsList li a { color:#0063B7; font-weight:bold; }
.sf_eventsList li p { margin:0; }

/* EVENTS */
.RadScheduler { width:716px; float:left; margin:10px 0 0 0 !important; }
.RadScheduler.RadScheduler_Default .rsHeader a { color:#ffffff !important; }
.RadScheduler.RadScheduler_Default .rsHeader { background:#F6F2E6 url(images/main_heading_bg_repeat.jpg) repeat-x !important; border:0 !important; border-bottom:1px solid #dbdbdb !important; }
.RadScheduler.RadScheduler_Default .rsContent, .RadScheduler.RadScheduler_Default .rsFooter { border-color:#dbdbdb !important; }
.RadScheduler.RadScheduler_Default .rsHeader p { background:url(images/events_calendar.jpg) no-repeat 15px center !important; padding:0 0 0 145px !important; }
.RadScheduler.RadScheduler_Default .rsHeader h2 { border:none !important; background:none; text-align:center !important; text-indent:0px !important; font-size:14px !important; padding:0 !important; color:#ffffff !important; font-weight:bold !important;  }
.RadScheduler.RadScheduler_Default .rsHeader .rsNextDay { margin:8px 0 0 0 !important; background:url(images/override/icons.png) !important; background-position:-18px -48px !important; }
.RadScheduler.RadScheduler_Default .rsHeader .rsPrevDay { margin:8px 0 0 6px !important; background:url(images/override/icons.png) !important; background-position:0 -48px !important; }
.RadScheduler.RadScheduler_Default .rsHorizontalHeaderTable th { background:url(images/override/icons.png) !important; background-position:0 -144px !important; }

.RadScheduler.RadScheduler_Default .rsHeader .rsDatePickerActivator:hover { background:url(images/override/icons.png) !important; background-position:-228px -31px !important; }
.RadScheduler.RadScheduler_Default .rsHeader .rsDatePickerActivator { margin:5px 0 0 5px !important; background:url(images/override/icons.png) !important; background-position:-268px -31px !important; }

.RadScheduler.RadScheduler_Default .rsHeader .rsSelected { background:url(images/override/icons.png) !important; background-position:0 -69px !important; }
.RadScheduler.RadScheduler_Default .rsHeader .rsSelected em { color:#262626 !important; background:url(images/override/icons.png) !important; background-position:100% -69px !important; }
.RadScheduler.RadScheduler_Default .rsHeader ul a:hover, .RadScheduler.RadScheduler_Default .rsLast a:hover { color:#e6ae29 !important; background:url(images/override/icons.png) !important; background-position: 0 -69px !important; }
.RadScheduler.RadScheduler_Default .rsHeader ul a:hover span { color:#262626 !important; background:url(images/override/icons.png) !important; background-position: 100% -69px !important; }
.RadScheduler.RadScheduler_Default .rsHeader ul span { color:#97dc35 !important; }
.RadScheduler.RadScheduler_Default .rsHeader ul { padding:0px 3px 0 0 !important; }

/* EDUCATION */
.our-catalog { float:left; width:401px; min-height:150px; }
.our-catalog .catalog-box { margin:10px 0 0 0; width:227px; padding: 10px 10px 0 164px; height:156px; background:url(images/catalog_bg.jpg) no-repeat; }

.resource { width:315px; float:left; min-height:150px; }
.resource .highlighted-webinar { margin:10px 0 0 10px; padding:35px 0 0 20px; position:relative; width:274px; height:122px; background:url(images/webinar_bg.png) no-repeat; }
.resource .highlighted-webinar .heading { font-size:20px; color:#ffffff; font-weight:bold; }
.resource .highlighted-webinar p { color:#aad9ff; margin:.5em 0 1em 0; }
.resource .highlighted-webinar .date { color:#84e239; font-size:16px; font-weight:bold; position:absolute; top:7px; left:195px; }

.jfnewtube { float:left; width:401px; }
.jfnewtube .container { height:410px; padding:10px 0 0 10px; width:391px; margin:10px 0 0 0; background:#f8f8f8; border:1px solid #eaeaea; float:left;  border-right:none; }
.jfnewtube ul { margin:0; padding:0; float:left; width:391px; }
.jfnewtube ul li { list-style-type:none; float:left; height:45px; width:60px; border:1px solid #888888; padding:1px !important; margin:10px 5px !important; }

.webinars { width:315px; float:left; }
.webinars ul { overflow:auto; height:420px; background:#f8f8f8; border:1px solid #eaeaea; float:left; width:304px; padding:0 0 0 10px; margin:10px 0 0 0; border-left:none; }
.webinars ul li { list-style-type:none; width:284px; margin:0 20px 0 0; border-bottom:1px dashed #96cb4a; padding:10px 0 10px 0; }
.webinars ul li .date { color:#4f98d3; font-style:italic; display:block; font-size:11px; margin:0 0 3px 0; }
.webinars ul li.last { border:none; }
.webinars ul li a { color:#005cab; }
.publications .btn, .whitepapers .btn, .newsletters .btn { float:left; margin:0 0 0 10px; }

.whitepapers { float:left; width:165px; min-height:150px; }
.whitepapers ul { margin:5px 0 0 10px; padding:0; float:left; }
.whitepapers ul li { list-style-type:none; margin:0 0 1em 0; }
.whitepapers ul li a { text-decoration:none; }
.whitepapers ul li a:hover { text-decoration:underline; }

.newsletters { width:190px; float:left; min-height:150px; }
.newsletters ul { margin:5px 0 0 10px; padding:0; float:left; }
.newsletters ul li { list-style-type:none; margin:0 0 1em 0; }

.publications { width:361px; float:left; min-height:150px; }
.publications ul { margin:5px 0 0 10px; padding:0; float:left; }
.publications ul li { list-style-type:none; margin:0 0 1em 0; float:left; width:351px; }
.publications ul li .date { float:right; }
.publications ul li a { color:#797978; width:250px; float:left; }

table.sf_libraryGrid { width:100%; }
table.sf_libraryGrid thead th { border-top:none !important; }

.sf_archiveList { margin:20px 0 0 10px; padding:0; font-size:13px; }
.sf_archiveList li { list-style-type:none; margin:10px 0 0 0; }
.sf_archiveList li p { display:inline-block; margin:0; width:130px; }
.sf_archiveList li h4 { display:inline; font-size:14px; }

/* FORMS */
.form h3 { width:706px; float:left; margin:.5em 0; }
.row { float:left; width:696px; margin:0 0 0 20px; }
.row label { width:250px; float:left; margin:4px 4px 4px 0; }
.row input[type=text], .row input[type=file], .row select, .row textarea, .row .group, .row small { float:left; margin:4px; }
.row span input[type=checkbox] { float:left; }
.row .group { float:left; }
.row .group ul { margin:0; padding:0; }
.row .group ul li { display:block; }
.row .group ul li label { float:none; }
.row input[type=image] { display:block; margin:10px 0 0 305px; }
.row .full { margin:0 0 1em 0 !important; padding:0 !important; font-family:Arial; font-size:11px; }

.formTable { width:696px; margin:0 0 10px 20px; float:left; padding:0 0 10px 0; border-bottom:1px dashed #919191; }
.formTable.last { border:none; }
.formTable label { margin:4px 4px 4px 0; display:block; }
.formTable small { margin:0 5px 0 0; }
ul.inline { float:left; padding:0; margin:0; }
ul.inline li { display:inline; list-style-type:none; }
ul.inline li label { display:inline; }
.row p.remaining { font-size:11px; position:relative; bottom:10px; margin:0; float:left; }

/* ROWS */
.blockRow { background:#f8f8f8; border:1px solid #e9e9e9; width:674px; float:left; margin:1px 0 0 0; padding:15px 20px; }
.blockRow img { border:1px solid #c8c8c8; float:left; }
.blockRow .blockRight { float:right; width:543px; margin:10px 0 0 20px; color:#797978; }
.blockRow .blockRight p { margin:1em 0 0 0; }
.blockRow .blockRight h4 { color:#0063b7; font-weight:bold; font-size:14px; margin:0; display:block; }

/* Newsletter Downloads */
.nList { list-style:none; margin-left:10px; padding-left:5px; }
.nList li { margin:2px 0px; }
