@charset "UTF-8";
/* CSS Document */

/* 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, sub, sup, tt, var,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-weight:normal;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* Global */
body {
	font:13px Arial, Helvetica, sans-serif;
	background:url(/images/background_clouds.png) 50% 0 no-repeat fixed;
	color:#404040;
	background-color:#fffffc;
	font-family:Arial, Helvetica, sans-serif;
}
p {
	margin-bottom:10px;
}
h2, .program_article h4, #content h4 {
	font-size:25px;
	font-weight:bold;
}
#content h4.sorry {margin-top:15px}
h4 {
	font-weight:bold;
}
h5 {
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
}
a {
	text-decoration:underline;
	color:#404040
}
a:visited {
	color:#868686
}
a:hover {
	color:#0dbede
}

input {
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
	font-size:11px;
}
#header img {
	margin:0px;
	padding:0px;
}
#header {
	position:relative;
	z-index:0
}
#container {
	width: 970px;
	margin: 15px auto 15px auto;	
	background:url(/images/background_pinstripe.png) repeat;
	border: #dbd8cd solid 1px;
	-moz-box-shadow: 0px 0px 5px #cacaca; /* FF3.5+ */
    -webkit-box-shadow: 0px 0px 5px #cacaca; /* Saf3.0+, Chrome */
    box-shadow: 0px 0px 5px #cacaca; /* Opera 10.5, IE 9.0 */
}
#main {
	width: 738px;
	margin:-4px 0px 15px 10px;
	padding-top:18px;
	float:left;
	position:relative;
	background-color:white;
	display:inline;
}
#content {
	padding-left:5px;
	margin-top:-17px;
	padding-top:16px;
}
#content h3 {
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom: 1px solid black;
	margin-bottom:10px;
}
.article_title {
	background-color:#0dbede;
	padding:5px;
	margin-bottom:10px;
}
.article_title h3, .details {
	font-weight:bold;
	font-size:14px;
	border:none;
}
.buy_tickets {
	background-color:white;
	margin-left:10px;
}
.buy_tickets a {
	color:#0dbede;
	padding: 2px 3px 2px 3px;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}
.buy_tickets a:visited {
	color:#0dbede;
}
.buy_tickets_black {
	background-color:black;
	margin-left:10px;
}
.buy_tickets_black a {
	color:white;
	padding: 2px 3px 2px 3px;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}
.buy_tickets_black a:visited {
	color:white;
}

/* Subnav Menu START */
ul#menu {
	height:27px;
	width:738px;
	margin:-20px 0px 0px 10px;
	position:relative;
	z-index:9999
}

#menu.resources li {overflow:hidden; text-indent:-9999px; display:inline; float:left; margin-right:17px;}

#menu.resources li a {background:url(/images/nav_resources.png) no-repeat; width:100%; height:100%; display:block;}

#menu.resources {background:url(/images/green_line.png) repeat-x 0px 20px}

	/* Energy Button */
	#menu li.energy{width:73px; height:26px}
	#menu li.energy a{background-position:0px 3px;}
	#menu li.energy a:hover{background-position:0px -22px;}
	#menu li.energy a.selected{background-position:0px -22px;}

	/* Food Button */
	#menu li.food {width:53px; height:26px;}
	#menu li.food a{background-position:-93px 3px;}
	#menu li.food a:hover{background-position:-93px -22px;}
	#menu li.food a.selected{background-position:-93px -22px;}
	
	/* Shelter Button */
	#menu li.shelter {width:76px; height:26px;}
	#menu li.shelter a{background-position:-167px 3px;}
	#menu li.shelter a:hover{background-position:-167px -22px;}
	#menu li.shelter a.selected{background-position:-167px -22px;}
	
	/* Waste Button */
	#menu li.waste {width:66px; height:26px;}
	#menu li.waste a{background-position:-262px 3px;}
	#menu li.waste a:hover{background-position:-262px -22px;}
	#menu li.waste a.selected{background-position:-262px -22px;}

	/* Water Button */
	#menu li.water {width:64px; height:26px;}
	#menu li.water a{background-position:-349px 3px;}
	#menu li.water a:hover{background-position:-349px -22px;}
	#menu li.water a.selected{background-position:-349px -22px;}
	
#menu.programs li {overflow:hidden; text-indent:-9999px; display:inline; float:left; margin-right:17px;}

#menu.programs li a {background:url(/images/nav_programs.png) no-repeat; width:100%; height:100%; display:block;}

#menu.programs {background:url(/images/blue_line.png) repeat-x 0px 20px}

	/* All Button */
	#menu li.all{width:47px; height:26px}
	#menu li.all a{background-position:0px 1px;}
	#menu li.all a:hover{background-position:0px -24px;}
	#menu li.all a.selected{background-position:0px -24px;}
	
	/* Workshops Button */
	#menu li.workshops{width:112px; height:26px}
	#menu li.workshops a{background-position:-61px 1px;}
	#menu li.workshops a:hover{background-position:-61px -24px;}
	#menu li.workshops a.selected{background-position:-61px -24px;}
	
	/* Exhibitions Button */
	#menu li.exhibitions{width:110px; height:26px}
	#menu li.exhibitions a{background-position:-190px 1px;}
	#menu li.exhibitions a:hover{background-position:-190px -24px;}
	#menu li.exhibitions a.selected{background-position:-190px -24px;}	
	
	/* Lectures Button */
	#menu li.lectures{width:90px; height:26px}
	#menu li.lectures a{background-position:-316px 1px;}
	#menu li.lectures a:hover{background-position:-316px -24px;}
	#menu li.lectures a.selected{background-position:-316px -24px;}	
	
	/* Field Trips Button */
	#menu li.fieldtrips{width:105px; height:26px}
	#menu li.fieldtrips a{background-position:-422px 1px;}
	#menu li.fieldtrips a:hover{background-position:-422px -24px;}
	#menu li.fieldtrips a.selected{background-position:-422px -24px;}	

	/* General Programs Button */
	#menu li.generalprograms{width:179px; height:26px; margin-right:0px}
	#menu li.generalprograms a{background-position:-543px 1px;}
	#menu li.generalprograms a:hover{background-position:-543px -24px;}
	#menu li.generalprograms a.selected{background-position:-543px -24px;}

#menu.about li {overflow:hidden; text-indent:-9999px; display:inline; float:left; margin-right:17px;}

#menu.about li a {background:url(/images/nav_about.png) no-repeat; width:100%; height:100%; display:block;}

#menu.about {background:url(/images/red_line.png) repeat-x 0px 20px}

	/* General Information Button */
	#menu li.generalinformation{width:195px; height:26px}
	#menu li.generalinformation a{background-position:0px 1px;}
	#menu li.generalinformation a:hover{background-position:0px -24px;}
	#menu li.generalinformation a.selected{background-position:0px -24px;}

	/* Join Button */
	#menu li.join{width:47px; height:26px}
	#menu li.join a{background-position:-211px 1px;}
	#menu li.join a:hover{background-position:-211px -24px;}
	#menu li.join a.selected{background-position:-211px -24px;}

	/* Image Gallery Button */
	#menu li.imagegallery{width:138px; height:26px}
	#menu li.imagegallery a{background-position:-274px 1px;}
	#menu li.imagegallery a:hover{background-position:-274px -24px;}
	#menu li.imagegallery a.selected{background-position:-274px -24px;}

	/* Shop Button */
	#menu li.shop{width:55px; height:26px}
	#menu li.shop a{background-position:-426px 1px;}
	#menu li.shop a:hover{background-position:-426px -24px;}
	#menu li.shop a.selected{background-position:-426px -24px;}


#menu.news li {overflow:hidden; text-indent:-9999px; display:inline; float:left; margin-right:17px;}

#menu.news li a {background:url(/images/nav_news.png) no-repeat; width:100%; height:100%; display:block;}

#menu.news {background:url(/images/orange_line.png) repeat-x 0px 20px}

	/* Latest News Button */
	#menu li.latestnews{width:125px; height:26px}
	#menu li.latestnews a{background-position:0px 1px;}
	#menu li.latestnews a:hover{background-position:0px -24px;}
	#menu li.latestnews a.selected{background-position:0px -24px;}

	/* By Month Button */
	#menu li.bymonth{width:93px; height:26px}
	#menu li.bymonth a{background-position:-141px 1px;}
	#menu li.bymonth a:hover{background-position:-141px -24px;}
	#menu li.bymonth a.selected{background-position:-141px -24px;}

	/* By Category Button */
	#menu li.bycategory{width:120px; height:26px}
	#menu li.bycategory a{background-position:-251px 1px;}
	#menu li.bycategory a:hover{background-position:-251px -24px;}
	#menu li.bycategory a.selected{background-position:-251px -24px;}

	
/* Subnav Menu END */

/* Resources Sidebar START */
#resources_sidebar {
	float:right;
	width:192px;
	padding-left:15px;
	margin-bottom:15px;
	background-color:white;
	position:relative;
	display:inline;
}
#resources_sidebar .energy_icon {
	background:url(/images/resources_energy.gif) no-repeat;
	width:193px;
	height:320px;
	margin-bottom:15px;
}
#resources_sidebar .water_icon {
	background:url(/images/resources_water.png) no-repeat;
	width:193px;
	height:170px;
	margin-bottom:15px;
}
#resources_sidebar .shelter_icon {
	background:url(/images/resources_shelter.gif) no-repeat;
	width:193px;
	height:152px;
	margin-bottom:15px;
}
#resources_sidebar .food_icon {
	background:url(/images/resources_food.gif) no-repeat;
	width:193px;
	height:207px;
	margin-bottom:15px;
}
#resources_sidebar .waste_icon {
	background:url(/images/resources_waste.gif) no-repeat;
	width:193px;
	height:156px;
	margin-bottom:15px;
}
#resources_sidebar h3 {
	background:url(/images/resources_faq.png);
	width:193px;
	height:39px;
	text-indent:-9999px;
	margin-bottom:5px;
}
#resources_sidebar .faq {
	margin:0px 0px 0px 5px
}
#resources_sidebar p {
	margin-bottom:5px;
	font-size:11px;
}
/* Resources Sidebar END */


#slideshow {
	height:21px; background-color:white; padding:5px; margin:-31px 0px 15px 0px; position:relative; z-index:99999; opacity: 0.8;
}
.previous {
	width:49px
}
.next {
	width:49px
}
#slideshow .caption {
width:605px; text-align:center; float:left; font-size:11px; overflow:hidden; height:25px; padding:0px 10px 0px 10px 
}
/* Image Styling START */
img.tiny {
	width: 130px;
}
img.small {
	width:166px;
}
img.large {
	width:350px;
}
.alignright {
	float:right;
	display:inline
}
.alignleft {
	float:left;
	display:inline
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	margin:0px 0px 15px 0px;
    border-left:15px solid white;
}
img.alignleft {
	margin:0px 15px 0px 15px;
}
.series_image {
	margin-bottom:15px;
}
img.series_image {
	width:733px;
}
.homepage_section.news img {
	float:right;
	margin:0px 0px 5px 5px;
}
.homepage_section.featured img {
	width:223px;
}
.homepage_section img {
	border: 1px solid #666;
}
#content img {margin:0px 0px 10px 10px}
/* Image Styling END */


p span.introduction {
	margin-bottom:15px;
	font-size:15px;
}

/* Sidebar START */
#sidebar {
	width: 193px;
	margin:-7px 15px 15px 0px;
	float:right;
	display:inline;
	font-size:11px;
}
#sidebar.external {
	margin-top:0px
}
#sidebar li {
	margin-bottom:5px;
}
#sidebar p {
	margin-bottom:5px;
	line-height:14px
}
#sidebar .indent {
	padding: 5px 0px 15px 5px;
}
#sidebar_join a {
background-color:#0dbede; color:white; padding:5px; font-size:17px; text-decoration:none; font-weight:bold; display:inline-block;-moz-border-radius: 8px;
  -webkit-border-radius:8px; 
          border-radius: 8px; }

/*#MERGE0 {
	width: 162px;
	border: 1px solid #606060;
	padding: 3px;
	height:15px;
	float:left;
}
#email_submit {
	width: 23px;
	height:23px;
	border:1px solid #606060;
	float:right;
	color:white;
	background:url(/images/sidebar_search_button.png) repeat;
	display:block;
}*/
ul#interested li {margin:0}
ul#interested {margin-bottom:5px}
/* Sidebar END */

/* Article in List START */
.program_article {
	padding: 15px 0px 15px 0px;
	border-bottom:1px #ffc423 solid;
	height:100%
}
.program_article h4 {
	margin-top:-5px;
}
.program_article h4 a {
	font-weight:bold;
}

/* Article in List END */

/* Subnav START */
ul#subnav {
	border-bottom: 1px solid black;
	height:100%
}

ul#subnav li {
	display:inline-block;
	float:left;
	margin: 0px 15px 0px 0px;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	color:#999
}
ul#subnav li.select {
	color:black;
}
ul#subnav a {
	font-weight:bold;
    text-decoration:none;
    color:grey
}
/* Subnav END */

/* Footer START */
#footer {
	clear:both;
	margin: 20px 15px 15px 15px;
	border-bottom: 3px solid #c4c4c4;
	border-top: 3px solid #c4c4c4;
	padding: 0px 0px 0px 0px;
	color:#999
}
#footer a {
	color:#999;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
#footer ul {
	margin: 0px 0px 0px 5px;
}
#footer ul li.footertabs {
	width:218px;
	display:inline-block;
	float:left;
	margin: 10px 0px 10px 0px;
	font-size:11px;
}
#footer ul li ul {
	margin:0
}
#footer ul li ul li {
	margin: 3px 10px 0px 0px;
}
/* Footer END */

/* Homepage Section START */
.homepage_section {
	width:707px;
	margin:15px 0px 0px 0px;
	float:left;
}
.homepage_section h3 a {
	font-weight:bold;
}
.featured {
	background-color: rgba(13,190,222,.06);
}
.featured .title {
	background-color:#0dbede;
	padding:0px 0px 0px 10px;
}
.homepage_section h2 {
	display:inline-block
}
.featured h2 {
	color:white;
	background:url(/images/homepage_featured.png) no-repeat 2px 5px;
	text-indent: -9999px;
	width:124px;
}
.homepage_section span a, .homepage_sidebar span a {
	display:inline;
	margin-left:15px;
	color:white;
	font-weight:bold;
	font-size:12px;
}
.homepage_section ul {
	margin:10px 0px 0px 1px;
}
.homepage_section ul img {
border: none;
}
.homepage_section ul a {
	color:#868686;
}


.homepage_section h3 {
	font-size:16px;
	font-weight:bold;
	margin-top:5px;
	margin-bottom: 3px;
}
.homepage_section .details {
	font-size:11px;
	margin-bottom:5px;
	font-weight:normal;
}
.homepage_section.featured ul li {
	float:left;
	display:inline;
	margin-left:10px;
	width:225px;
}
.news {
	background-color: rgba(255,196,37,.06);  
}
.news .title {
	background-color:#ffc425;
	padding:0px 0px 0px 10px;
}
.news .details {
	border-bottom:1px #ffc425 solid;
}
.news h2 {
	color:white;
	background:url(/images/homepage_news.png) no-repeat 0px 5px;
	text-indent: -9999px;
	width:166px;
}
.homepage_section.news ul li {
	float:left;
	display:inline;
	margin-left:10px;
	width:342px;
}
.resources {
	background-color: rgba(159,207,103,.06);  
}
.resources .title {
	background-color:#9fcf67;
	padding:0px 0px 0px 10px;
}
.resources .details {
	border-bottom:1px #ffc425 solid;
}
.resources h2 {
	color:white;
	background:url(/images/homepage_resources.png) no-repeat 2px 5px;
	text-indent: -9999px;
	width:143px;
}
.homepage_section.resources ul li {
	float:left;
	display:inline;
	margin-left:10px;
	width:697px;
}
.homepage_sidebar {
	float:right;
	width:248px;
	margin-top:15px;
}
.homepage_sidebar .sidebar_content {
	padding-right:10px;
}
.homepage_sidebar .title {
	background-color:#f06933;
	padding:0px 0px 0px 10px;
}
.homepage_sidebar h2 {
	background:url(/images/homepage_about.png) no-repeat 2px 5px;
	text-indent: -9999px;
	width:81px;
	display:inline-block
}

/* Image Gallery START */
.thumbwrap {
	display: inline-block;
	margin: 0;
}
.thumbwrap li {
	display: -moz-inline-box;  /* Moz */
	display: inline-block;  /* Op, Saf, IE \*/
	vertical-align: top;  /* IE Mac non capisce e a volte crea extra v space */
	margin: 0 10px 15px 0px;
	padding: 0;
}
.thumbwrap a {
	display: block;
	text-decoration:none;
}
.thumbwrap a img {
	border-width: 0;
	vertical-align: bottom;
}
.thumbwrap a span {

	display: block;
	width: 147px;
	w/idth: 147px; /* Moz */
	padding: 0px;
	font-size: 88%;
}

/*\*//*/ * html .thumbwrap a {
	width: 147px;
}
/* hover Op */
@media all and (min-width: 0px) {
	html:first-child .thumbwrap a {
		display: inline-block;
	}
	html:first-child .thumbwrap li {
		width: 168px;
	}
	
/* Image Gallery END */

/* Blog START */
.storytitle a {
	text-decoration:none;
}
.storytitle {
	border-bottom:1px solid black;
	line-height:25px;
}
.storycontent {
	padding-top:10px
}
#sidebar.external {
	margin-top:7px}
#main.blog {
	padding-top:0px;
	}
#resources_sidebar.blog {
	width:125px;
	margin-left:30px;
	margin-bottom:30px;
	}
/* Blog END */

/* Clear */

div#container:after, div#menu:after, div#footer:after, div#gallery:after, ul#subnav:after, .homepage_section:after, .program_article:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
/* Slideshow on Homepage */
#list {
     height:150px;
     width:693px;
}

.slider {
     float:left;
     left: -5000px;
     margin:10px 0px 10px 0px;
     position:relative;
     visibility:hidden;
}

.slider ul {
     height:150px;
     width:693px;
}

.slider ul li {
     padding:0px;
}

.slider ul li img {
     cursor:pointer;
     height:150px;
     padding-top:3px;
     width:693px;
}

/* Begin Side Form Styles */
#form {
	color: #000;
	background-color: #f0e5d9;
	border: 1px solid #fff;
	margin: 10px 0;
	padding: 10px;	
	}


#form .title {
	font-size: 20px !important; 
	color: #000 !important;
	font-weight: bold;
	}
	
#form legend {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	}	
	
#form fieldset {
	border: none;
	padding: 5px 0;
	}

#form label {
	display: block;
	margin: 0 0 -2px 0;
	padding: 0;	
	}

#form .label, #form .label2 {
	float: left;
	clear: right;
	}

#form .label3 {
	float: left;
	clear: right;
	width: 240px;
	}
	
#form li {
	font-size: 12px;
	font-weight: normal;
	list-style-type: none;
	padding: 0 0 5px 0;
	}

#firstname, #lastname, #email, #phone, #street, #street2, #city, #zip, #ccnumber, #ccname1, #shipName1 {
	border: 1px solid #a5acb2; 	
	height: 17px;
	padding: 1px 5px;
	width: 260px;
	}	

#ccname2, #ccbiling2 { 
	margin: 5px 5px 5px 0;
	float: left;
	clear: right;
	}

#authorize {
	width: 13px;
	float: left;
	clear: right;
	margin: 5px 5px 5px 0;	
	}
	
select { border: 1px solid #a5acb2; }

#state, #membership, #cctype { width: 272px; }

#expiration1 { 
	float: left;
	clear: right;
	width: 50px;
	margin: 0 10px 0 0;
	}

#expiration2 { 	
	float: left;
	clear: right;
	width: 65px; }

#ccbiling1 { 
	width: 267px;
	height: 75px; 
	}

#submit-membership {
	font-weight: bold;
	display: block;
	padding: 5px;
	margin: 10px 0;
	}

#shipRadio1, #shipRadio2, #shipRadio3, #shipRadio4 {
	float: left;
	clear: right;
	margin: 5px 5px 5px 0;
	}

#checkboxEventFood, #checkboxEventWater, #checkboxEventShelter, #checkboxEventClothing, #checkboxEventAll {
    float: left;
	clear: right;
	margin: 5px 5px 5px 0;
}

#shipAddress1 {
	border: 1px solid #a5acb2; 	
	padding: 1px 5px;
	width: 260px;
	}
.col2 {
	float: left;
	clear: right;
	width: 295px;
	padding: 20px 15px;

	}
.col2 .title {
	color: #ffee00;
	font-size: 24px;
	}

.col2 .big-title { font-size: 36px; }

.col2 .title2 {
	color: #f06a35;
	font-size: 24px;
	}

.col2 .image {
	float: left;
	margin: 5px 10px 5px 0;
	}
/* End Side Form Styles */
li#categories-3 h2 {background-image:url('http://www.theecologycenter.org/images/categories.png'); height:20px; width:125px; text-indent:9999px} 
li#archives-3 h2 {background-image:url('http://www.theecologycenter.org/images/archive.png'); height:19px; width:125px; text-indent:9999px; margin-top:15px;}