/*
Theme Name: PA Energy Alliance
Theme URI: none
Description: Theme for PA Energy Alliance
Version: 1.0
Author: John McCartney
Author URI: 
*/
/* Eric Myer Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}


/* Begin Typography & Colors */

h1{
	font-family: Georgia;
	font-size: 26px;
	margin-bottom: 10px;
	padding: 0;
	line-height: 30px;
}


h2{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 20px;
}

h2.georgia{
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 20px;
	font-family: Georgia;	
}

h3{
	font-size: 12px;
	font-weight: bold; 

	padding-bottom: 5px;
	display: block;
}
h4{
	font-style: italic;
	font-weight: bold;
}
h5.date{
	margin-bottom: 10px;
}
.logo{
	width: 275px;
	height: 80px;
	float: left;
	position: relative;
	top: 15px;
	left: 58px;
}

.home a.read-more{
	color: #fff !important;
}

a.read-more{
	background: url('images/right-arrow.gif') no-repeat center right ;
	padding-right: 8px;
	clear: both;
}
h2 a{
	color: #fff !important;
}
#content a{
	color:  #143247;
}
#content a:hover{
	text-decoration: underline;
}

p{
	margin: 0 0 15px 0;
	padding: 0;
}

a{
	border: 0;
	outline: 0;
	text-decoration: none;
	color: #ffffff;
}


em{
	font-style: italic;
}
strong{
	font-weight: bold;
}

img{
	border: 0;
	outline: 0;
	text-decoration: none;
}

body{
	padding: 0;
	margin: 0;
	font-size: 13px; 
	font-family: Arial;
	height: 100%;
	width: 100%;
	background: url('images/hdr_background.gif') repeat-x #448a31;
	color: #ffffff;
	position: relative;
}


#wrapper{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}




#header{
	height: 208px;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	background: url('images/hdr_image.jpg') no-repeat;
}

#top_nav{
	background: url('images/top_nav.jpg') no-repeat;
	float: right;
	margin-right: 46px;
	width: 325px;
	height: 33px;
	font-size: 10px;
}
	#top_nav ul{
		list-style: none;
		margin: 10px 0 0 8px;
		padding: 0 0 0 0;
	}
	#top_nav ul li{
		float: left;
		padding-left: 11px;
	}
	#top_nav ul li a:hover{
		color: aqua;
	}
	


#right-col{
	width: 196px;
	float: right;
	padding-right: 50px;
}
ul.all-news{
	margin-top: 15px;
	padding-right: 10px;
	float: right;
	line-height: 20px;
}
ul.all-news li a{
	float: right;
}

ul.all-events{
	padding-right: 10px;
	float: right;
	line-height: 20px;
}
ul.all-events li a{
	float: right;
}

/*tab selecter code*/
	
#events{
	width: 101px;
	position: relative;
	top: 136px;
	left: 809px;
	height: 36px;
	background-image: url('images/events.gif');
	background-position: 0 -36px;
	cursor: pointer;
}
#news{
	width: 101px;
	position: relative;
	top: 172px;
	left: 709px;
	height: 36px;
	background-image: url('images/news.gif');
	background-position: 0 0;
	cursor: pointer;
}

#events_content{
	width: 181px;
	height: 251px;
	padding-left: 20px;
	background-image: url('images/news-content-bg.gif');
	display: none;
}

#news_content{
	width: 181px;
	height: 251px;
	padding-left: 20px;
	background-image: url('images/news-content-bg.gif');
	display: block;
}
	#news_content .alliance{
		margin: 0;
		padding-top: 12px;
		width: 170px;
		height: 75px;
	}
	
	#news_content .industry{
		margin: 0;
		padding-top: 25px;
		width: 170px;
		height: 75px;
	}
	#news_content a.read-more {
		padding-top: -5px;
		
	}
		
	
/*tab selecter code*/	
	
#email-form{
	width: 175px;
	height: 233px;
	margin-top: 28px;
	padding: 52px 15px 0 15px;
	background: url('images/email_bg.gif') no-repeat;
	color: #0f3c14;
	font-size: 11px;
}
#email-form label{
	color: #ffffff ;
	float: left;
	margin-bottom: 3px;
}
#email-form input{
	margin-bottom: 10px;
}

input#subscribe-btn{
	background: url('images/subscribe-btn.png') no-repeat;
	width: 121px;
	height: 22px;
	border: none;
	float: right;
	cursor: pointer;
}
.greating{
	margin-bottom: 10px;
}

ul.event-ticker{
	padding-top: 5px;
	height: 100px;
}
ul.event-ticker li{
	padding-top: 8px;
	clear: both;
}
ul.event-ticker .read-more{
	margin-top: 5px;
}

#content{
	width: 448px;
	padding-left: 32px;
	padding-right: 40px;
	margin-top: 20px;
	float: left;
	line-height: 15px;
	background: none;
}
.home .clean-energy{
	width: 200px;
	height: 150px;
	float: left;
	padding-right: 14px;
	margin-bottom: 10px;
	border-right: 1px solid #6fa561; 
	margin-top: 10px;
}

.home .join-us{
	width: 200px;
	height: 150px;
	float: left;
	padding-left: 14px;
	margin-bottom: 10px;
	border-left: 1px solid #336c22;
	margin-top: 10px;
}

.home .clean-energy p{
	font-family: Georgia;
	font-style: italic;
}
.home .join-us p{
	font-family: Georgia;
	font-style: italic;
}
.posts{
	margin-bottom:20px;
}

#benifits{
	background: url('images/benifits-bg.jpg') no-repeat bottom left;
	padding-left: 150px;
	padding-right: 20px;
	padding-top: 30px;
	width: 278px;
	height: 161px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#content ul{
	list-style: disc;
	padding-left: 15px;
	margin: 5px 0 10px 0;
	overflow: hidden;
}
#content ul li{
	padding: 5px 0 5px 0;
}

#leftnav{
	float: left;
}

#leftnav ul{
	margin: 21px 10px 0 50px;
	list-style-type: none;
	width: 130px;
	border-top: 1px solid #6fa561;
	border-bottom: 1px solid #336c22
}
#leftnav ul li{
	font-size: 18px;
	font-family: Georgia;
	width: 130px;
}		
#leftnav ul li a:hover{
	background: #488737;
}

#leftnav ul li a{
	width: 13px;
	height: auto;
	width: auto;
	display: block;
	padding: 8px 0 8px 30px;
	border-bottom: 1px solid #6fa561;
	border-top: 1px solid #336c22;
	/*-moz-border-radius-bottomleft: inherit;*/
}
#leftnav ul li a:hover{
	background: #40822d;
}

#leftnav ul li.active a{
	background: #40822d url('images/active-arrow.gif') no-repeat 15px center;
}

#leftnav ul li#nav_about.active a{
	background: #40822d url('images/active-arrow-expand.gif') no-repeat 10px center;
}
#leftnav ul li#nav_resources.active a{
	background: #40822d url('images/active-arrow-expand.gif') no-repeat 10px center;
}

#leftnav ul li#nav_media.active a{
	background: #40822d url('images/active-arrow-expand.gif') no-repeat 10px center;
}


#leftnav ul li ul{
	border-top: 1px solid #336c22;
	border-bottom: 1px solid #6fa561;
	margin: 0px;
	padding: 0px;
}

#leftnav ul li ul li a{
	font-size: 10px;
	font-family: Helvetica;
	font-weight: bold;
	color: #ffffff;
	border: none;
	height: auto
	background: none;
}

	#leftnav ul li ul li a:hover{
		color: #666;
		background: none;
	}
	#leftnav ul li ul li a.active{
		color: #143247;
		background: none;
	}

.form ul{
	text-align: right;
	list-style-type: none !important;
	padding-right: 100px;
}
.form ul li{
	clear: both;
}

.form input.text{
	width: 200px;	
}

.form label{
	padding-right: 5px;
}
.form ul li.comments{
	height: 160px;
}
.form ul li.comments textarea{
	overflow: hidden;
	width: 200px;
	padding: 2px;
	height: 155px;
}


.form ul li label{
	float: left;
	font-weight: bold;
	width: 115px;
}

.form input#subscribe-btn{
	margin-top: 5px;
}

.form form{
	margin-bottom: 20px;
}

.leadership .img-hdr{
	width: 448px;
	height: 184px;
}
.leadership .left img{
	border: 10px solid #ffffff;
}
.leadership .left{
	height: 170px;
	width: 170px;
	float: left;
	margin-bottom: 10px;
}

.leadership .right{
	width: 250px;
	height: 170px;
	float: left;
	padding-left: 15px;
	margin-bottom: 10px;
}

.membership ul li{
	margin: 0px;
}

#footer{
	width: 688px;
	float: right;
	height: 35px;
	padding-top: 10px;
	margin-top: 35px;
	margin-right: 50px;
	border-top: 1px dotted #ffffff;
}

#footer ul{
	float: right;
}

#footer ul li{
	float: left;
	padding:0 10px 0 10px;
}
#footer ul li.border{
	border-right: 1px solid #ffffff;
}

/* End captions */