/*Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.4.1*/
html {color:#000;background:#FFF;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0;}table {border-collapse:collapse;border-spacing:0;} fieldset,img {border:0;} address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;} li {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;} q:before,q:after {content:'';} abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;} sub {vertical-align:text-bottom;} input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;}
/*because legend doesn't inherit in IE */
legend {color:#000;}

html {
	/*background-color: #E2E2E2;*/
}

body{
	color: #898989;
	/*background-color: #E2E2E2;*/
	font: 13px /16px Arial, Helvetica, sans-serif;
	}
	
	
/* Heading Sizing and Leading
-------------------------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { color: #6d6e71; font-family: Arial, Helvetica, sans-serif; }
h1			{ font-size: 36px; line-height: 36px; margin-bottom: 7px; text-transform: uppercase; }
h2			{ color: #ff9922; font-size: 20px; line-height: 20px; margin-bottom: 7px; text-transform: uppercase; }
h3			{ font-size: 16px; font-weight: bold; line-height: 16px; margin-bottom: 7px; text-transform: uppercase; }
h4			{ font-size: 14px; font-weight: bold; line-height: 16px; margin-bottom: 7px; text-transform: uppercase; }
h5			{ font-size: 13px; font-weight: bold; line-height: 16px; margin-bottom: 7px; text-transform: uppercase; }
h6			{ color: #6d6e71; font-family: Arial, Helvetica, sans-serif; font-size: 18px; line-height: 18px; margin-bottom: 7px; text-transform: uppercase; }

h3 a:link, h4 a:link, h5 a:link, h6 a:link, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color: #6d6e71;
	text-decoration: none;
}

h4 span {
	font-size: 12px;
	font-weight: normal;
}

h6 span {
	font-size: 10px;
	font-weight: normal;
}

.pdf {
	background: url(/images/interface/pdficon_small.gif) no-repeat left top;
	padding: 1px 0 0 20px;
}

/* Text elements (links, em, strong, blockquote, abbr etc)
-------------------------------------------------------------------------------- */

p			{ margin: 0 0 16px 0; }
a, input {outline: none;}
a:link		{ color: #ff9900; }
a:visited	{ color: #ff9900; }
a:focus, a:hover	{ color: #ff9900; }

blockquote	{ margin: 0 0 16px 0; color: #ab750b; }
strong	{ font-weight: bold; }
em		{ font-style: italic; }

abbr, acronym	{ border-bottom: 1px dotted #898989; }
pre,code	{ font-family: monospace; margin: 18px 0; }

p.bolded_text {
	color: #010000;
	font-size: 18px;
	letter-spacing: -1px;
	line-height: 20px;
	margin-bottom: 16px;
	text-transform: uppercase;
}

.bigbold {font-size: 14px; font-weight: bold;}

.super {
	font-size: 8px;
	vertical-align: super;
}
/* Lists ( Un-ordered, ordered and definition)
-------------------------------------------------------------------------------- */

#main_col ul, #main_col ol		{ margin: 0 0 16px 0; list-style: none;}
#talks-and-workshop-list ul li, #clients ul li, #main_col ul.intern_lists li, #main_col ul.book_testimonials li  {
	background: none;
	list-style-position: inside; 
	padding-left: 0;
}

#main_col ol	li		{ list-style-position: outside; list-style-type: decimal; margin-left: 16px;}
#main_col ul	li		{margin-bottom: 9px;}

ul.vertical_nav li a, ul.horizontal_nav li a	{ display: block; }

ul.horizontal_nav li	{ float: left; }

.sidebar ul, .sidebar ol	{ list-style-type: none; }

dl			{ margin: 0 0 16px 0; }
dl dt		{ font-size: 12px; font-weight: bold; }
dl dd		{margin-bottom: 15px;}

#main_col img {
	margin-bottom: 16px;
}

/*Basic Styles - Body, Wrap and drop shadow spans 
-------------------------------------------------------------------------------- */

#wrap {
	margin: 0 auto 0;
	padding: 1px 0 0 0;
	position: relative;
	text-align: left;
	width: 786px;
	}
	
#contents {
	background: #fff url(/images/interface/bdy_right_shadow.gif) repeat-y right top;
	position: relative;
	margin: 0 8px 0 12px;
	overflow: hidden;
	padding: 18px 4px 0 0;
	width: 762px;
}
	

/*Header Area
-------------------------------------------------------------------------------- */
	
#header {
	background: url(/images/interface/banner.png) no-repeat left top;
	margin: 0 0 0 0;
	padding: 0 12px;
	height: 127px;
	width: 762px;
	}

#header h1 {
	float: left;
	margin-top: 42px;
}

#header h1 a{
	background: transparent url(/images/interface/hdr_logo.png) no-repeat left top;
	display: block;
	height: 157px;
	margin: 8px 0 0 25px;
	text-indent: -5000px;
	width: 179px;
}

#header h2 {
	background: transparent url(/images/interface/hdr_catch_line.gif) no-repeat left top;
	display: inline;
	float: right;
	height: 114px;
	margin: 73px 40px 0 0;
	text-indent: -5000px;
	width: 268px;
}

/*#social_share_header{
display:none !important;
}*/

/*Column Layout
-------------------------------------------------------------------------------- */

#nav_col {
	display: inline;
	float: left;
	margin-left: -558px;
	padding: 0 0 0 10px;
	overflow: hidden;
	width: 174px;
}

#main_col {
	display: inline;
	float: left;
	margin: 0 0 18px 184px;
	overflow: hidden;
	width: 374px;
}


#main_col p, #main_col h2{
clear:both;
}

#sub_col {
	display:inline;
	float: left;
	margin: 0 0 0 15px;
	overflow: hidden;
	width: 174px;
	min-height: 1050px; 
}

#twtr-widget-1 {
	display: none; !important
}




/*Main Page Titles
-------------------------------------------------------------------------------- */
 .page_title {
	margin-bottom:  30px;
}

/*
body#about-us .page_title {
	background: url(/images/interface/main_titles/about-us.gif) no-repeat left top;
	height: 18px;
	text-indent: -5000px;
	width: 110px;
}

body#j-ottman .page_title {
	background: url(/images/interface/main_titles/meet-j-ottman.gif) no-repeat left top;
	height: 18px;
	text-indent: -5000px;
	width: 280px;
}

body#contact-us .page_title {
	background: url(/images/interface/main_titles/contact-us.gif) no-repeat left top;
	height: 18px;
	text-indent: -5000px;
	width: 138px;
}

body#our-book .page_title {
	background: url(/images/interface/main_titles/our-book.gif) no-repeat left top;
	height: 18px;
	text-indent: -5000px;
	width: 117px;
}
*/




/*Main Column Content
-------------------------------------------------------------------------------- */ 

#main_image {
	margin-bottom: 15px;
}

#main_col ul.intern_lists li {
	list-style-type: none;
	margin-left: 0;
}

ul blockquote p {
	margin-bottom: 0;
}

ul blockquote {
	margin-bottom: 5px;
}

p.quotee {
	color: #ab750b;
	font-style: italic;
}

p.quotee span.name {
	color: #ff9922;
	font-style: normal;
	font-weight: bold;
}

#main_col h3 a, #main_col h4 a, #main_col h5 a {
	color: inherit;
	text-decoration: none;
}

#video {
	margin: 0 0 18px 0;
	width: 374px;
}

/*Book Image
-------------------------------------------------------------------------------- */
#book_image {
margin-bottom:7px;
text-align:center;
color:#555555;
font-size:13px;
text-align:left;

}


/*Article Page Styles 
-------------------------------------------------------------------------------- */

.article_entry {
	clear: left;
}

.image_label, .image_label_right {
	background-color: #fff6ed;
	float: left;
	margin: 0 10px 5px 0;
	padding: 5px;
	width: 140px;
}

.image_label_right {
	display: inline;
	float: right;
	margin: 0 0 5px 10px;
}

#main_col .image_label img, #main_col .image_label_right img {
	margin: 0 0 4px 0;
}

#main_col .image_label p, #main_col .image_label_right p {
	font-size: 10px;
	margin-bottom: 0;
}

p.more_link {
	margin-top: -16px;
}




/*Events Page Styles 
-------------------------------------------------------------------------------- */

 .events_entry {
	margin: 24px 0;
}

 .events_entry h4 {
	color: #6d6e71;
	font-weight: bold;
}

#main_col .events_entry p img {
	clear: left;
	float: left;
	margin: 0 10px 5px 0;
}

.event_description {
	margin-bottom: -8px;
}

.event_info {
	margin-bottom: 0;
}



/*News Page Styles 
-------------------------------------------------------------------------------- */

.news_entry h4.news_title, .article_entry h4.article_title {
	margin-bottom: 0;
	}

.news_entry p.news_sub, .article_entry p.article_sub {
	margin-bottom: 0;
	}



/*Book Page Styles 
-------------------------------------------------------------------------------- */

#book_contents li {
	font-size: 13px;
	text-transform: uppercase;
}

#main_col h4.quiet {
	color: #6d6e71;
	font-weight: bold;
}


/* EcoBlog Content
-------------------------------------------------------------------------------- */
.blog_title a {
	color:  #6d6e71;
	text-decoration: none;
}

.entry_date, .comment_total, .no_comments {
	color: #cdcdcd;
}

.comment_total, .no_comments {
	margin-top: -8px;
}

.social_label {
	font-weight: bold;
}

#main_col #social_site_list li {
	background-image: none;
	float: left;
	margin: 0 10px 10px 0;
}

#social_site_list li a {
	display: block;
	text-decoration: none;
}

#social_site_list li a img {
	margin-bottom: 0;
}

#nav_categories li a {
	color: #66ccff;
}

.commbox, .commboxalt {
	border-left: 1px solid #dadada;
	margin-bottom: 10px;
	padding:  10px 10px 10px 10px;
}

.commboxalt {
	background-color: #fff6ed;
}

.posted p {
	margin-bottom: 0;
}

#post_comments_title {
	position: relative;
	margin-top: 22px;
	width: 374px;
}

#comment_form label {
	display: inline;
	float: none;
	text-align: left;
}

#comment_form p {
	clear: left;
}

#comment_form img {
	display: block;
	margin-bottom: 4px;
}

#comment_form .commenter_details input {
	float: none;
	width: 340px;
}

#comment_form .commenter_details label {
	margin-right: 20px;
	width: 80px;
}

.comment_requests, #comment_form input {
	width: auto;
}

.comment_requests {
	border: none;
	margin: 3px 4px 0 0;
	}

#commenter_comments {
	border: 1px solid #999;
	width: 372px;
}

#send_comments {
	border: none;
	float: none;
}

#linklist, #rss_links {
	margin-top: 18px;
}

#rss_links li a {
	background: url(/images/interface/feed-icon.png) no-repeat left top;
	line-height: 16px;
	padding-left: 20px;
}

#rss_links li {
	margin-bottom: 4px;
}

#linklist img {
	height: 14px;
	width: 14px;
}


/*Nav Column Content
-------------------------------------------------------------------------------- */

#nav_col ul {
	margin-bottom: 180px;
	width: 164px;
}

#nav_col ul li {
	float: left;
	padding-left: 10px;
	width: 164px;
}

#add_nav_col ul li{
	float: left;
	width: 164px;
}

#nav_col ul li ul {
	margin: 0 0 4px 0;
}

#nav_col ul li ul li {
	width: 154px;
}

#nav_col ul li a, #add_nav_col ul li a {
	border-bottom: none;
	color: #707070;
	display: block;
	font-size: 0.9em;
	line-height: 1.8;
	font-size: 10px;
	padding-right: 5px;
	text-decoration: none;
	text-transform: uppercase;
}

#nav_col ul li.ecoblog_link a{
	color: #ff9933;
	font-weight: bold;
}

#nav_col ul li.on {
	background: url(/images/interface/ncl_nav_pointer.gif) no-repeat left .4em;
}


/*Sub Column Content
-------------------------------------------------------------------------------- */

#add_nav_col {
	margin-bottom: 16px;
}

#add_nav_col ul li {
	margin-bottom: 1px;
}

#add_nav_col ul li a {
	background-color: #ffb861;
	color: #fff;
	padding: 2px 5px;
}

#add_nav_col ul li a:hover, #add_nav_col ul li.on a {
	background-color: #e98e20;
}

#sub_col a {
	border-bottom: none;
	text-decoration: none;
}

#summaries {
	border: 1px solid #e6e6e6;
	margin-bottom: 12px;
	width: 170px;
}

h3.toggle {
	margin-bottom: 0;
}



#news_header, #events_header, #articles_header {
	display: block;
	height: 20px;
	text-indent: -5000px;
}

#news_header {
background: url(/images/interface/scl_news_summary_hdr.png) no-repeat left top;
margin-bottom: 4.5px;
}

#events_header {
background: url(/images/interface/scl_events_summary_hdr.png) no-repeat left top;
margin-bottom: 4.5px;
}

#articles_header {
background: url(/images/interface/scl_articles_summary_hdr.png) no-repeat left top;
}

#summaries #news_title .selected {
	background: url(/images/interface/scl_news_summary_hdr_on.png) no-repeat left top;
}

#summaries #events_title .selected {
	background: url(/images/interface/scl_events_summary_hdr_on.png) no-repeat left top;
}

#summaries #articles_title .selected {
	background: url(/images/interface/scl_articles_summary_hdr_on.png) no-repeat left top;}



#summaries ul {
	padding: 0 5px 8px 10px;
	width: 155px;
}

#summaries ul li {
	display: inline;
	width: 155px;
}

#summaries p {
	font-size: 10px;
	margin-top: 4.5px;
}

#summaries p img {
	display: none;
}

#summaries a {
	background: url(/images/interface/scl_read_more_plus.gif) no-repeat left center;
	color: #66ccff;
	padding-left: 10px;
}




#summaries .summary_list h5 {
	color: #30aacc;
	font-size: 11px;
	margin-bottom: 16px;
	text-transform: none;
}

#summaries .summary_list h5 a {
	color: #30aacc;
	background-image: none;
	display: inline;
	padding: 0;
}

#summaries .summary_list h5 span {
	color: #898989;
	font-size: 8px;
}

#summaries .summary_list a {
	display: block;
}




#summaries ul li .more_landing {
	margin-top: -8px;
}

#summaries a.more_link {
	background: url(/images/interface/scl_more_plus.gif) no-repeat left center;
	color: #ff9900;
	padding-left: 10px;
	text-transform: uppercase;
}


#summaries .articles_summaries ul {
	padding-top: 4.5px;
}

#summaries .articles_summaries h5, #summaries .events_summaries h5, #summaries .events_summaries p {
	margin: 0;
}

#summaries .events_summaries p.event_loc {
	margin-bottom: 16px;
}



#speaker_packet {
	padding: 5px 10px;
}

#speaker_packet a {
	background: url(/images/interface/speaker_packet_icon.gif) no-repeat left top;
	display: block;
	margin: 0;
	padding: 20px 0 25px 50px;
	width: 134px;
}


/*Footer Area
-------------------------------------------------------------------------------- */

#footer {
	background: url(/images/interface/footer.png) no-repeat left top;
	color: #4e4e4e;
	font-size: 11px;
	margin: 0 auto 30px;
	padding: 15px 12px 0 12px;
	position: relative;
	text-align: center;
	width: 762px;	
}

#jobs {
	position: absolute;
	left: 30px;
	top: 15px;
}

#jobs a {
	color: #898989;
}

.org {
	display: none;
}

.tel, .adr {
	display: inline;
}

.tel span {
	font-weight: bold;
}


/*Form Content
-------------------------------------------------------------------------------- */

form {
	width: 374px;
}

form p {
	line-height: 20px;
	margin-bottom: 9px;
	vertical-align: baseline;
	width: 374px;
}

label {
	display: block;
	float: left;
	font-weight: bold;
	margin: 0 10px 0 0;
	text-align: right;
	width: 90px;
}

label.check_label {
	margin: 0 0 0 10px;
	text-align: left;
	width: 239px;
}

input {
	border: 1px solid #999;
	float: left;
	padding: 2px 0;
	width: 264px;
}

#comments {
	border: 1px solid #999;
	float: left;
	height: 100px;
	width: 264px;
}

select {
	border: 1px solid #999;	
}

#mailing_list, #contact_services, #contact_speak, #contact_guide {
	border: none;
	display: inline;
	float: left;
	margin: 2px 0 0 100px;
	padding: 0;
	width: 15px;
}

#form_buttons {
	height: 26px;
	position: relative;
}

#form_buttons input {
	float: none;
}

#submit, #reset {
	border: none;
	margin-left: 100px;
	width: auto;
}

#reset {
	background: url(/images/interface/reset_bt.gif) no-repeat left top;		
	height: 22px;
	margin: 2px 0 0 20px;
	outline: none;
	position: absolute;
	text-indent: -5000px;
	width: 68px;
}



/*Clearfix class - clears floated elements so that their containers do not colapse
-------------------------------------------------------------------------------- */

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}


.clearfix {display:inline-block;}
 /* Hide from IE Mac \*/
.clearfix {display:block;}
  /* End hide from IE Mac */