/* Homepage & Header */
.FRM_Header {
	background-image: url(images/FRM_Header_BG.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	height: 155px;
	overflow: hidden;
	width: 865px;
}

.FRM_Menu {
	background-image: url(images/FRM_Menu.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	height: 35px;
}

.FRM_Footer_Top {
	background-image: url(images/Footrt_Top.jpg);
	background-position: left;
	background-repeat: no-repeat;
	color: #FFFFFF;
}

.FRM_Footer_Bottom {
	background-image:

}

.FRM_Wave_Parkways {
	background-image: url(../App_Themes/images/FRM_Wave_Parkways.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 198px;
	height: 235px;
}

.FRM_Wave_MyMetroparks {
	background-image: url(../App_Themes/images/FRM_Wave_MyMetroparks.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 199px;
	height: 235px;
}

.FRM_Wave_Games {
	background-image: url(../App_Themes/images/FRM_Wave_Games.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 400px;
	height: 235px;
}

.FRM_Wave_NewDirection {
	background-image: url(../App_Themes/images/FRM_Wave_NewDirection.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 203px;
	height: 235px;
}

#FRM_Wave_Text {
	margin: 40px 0px 0px 10px;
	width: 150px;
	color: #ffffff;
}

#FRM_Wave_Text .FRM_Wave_Heading {
	font-weight: bold;
	font-size: 14px;
	color: #2c416a;
}

#FRM_Wave_Text a {
	color: #666666;
	font-weight: bold;
}

#vertical_slide {
	padding: 10px;
}



.Parks_Interests_Header {
	background-image: url(images/parks_header.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 121px;
	width: 191px;
}

.Parks_Interests_Mid_Metroparks {
	background-image: url(images/parks_bg.jpg);
	background-repeat: repeat-y;
	text-align: left;
	padding: 5px 0px 15px 10px;
	font-weight: bold;
	height: 275px;
	width: 181px;
}

.Parks_Interests_Mid_Metroparks a {
	color: #5d861c;
}

.Parks_Interests_Mid_Interests_Header {
	width: 191px;
	height: 25px;
	background-image: url(images/parks_interests.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

.Parks_Interests_Mid_Interests {
	background-image: url(images/parks_bg.jpg);
	background-repeat: repeat-y;
	text-align: left;
	padding: 5px 0px 15px 10px;
	font-weight: bold;
	height: 100px;
	width: 181px;
}
.Parks_Interests_Bottom {
	width: 191px;
	height: 37px;
	background-image: url(images/parks_footer.jpg);
	background-repeat: no-repeat;
	background-position: top;
}


#FRM_Banners {
	height: 345px;
	width: 206px;
	padding: 20px 20px 0px 15px


}


#FRM_BrightCove {
	width: 520px;
}

#FRM_Slideshow {
	height: 345px;
	width: 520px;
}

#FRM_Flickr_Header {
	

}

#FRM_Flickr_Content {
	margin-top: 90px;
	height: 275px;
	width: 200px;
}


#FRM_Content {
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
}

#FRM_AccuWeather {
	border: 1px solid #FFF;
	color: #FFFFFF;
	margin: 15px 5px 0px 0px;
}

#FRM_AccuWeather .Name {
	padding: 2px 10px 2px 0px;
}

#FRM_AccuWeather td {
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

/* GearFest */

#gfMenu{
background-color:#ece0be;
text-align:left;
padding: 10px; 5px 40px 5px;
}

#gfMenu b{
color:#a75525;
}

#gfMenu a{
color:#000000;
}

#gfMenu a:hover{
text-decoration:underline;
}

#gfContent {
position:relative;
top:-45px;
padding-left:5px;
}

#gearfest1 {
	background-image:url(images/GearFest/gearfest_bg1.gif); 
	width:545px; height:309px; 
	background-repeat:no-repeat; 
	vertical-align:bottom; 
	text-align:right
}

.g1 {
	background-image:url(images/GearFest/giveaway1.gif);
	width:23px; 
	height:23px; 
	background-repeat:no-repeat;
}

.g2 {
	background-image:url(images/GearFest/giveaway2.gif); 
	height:23px; 
	background-repeat:repeat-x;
}

.g3 {
	background-image:url(images/GearFest/giveaway3.gif); 
	width:23px; 
	height:23px 
	background-repeat:no-repeat;
}

.g4 {
	background-image:url(images/GearFest/giveaway4.gif); 
	width:23px; 
	background-repeat:repeat;
}

.g5 {
	background-image:url(images/GearFest/giveaway5.gif); 
	background-repeat:repeat; 
	text-align:center; color:#FFDD00
}

.g6 {
	background-image:url(images/GearFest/giveaway6.gif); 
	width:23px; 
	background-repeat:repeat;
}

.g7 {
	background-image:url(images/GearFest/giveaway7.gif); 
	width:23px; height:23px; 
	background-repeat:no-repeat;
}

.g8 {
	background-image:url(images/GearFest/giveaway8.gif); 
	height:23px; 
	background-repeat:repeat-x;
}

.g9 {
	background-image:url(images/GearFest/giveaway9.gif); 
	width:23px; 
	height:23; 
	background-repeat:no-repeat;
}

#GF_flash_gallery {
	background-color:transparent; 
	width:300px; 
	height:300px; 
	padding-top:42px;
}

#gearfest2{
	height:171px; 
	background-image: url(images/GearFest/gearfest_bg2.gif); 
	background-color:#a75525; 
	background-position:bottom right; 
	background-repeat:no-repeat;
}

#GF_whats_happening{
	margin-top:-10px; 
	vertical-align:top; 
	width:251px; 
	height:100%; 
	background-color:#ffffff; 
	padding:10px 10px 10px 0px; 
	margin:0px 0px 5px 0px;
}

#GF_sponsors{
	background-image:url(images/GearFest/gearfest_bg3.gif); 
	width:845px; height:179px; 
	background-repeat:no-repeat; 
	background-position:center;
}

/* AdventureSummit */


#TASMenu{
background-color:#e6effb;
text-align:left;
padding: 10px; 5px 40px 5px;
}

#TASMenu b{
color:#000000;
}

#TASMenu a{
color:#000000;
}

#TASMenu a:hover{
text-decoration:underline;
}

#TASContent {
position:relative;
top:-20px;
padding-left:5px;
}

#TAS1 {
	background-image:url(images/adventuresummit/adventuresummit_bg1.gif); 
	width:547px; height:330px; 
	background-repeat:no-repeat; 
	vertical-align:bottom; 
	text-align:right
}


#TASflash_gallery {
	background-color:#98b5d9; 
	width:270px; 
	height:270px; 
	padding-top:0px;
}

#TAS2{
	height:171px; 
	background-image: url(images/adventuresummit/adventuresummit_bg2.gif); 
	background-color:#9fb381; 
	background-position:bottom right; 
	background-repeat:no-repeat;
}

#TASwhats_happening{
	margin-top:-10px; 
	vertical-align:top; 
	width:251px; 
	height:100%; 
	background-color:#ffffff; 
	padding:10px 10px 10px 0px; 
	margin:0px 0px 5px 0px;
}

#TASsponsors{
	background-image:url(images/adventuresummit/adventuresummit_bg3.gif); 
	width:861px; height:179px; 
	background-repeat:no-repeat; 
	background-position:top center;
}

/*
 * Accordionza jQuery Plugin
 * Copyright 2010, Geert De Deckere <geert@idoe.be>
 */
 

#accordion1 {
	color:#fff;
	height:240px;
	list-style:none;
	margin:0;
	overflow:scroll;
	padding:0;
	text-shadow:0 1px 0 #333;
	width:834px;
}
#accordion1 li {
	height:240px;
	position:relative;
}
#accordion1 .slide_handle {
	background:url(images/GetInterior/accordian/images/handles.png);
	bottom:0;
	cursor:pointer;
	left:0;
	position:absolute;
	top:0;
	width:40px;
}
#accordion1 .slide2 .slide_handle { background-position:-40px 0; }
#accordion1 .slide3 .slide_handle { background-position:-80px 0; }
#accordion1 .slide4 .slide_handle { background-position:-120px 0; }
#accordion1 .slide_handle div {
	background:url(images/GetInterior/accordian/images/arrows.gif);
	bottom:16px;
	height:7px;
	left:16px;
	position:absolute;
	width:7px;
}
#accordion1 .slide_opened .slide_handle { cursor:default; }
#accordion1 .slide_opened .slide_handle div { background-position:0 -7px; }
#accordion1 .slide_content {
	bottom:0;
	left:40px; /* Matches the width of .slide_handle */
	position:absolute;
	right:0;
	top:0;
}
#accordion1 .slide_content a img { border:0; }
#accordion1 .slide_caption {
	background:url(images/GetInterior/accordian/images/black-60pct.png); /* You could use rgba instead, but that means less browser support */
	bottom:0;
	left:0;
	padding:10px 20px;
	position:absolute;
	right:0;
	/* To change the height of the caption, set the captionHeight option in script.js */
}
#accordion1 .slide_caption_toggle {
	cursor:pointer;
	height:10px;
	left:0;
	position:absolute;
	right:0;
	top:0;
}
#accordion1 .slide_caption_toggle div {
	background:url(images/GetInterior/accordian/images/toggle-caption.png) no-repeat 50% -10px;
	height:100%;
}
#accordion1 .slide_caption_toggle:hover { background:url(images/GetInterior/accordian/images/black-60pct.png); }
#accordion1 .slide_caption_collapsed .slide_caption_toggle div { background-position:50% 0; }
#accordion1 a {
	background:none;
	color:#fff;
	text-shadow:0 1px 0 #333;
}
#accordion1 a:hover { text-decoration:none; }
#accordion1 .slide4 .slide_content { background:url(images/GetInterior/accordian/images/digital-noise.png) 100% 0; }


/* Rotating banner script */

.m_banner_hide{
	display:none;
}
.m_banner_show{
	display:block;
}



/* Main page featured content styles */

.featuredinterest { width: 182px; float:left; position:absolute;}
.featuredinteresttop { width: 182px; height: 52px; background:url(images/GetInterior/nw-graphics/page-content/back-top_featured-interest_grey.jpg) no-repeat;}
.featuredinterestbottom { padding: 10px 16px 0px 16px; width: 182px; height: 179px; background:url(images/GetInterior/nw-graphics/page-content/back-bottom_featured-interest_grey.jpg) no-repeat;}

.feat-text {width:150px;}
.feat-container1 {width:182px; position:absolute; z-index:100;}
.feat-container2 {padding-left:198px; width:310px; position:absolute; z-index:0;}
.textfeat {width:310px; }
.imgfeat {float:left; }

.featuredclass-container1 {width:267px; position:absolute; z-index:100; }
.featuredclass-box1 {width:201px; padding: 12px 50px 12px 16px; border: 1px solid #e1e1e1;}
.featuredclass-box1:hover {background:#e9f0f2; cursor:pointer; text-decoration:none;}
.featuredclass-box1-top {width:201px; padding: 12px 50px 12px 16px; border-left: 1px solid #e1e1e1;}
.featuredclass-box1-top:hover {background:#e9f0f2; cursor:pointer; text-decoration:none;}
.featuredclass-container2 {padding-left:267px; width:267px; height:auto; position:absolute; z-index:0; }
.featuredclass-box2 {height:140px; width:239px; padding: 12px 12px 12px 16px; border: 1px solid #e1e1e1;}
.featuredclass-box2:hover {background:#e9f0f2; cursor:pointer; text-decoration:none;}
.featuredclass-box2-top {height:140px; width:238px; padding: 12px 12px 12px 16px; border-left: 1px solid #e1e1e1;}
.featuredclass-box2-top:hover {background:#e9f0f2; cursor:pointer; text-decoration:none;}
.btncircle {position: absolute; margin: 26px 20px 0px 210px; width:26px; height:29px; background:url(images/GetInterior/nw-graphics/page-content/button_arrow-circle-grey.gif) no-repeat;}
.btncirclesm {float: right; background:url(images/GetInterior/nw-graphics/page-content/button_arrow-circle-grey_sm.gif) no-repeat; width:18px; height:20px; cursor:pointer;}
.btnswirl {position: absolute; margin: -10px 10px 12px 100px; width:21px; height:11px; background:url(images/GetInterior/nw-graphics/page-content/button_arrow-track-blue.gif) no-repeat;}
.btnswirl:hover {background:url(images/GetInterior/nw-graphics/page-content/button_arrow-track-blue-dark.gif) no-repeat; cursor:pointer; text-decoration:none;}
.back-places {background:url(images/GetInterior/nw-graphics/page-content/back-line-interest.gif) repeat-y;}
.tinypic { float: left; width:30px; height:30px; margin: 6px 0px 0px 0px;}
.medpic { float: left; width:88px; height:108px; margin: 6px 10px 0px 0px;}
.textclass {margin: 6px 0px 0px 38px;}
.textlocation {margin-top:6px;}
.textinterest {margin: 6px 0px 0px 0px;}
.calendarbox {padding: 12px; background-color: #ecf1f4; border:solid 1px #39C;}
.calendarbox:hover {background-color: #f9f9f9; border:solid 1px #39C;}
.calendarimg {float: left; background:url(images/GetInterior/nw-graphics/page-content/icon-calendar.gif) no-repeat; width:30px; height:23px; margin-top:-6px; cursor:pointer;}
.emailbox {padding: 12px; background-color: #ecf1f4; border:solid 1px #39C;}
.emailbox:hover {background-color: #f9f9f9; border:solid 1px #39C;}
.emailimg {float: left; background:url(images/GetInterior/nw-graphics/page-content/icon-email.gif) no-repeat; width:30px; height:23px; margin-top:-6px; cursor:pointer;}
.bottomparks {background:url(images/GetInterior/nw-all_parks2bottom.jpg) no-repeat;}
.undernav { width:136px; height:29px; background:url(images/GetInterior/nw-graphics/back_left_under-nav.gif) no-repeat;}
.undernav:hover {background:url(images/GetInterior/nw-graphics/back_left_under-nav2.gif) no-repeat;}
.bottomcurve {background:url(images/GetInterior/nw-graphics/bottom_curve.gif) no-repeat; width:1003px; height:9px;}
.bikenavbox {float:right; width:207px; height:267px; }
.bikenav {float:right; width:195px; height:255px; }
.bikenavtop {background:url(images/GetInterior/nw-all_bikeways.jpg) no-repeat; width:195px; height:46px;}
.bikenavtrail01 {padding-left:9px; background:url(images/GetInterior/nw-graphics/bike-nav/back-lite.gif)}
.bikenavtrail02 {padding-left:9px; background:url(images/GetInterior/nw-graphics/bike-nav/back-dark.gif)}
.leaflegacy {background:url(images/Campaigns/2011/Forests/Charlie_and_girl.jpg) no-repeat; width:534px; height:385px;}
.pledge {float: right; display: block; width: 208px; height: 68px; margin:12px 12px 300px 0px; background: url("http://www.metroparks.org/App_Themes/images/Campaigns/2011/Forests/pledge01.png") no-repeat 0 0;}
.pledge:hover{background: url("http://www.metroparks.org/App_Themes/images/Campaigns/2011/Forests/pledge02.png") no-repeat 0 0; cursor:pointer;}
.edkitbox {background-image:url(images/GetEducated/back_edkit.gif); background-repeat:repeat-x; border: 1px solid #e1e1e1; padding:15px; margin-bottom:10px;}

/* BEGIN CSS BUTTONS */

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
	background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
	background-color:#ffc477;
	-moz-border-radius:17px;
	-webkit-border-radius:17px;
	border-radius:17px;
	border:1px solid #eeb44f;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:7px 32px;
	text-decoration:none;
	text-shadow:1px 1px 0px #cc9f52;
}.myButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
	background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
	background-color:#fb9e25;
	text-decoration:none;
}.myButton:active {
	position:relative;
	top:1px;
}

/* END CSS BUTTONS */