/* General Styles 
---------------------------------------------------------------------*/		

html, body { 
	height: 100%;
	}
	
body { 
	margin: 0;
	padding: 0;
	font: 12px/16px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #222;
	text-align: center;
	background: #fff url(/images/common/bg-body.gif) repeat center top;
	}
			
#wrapper { 
	width: 100%;
	padding: 0;
   	margin: 0;
   	display: block;
   	position: relative;
   	background: url(/images/common/bg-wrapper.jpg) no-repeat center top;
   	min-width: 1000px;
   	}
		
.container { 
	display: block;
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	}
	
.leftColumn, .middleColumn, .rightColumn, .doubleColumn { float: left; display: block; }
.clear { clear: both; }
a { outline: none; text-decoration: none; }	
form { padding: 0; margin: 0; }
p { margin: 0; }


/* TopSection Styles 
---------------------------------------------------------------------*/	

#topSection { 
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
	height: 175px;
	position: relative;
	}
	
#flashSection { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
	text-align: center;
	}
	
	#flashBackground { 
		width: 100%;
		height: 175px;
		display: block;
		}

#menuSection { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	text-align: center;
	}
	
	#menuSection .container {
		padding: 150px 0 0 0;
		background: url(/images/common/bg-menuSection.png) no-repeat; 
		}
		
		#menuSection .container .logo { 
			position: absolute;
			top: 144px;
			left: 40px;
			}

			#menuSection .container .logo a { 
				display: block;
				height: 185px;
				width: 185px;
				background: transparent url(/images/common/logo.png) no-repeat;
				text-indent: -5000px;
				}

		#menuSection ul#nav {
			list-style-type: none;
			padding: 0;
			margin: 0 0 0 248px;
			}
			
			
/*-----------------------------------------------------------------------------

Define the width of the nav div

-----------------------------------------------------------------------------*/

#nav {
	list-style:none;
	height: 25px;
	}

#nav li { 
	float: left;
	position: relative;
	}

#nav li a.mainMenu 
	{
	text-decoration: none;
	display:block;
	float:left;	
	background: url(/images/topNav/topNavAll.gif) no-repeat;
	text-indent: -5000px;
	height: 25px;
	position: relative;
	}
	
#nav li a.mainMenu:hover,
#nav li.sfhover a.mainMenu,
#nav li:hover a.mainMenu { 
	z-index: 999;
	}

#nav li:hover,
#nav li.sfhover { 
	z-index: 999;
	}	
	
/*-----------------------------------------------------------------------------

Define the width of each li item. This is used as a letter box to show the 
correct part of the background image

-----------------------------------------------------------------------------*/	
	
	
#nav li.home a.mainMenu 	 { width:95px; }
#nav li.about a.mainMenu 	 { width:91px; }
#nav li.resources a.mainMenu { width:119px; }
#nav li.media a.mainMenu 	 { width:115px; }
#nav li.links a.mainMenu 	 { width:77px; }
#nav li.contact a.mainMenu 	 { width:80px; }
	
/*-----------------------------------------------------------------------------

Position the background image within the left boxes we have created. Use hover states
to show the correct background position for hover states.

A negative margin is used to show the whole tab. As this doesn't work in IE a 
separate stylesheet is used for IE6 and below.

-----------------------------------------------------------------------------*/	


#nav li.home a.mainMenu { background-position: 0 0; }
#nav li.home a.mainMenu:hover, #nav li.home a.mainMenu:focus { background-position: 0 -25px; }
	
#nav li.about a.mainMenu { background-position: -95px 0; }
#nav li.about a.mainMenu:hover, 
#nav li.about:hover a.mainMenu { 	
	background-position: -95px -75px;
	width: 91px;
	}	
	
#nav li.resources a.mainMenu {	background-position: -186px 0; }
#nav li.resources a.mainMenu:hover, 
#nav li.resources:hover a.mainMenu { 	
	background-position: -171px -150px;
	width: 149px;
	margin: 0 -15px;
	}	
	
#nav li.media a.mainMenu { background-position: -305px 0; }
#nav li.media a.mainMenu:hover, 
#nav li.media:hover a.mainMenu { 	
	background-position: -290px -250px;
	width: 145px;
	margin: 0 -15px;
	}

#nav li.links a.mainMenu { background-position: -420px 0; }
#nav li.links a.mainMenu:hover, 
#nav li.links:hover a.mainMenu { 	
	background-position: -405px -350px;
	width: 107px;
	margin: 0 -15px;
	}

#nav li.contact a.mainMenu { background-position: -497px 0; }
#nav li.contact a.mainMenu:hover, 
#nav li.contact:hover a.mainMenu { 	
	background-position: -482px -450px;
	width: 95px;
	margin: 0 0 0 -15px;
	}

/*-----------------------------------------------------------------------------

Set the on states using the body id.

-----------------------------------------------------------------------------*/	

.section-home #nav li.home a.mainMenu { background-position: 0 -50px; }
.section-home #nav li.home a.mainMenu:hover { background-position: 0 -50px; }


.section-about #nav li.about a.mainMenu { background-position: -95px -100px; }
.section-about #nav li.resources a.mainMenu { background-position: -186px -100px; }
.section-about #nav li.resources a.mainMenu:hover, 
.section-about #nav li.resources:hover a.mainMenu { 	
	background-position: -171px -125px;
	width: 149px;
	margin: 0 -15px;
	}	


.section-resources #nav li.resources a.mainMenu { background-position: -186px -175px; }
.section-resources #nav li.resources a.mainMenu:hover, 
.section-resources #nav li.resources:hover a.mainMenu { 	
	background-position: -186px -175px;
	width: 149px;
	margin: 0 -30px 0 0;
	}	
.section-resources #nav li.about a.mainMenu { background-position: -95px -175px; }
.section-resources #nav li.about a.mainMenu:hover, 
.section-resources #nav li.about:hover a.mainMenu { 	
	background-position: -95px -200px;
	width: 91px;
	}	
.section-resources #nav li.media a.mainMenu { background-position: -305px -175px; }
.section-resources #nav li.media a.mainMenu:hover, 
.section-resources #nav li.media:hover a.mainMenu { 	
	background-position: -290px -225px;
	width: 145px;
	margin: 0 -15px;
	}


.section-media #nav li.media a.mainMenu { background-position: -305px -275px; }
.section-media #nav li.media a.mainMenu:hover, 
.section-media #nav li.media:hover a.mainMenu { 	
	background-position: -305px -275px;
	width: 145px;
	margin: 0 -30px 0 0;
	}	
.section-media #nav li.resources a.mainMenu { background-position: -186px -275px; }
.section-media #nav li.resources a.mainMenu:hover, 
.section-media #nav li.resources:hover a.mainMenu { 	
	background-position: -171px -300px;
	width: 149px;
	margin: 0 -15px;
	}	
.section-media #nav li.links a.mainMenu { background-position: -420px -275px; }
.section-media #nav li.links a.mainMenu:hover, 
.section-media #nav li.links:hover a.mainMenu { 	
	background-position: -405px -325px;
	width: 107px;
	margin: 0 -15px;
	}


.section-links #nav li.links a.mainMenu { background-position: -420px -375px; }
.section-links #nav li.links a.mainMenu:hover, 
.section-links #nav li.links:hover a.mainMenu { 	
	background-position: -420px -375px;
	width: 107px;
	margin: 0 -30px 0 0;
	}	
.section-links #nav li.media a.mainMenu { background-position: -305px -375px; }
.section-links #nav li.media a.mainMenu:hover, 
.section-links #nav li.media:hover a.mainMenu { 	
	background-position: -290px -400px;
	width: 145px;
	margin: 0 -15px;
	}	
.section-links #nav li.contact a.mainMenu { background-position: -497px -375px; }
.section-links #nav li.contact a.mainMenu:hover, 
.section-links #nav li.contact:hover a.mainMenu { 	
	background-position: -482px -425px;
	width: 95px;
	margin: 0 0 0 -15px;
	}


.section-contact #nav li.contact a.mainMenu { background-position: -497px -475px; }
.section-contact #nav li.contact a.mainMenu:hover, 
.section-contact #nav li.contact:hover a.mainMenu { 	
	background-position: -497px -475px;
	width: 80px;
	margin: 0;
	}	
.section-contact #nav li.links a.mainMenu { background-position: -420px -475px; }
.section-contact #nav li.links a.mainMenu:hover, 
.section-contact #nav li.links:hover a.mainMenu { 	
	background-position: -405px -500px;
	width: 107px;
	margin: 0 -15px;
	}	
	

	/* SUBMENU STYLING */
	
	
	ul.navigation li div.submenuContainer {
		display: none;
		position: absolute;
		top: 25px;
		left: 0;
		margin: 0;
		padding: 0;
		z-index: 999;
		text-indent: 0;
		width: 250px;
		height: auto;
		}
		
		ul.navigation li.resources div.submenuContainer { left: 0; }
		
		ul.navigation li div.submenuContainer .bottom { 
			clear: both;
			display: block;
			height: 12px;
			background: transparent url(/images/topNav/bg-submenuBottom.png) no-repeat;
			width: 250px;
			}
			
		.section-media ul.navigation li.media div.submenuContainer { left: 0; }
	
	ul.navigation li.about div.submenuContainer { left: 0; }
	
		.menuSection ul li ul { padding-top: 0; margin-left: 0; }
		.menuSection ul li ul li { height: 25px; }
								
		ul.navigation li div.submenuContainer div.submenu { 
			padding: 12px 0 0 0;
			background: transparent url(/images/topNav/bg-submenuTop.png) no-repeat;
			margin: 0;
			display: block;
			width: 250px;
			height: auto;
			}

		ul.navigation li div.submenuContainer div.submenu ul.submenuList {
			background: none;
			padding: 0;
			margin: 0;
			list-style-type: none;
			width: 250px;
			float: none;
			clear: both;
			display: block;
			height: auto;
			} 

		ul.navigation li div.submenuContainer div.submenu ul.submenuList li { 
			display: block;
			padding: 0;
			margin: 0;
			width: 250px;
			height: 25px;
			line-height: 25px;
			text-align: left;
			text-decoration: none;
			padding: 0;
			}

		ul.navigation li div.submenuContainer div.submenu ul.submenuList li a {
			color: #fff;
			width: 219px;
			margin: 0;
			padding: 0 15px;
			line-height: 25px;
			height: 25px;
			display: block;
			background: transparent url(/images/topNav/bg-submenu.png) no-repeat;
			font-size: 11px;
			font-weight: bold;
			text-decoration: none;
			}			 
		
		ul.navigation li div.submenuContainer div.submenu ul.submenuList li a:hover { 
			background: #4e8433 url(/images/topNav/bg-submenu.png) no-repeat;
			}			 
						
										
	ul.navigation li:hover div.submenuContainer, 
	ul.navigation li.sfhover div.submenuContainer {
		display: block;
		}


/* MidSection Styles 
---------------------------------------------------------------------*/	

#midSection { 
	width: 1000px;
	display: block;
	margin: 0 auto;
	padding: 0;
	position: relative;
	background: url(/images/common/bg-midSection.gif) repeat-y center top;
	}

	.section-home #midSection .background { background: url(/images/common/bg-midSectionTop-home.gif) no-repeat center top; }
	.section-home #midSection .container { background: url(/images/common/bg-midSectionBot.gif) no-repeat center bottom; }

	#midSection .background { background: url(/images/common/bg-midSectionTop.gif) no-repeat center top; padding-top: 25px; }
	#midSection .container { background: url(/images/common/bg-midSectionBot.gif) no-repeat center bottom; 	min-height: 880px; }

	
#midSection .leftColumn { width: 245px; }
#midSection .doubleColumn { width: 735px; }
#midSection .middleColumn { width: 555px; padding-bottom: 80px; }
#midSection .rightColumn { width: 180px; padding-bottom: 360px; }

#midSection a.button { 	
	width: 100px;
	height: 10px;
	line-height: 10px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	padding: 10px 20px 5px 5px;
	background-image: url(/images/common/arrow.png);
	background-repeat: no-repeat;
	display: block;
	margin: 5px 5px 5px 0;
	letter-spacing: -0.025em;
	font-family: Arial, Helvetica, sans-serif;
	}
	
#midSection a.float {
	float: left;
	}
	
	#midSection a.greenButton { background-color: #393; }
	#midSection a.greenButton:hover { background-color: #282; }

	#midSection a.greyDarkButton { background-color: #929292; }
	#midSection a.greyDarkButton:hover { background-color: #818181; }
	
	#midSection a.greyLightButton { background-color: #a6a6a6; }
	#midSection a.greyLightButton:hover { background-color: #959595; }
	
	#midSection a.blueButton { background-color: #06b; }
	#midSection a.blueButton:hover { background-color: #05a; }
	
#midSection input.buttonHome { 	
	border: 0; 
	width: 125px;
	height: 25px;
	line-height: 10px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	padding: 5px 20px 5px 5px;
	background: #a6a6a6 url(/images/common/arrow.png) no-repeat;
	display: block;
	margin: 5px 5px 5px 0;
	letter-spacing: -0.025em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	}

	#midSection input.buttonHome:hover { background-color: #959595; }

	
#midSection .content ul { 
	list-style-type: none;
	padding: 0;
	margin: -5px 0 15px 0;
	position: relative;
	}
	
	#midSection .content ul li { 
		padding: 0 0 0 12px;
		background: url(/images/common/bullet1.gif) no-repeat 1px 3px; 
		}
	
	
/* Main Content Area Styles 
---------------------------------------------------------------------*/	

.height30 { height: 30px; }
	
#midSection .middleColumn .content { width: 500px; }
#midSection .middleColumn .content p { margin: 0 0 15px 0; }

#midSection .middleColumn .content .column1 { 
	float: left;
	display: block;
	width: 230px; 
	margin: 0 30px 20px 0;
	}

#midSection .middleColumn .content .column2 { 
	float: left;
	display: block;
	width: 230px; 
	margin: 0 0 20px 0;
	}
	
#midSection .middleColumn .content .greyBox { 
	border: 5px solid #b4b4b4;
	background: #ebebeb;
	padding: 10px;
	}
	
	#midSection .middleColumn .content .greyBox ul { 
		margin: 10px 0 0 0;
		padding: 0;
		list-style-type: none;
		}
	
	#midSection .middleColumn .content .greyBox ul li { 
		border-top: 1px dashed #b4b4b4;
		padding: 5px 0 5px 20px;
		background-image: none;
		display: block;
		position: relative;
		}
		
	#midSection .middleColumn .content .greyBox ul li.first { border-top: 0; }
	
	#midSection .middleColumn .content .greyBox ul li.sublist { 
		border-top: 0;
		padding: 2px 0 2px 25px;
		background: url(/images/common/bullet1.gif) no-repeat 16px 4px;
		}
		
	#midSection .middleColumn .content .greyBox ul li .number { 
		position: absolute;
		top: 5px;
		left: 0;
		width: 20px;
		display: block;
		color: #6c3996;
		font-weight: bold;
		font-size: 15px;
		}
		
	#midSection .middleColumn .content .greyBox ul li a { border-bottom: 0; color: #6c3996; }
	#midSection .middleColumn .content .greyBox ul li a:hover { border-bottom: 0; color: #07c; }


#midSection .middleColumn .content h1.pageTitle { 
	display: block;
	height: 42px;
	width: 500px;
	text-indent: -5000px;
	border-bottom: 2px solid #e5e5e5;
	margin: 0 0 10px 0;
	}
	
	.section-home #midSection h1.pageTitle { background: url(/images/titles/pageTitle-home.gif) no-repeat; }


/* Homepage Boxes Styles 
---------------------------------------------------------------------*/	

.boxes { 
	display: block;
	width: 512px;
	margin: 0 -5px;
	padding: 0 0 10px 0;
	}
	
	.boxes .inside { display: block; width: 512px; }
	
	.blue-grey { background: url(/images/common/boxBottom-blue-grey.gif) no-repeat 0 bottom; }
	.blue-grey .inside { background: url(/images/common/boxTop-blue-grey.gif) no-repeat 0 top; }

	.green-purple { background: url(/images/common/boxBottom-green-purple.gif) no-repeat 0 bottom; }
	.green-purple .inside { background: url(/images/common/boxTop-green-purple.gif) no-repeat 0 top; }
	
	
	.boxes .box { 
		float: left;
		width: 236px;
		padding: 10px;
		}
			
	#midSection .boxes a .box h2 {
		padding: 0; 
		height: 53px;
		width: 237px;
		display: block;
		margin-bottom: 10px;
		}
		
	#midSection a .boxes { text-decoration: none; }

	.boxes a .box h2 { 
		display: block;
		height: 53px; 
		width: 237px;
		text-indent: -5000px;
		}	
		
		h2.youthZoo { background: url(/images/common/h2-youthZoo.gif) no-repeat; }
		h2.thePlan { background: url(/images/common/h2-thePlan.gif) no-repeat; }
		h2.successStories { background: url(/images/common/h2-successStories.gif) no-repeat; }
		h2.energyChallenge { background: url(/images/common/h2-energyChallenge.gif) no-repeat; }
		
	.boxes a:hover .box h2  { background-position: 0 -53px; }
		
	.boxes .box p {
		padding: 0 24px;
		font-size: 11px;
		font-weight: bold;
		color: #fff;
		line-height: 14px;
		}
	
	
/* Left Hand Navigation 
---------------------------------------------------------------------*/	

#midSection .leftNav { padding: 165px 0 55px 0; }

#midSection .leftNav ul.leftNavUL { 
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
	z-index: 999;
	}
	
#midSection .leftNav ul.leftNavUL li { 
	display: block;
	width: 206px;
	background: url(/images/leftNav/bg-leftNav.png) no-repeat;
	padding: 2px 10px;
	position: relative;
	z-index: 999;
	}

#midSection .leftNav ul.leftNavUL li.first { 
	background: transparent url(/images/leftNav/bg-leftNavFirst.png) no-repeat;
	padding: 7px 10px 2px 10px;
	}

#midSection .leftNav ul.leftNavUL li.last { 
	background: transparent url(/images/leftNav/bg-leftNavLast.png) no-repeat;
	padding: 2px 10px 7px 10px;
	}
	
#midSection .leftNav ul.leftNavUL li a.mainMenu { 
	display: block;
	height: 44px;
	width: 206px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -5000px;
	}
		
#midSection .leftNav ul.leftNavUL li a.mainMenu:hover { 
	background-position: 0 -44px;
	}
	
	#midSection .leftNav ul.leftNavUL li.cleanliness a.mainMenu { background-image: url(/images/leftNav/cleanliness.gif); }
	#midSection .leftNav ul.leftNavUL li.resourceconservation a.mainMenu { background-image: url(/images/leftNav/conservation.gif); }
	#midSection .leftNav ul.leftNavUL li.economy a.mainMenu { background-image: url(/images/leftNav/economy.gif); }
	#midSection .leftNav ul.leftNavUL li.education a.mainMenu { background-image: url(/images/leftNav/education.gif); }
	#midSection .leftNav ul.leftNavUL li.greening a.mainMenu { background-image: url(/images/leftNav/greening.gif); }
	#midSection .leftNav ul.leftNavUL li.prevention a.mainMenu { background-image: url(/images/leftNav/prevention.gif); }
	#midSection .leftNav ul.leftNavUL li.transportation a.mainMenu { background-image: url(/images/leftNav/transportation.gif); }



	/* Homepage Hover Styles */

	ul.leftNavUL li div.submenuContainer,
	ul.leftNavUL li.last div.submenuContainer {
		display: none;
		position: absolute;
		top: -2px;
		left: 219px;
		margin: 0;
		z-index: 1;
		text-indent: 0;
		padding: 0 0 15px 0;
		width: 190px;
		height: auto;
		background: url(/images/leftNav/bg-submenuContainerHome.png) no-repeat left bottom;
		}
		
			#midSection ul.leftNavUL li.economy div.submenuContainer { background: url(/images/leftNav/bg-submenuContainerHome.png) no-repeat left bottom }
					
		ul.leftNavUL li div.submenuContainer .submenu { 
			padding: 15px 15px 0 15px;
			width: 160px;
			background: url(/images/leftNav/bg-submenuHome.png) no-repeat left top;
			margin: 0; 
			}
				
		#midSection .leftNav ul.leftNavUL li div.submenuContainer ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
			width: 160px;
			background: none;
			}
		
		#midSection .leftNav ul.leftNavUL li div.submenuContainer ul li { 
			background-image: none;
			height: auto;
			line-height: 14px;
			width: 160px;
			margin: 0;
			padding: 0;
			}			
		
	/* Interior Left-hand Nav Subnmenu Styles */
	
	.section-cleanliness #midSection ul.leftNavUL li.cleanliness div.submenuContainer, 
	.section-resourceconservation #midSection ul.leftNavUL li.resourceconservation div.submenuContainer, 
	.section-economy #midSection ul.leftNavUL li.economy div.submenuContainer,
	.section-education #midSection ul.leftNavUL li.education div.submenuContainer, 
	.section-greening #midSection ul.leftNavUL li.greening div.submenuContainer,
	.section-prevention #midSection ul.leftNavUL li.prevention div.submenuContainer,
	.section-transportation #midSection ul.leftNavUL li.transportation div.submenuContainer {
		display: none;
		position: relative;
		left: -15px;
		top: -15px;
		margin: 0 0 -17px 0;
		padding: 0;
		width: 230px;
		background: transparent url(/images/leftNav/bg-selectedBottom.gif) no-repeat 5px bottom;
		z-index: 999;
		}
		
	.section-cleanliness #midSection ul.leftNavUL li.cleanliness div.submenuContainer .submenu, 
	.section-resourceconservation #midSection ul.leftNavUL li.resourceconservation div.submenuContainer .submenu, 
	.section-economy #midSection ul.leftNavUL li.economy div.submenuContainer .submenu,
	.section-education #midSection ul.leftNavUL li.education div.submenuContainer .submenu, 
	.section-greening #midSection ul.leftNavUL li.greening div.submenuContainer .submenu,
	.section-prevention #midSection ul.leftNavUL li.prevention div.submenuContainer .submenu,
	.section-transportation #midSection ul.leftNavUL li.transportation div.submenuContainer .submenu { 
		background-image: none; 
		}
		
		.section-cleanliness #midSection ul.leftNavUL li.cleanliness div.submenuContainer, 
		.section-resourceconservation #midSection ul.leftNavUL li.resourceconservation div.submenuContainer, 
		.section-economy #midSection ul.leftNavUL li.economy div.submenuContainer,
		.section-education #midSection ul.leftNavUL li.education div.submenuContainer, 
		.section-greening #midSection ul.leftNavUL li.greening div.submenuContainer,
		.section-prevention #midSection ul.leftNavUL li.prevention div.submenuContainer,
		.section-transportation #midSection ul.leftNavUL li.transportation div.submenuContainer 
			{ display: block; }
			
			
		.section-economy #midSection ul.leftNavUL li.economy div.submenuContainer { background-image: none; }
		
		
		.section-cleanliness #midSection ul.leftNavUL li.cleanliness div.submenuContainer ul, 
		.section-resourceconservation #midSection ul.leftNavUL li.resourceconservation div.submenuContainer ul, 
		.section-economy #midSection ul.leftNavUL li.economy div.submenuContainer ul,
		.section-education #midSection ul.leftNavUL li.education div.submenuContainer ul, 
		.section-greening #midSection ul.leftNavUL li.greening div.submenuContainer ul,
		.section-prevention #midSection ul.leftNavUL li.prevention div.submenuContainer ul,
		.section-transportation #midSection ul.leftNavUL li.transportation div.submenuContainer ul {
			margin: 0;
			padding: 15px 25px 20px 35px;
			list-style-type: none;
			width: 160px;
			background: url(/images/leftNav/bg-selectedTop.gif) no-repeat -10px top;
			}
		
		.section-cleanliness #midSection ul.leftNavUL li.cleanliness div.submenuContainer ul li, 
		.section-resourceconservation #midSection ul.leftNavUL li.resourceconservation div.submenuContainer ul li, 
		.section-economy #midSection ul.leftNavUL li.economy div.submenuContainer ul li,
		.section-education #midSection ul.leftNavUL li.education div.submenuContainer ul li, 
		.section-greening #midSection ul.leftNavUL li.greening div.submenuContainer ul li,
		.section-prevention #midSection ul.leftNavUL li.prevention div.submenuContainer ul li,
		.section-transportation #midSection ul.leftNavUL li.transportation div.submenuContainer ul li { 
			background-image: none;
			line-height: 24px;
			width: 160px;
			margin: 0;
			padding: 0;
			}

		#midSection .leftNav ul.leftNavUL li div.submenuContainer ul li a {
			display: block;
			font-size: 11px;
			line-height: 13px;
			font-weight: bold;
			color: #555;
			background-image: none;
			padding: 6px 10px;
			border-bottom: 1px dashed #555;
			}
			
		#midSection .leftNav ul.leftNavUL li div.submenuContainer ul li a:hover { color: #444; }
		
		#midSection .leftNav ul.leftNavUL li.cleanliness div.submenuContainer ul li a { border-color: #caab00; }
		#midSection .leftNav ul.leftNavUL li.cleanliness div.submenuContainer ul li a:hover { background: #fbe983; }
		#midSection .leftNav ul.leftNavUL li.cleanliness div.submenuContainer ul li.active a { background: #fbe983; }

		#midSection .leftNav ul.leftNavUL li.prevention div.submenuContainer ul li a { border-color: #797979; }
		#midSection .leftNav ul.leftNavUL li.prevention div.submenuContainer ul li a:hover { background: #ddd; }
		#midSection .leftNav ul.leftNavUL li.prevention div.submenuContainer ul li.active a { background: #ddd; }

		#midSection .leftNav ul.leftNavUL li.resourceconservation div.submenuContainer ul li a { border-color: #006bb0; }
		#midSection .leftNav ul.leftNavUL li.resourceconservation div.submenuContainer ul li a:hover { background: #99c4df; }
		#midSection .leftNav ul.leftNavUL li.resourceconservation div.submenuContainer ul li.active a { background: #99c4df; }

		#midSection .leftNav ul.leftNavUL li.greening div.submenuContainer ul li a { border-color: #269a25; }
		#midSection .leftNav ul.leftNavUL li.greening div.submenuContainer ul li a:hover { background: #a8d7a8; }
		#midSection .leftNav ul.leftNavUL li.greening div.submenuContainer ul li.active a { background: #a8d7a8; }

		#midSection .leftNav ul.leftNavUL li.transportation div.submenuContainer ul li a { border-color: #c4680f; }
		#midSection .leftNav ul.leftNavUL li.transportation div.submenuContainer ul li a:hover { background: #e7c39f; }
		#midSection .leftNav ul.leftNavUL li.transportation div.submenuContainer ul li.active a { background: #e7c39f; }
		
		#midSection .leftNav ul.leftNavUL li.education div.submenuContainer ul li a { border-color: #9c1e1e; }
		#midSection .leftNav ul.leftNavUL li.education div.submenuContainer ul li a:hover { background: #d7a5a5; }
		#midSection .leftNav ul.leftNavUL li.education div.submenuContainer ul li.active a { background: #d7a5a5; }
	
		#midSection .leftNav ul.leftNavUL li.economy div.submenuContainer ul li a { border-color: #6c3996; }
		#midSection .leftNav ul.leftNavUL li.economy div.submenuContainer ul li a:hover { background: #c4b0d5; }
		#midSection .leftNav ul.leftNavUL li.economy div.submenuContainer ul li.active a { background: #c4b0d5; }


	#midSection .leftNav ul.leftNavUL li.sfhover div.submenuContainer,
	#midSection .leftNav ul.leftNavUL li:hover div.submenuContainer { 
		display: block; 
		}
		
	#midSection .leftNav ul li.menuHover { 
		position: relative; 
		z-index: 999; 
		}
		

/* Feature Styles 
---------------------------------------------------------------------*/	


#midSection #featureContainer { 
	display: block;
	margin: 0 0 30px 0;
	padding: 0; 
	width: 735px;
	height: 230px;
	background: #5d5d5d url(/images/common/bg-feature.jpg) no-repeat;
	overflow: hidden;
	position: relative;
	}

#midSection #feature { 
	display: block;
	margin: 0;
	padding: 0;
	width: 735px;
	height: 230px;
	font-size: 12px;
	line-height: 15px;
	color: #fff;
	position: relative;
	z-index: 1;
	}
	
#midSection #feature .leftColumn { width: 425px; }
#midSection #feature .rightColumn { width: 295px; }

#midSection #feature .leftColumn .photo { 
	display: block;
	padding: 15px;
	background: url(/images/common/bg-photo.png) no-repeat;
	width: 390px;
	height: 200px;
	}
	
#midSection #feature .rightColumn h2 {
	display: block;
	height: 65px;
	width: 295px;
	text-indent: -5000px;
	margin: 13px 0 5px 0;
	}
	
	h2.enviroAwards { background: url(/images/features/h2-enviroAwards.gif) no-repeat; }
	h2.students { background: url(/images/features/h2-students.gif) no-repeat; }
	h2.baltimoreChallenge { background: url(/images/features/h2-baltimoreChallenge.gif) no-repeat; }
	h2.greenhouse { background: url(/images/features/h2-greenhouse.gif) no-repeat; }
	h2.planReleased { background: url(/images/features/h2-plan.gif) no-repeat; }
	
	h2.communityEnergySaversGrant { background: url(/images/features/h2-communityEnergySaversGrant.gif) no-repeat; }
	h2.annualReport2010 { background: url(/images/features/h2-annualReport2010.gif) no-repeat; }
	h2.bnecPilot { background: url(/images/features/h2-bnecPilot.gif) no-repeat; }
	h2.schoolsChallenge { background: url(/images/features/h2-schoolsChallenge.gif) no-repeat; }	
	

#midSection #feature .rightColumn p { margin: 0 0 10px 0; }


#midSection #featureList { position: absolute; bottom: 0; left: 424px; z-index: 999; font-size: 11px; font-weight: bold; }
#midSection #featureList a { padding: 2px 6px 3px; margin: 0 2px 0 0; background: transparent; color: #a6a6a6; }
#midSection #featureList a.activeSlide { background: #1d1d1d; color: #a6a6a6; }


.mapContainer { 
	width: 504px;
	padding: 0 0 7px 0;
	margin: 0 0 20px 0;
	background: url(/images/common/bg-mapBot.gif) no-repeat left bottom;
	}
	
	.mapContainer .mapTop { 
		display: block;
		width: 504px;
		padding: 0;
		height: 7px;
		margin: 0;
		background: url(/images/common/bg-mapTop.gif) no-repeat left top;
		}
		
	.mapContainer #map { 
		display: block;
		width: 490px;
		height: 490px;
		background: #fff;
		margin: 0 7px;
		position: relative;
		z-index: 1;
		}
	
/* Left Column Styles 
---------------------------------------------------------------------*/	

#midSection h3 { 
	color: #c60;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 12px 0;
	}

#midSection #downloads { 
	margin: 20px 0 20px 40px;
	width: 160px;
	}
	
	#midSection #downloads ul { 
		margin: 0;
		padding: 0;
		list-style-type: none;
		}
		
	#midSection #downloads ul li {
		display: block;
		font-size: 11px;
		line-height: 13px;
		background: url(/images/common/dashes-horiz.gif) repeat-x bottom;
		}
		
	#midSection #downloads ul li a { 
		display: block;
		color: #474747;
		font-weight: bold;
		padding: 5px 20px 5px 2px;
		background: url(/images/common/icon-download.gif) no-repeat right center;
		}
		
	#midSection #downloads ul li a:hover { color: #07c; }
		
	#midSection #downloads .viewAll { 
		text-align: right;
		}

	#midSection #downloads .viewAll a { 
		font-size: 8px;
		color: #999;
		padding: 5px 10px 5px 0;
		background: url(/images/common/arrow1.gif) no-repeat right 12px;
		text-align: right;
		display: block;
		text-transform: uppercase;
		}
		
	#midSection #downloads .viewAll a:hover { color: #444; }

#midSection #enews { 
	margin: 20px 40px;
	width: 160px;
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
	color: #474747;
	}
			
	#midSection #enews p { 
		margin-bottom: 5px;
		}

	#midSection #enews .input { 
		display: block;
		margin: 0 -3px -1px -3px;
		padding: 3px;
		height: 25px;
		width: 160px;
		background: url(/images/common/bg-input.png) no-repeat;
		}

	#midSection input.cleardefault { 
		border: none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		line-height: 13px;
		padding: 5px;
		width: 150px;
		color: #474747;
		background: transparent;
		font-weight: bold;
		}
		

#midSection h1.sectionTitle { 
	display: block;
	height: 50px;
	width: 500px;
	border-bottom: 2px solid #e5e5e5;
	margin: 0 0 5px 0;
	text-indent: -5000px;
	background: url(/images/titles/sectionTitle-generic.gif) no-repeat;
	}	
	
	.section-cleanliness #midSection h1.sectionTitle { background: url(/images/titles/sectionTitle-cleanliness.gif) no-repeat; }	
	.section-prevention #midSection h1.sectionTitle { background: url(/images/titles/sectionTitle-pollution.gif) no-repeat; }	
	.section-resourceconservation #midSection h1.sectionTitle { background: url(/images/titles/sectionTitle-conservation.gif) no-repeat; }	
	.section-greening #midSection h1.sectionTitle { background: url(/images/titles/sectionTitle-greening.gif) no-repeat; }	
	.section-transportation #midSection h1.sectionTitle { background: url(/images/titles/sectionTitle-transportation.gif) no-repeat; }	
	.section-education #midSection h1.sectionTitle { background: url(/images/titles/sectionTitle-education.gif) no-repeat; }	
	.section-economy #midSection h1.sectionTitle { background: url(/images/titles/sectionTitle-economy.gif) no-repeat; }	

	.section-about #midSection h1.sectionTitle { background: url(/images/titles/sectionTitle-about.gif) no-repeat; }	
	.section-resources #midSection h1.sectionTitle { background: url(/images/titles/sectionTitle-resourceCenter.gif) no-repeat; }	
	.section-media #midSection h1.sectionTitle { background: url(/images/titles/sectionTitle-mediaCenter.gif) no-repeat; }	
	.section-links #midSection h1.sectionTitle { background: url(/images/titles/sectionTitle-links.gif) no-repeat; }	
	.section-contact #midSection h1.sectionTitle { background: url(/images/titles/sectionTitle-contact.gif) no-repeat; }	
	.section-successStories #midSection h1.sectionTitle { background: url(/images/titles/sectionTitle-successStories.gif) no-repeat; }
	.section-404 #midSection h1.sectionTitle { background: url(/images/titles/sectionTitle-404.gif) no-repeat; }		


#midSection h2 { 
	color: #797979;
	font-weight: normal;
	font-size: 24px;
	margin: 0 0 35px 0;
	}		
		
#midSection h4 { 
	font-size: 16px;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-weight: normal;
	color: #269a25;
	line-height: 20px;
	margin: 10px 0;
	}

	.section-cleanliness #midSection h4 { color: #a90; }	
	.section-prevention #midSection h4 { color: #797979; }	
	.section-resourceconservation #midSection h4 { color: #006bb0; }	
	.section-greening #midSection h4 { color: #269a25; }	
	.section-transportation #midSection h4 { color: #c4680f; }	
	.section-education #midSection h4 { color: #9c1e1e; }	
	.section-economy #midSection h4 { color: #6c3996; }	


#midSection h5 { 
	color: #6c3996;
	font-weight: bold;
	font-size: 15px;
	margin: 0 0 10px 0;
	}	
	

/* Right Column Styles 
---------------------------------------------------------------------*/	

#midSection #news { 
	margin: 110px 0 20px 0;
	width: 160px;
	}


	.section-home #midSection #news { 
		margin: 0 0 20px 0;
		}
		
	#midSection #news ul { 
		margin: 0;
		padding: 0;
		list-style-type: none;
		}
		
	#midSection #news ul li {
		display: block;
		background: url(/images/common/dashes-horiz.gif) repeat-x bottom;
		padding: 0 0 12px 0;
		margin: 0 0 12px 0;
		}
		
	#midSection #news ul li .date {
		font-family: Georgia, Times, "Times New Roman", serif;
		font-style: italic;
		color: #929292;
		}
	
	#midSection #news ul li a { 
		display: block;
		color: #474747;
		font-weight: bold;
		padding: 4px 2px 5px 2px;
		font-size: 13px;
		line-height: 14px;
		border-bottom: 0; 
		}
		
	#midSection #news ul li a:hover { color: #07c; }
	
	#midSection #news .subscribe { 
		text-align: left;
		float: left;
		width: 100px;
		margin-top: -7px;
		}

	#midSection #news .subscribe a { 
		font-size: 8px;
		line-height: 8px;
		color: #999;
		padding: 5px 0 15px 22px;
		background: url(/images/common/icon-rss.gif) no-repeat 0 5px;
		text-align: left;
		display: block;
		text-transform: uppercase;
		border-bottom: 0; 
		}
		
	#midSection #news .subscribe a:hover { color: #444; }
		
	#midSection #news .viewAll { 
		text-align: right;
		float: right;
		width: 60px;
		margin-top: -7px;
		}

	#midSection #news .viewAll a { 
		font-size: 8px;
		line-height: 8px;
		color: #999;
		padding: 5px 10px 5px 0;
		background: url(/images/common/arrow1.gif) no-repeat right 7px;
		text-align: right;
		display: block;
		text-transform: uppercase;
		border-bottom: 0; 
		}
		
	#midSection #news .viewAll a:hover { color: #444; }
	
	#midSection #newsAll { 
	/*margin: 110px 0 20px 0;*/
	width: 500px;
	}


	.section-home #midSection #newsAll { 
		margin: 0 0 20px 0;
		}
		
	#midSection #newsAll ul { 
		margin: 0;
		padding: 0;
		list-style-type: none;
		}
		
	#midSection #newsAll ul li {
		display: block;
		background: url(/images/common/dashes-horiz.gif) repeat-x bottom;
		padding: 0 0 12px 0;
		margin: 0 0 12px 0;
		}
		
	#midSection #newsAll ul li .date {
		font-family: Georgia, Times, "Times New Roman", serif;
		font-style: italic;
		color: #929292;
		}
	
	#midSection #newsAll ul li a { 
		display: block;
		color: #474747;
		font-weight: bold;
		padding: 4px 2px 5px 2px;
		font-size: 13px;
		line-height: 14px;
		border-bottom: 0; 
		}
		
	#midSection #newsAll ul li a:hover { color: #07c; }
	
	#midSection #newsAll .subscribe { 
		text-align: left;
		float: left;
		width: 100px;
		margin-top: -7px;
		}

	#midSection #newsAll .subscribe a { 
		font-size: 8px;
		line-height: 8px;
		color: #999;
		padding: 5px 0 15px 22px;
		background: url(/images/common/icon-rss.gif) no-repeat 0 5px;
		text-align: left;
		display: block;
		text-transform: uppercase;
		border-bottom: 0; 
		}
		
	#midSection #newsAll .subscribe a:hover { color: #444; }
		
	#midSection #newsAll .viewAll { 
		text-align: right;
		float: right;
		width: 60px;
		margin-top: -7px;
		}

	#midSection #newsAll .viewAll a { 
		font-size: 8px;
		line-height: 8px;
		color: #999;
		padding: 5px 10px 5px 0;
		background: url(/images/common/arrow1.gif) no-repeat right 7px;
		text-align: right;
		display: block;
		text-transform: uppercase;
		border-bottom: 0; 
		}
		
	#midSection #newsAll .viewAll a:hover { color: #444; }

			

/* Partner Logos Styles 
---------------------------------------------------------------------*/	

#partnerLogos { 
	position: absolute;
	bottom: 85px;
	right: 40px;
	height: 216px;
	width: 160px;
	}
		
	#partnerLogos a { 
		display: block;
		text-indent: -5000px;
		height: 84px;
		}
			
	#partnerLogos .dop { 
		display: block;
		width: 84px;
		height: 84px;
		float: left;
		}

		#partnerLogos .dop a { background: url(/images/common/partnerLogos-dop.gif) no-repeat; width: 84px; }
		#partnerLogos .dop a:hover { background-position: 0 -84px; }

	#partnerLogos .cob { 
		display: block;
		width: 74px;
		height: 84px;
		float: left;
		}

		#partnerLogos .cob a { background: url(/images/common/partnerLogos-cob.gif) no-repeat; width: 74px; }
		#partnerLogos .cob a:hover { background-position: 0 -84px; }


	#partnerLogos .cgb { 
		display: block;
		width: 160px;
		height: 48px;
		}
		
		#partnerLogos .cgb a { 
			background: url(/images/common/partnerLogos-cgb.gif) no-repeat; 
			height: 48px; 
			width: 160px;
			}
			
		#partnerLogos .cgb a:hover { background-position: 0 -48px; }

	#partnerLogos .energyStar { 
		display: block;
		width: 72px;
		height: 84px;
		float: left;
		}

		#partnerLogos .energyStar a { background: url(/images/common/partnerLogos-energyStar.gif) no-repeat; width: 72px; }
		#partnerLogos .energyStar a:hover { background-position: 0 -84px; }

	#partnerLogos .usgbc { 
		display: block;
		width: 88px;
		height: 84px;
		float: left;
		}

		#partnerLogos .usgbc a { background: url(/images/common/partnerLogos-gbc.gif) no-repeat; width: 88px; }
		#partnerLogos .usgbc a:hover { background-position: 0 -84px; }
		
#midSection .content a { color: #333; border-bottom: 1px solid #ddd; }
#midSection .content a:hover { color: #07c; border-bottom: 1px solid #fff; }

#midSection .content .photo { 
	display: block;
	width: 264px;
	padding: 0 0 7px 0;
	float: right;
	margin: 0 0 2px 20px;
	background: url(/images/common/bg-photoBot.gif) no-repeat left bottom;
	}
	
	#midSection .content .photo .photoTop { 
		display: block;
		width: 264px;
		height: 7px;
		background: url(/images/common/bg-photoTop.gif) no-repeat left top;
		}
		
	#midSection .content .photo img { 
		margin: 0 7px;
		width: 250px;
		padding: 0; 
		}
	
	
	
#midSection .contactRow { 
	clear: both;
	margin: 0 0 5px 0;
	}
	
	#midSection .contactRow .left { float: left; width: 120px; padding: 0 10px 0 0; }
	#midSection .contactRow .right { float: left; width: 370px; }
	
	#midSection .contactRow .req { color: #269a25; }
	
	#midSection .contactRow .right select.wideSelect { width: 370px; }
	
	#midSection .contactRow .right input.inputText { 
		border: 1px solid #bbb;
		border-top: 1px solid #888;
		width: 350px;
		padding: 3px 10px;
		background: #f9f9f9;
		}
		
	#midSection .contactRow .right textarea { 
		border: 1px solid #bbb;
		border-top: 1px solid #888;
		width: 350px;
		height: 120px;
		padding: 3px 10px;
		background: #f9f9f9;
		}
		
	#midSection .contactRow .right input.button {
		padding: 3px 10px;
		background: #269a25;
		border: 1px solid #167b15;
		color: #fff;
		cursor: pointer;
		}

	#midSection .contactRow .right input.button:hover { 
		background: #167b15;
		}


		#midSection .greyBox .contactRow .right input.inputText { width: 310px; }
		#midSection .greyBox .contactRow .right textarea { width: 310px; }
		#midSection .greyBox .contactRow .right { width: 340px; }
		

			
/* botSection Styles 
---------------------------------------------------------------------*/	

#botSection {
	margin: 0;
	padding: 0; 
	clear: both;
	display: block;
	position: relative;
	font-size: 10px;
	line-height: 15px;
	color: #fff;
	font-weight: bold;
	z-index: 1;
	}
	
	#botSection .container {
		padding: 30px 0 15px 0;
		width: 960px;
		background: #252525 url(/images/common/bg-body.gif) repeat center top;
		z-index: 999;
		}
			
	#botSection .leftColumn { 
		width: 740px; 
		line-height: 11px;
		}
		
	#botSection .leftColumn .column { 
		display: block;
		float: left;
		width: 162px; 
		padding: 0 10px 0 0;
		}
	
	#botSection .rightColumn {
		width: 220px; 
		}
		
	#botSection ul {
		display: block;
		float: left;
		list-style-type: none;
		margin: 0 0 10px 0;
		padding: 0;
		width: 162px;
		}
		
	#botSection ul li { 
		margin: 0;
		padding: 1px 5px;
		}
		
	#botSection h2, #botSection a h2 {
		display: block;
		font-size: 10px;
		text-transform: uppercase;
		line-height: 22px;
		height: 20px;
		padding: 0 5px;
		margin: 0 0 5px 0;
		width: 152px;
		color: #fff;
		text-decoration:none;
		outline:none;
		}
		
		#botSection a h2.cleanliness { background: #dcbf25; }
		#botSection a h2.resourceconservation { background: #007ac8; }
		#botSection a h2.transportation { background: #d87615; }
		#botSection a h2.economy { background: #824bb0; }
		#botSection a h2.pollution { background: #7f7f7f; }
		#botSection a h2.greening { background: #34b234; }
		#botSection a h2.education { background: #b12726; }
		#botSection a h2.additional { background: #000000; }
		#botSection .ahref h2.additional { background: #000000; }
	
	 #botSection a:hover h2 {text-decoration:underline;}
			
	#botSection .partners { 
		display: block;
		width: 540px;
		margin: 20px 5px;
		padding: 10px 0 10px 130px;
		border-top: 2px solid #555;
		border-bottom: 2px solid #555;
		line-height: 12px;
		color: #585;
		background: url(/images/common/botSection-partners.gif) no-repeat;
		}

	#botSection .logo {
		margin: -25px 0 10px -10px;
		}
		
		#botSection .logo a { 	
			display: block;
			width: 215px;
			height: 74px;
			background: transparent url(/images/common/botSection-logo.png) no-repeat;
			text-indent: -5000px;
			}
		
	#botSection .partners .bar { margin: 0 5px; }
	
	#botSection .copyright p { margin: 10px 0 15px 7px; }
		
	#botSection a { color: #fff; text-decoration: none; }
	#botSection a:hover { color: #aaa; }

	#botSection a.blue { color: #5cf; text-decoration: underline; }
	#botSection a.blue:hover { color: #fff; }
	
	#botSection .share { 
		display: block;
		height: 34px; 
		width: 220px;
		background: url(/images/common/share.gif) no-repeat;
		}
		
	#botSection .share a { 
		display: block;
		float: left;
		height: 18px;
		width: 18px;
		text-indent: -5000px;
		margin: 7px 3px 0 0;
		}
		
	#botSection .share a.first { margin-left: 134px; }
	
	#botSection .share span { display: none; }





/* Accordion
----------------------------------*/

.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 6px 12px 0 12px; border-top: 0; position: relative; top: 1px; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }


#midSection #accordion h3 { 
	outline: none; 
	margin: 0 0 4px 0;
	
	}

#midSection #accordion h3 a { 
	font-size: 14px;
	color: #fff;
	border-bottom: 0;
	padding: 6px 12px;
	outline: 0;
	text-transform: none;
	font-weight: normal;
	}

	#midSection #accordion h3.cleanliness a { background: #caab00; }
	#midSection #accordion h3.cleanliness a:hover { background: #dbbc11; }

	#midSection #accordion h3.prevention a { background: #797979; }
	#midSection #accordion h3.prevention a:hover { background: #8a8a8a; }

	#midSection #accordion h3.resourceconservation a { background: #006bb0; }
	#midSection #accordion h3.resourceconservation a:hover { background: #117cc1; }

	#midSection #accordion h3.greening a { background: #269a25; }
	#midSection #accordion h3.greening a:hover { background: #37ab36; }

	#midSection #accordion h3.transportation a { background: #c4680f; }
	#midSection #accordion h3.transportation a:hover { background: #d5791f; }
		
	#midSection #accordion h3.education a { background: #9c1e1e; }
	#midSection #accordion h3.education a:hover { background: #ad2f2f; }
	
	#midSection #accordion h3.economy a { background: #6c3996; }
	#midSection #accordion h3li.economy a:hover { background: #7d4aa7; }


#midSection #accordion h4 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
	margin: 0 0 10px 0;
	font-weight: bold;
	}
	
#midSection #accordion .resources { 
	padding: 0 0 12px 0; 
	border: 2px solid #ccc;
	background: #dfdfdf;
	margin: 0 0 12px 0;
	}
	
#midSection #accordion .resources h4 { 
	background: #ccc;
	padding: 6px 12px;
	}
	
#midSection #accordion .resources ul { 
	margin: 0 12px;
	}
	
#midSection #accordion .resources ul a { border-color: #ccc; }



#midSection .container .resourceCenter { position: relative; z-index: 1; display: block; margin-top: -10px; }
#midSection .container .resourceCenter .coverup { position: absolute; top: 0; left: 0; z-index: 999; height: 10px; width: 500px; display: block; background: #fff; }

#midSection .container .resourceCenter h5 { padding-top: 12px; border-top: 1px solid #bbb; margin-top: 12px; }
#midSection .container .resource { margin: 5px 0 15px 0; padding: 0 0 0 10px; background: url(/images/common/bullet1.gif) no-repeat 1px 3px; }
#midSection .container .resource p { margin: 0; }

#midSection .content ul.sepList li { margin-bottom: 3px; }