/* MusicforAction.org
	   Site by Velocity
	   http://www.velocitystrategies.com/
-------------------------------------------- */

/* Import Eric Meyer's Reset Styles--------- */
@import url("reset.css");
/*------------------------------------------ */

html {
	}
		
body {
	background: url('http://c0761422.cdn.cloudfiles.rackspacecloud.com/masterBackground.jpg') no-repeat top center scroll;
	background-color: #252324;
	font-family: Helvetica,Geneva,sans-serif;
	font-size: small;
	padding: 0 0 50px 0;
	margin: 0;
	}

	a:link, a:visited {
		color: #4364DE;
		text-decoration: none;
		}

	a:hover {
		text-decoration: underline;
		}

	a:active {
		color: #4364DE;
		}
		
	p {
		font-size: 125%;
		line-height: 130%;
		padding: 0 0 1.2em 0;
		color: #3C3C3C;
		text-align: left;
		}
		
	strong {font-weight: bold;}
	em {font-style:italic;}	
	.left {float: left;}
	.right {float: right;}
	.small {font-size: smaller;}
	.large {font-size: larger;}
	.hide {display: none;}
	.clear {clear: both;}
	.img {padding: 0; margin: 10px; float: right;}
	.logoImg {height: 0; width: 0;}
	.code {font-family: courier;}

h1 {
	font-size: 2em;
	color: #FFFFFF;
	margin: 0 0 10px 0;
	font-weight: bold;
	}
h2 {
	font-size: 2em;
	margin: 10px 0;
	font-weight: bold;
	color: #2590D8;
	line-height: 1.2em;
	}
h3 {
	font-size: 1.5em;
	margin: 15px 0 5px 0;
	color: #2590D8;
	}
	h3.dl {
		font-size: 1.2em;
		margin: 15px 0 5px 0;
		color: #2590D8;
		margin:0px; 
		padding:0px;
		font-weight:bold;
		}
h4  {
	font: normal 1.2em/1.5em;
	margin: 3px 0 1px 0;
	color: #2590D8;
	}
h5 {
	font: normal 1.2em/1.5em;
	margin: 5px 0 2px 0;
	text-transform: uppercase;
	color: #2590D8;
	}
p {
	font: normal 1.1em/1.5em;
	margin: 5px 0 0px 0;
	}
ul, ol {
	margin: 0px 0 5px 0;
	padding: 0 0 0 1.4em;
	}

	/* Containers
-------------------------------------------- */

#wrapper {
	width: 1063px;
	margin: 0 auto;
	padding: 0;
	}

#masthead {
	display: block;
	background: transparent url('http://c0761422.cdn.cloudfiles.rackspacecloud.com/mastheadBK.gif') no-repeat top scroll;
	width: 1063px;
	height: 145px;
	margin: 0 auto;
	}
	#masthead ul {
		display: inline;
		}
		#masthead li {
			float: left;
			}
	#masthead h1, #masthead h2, #masthead h3, #masthead h4 {
		margin: 0;
		padding: 0;
		}
	#masthead h1 a {
		margin: 0;
		padding: 0;
		display: block;
		background: transparent url('../img/mastheadLogo.png') no-repeat top scroll;
		width: 226px;
		height: 145px;
		text-indent: -9999px;
		}
	#masthead h2 a {
		margin: 0;
		padding: 0;
		display: block;
		background: transparent url('../img/mastheadHeadCount.png') no-repeat top scroll;
		width: 240px;
		height: 145px;
		text-indent: -9999px;
		}
	#masthead h3 a {
		margin: 0;
		padding: 0;
		display: block;
		background: transparent url('http://c0761422.cdn.cloudfiles.rackspacecloud.com/mastheadNRDC.png') no-repeat top scroll;
		width: 327px;
		height: 145px;
		text-indent: -9999px;
		}
	#masthead h4 a {
		margin: 0;
		padding: 0;
		display: block;
		background: transparent url('../img/mastheadJamBase.png') no-repeat top scroll;
		width: 214px;
		height: 145px;
		text-indent: -9999px;
		}
	
#topSpacer {
	display: block;
	background: transparent url('http://c0761422.cdn.cloudfiles.rackspacecloud.com/topspacer.png') no-repeat top scroll;
	width: 1063px;
	height: 56px;
	margin: 0 auto;
	}
	
#topSpacerInside {
	display: block;
	background: transparent url('../img/topspacerInside.png') no-repeat top scroll;
	width: 1063px;
	height: 56px;
	margin: 0 auto;
	}
	#topSpacerInside2 {
	display: block;
	background: transparent url('../img/topspacerInside2.png') no-repeat top scroll;
	width: 1063px;
	height: 56px;
	margin: 0 auto;
	}

#container	{
	background: transparent url('http://c0761422.cdn.cloudfiles.rackspacecloud.com/contentBK.gif') repeat-y top scroll;
	width: 1063px;
	padding:0;
	margin: 0 auto;
	}
	
	#containerContent {
		margin: 0 71px;
		padding: 0;
		}
		#containerContent p {
			margin: 0;
			padding: 0;
			}
	#containerLeft {
		float: left;
		margin:0;
		padding:0;
		width:533px;
		}
	#containerRight {
		float: left;
		margin:0 0 0 8px;
		padding:0;
		width:380px;
		}
		.rightBox {
			background: #B2B2B2;
			color: #313131;
			margin: 0 0 10px 0;
			padding: 10px;
			}
			.rightBox h1 {
				font-size: 1.5em;
				color: #313131;
				}
			.rightBox p {
				color: #313131;
				}
			.rightBox a {
				color: #FFF;
				}
	#mainGraphic {
		background: transparent url('http://c0761422.cdn.cloudfiles.rackspacecloud.com/mainGraphicBackground.png') no-repeat top scroll;
		height: 351px;
		width: 533px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		}
		.mainGraphicImg {
			padding: 0;
			margin: 0;
			height: 303px;
			width: 466px;
			}
		#slideshow {
			height:303px;
			margin:0 0 0 28px;
			overflow:hidden;
			position:relative;
			width:466px;
			}
	#mainNewsBox {
		background: #FFF;
		width: 500px;
		margin: 5px 0 0 10px;
		padding: 0;
		}
		#mainNewsBox tr {
			padding: 0 0 10px 0;
			}
		#mainNewsBox td {
			margin: 0 0 10px 0;
			display: block;
			}
		#mainNewsBoxContent {
			padding: 20px;
			}
			#mainNewsBoxContent h1 {
				color: #01577A;
				}
			#mainNewsBoxContent p {
				padding: 0;
				margin: 5px 0 10px 0;
				}
			#mainNewsBoxContent li {
				font-size:125%;
				line-height:130%;
				color:#3C3C3C;
				margin-bottom:10px;
				}
	#socialMenu {
		margin: 5px 0 0 10px;
		padding: 0;
		}
		#socialMenu ul {
			clear:both;
			display:inline;
			float:left;
			margin:0;
			padding:0;
			width:500px;
			}
			#socialMenu li {
				float: left;
				height: 90px;
				}
			li#socialTwitter {width: 150px;}
			li#socialFacebook {width: 155px;}
			li#socialMySpace {width: 195px;}
				li#socialTwitter a, li#socialFacebook a, li#socialMySpace a {display: block;height: 90px;text-indent: -9999px;}
				li#socialTwitter a {background: transparent url('../img/socialTwitter.jpg') no-repeat top scroll;}
				li#socialFacebook a {background: transparent url('../img/socialFacebook.jpg') no-repeat top scroll;}
				li#socialMySpace a {background: transparent url('../img/socialMySpace.jpg') no-repeat top scroll;}
	#actionBox { margin: 0; padding: 0; }
		#actionBox ul{
			margin: 0;
			padding: 0;
			}
		#actionBox li {
			margin: 0;
			padding: 0;
			}
		#actionBox h1, #actionBox h2, #actionBox h3, #actionBox h4 {margin: 0;padding: 0;}
		#actionBox h1 a{
			background: transparent url('http://c0761422.cdn.cloudfiles.rackspacecloud.com/actionSenator.jpg') no-repeat top scroll;
			height: 102px;
			width: 391px;
			margin: 0;
			padding: 0;
			text-indent: -9999px;
			display:block;
			}
			#actionBox h1 a:hover{
				background: transparent url('http://c0761422.cdn.cloudfiles.rackspacecloud.com/actionSenatorON.jpg') no-repeat top scroll;
				}
		#actionBox h2 a{
			background: transparent url('http://c0761422.cdn.cloudfiles.rackspacecloud.com/actionPresident.jpg') no-repeat top scroll;
			height: 109px;
			width: 391px;
			margin: 0;
			padding: 0;
			text-indent: -9999px;
			display:block;
			}
			#actionBox h2 a:hover{
				background: transparent url('http://c0761422.cdn.cloudfiles.rackspacecloud.com/actionPresidentON.jpg') no-repeat top scroll;
				}
		#actionBox h3 a{
			background: transparent url('http://c0761422.cdn.cloudfiles.rackspacecloud.com/actionPaper.jpg') no-repeat top scroll;
			height: 99px;
			width: 391px;
			margin: 0;
			padding: 0;
			text-indent: -9999px;
			display:block;
			}
			#actionBox h3 a:hover{
				background: transparent url('http://c0761422.cdn.cloudfiles.rackspacecloud.com/actionPaperON.jpg') no-repeat top scroll;
				}
		#actionBox h4 a{
			background: transparent url('../img/actionNoThanks.jpg') no-repeat top scroll;
			height: 73px;
			width: 391px;
			margin: 0;
			padding: 0;
			text-indent: -9999px;
			display:block;
			}
		#songBox {
			background-color: #D6D7DC;
			background: transparent url('http://c0761422.cdn.cloudfiles.rackspacecloud.com/songBoxBK.png') repeat-y top scroll;
			color: #0D3E6C;
			border-bottom: 10px solid #494A4E;
			width: 371px;
			margin: 0;
			padding: 0;
			}
			#songBox h1 {
				display: block;
				background: transparent url('../img/BestofBonnarooLogo.jpg') no-repeat top scroll;
				margin: 0;
				padding: 0;
				height: 75px;
				width: 371px;
				text-indent: -9999px;
				}
			#songBox p {
				text-align: center;
				text-transform: uppercase;
				font-weight: bold;
				color: #0D3E6C;
				padding: 15px 15px;
				font-size: 1.25em;
				}
			#songBox a {
				color: #0D3E6C;
				padding: 0;
				margin: 0;
				}
			.songTitle {
				line-height: 1.25em;
				color: #0D3E6C;
				display: block;
				padding: 0;
				margin: 0;
				}
			.artistTitle {
				color: #0D3E6C;
				font-weight: bold;
				text-transform: uppercase;
				display: block;
				margin: 0;
				padding: 0;
				}
			#songBox ul {
				margin: 0;
				padding: 0;
				display: inline;
				}
				#songBox li {
					margin: 0 0 15px;
					padding: 0;
					display: block;
					list-style: none;
					list-style-position: outside;
					}
			#songBoxLeft {
				float:left;
				margin:0 10px 0 20px;
				width:165px;
				}
			#songBoxRight {
				margin: 0;
				float: left;
				width: 160px;
				}
			.dontspeak a {
				clear:both;
				padding: 15px;
				font-size: 1em;
				color: #494A4E;
				display: block;
				font-weight: bold;
				text-transform: uppercase;
				text-align: center;
				}
		#bottomBoxes {
			padding: 20px 0 0 0;
			}
			#bottomBoxes h3 {
				margin: 0 0 0 0;
				}
			#bottomBoxLeft {
				width:  288px;
				background: #FFF;
				float: left;
				padding: 0;
				margin: 0 30px 0 0;
				}
			#bottomBoxCenter {
				width: 275px;
				background: #FFF;
				float: left;
				padding: 0;
				margin: 0 30px 0 0;
				}
			#bottomBoxRight {
				width: 288px;
				background: #FFF;
				float: left;
				margin: 0;
				padding: 0;
				}
				#bottomLeftContent, #bottomCenterContent, #bottomRightContent  {
					padding: 20px;
					}
	#containerEnd {
		background: transparent url('../img/mainFooter.gif') no-repeat top scroll;
		width: 1063px;
		height: 30px;
		padding:0;
		margin: 0 auto;
		clear: both;
		}
#containerFooter {
	width: 800px;
	padding:0;
	margin: 0 auto 10px auto;
	/* height: 125px; */
	border-bottom: 1px solid #FBEFD7;
	}
	#containerFooter a, #containerFooter p {
		color: #99CC66;
		}
	#containerFooter h3 {
		color: #99CC66;
		}
	#containerFooter ul {
		padding: 0;
		margin: 0;
		}
	#containerFooter li {
		float: left;
		margin: 0 20px 0 0;
		}
	#containerFooter li.last {
		margin: 0;
		}
		a.facebook {
			background: transparent url('../img/socialBoxFacebook.png') no-repeat top scroll;
			width: 64px;
			height: 64px;
			padding:0;
			margin: 0;
			display: block;
			text-indent: -9999px;
			overflow: hidden;
			}
		a.twitter {
			background: transparent url('../img/socialBoxTwitter.png') no-repeat top scroll;
			width: 64px;
			height: 64px;
			padding:0;
			margin: 0;
			display: block;
			text-indent: -9999px;
			overflow: hidden;
			}
		a.youtube {
			background: transparent url('../img/socialBoxYouTube.png') no-repeat top scroll;
			width: 64px;
			height: 64px;
			padding:0;
			margin: 0;
			display: block;
			text-indent: -9999px;
			overflow: hidden;
			}
	#footerHeadCount {
		float: left;
		margin-bottom:20px;
		}
	#footerNRDCAF {
		float: right;
		margin-bottom:20px;
		}
	.privacy {
		clear: both;
		text-align: center;
		margin: 0;
		padding: 0 0 5px 0;
		}
	/* Menu
-------------------------------------------- */

#menu {
	display: block;
	background: transparent url('../img/menuBK.png') no-repeat top scroll;
	width: 1063px;
	height: 52px;
	margin: 0 auto;
	}
	#menu a {
		color: #48494D;
		}
		#menu a:hover {
			color: #E21B23;
			text-decoration: none;
			}
	#drops, #drops ul {
		clear:both;
		display:inline;
		float:left;
		margin:0;
		padding:0;
		width:1063px;
		}
		#drops li {
			float:left;
			padding: 17px 0 0;
			font-size: 1.3em;
			}
			#drops ul.drop {
				background:#FFFFFF;
				padding:5px;
				width:inherit;
				clear:both;
				float:left;
				margin-top:17px;
				padding: 0;
				border-bottom: 2px solid #B2B2B2;
				}
		
	#drops ul.aboutus {
		margin-left: -100px;
		}

	#drops ul.climatechange {
		margin-left: -180px;
		}			

	#drops ul.media {
		margin-left: -80px;
		}

	#drops ul.blog {
		margin-left: -80px;
		}
				
	#drops ul.drop li {
	    width:inherit;
		clear:both;
		font-size: 85%;
		padding: 5px 0 0 5px;
		margin: 0;
		}

	#drops ul.drop a {
		color:#191919;
		padding: 5px;
		font-weight:normal;
		clear:both;
		float:left;
		}
		
		#drops ul.drop a:hover {
			background: #fff;
			color: #E21B23;
			text-decoration: none;
			}

	#drops a {
		display: block;
		float:left;
		clear:both;
		width:160px;
		}

	#drops li {
		float: left;
		/*width: 10em;*/
		}

	#drops li ul {
		position: absolute;
		width: 180px;
		left: -999em;
		z-index: 500;
		}

	#drops li:hover ul {
		left: auto;
		}

	#drops li:hover ul, #drops li.sfhover ul {
		left: auto;
		}

	#menu a.home, #menu a.headcount, #menu a.nrdcaf, #menu a.donate, #menu a.aboutus, #menu a.climatechange, #menu a.media {
		float:left;
		width: auto; margin-right: 28px;
		}
	#menu a.blog {
		float:left;
		width: auto; margin: 0;
		}
		#menu a.home {padding-left: 220px;}
		#menu a.headcount { }
		#menu a.nrdcaf { }
		#menu a.donate { }
		#menu a.aboutus { }
		#menu a.climatechange { }
		#menu a.media { }
		#menu a.blog { }
		
		#menu a.home:hover { }
		#menu a.headcount:hover { }
		#menu a.nrdcaf:hover { }
		#menu a.donate:hover { }
		#menu a.aboutus:hover { }
		#menu a.climatechange:hover { }
		#menu a.media:hover { }
		#menu a.blog:hover { }

	/* News Box
-------------------------------------------- */
		
	#mainCCNewsBox {
		background: #FFF;
		width: 500px;
		margin: 110px 0 0 10px;
		padding: 0;
		}
		#mainCCNewsBoxContent {
			padding: 20px;
			}
			#mainCCNewsBoxContent h3 {
				margin: 0 0 0 0;
				}
			#mainCCNewsBoxContent a {
				color: #005779;
				font-size: 1.2em;
				margin: 5px 0 0px 0;
				line-height: 1.2em;
				}
			#mainCCNewsBoxContent ul {
				margin-top: 10px;
				}
				#mainCCNewsBoxContent li {
					list-style:disc outside none;
					padding-bottom:10px;
					}

	/* Partner Box
-------------------------------------------- */
				
#partnerBox {
	border-top:1px solid #494A4E;
	border-bottom:1px solid #494A4E;
	margin: 20px auto 10px auto;
	width:900px;
	}
	#partnerBoxContent {
		padding-bottom:10px;
		}
		#partnerBoxContent ul {
			display:block;
			margin:0 auto;
			padding:0;
			width:550px;
			}
			ul#partnerBoxContent2 {
				width: 600px;
				display:block;
				margin:0 auto;
				padding:0;
				}
		#partnerBoxContent li {
			float:left;
			margin-right:10px;
			}
	#partnerBox h3 {
			background: transparent url('../img/ourpartners.png') no-repeat top scroll;
			text-indent: -9999px;
			width: 310px;
			height: 50px;
			margin: 0;
			padding: 0;
			}
				
	/* Conversation Styles
-------------------------------------------- */
	#joinTheConversation h1 {
		text-indent: -9999px;
		width: 310px;
		height: 50px;
		background: transparent url('../img/jointheconversation.png') no-repeat top scroll;
		}
	#commentBox {
		background: #FFF;
		width: 500px;
		margin: 0 0 0 10px;
		padding: 0;
		}
		#commentBoxContent {
		padding: 20px 20px 5px 20px;
			}
		#commentBoxContent h3 {
				margin: 0 0 0 0;
				}
	#socialTwitterBox {
		background: #FFF;
		width: 371px;
		margin: 20px 0 0 0;
		padding: 0;
		}
		#socialTwitterBoxContent {
			padding: 20px;
			}
		#socialTwitterBox h3 {
				margin: 0 0 0 0;
				}
	
	#socialFacebookBox {
		background: #FFF;
		width: 371px;
		margin: 0;
		padding: 0;
		}
		#socialFacebookBoxContent {
			padding: 20px;
			}
	#containerLeft2 {
		float: left;
		margin:0;
		padding:0;
		width:533px;
		}
	#containerRight2 {
		float: right;
		margin:0;
		padding:0;
		width:380px;
		}

	/* Share Links
-------------------------------------------- */

#shareBox {
	float: right;
	margin: 0 0 20px 20px;
	padding: 8px;
	border: 1px #999999 solid;
	width: 150px;
	}
	
	#shareBox h3 {
		font-size: 1.25em;
		padding: 0;
		margin: 0 0 10px 0;
		color: #223786;
		}
	
	#shareBox p {
		padding: 0 0 10px 0;
		margin: 0;
		font-size: 1em;
		}
	
	#shareBox ul {
		margin: 0;
		padding: 0;
		}
	
	#shareBox li {
		display: block;
		float: left;
		margin: 0;
		padding: 0 5px 0 0;
		}

a#shareFacebook {
	text-indent: -2999px;
	background: transparent url('../img/shareFacebook.png') no-repeat top scroll;
	width: 62px;
	height: 78px;
	display: block;
	}
a#shareTwitter {
	text-indent: -2999px;
	background: transparent url('../img/shareTwitter.png') no-repeat top scroll;
	width: 62px;
	height: 78px;
	display: block;
	}

#conversationBox {
	clear: both;
	width: 930px;
	margin: 0 auto;
	padding: 20px;
	background: #666666;
	}
	#conversationBoxLeft {
		float: left;
		width: 400px;
		}
	#conversationBoxRight {
		float: right;
		width: 371px;
		}
				
	/* Disclaimer
-------------------------------------------- */
	
#disclaimer {
	width: 400px;
	margin: 20px auto;
	border:1px solid #FFFFFF;
	padding:6px 10px;
	}
	#disclaimer p {
		color: #FFFFFF;
		font-size: 1em;
		text-align: center;
		}
		
	/* Velocity
-------------------------------------------- */
	
#velocity {
	width: 400px;
	margin: 0 auto;
	/* border:1px solid #FFFFFF; */
	padding:8px;
	clear: both;
	}
	#velocity p {
		color: #99CC66;
		font-size: 1em;
		text-align: center;
		}
	#velocity a {
		color: #99CC66;
		}