div { behavior: url(/common/scripts/iepngfix.htc) } /* pngfix for background images */
.Content { background-color:#fffee9; } /* globa.css overwrite */
.StandardModuleDivPad {background-color:#FFFFFF;border:1px solid #CCCCCC;padding:0px 4px 4px 4px;}
h2.moduleTitleBar{color:#621d04;}
.seeallregionsLink{float:right;padding:8px 5px 0px 0px}

/*fall foliage*/
.backtoffWelcomeLink{text-align:right;width:100%;font-size:10px;padding-top:5px;}
#ffmapReportContainer{margin-left:auto;margin-right:auto;width:440px;padding: 11px 0px 11px 0px;}
.howtoRead{float:right;font-size:10px;padding: 0px 5px 0px 0px;}
.toEnlarge{float:left;font-size:10px;padding: 0px 0px 0px 5px;}
#ffmapReportInfoContainer{text-align:left;padding:11px 0px 0px 0px;*padding:7px 0px 0px 0px;}
.ffmapReportInfo{float:left;width:255px;}
.ffmapReportInfo img{float:left;width:23px;height:21px;margin: 0px 5px 0px 0px;}
.ffmapReportInfotext{float:left;color:#333333;width:220px;}
.ffmapReportLegend{width:180px;position:relative;float:right;}
.ffmapReportLegend div{float:right;}
.ffmapReportLegendIcons{height:50px;position:absolute;top:0px;z-index:5;}
.ffmapReportLegendIcons div, .ffmapReportLegendIconsC div{float:right;width:20px;height:20px;margin: 0px 0px 0px 2px;}
.ffmapReportLegendIcons img{width:20px;height:20px;border:0}
.ffmapReportLegendIcon1C{background-color:#55694d;}
.ffmapReportLegendIcon2C{background-color:#ddad25;}
.ffmapReportLegendIcon3C{background-color:#ff9a25;}
.ffmapReportLegendIcon4C{background-color:#d86e0e;}
.ffmapReportLegendIcon5C{background-color:#d86e0e;}
.ffmapReportLegendIcon6C{background-color:#9d2a27;}
#ffmapReportLegendIcon1, #ffmapReportLegendIcon2, #ffmapReportLegendIcon3, #ffmapReportLegendIcon4, #ffmapReportLegendIcon5, #ffmapReportLegendIcon6{position:absolute;color:#333333;z-index:1;text-align:center;top:10px;white-space:nowrap;}
#ffmapReportLegendIcon1{left:5px;}
#ffmapReportLegendIcon2{left:35px;}
#ffmapReportLegendIcon3{left:44px;}
#ffmapReportLegendIcon4{left:65px;}
#ffmapReportLegendIcon5{left:100px;}
#ffmapReportLegendIcon6{left:139px;}
.legendDetailsLink{float:right;padding-top:25px;}
.legendQuestionLink{float:left; padding:5px 0px 0px 46px;}
#legendLinks{width:100%;margin: 5px 0px 0px 0px}

#ffRegionsLinksContainer{padding: 0px 11px 11px 11px;}
#ffRegionsLinksContainer div{float:left;width:33%;line-height:15px;}
.Content{padding: 0px 0px 11px 0px;}
/*legend*/
#fflegendContainer{width:100%;}
.fflegendText{float:left;width:91%;padding:5px 0px 5px 0px;}
.fflegendText2{float:left;width:195px;padding:5px 0px 5px 0px;}
.fflegendImg{float:left;width:46px;height:21px; margin-top:7px; background:url(http://i.imwx.com/web/activities/driving/fallfoliage/leaves.gif) no-repeat center 0px; }
.fflegendImg2 { background-position:center -21px; }
.fflegendImg3 { background-position:center -42px; }
.fflegendImg4 { background-position:center -63px; }
.fflegendImg5 { background-position:center -65px; }
.fflegendImg6 { background-position:center -86px; }
.fflegendImg7 { background-position:center -107px; }
#fflegendContainer img{width:22px;height:23px;border:0;}
.fflegendInfo{padding: 11px;}
.ffleaficons{background-image: url(http://i.imwx.com/web/activities/driving/fallfoliage/leaves.gif);}
#ffleaf1{background-position: 0px 0px;}
#ffleaf2{background-position: 0px -24px;}
#ffleaf3{background-position: 0px -48px;}
#ffleaf4{background-position: 0px -70px;}
#ffleaf5{background-position: 0px -93px;}
#ffleaf6{background-position: 0px -116px;}
#ffleaf7{background-position: 0px -139px;}



* { font-family:Verdana; }
#fallfoliagewel { width:743px; height:319px; margin:0px auto 0px auto; border:1px solid #ccc; background:#fffee9; overflow:hidden; }
#fallfoliagewel .ffheader { height:34px; background: url(http://i.imwx.com/web/activities/driving/fallfoliage/leaf_titlebar.jpg) no-repeat top right #f7dbab; padding:10px; font-size:10px; color:#621d04; }
.ffheader strong { font-size:18px; color:#621d04; }
.ffheader em { display:block; color:#666; margin-left:197px; font-size:11px; }
#ffmaparea { position:absolute; width:481px; height:265px; background:url(http://i.imwx.com/web/activities/driving/fallfoliage/map1.gif) no-repeat top right; }
.ffcol1 { position:relative; top:174px; left:10px; z-index:12; width:172px; height:92px; font-size:11px; color:#333; }
.ffimgmap img { position:absolute; top:0px; left:0px;}
.ffimgmap { height:265px; }
.ffcol1 strong { font-size:12px; }
.ffcol1 a { display:block; margin-top:5px; }
.ffcol2 { position:relative; z-index:13; top:0px; left:480px; width:264px; height:264px; font-size:11px; }
.seasonaltitle { height:30px; padding:7px 0px 0px 0px; font-size:14px; color:#621d04; }
.seasonaltitle span { display:block; float:left; font-size:14px; }
.seasonaltitle strong { font-size:14px; }
.ssr2 { float:left; width:230px; height:109px; padding:0px 0px 0px 30px; }
.ssr3 { float:left; width:230px; height:100px; padding:0px 0px 0px 30px; }
.ssr3  span { display:block; font-size:10px; }
.ssr3 .tdsctitle { font-size:10px; color:#621d04; }
.ssr3 .tdref { padding-bottom:5px; }
.ssr3 .tdlinks { padding-top:4px; }
.ffcol2 div { display:block; font-size:10px; }
.ffcol2 .tdsctitle { float:left;font-size:10px; color:#621d04;width:235px; }
.ffcol2 .tdref { float:left;width:235px;padding-bottom:5px; }
.tdref a{font-weight:bold;line-height:12px;}
.ffcol2 .tdlinks { float:left;width:235px;padding-top:4px;  }
#ffseasonalSnapContainer .seasonaltitle{ padding-left:5px; }
.ssbgsnap { float:left; width:110px; height:111px; background:url(http://i.imwx.com/web/activities/driving/fallfoliage/sm_photo_background.png) no-repeat; }
.ssbgsnap img { width:93px; height:87px; padding:9px 5px 9px 5px; }
.ssshare { float:left; width:105px; height:105px; padding:10px 0px 0px 10px; }
#ffregional { width:100%; overflow:hidden; }
#ffregtitle { height:33px; font-size:14px; color:#621d04; line-height:33px; padding-left:17px; background:#fff; }
#ffpeakv { width:187px; height:107px; padding:28px 0px 0px 43px; background:url(http://i.imwx.com/web/activities/driving/fallfoliage/leaf.gif) no-repeat 11px 19px; font-size:11px; color:#333;}
#ffpeakv strong { font-size:12px; color:#333; }
#ffmapc1 { float:left; width:38%;  }
#ffmapc2 a { display:block;  font-size:11px; line-height:13px; }
#ffregmap{ float:left; width:362px; height:218px;}
.ffmaptitle { height:31px; padding-left:43px; font-size:12px; line-height:30px; color:#333; }
.ffstatc1, .ffstatc3, .ffstatc4, .ffstatc5 { float:left; width:110px; }
.ffstatc3{padding-left:11px}
 .ffstatc2{float:left; }
.ffstatc1 a { display:block; padding-left:43px; font-size:11px; line-height:13px; }
.ffstatc2 a { display:block; padding-left:19px; font-size:11px; line-height:13px; }
#ffregionalne { background-color:#fffee9; }
#ffregmapcur2 { float:left; padding:10px 0px 0px 72px; width:213px; height:140px; }
#ffmapc1cur { float:left; width:38%; }
.ffmaptitlere { clear:left; white-space:nowrap; height:31px; padding-left:43px; font-size:12px; line-height:30px; color:#333; }
#ffcol2a3cont { width:360px; float:left; *float:none;  }
.ffnrmtitle  { padding:8px 0px 5px 43px; font-size:11px; color:#333; }
url(http://i.imwx.com/web/activities/driving/fallfoliage/leaf.gif) no-repeat 11px 19px; font-size:11px; color:#333;}
#ffpeakvre strong { font-size:12px; color:#333; }
#ffpeakvre2 { float:left;width:180px; height:110px; padding:28px 0px 0px 63px; background:url(http://i.imwx.com/web/activities/driving/fallfoliage/leaf.gif) no-repeat 31px 19px; font-size:11px; color:#333;}
#ffpeakvre2 strong { font-size:12px; color:#333; }

/*existingmodules*/
#fallfoliagefeat { width:100%; border:1px solid #ccc; font:11px Verdana; }
#fffeattitle { height:33px; line-height:33px; padding-left:17px; margin-bottom:0px; font-size:14px; color:#621d04; background:#fff; }
#fffeatcont { padding:0px 4px 6px 4px; background:#fff; }
#fffeatdta {  background:#fffee9; }
.fffeatrow { padding:17px 0px 0px 17px; }
.fffeatrowend {  padding:17px 0px 10px 17px; }
.fffeatir { display:inline; height:34px; line-height:34px; }
.fffeatir img { padding:5px 5px 0px 0px; }
#fffeatdta a { display:block; }

#ffinspot { width:100%; border:1px solid #ccc; background:#fffee9; font:11px Verdana; }
#ffspotbody { background:#fffee9; padding-top:8px; }
.ffspotrtitle { display:block; }
#ffspotrow { margin-bottom:17px; padding-left:22px; }
.ffspotir img { padding:5px; }
.ffspota  { disiplay:block; float:left; width:168px; height:46px; padding-top:20px; }
.ffspotimg { float:left; width:129px; height:66px;  }

#fffinds { width:100%; border:1px solid #ccc; background:#fffee9; font:11px Verdana; }
#fffindbody { background:#fffee9; padding:8px 0px 8px 0px; }
.fffindc1, .fffindc2 {  float:left; width:49%; }
.fffindc1a, .fffindc2a {text-align:center;}
#mappreload { display:none; }
.ffseasonalSnap { float:left; width:151px; height:150px; background:url(http://i.imwx.com/web/activities/driving/fallfoliage/lg_photo_background.png) no-repeat; }
.ffseasonalSnap img{margin: 9px}
#ffseasonalSnapContainer { height:155px;width:300px; }
#ffseasonalSnapContainer .ssr3{float:left;padding:0px 0px 0px 5px;width:40%;}
/*#ffseasonalSnapContainer .seasonaltitle{padding:0px 0px 0px 5px;}*/
#ffseasonalSnapContainer .tdsctitle{padding:20px 0px 0px 0px;}
.tdsctitle { float:left; color:#621d04; }
#TABLEfooterId, #TABLEfooterId a, #TABLEfooterId a:link, #TABLEfooterId a:visited, #TABLEfooterId a:hover, #TABLEfooterId a:active  { text-align:left;}
#pg_leftside { overflow:hidden; }
#ffmapareare { height:150px; float:left; }
#ffreglist { clear:left; height:300px; }


.ffstatc1cur { float:left; width:43%; }
.ffstatc1cur .ffnrmtitle  { padding:8px 0px 5px 43px; font-size:11px; color:#333; }
.ffstatc1cur .ffnrmtitle a {padding-left: 0px;}
.ffstatc1cur a { display:block; padding-left:43px; line-height:13px; font-size:11px; }
.ffstatc2cur { float:left; width:28%; }
.ffstatc2cur .ffnrmtitle , .ffstatc3cur .ffnrmtitle { padding:8px 0px 5px 0px; font-size:11px; color:#333; }
.ffstatc2cur .ffnrmtitletop , .ffstatc3cur .ffnrmtitletop { padding:0px 0px 5px 0px; font-size:11px; color:#333; }
.ffstatc2cur a , .ffstatc3cur a  { display:block; padding-left:0px; line-height:13px; font-size:11px; }
.ffstatc3cur { float:right; width:28%; }
.ffmaptitlere { clear:left; white-space:nowrap; height:31px; padding:20px 0 0 43px; font-size:12px; line-height:30px; color:#333; }
.ffregmaprow1{padding-top:10px}
#ffregmapcur { float:left; }
#ffmapc1cur { float:left; width:50%; }
#ffpeakvre { float:left;width:180px; padding:28px 0px 0px 43px; background:url(http://i.imwx.com/web/activities/driving/fallfoliage/leaf.gif) no-repeat 11px 19px; font-size:11px; color:#333;}

/* NEW STYLES FOR 2008 */

* {font-family: verdana; color:#333333;}
a {text-decoration:none;}
a:hover {text-decoration:underline}
a img {border:0px none;}

.f10 {font-size:10px;}
.f11 {font-size:11px;}
.f12 {font-size:12px;}
.f14 {font-size:14px;}
.f16 {font-size:16px;}

.bold {font-weight:bold;}
.col000000 {color:#000000;}
.col333333 {color:#333333;}
.col3333FF {color:#3333FF;}
.col666666 {color:#666666;}
.colFF0000 {color:#FF0000;}

.w120 {width:120px;}
.w140 {width:140px;}
.w180 {width:180px;}
.w196 {width:196px;}
.w245 {width:245px;}
.w33p {width:33%;}

.h26 {height:26px;}
.h120 {height:120px;}

.alignLeft {text-align:left;}
.alignCenter {text-align:center;}
.alignRight {text-align:right;}

h1 {font-size:16px; margin:0px 0px 15px 0px; font-weight:normal;}

.mapBox {border:1px solid #DDDDDD; background-color:#FFFDEA; position:relative; text-align:center;}
.mapTitle {margin:11px 0px 11px 11px; text-align:left;}
.seeMapList {position:absolute; left:8px; bottom:8px;}

.seasSnaps {position:absolute; width:135px;}
div.seasSnapsTitle {text-align:center; font-size:12px; color:#333333;}
div.seasSnapsTitle img {vertical-align:middle; margin-right:9px;}

div.featPic {margin:10px 0px 10px 0px;}
div.featPic img {border:1px solid #333333; width:135px; height:106px;}

div.stateLinkBox {width:25%; float:left; font-size:11px;}
div.stateLinkBox div.stateTitle {margin-top:20px;}
div.stateTitle a {font-size:12px; color:#3333FF; font-weight:bold; text-decoration:none;}
div.fallRegion a.localLink {font-size:11px; color:#3333FF; text-decoration:none;}
div.stateLinkBox a:hover {text-decoration:underline;}

#ffmaparea {background:url(http://i.imwx.com/web/activities/driving/fallfoliage/map1.gif) no-repeat; position:absolute; top:10px; left:10px;}


div.fallRegion {margin-bottom:15px; padding-bottom:15px; border-bottom:1px dashed #CCCCCC; font-size:11px;}

div#stateRegionalMaps div.fallRegion {margin-bottom:15px; padding-bottom:15px; font-size:11px;}
div#stateRegionalMaps .title {font-size:14px; color:#333333;}
.title a {text-decoration:none; color:#333333;}
div.fallRegion a.regionLink {font-size:12px; color:#333333; font-weight:bold; text-decoration:none;}

.regionalSnapPic1,.regionalSnapPic {width:180px;height:180px; float:left; margin-bottom:20px; background-position:bottom center; background-repeat:no-repeat;}
.regionalSnapPic {margin-left: 32px;}
.regionalSnapPic1 img, .regionalSnapPic img {width:180px; height:180px; border:0px none; }
.regSnapsLinks {color:#666666; font-size:11px; padding-bottom:10px;}
.regSnapsLinks a {color:#3333ff; font-size:11px;}

table.regionalSnaps {margin-bottom:20px; width:605px;}
table.regionalSnaps td {text-align:center; vertical-align:bottom; width:33%;}

div.regionLink {font-size:12px; color:#333333; font-weight:bold;}
div.last {border-bottom:0px none;}

div.legendIcons {position:absolute; top:322px; right:0px; z-index:100;}
div.legendIcons div {width:20px; height:20px; margin-left:2px; float:left; position:relative;}
div.legendicon1 {background-color:#55694D;}
div.legendicon2 {background-color:#DDAD25;}
div.legendicon3 {background-color:#FF9A25;}
div.legendicon4 {background-color:#FF0000;}
div.legendicon5 {background-color:#9D2A27;}
div.legendIcons div img {width:20px; height:20px; z-index:100; position:absolute; top:0px; right:0px;}

.toEnlarge {float:left; display:inline;}
.howtoRead {float:right; display:inline;}

#legend1, #legend2, #legend3, #legend4, #legend5 {position:absolute; top:335px; font-size:12px; display:none; z-index:2; white-space:nowrap;}
#legend1 {left:285px;}
#legend2 {left:315px;}
#legend3 {left:328px;}
#legend4 {left:362px;}
#legend5 {left:400px;}
#legendDetail {position:absolute; top:370px; right:0px; display:block;}


/* SLIDE CSS */
.slideDivider {width:21px; height:196px; background:url(modules/DDDDDD.gif) repeat-y center; float:left;}
div.slide {float:left; padding-top:12px;}
div.slide a {text-decoration:none;}
div.slide a:hover {text-decoration:underline;}
div.slide img {border:0px none;}

.dash{border-bottom:1px dashed #CCCCCC;margin: 15px 0px;}

.dvFeature {padding-top:15px;clear:both;}