@import "type.css";
@import "color_images.css";

/*Normalizing across site///////////////////////////////////////////////*/

/*Normalizes margin and padding*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, iframe{
	margin: 0;
	padding: 0;
}

/*Normalizes font-size for headers*/
h1, h2, h3, h4, h5, h6{
	font-size: 100%;
}

/*Removes list-style from lists*/
ol, ul{
	list-style: none;
}

/*Normalizes font-style and font-weight*/
address, caption, cite, code, dfn, em, strong, th, var{
	font-style: normal;
	font-weight: bolder;
}

/*Removes border from fieldset and img*/
fieldset, img{
	border: 0;
}

/*End Normalizing////////////////////////////////////////////////////////*/

html{
	min-height: 600px;
	text-align: center;
}
body{
	min-height: 600px;
	text-align: left;
}

body h1{
	margin-bottom: .6em;
	margin-top: .6em;
}

.clear{
	clear: both;
}

#wrapper{
	min-height: 700px;
	width: 780px;
	position: relative;
	margin: 0 auto;
	padding-top: 1px;
	padding-bottom: 20px;
}

#branding{
	height: 70px;
	margin-bottom: 5px;
	margin-left: 20px;
	margin-top: 20px;
	
}

#branding h1{
	text-indent: -9999px;
}

#home_page #wrapper{
	padding-bottom: 0;
}

#program_navigation li, #sub_navigation li{
	display: inline;
}

ul#program_navigation{
	height: 29px;
	width: 480px;
	float: right;
	margin-right: -1px;
}

ul#program_navigation li{
	float: left;
	text-align: center;
	line-height: 2.1em;
}

ul#program_navigation li a{
	width: 96px;
	height: 29px;
	display: block;
}

/*program nav background image hover state magic//////////////////////////*/

ul#program_navigation li#nav_unplugged a{
	background-position: 0 0;
}

ul#program_navigation li#nav_unplugged a:hover{
	background-position: 0px -30px;
}


ul#program_navigation li#nav_time a{
	background-position: -96px 0;
}

ul#program_navigation li#nav_time a:hover{
	background-position: -96px -30px;
}


ul#program_navigation li#nav_green_living a{
	background-position: -192px 0;
}

ul#program_navigation li#nav_green_living a:hover{
	background-position: -192px -30px;
}


ul#program_navigation li#nav_food a{
	background-position: -288px 0;
}

ul#program_navigation li#nav_food a:hover{
	background-position: -288px -30px;
}


ul#program_navigation li#nav_stuff a{
	background-position: -384px 0;
}

ul#program_navigation li#nav_stuff a:hover{
	background-position: -384px -30px;
}

/*end magic hover//////////////////////////////////////////////*/

ul#sub_navigation{
	height: 20px;
	width: 780px;
	clear: both;
}

ul#sub_navigation li{
	padding-left: 2em;
	line-height: 1.5em;
	float: left;
}

ul#sub_navigation li#blog{
	float: right;
	padding-right: 1em;
}

iframe{
	margin-left: 20px;
	height: 4em;
	margin-top: 10px;
	margin-bottom: 10px;
	
}

#subscribe_page{
	height: 100%;
}

#main_content{
	float: right;
	margin-right: 20px;
	display: inline;
	width: 466px;
	padding-left: 10px;
	padding-right: 10px;
}

#sub_content{
	float: left;
	width: 233px;
	height: 650px;
	margin: 0px;
	padding-left: 20px;
	display: inline;
}

#footer{
	
	position: relative;
	margin: 0 auto;
	clear: both;
	width: 780px;
	height: 20px;
	margin-bottom: 20px;
}
#footer ul{
	float: left;
}
#footer ul li{
	display: inline;
	padding-left: 2em;
	line-height: 1.7em;
}

#footer p{
	float: right;
	padding-right: 2em;
	line-height: 1.7em;
}

#upcoming_events_HP{
	width: 213px;
	height: 382px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	overflow: hidden;
}

#mission_statement_HP{
	width: 486px;
	float: right;
	margin-right: 20px;
	margin-bottom: 2em;
	display: inline;
}

#Social_Network {
vertical-align:top;
	
}
#programs_header {
 	margin-left: 20px;
	color:#555;
	width: 486px;
		
}
#programs_HP p{
	margin-top: .4em;
}
#home_page #programs_HP h1{
	float : left;
	padding-left: 20px;
	width: 486px;
	height: 1em;
}

#programs_HP ul li{
	float: left;
	width: 213px;
	height: 193px;
	margin-left: 20px;
	margin-bottom: 20px;
	padding-left: 10px;
	/*padding-right: 10px;*/
	display: inline;
}

#programs_HP ul>li{
	padding-right: 10px;
	
}

#programs_HP ul h2{
	line-height: 1.2em;
}
#programs_HP img{
	margin-left: -10px;
}


#subscribe_page form input#subscribe_button{
	height: 20px;
	width: 70px;
	margin-left: .6em;
	margin-top: -6px;
}

body#subscribe_page{
	padding-top: 5px;
}

#subscribe_page form input{
	margin-bottom: .3em;
}



#contact_page .organization-name{
	display: block;
}



#contact_form .row{
	clear: both;
}
#contact_form .label{
	width: 100px;
	text-align: right;
	float: left;
	margin-right: 1em;
	margin-bottom: .6em;
}

#contact_form .form_input{
	float: left;
	margin-bottom: .6em;
}

#contact_form .form_input input{
	width: 250px;
	height: 1.5em;
}

#contact_form .form_input textarea{
	width: 250px;
}

#contact_form .button{
	float: left;
}

#contact_page #main_content div:first-child{
	margin-bottom: 2em;
}

#contact_page #sub_content{
	width: 223px;
	height: 200px;
	margin: 0px;
	padding-left: 20px;
}

#round_bottom_wrapper_white, #round_bottom_wrapper_blue, #round_bottom_wrapper_dblue, #round_bottom_wrapper_green, #round_bottom_wrapper_lime, #round_bottom_wrapper_purple{
	padding-bottom: 10px;
	float: left;
}

#sidebar_events, #sidebar_news{
	margin-top: 15px;
	width: 193px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
}

#sidebar_events h1, #sidebar_news h1{
	margin-bottom: .3em;
}

#main_content h3{
	margin-top: 10px;
	}

#main_content p{
	margin-top: 10px;
	}
	
#main_content ul{
	margin-top: 10px;
	margin-left: 10px;
	}
	
/*Form on Buy Wisely page/////////////////////////

#buy_wisely_page #sub_content div:first-child{
	margin-bottom: 2em;
}	
	
#buy_wisely_page #contact_form .row{
	clear: both;
}
#buy_wisely_page #contact_form .label{
	width: 40px;
	text-align: left;
	float: left;
	margin-right: .6em;
	margin-bottom: .6em;
}

#buy_wisely_page #contact_form #company_type .label{
	width: 100px;
}

#buy_wisely_page #contact_form #business_structure .label{
	width: 120px;
}

#buy_wisely_page #contact_form #business_structure .form_input input{
	width: 90px;
}

#buy_wisely_page #contact_form #company_type .form_input input{
	width: 110px;
}

#buy_wisely_page #contact_form #company .form_input input{
	width: 140px;
}

#buy_wisely_page #contact_form #company .label{
	width: 50px;
}

#buy_wisely_page #contact_form .form_input{
	float: right;
	margin-bottom: .6em;
	margin-right: 10px;
}

#buy_wisely_page #contact_form .form_input input{
	width: 160px;
	height: 1.5em;
}

#buy_wisely_page #contact_form .form_input textarea{
	width: 130px;
	height: 100px;
}

#buy_wisely_page #contact_form .button{
	float: right;
	margin-right: 10px;
}

End form on Buy Wisely page///////////////////////////////*/

/* Addition by Steph- this is for the Events page /////////*/	

#main_content .date{
	margin-top: 0px;
	}
/* END Addition by Steph /////////*/

/*added by steph/////////////////////////////////*/
#sub_content #sidebar_events h3{
	margin-top: 0px;
	}
	
#sub_content #sidebar_news h3{
	margin-top: 0px;
	}
	
	#sub_content h3{
	margin-top: 15px;
	}
	
.news_pages_sub_cont_blurb{
	width: 213px;
	margin-top: 20px;
}

.news_pages_sub_cont_blurb ul{
	padding: 20px 0;
}

.news_pages_sub_cont_blurb ul li{
	margin-left: 50px;
	padding-top: 20px;
}


#sub_content img {
	margin-top: 20px;
	}
	
/*end added by steph/////////////////////////////////*/

#about_page #main_content blockquote{
	margin-bottom: 2em;
}

#sitemap ul ul{
	margin-bottom: 15px;
	}