/* CSS Document */

* {
	margin:0;
	padding:0;
}

body, html {
	background: #e8efe0 url(../images/greenbg.png) repeat-x;
	border:0;
	text-align:center;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#111;
	overflow: hidden;
	width: 100%;
	height: 100%;
}


h1 {
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size: 130%;
	color: #068306;
	font-weight:bold;
	margin-top: .5em;
	margin-bottom:1em;
	text-decoration: underline;
	text-align: center;
}

h2, a.inlink:active, a.inlink:hover, a.inlink {
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #007F3D;
	margin-bottom:5px;
	margin-top: 25px;
} 

h3 {
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	line-height: 120%;
	font-weight:bold;
	text-align: left;
	color: #007F3D;
	padding: 0;
	margin:0;
	padding-top: 15px;
	padding-bottom: 15px;
}

h4 {
font-family:verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight:bold;
color: #444;
padding: 0;
margin:0;
margin-bottom: 5px;
}

a:link, a:visited, a:link td, a:visited td {
	color:#003366;
	text-decoration:none;
}

a:hover, a:hover td {
	color: #068306;
	text-decoration:underline;
	}
	
a:link.hilight, a:visited.hilight {
	font-weight: bold;
	line-height: 18px;
	}
	
a:hover.hilight, a:active.hilight {
	font-weight: bold;
	line-height: 18px;
	}

p {
	line-height: 14px;
	margin: 0;
	margin-bottom: 16px;
}

p.justify	{line-height: 16px; text-align:justify;}

p.links {
	line-height: 16px;
	margin: 0;
	margin-bottom: 16px;
}

#leftside {
	float: left;
	margin: 0px;
	width: 610px;
	padding: 15px 10px 5px 30px;
	clear: left;
	background-color: transparent;
	border: 0px solid;
}

html>body #leftside {
	float: left;
	width: 585px;
	margin: 0px;
	padding: 5px 10px 5px 30px;
	clear: left;
	background-color: transparent;
	border: 0px solid;
}
#rightside {
	position: relative;
	margin: 0 0 0 690px;
	width: 195px;
	background: transparent;
	padding: 10px 5px 5px 0px;
}

html>body #rightside {
	position: relative;
	margin: 0 0 0 690px;
	width: 195px;
	background-color: transparent;
	padding: 10px 5px 5px 0px;
	left: 3px;
	top: 12px;
}
#search {width: 80px;}

#go {

	background-image: url(../images/go_button.gif);
    border: 0px;
	height: 23px;
	width: 25px;
	padding: 0px;
}

#searchwrapper {
	background: white;
	min-height: 100%;
	margin:0;
	padding:0;
	width: 900px;
	background-image: url(../images/rightbg.gif);
	overflow: hidden;
}

ul {}

.nav {width:185px;margin:0px 0px 15px 0px;float:left;background:transparent; vertical-align:top;padding-bottom:8px;}

.nav ul {padding:0px;margin:20px 0px 5px 0px;border-bottom:1px solid #d5d3d3;width:187px;color:#F0EDE7;}

.nav li {list-style:none;border-top:1px solid #d5d3d3;border-left:2px double #d5d3d3;border-right:1px double #d5d3d3;width:185px;}

.nav li a, .nav li a:visited  {padding:5px 0px 0px 8px;color:#003366;display:block;width:172px;height:18px;background-color:#ffffff;border:2px double #F0EDE7;text-decoration:none;font-size:11px;}

.nav li a:hover {color:#CC0000; background-color:#FAEBD2; text-decoration: none;}

p.fullpage {
	line-height: 14px;
	margin: 0;
	margin-left: 2em;
	margin-bottom: 16px;
}

p.subcomms {
	line-height: 14px;
	margin: 0;
	margin-left: 2em;
	margin-bottom: 16px;
}

p.hilight {
	font-weight: bold;
	line-height: 16px;
	margin: 0px;
	}

p.date	{
	font: bold 15px/20px verdana, arial, "sans serif";
	color: #337E35;
	padding: 3px;
	border-top: solid 1px #F56600;
	border-bottom: solid 1px #F56600;
}

.table_agenda {
	margin: 2px auto;
	border: 1px solid #CCC;
	margin-top: 10px;
}

.table_agenda td {
	font-size:13px;
	line-height: 16px;
	padding: 7px 13px 10px 13px;
}

.table_agenda td justify	{
	text-align: justify;
}

img {border:none;}

table {
border-collapse:collapse;
}

#headermeeting {
	position:relative;
	top:0;
	background: #fff url(../images/mastheadmeeting.jpg) top left no-repeat;
	height: 164px; 
	overflow: visible;
	}

	
/**************************
EMISSIONS CONTROL CONFERENCE 2008
**************************/

#headeremissions {
	position:relative;
	top:0;
	background: #fff url(../images/mastheademissions.jpg) top left no-repeat;
	height: 164px;
	overflow: visible;
	}

p.firelogo	{
	font: normal 13px/16px verdana, arial, "sans serif";
	color: #000;
	text-align: center;
	font-weight: bold;
	margin-top: 80px;
}
#firelogotext {
	position: static;
	float: left;
	background: url(../images/firelogo_fade.gif) center no-repeat;
	margin: 20px 0px 0px 0px;
	width: 199px;
	height: 190px;
}
	
/**************************
PUBLICATIONS
**************************/
#headerpubs {
	position:relative;
	top:0;
	background: #fff url(../images/mastheadpubs.jpg) top left no-repeat;
	height: 164px; 
	overflow: visible;
	}


/**************************
MEMBER PROFILES
**************************/

#headerassociates {
	position:relative;
	top:0;
	background: #fff url(../images/mastheadassociates.jpg) top left no-repeat;
	height: 164px; 
	overflow: visible;
	}
	
#mainassociates	{
	position:relative;
	width: 400px;
	background: #DFEDD8;
	padding: 11px;
	border: 1px solid #0C5986;
	margin:0 auto;
	margin-bottom: 20px;
}

#mainassociates h4	{
	width: 385px;
	background: #fff;
	padding: 3px;
	text-align: center;
	font: bold 15px/20px verdana, arial, "sans serif";
	color: #337E35;
	border-top: solid 1px #F56600;
	border-bottom: solid 1px #F56600;
	margin-bottom: 5px;
}


/**************************
BECOMING A CIBO MEMBER
**************************/

#headerbecoming {
	position:relative;
	top:0;
	background: #fff url(../images/mastheadbecoming.jpg) top left no-repeat;
	height: 164px; 
	overflow: visible;
}

ul.testimonials, ul.testimonials li	{
	text-align: justify;
	font-weight: normal;
	color: #111;
	width: 520px;
	list-style-image: url(../images/firelogo12.gif);
	margin-left: 25px;
	margin-right: 15px;
	margin-bottom: 12px;
        line-height: 16px;
}

hr.becoming {
border: 1px solid;
border-color:#E98625;
margin:16px 0px;
}

h1.becoming {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 130%;

	font-weight:bold;
	margin-top: .5em;
	margin-bottom:1em;
	text-decoration: none;
	text-align: center;
}

h3.testimonials	{
	width: 420px;
	background: #fff;
	padding: 0px;
	text-align: center;
	font: bold 14px/18px verdana, arial, "sans serif";
	color: #337E35;
	border-top: solid 1px #F56600;
	border-bottom: solid 1px #F56600;
	margin-bottom: 5px;
	margin-left: 30px;
}
	
#left_content_large {
	position: relative;
	width: 260px;
	float:left;
	margin-left:2em;
	margin-top:2em;
	padding: 0;
	border: 0px solid #000000;
	background: #E8EFE0;
}

#left_content_large h2 {
	font-size: 100%;
	font-weight:bold;
	color:#000000;
	background: #FFFFFF url(../images/header_bg.gif) bottom left repeat-x;
	height: 20px;
	line-height:20px;
	width:240px;
	text-align:center;
	padding: 0;
	margin: 0px 5px 5px 5px;
	border: solid 1px;
	border-color:#7791a4;
	}

/**************************
COMMITTEES
**************************/
#headercommittees {
	position:relative;
	top:0;
	background: #fff url(../images/mastheadcommittees.jpg) top left no-repeat;
	height: 164px; 
	overflow: visible;
}

#maincommittees	{
	position:relative;
	width: 480px;
	background: #DFEDD8;
	padding-top: 11px;
	border: 1px solid #0C5986;
	margin:15px auto;
	margin-bottom: 20px;
}

#maincommittees h3	{
	width: 420px;
	background: #fff;
	padding: 0px;
	text-align: center;
	font: bold 14px/18px verdana, arial, "sans serif";
	color: #337E35;
	border-top: solid 1px #F56600;
	border-bottom: solid 1px #F56600;
	margin-bottom: 5px;
	margin-left: 30px;
}

ul.flames	{
	text-align: justify;
	list-style: none;
	width: 420px;
	margin-left: 30px;
	margin-right: 15px;
	margin-bottom: 10px;
        line-height: 16px;
}

/**************************
INDUSTRY ISSUES
**************************/

#headerissues {
	position:relative;
	top:0;
	background: #fff url(../images/mastheadissues.jpg) top left no-repeat;
	height: 164px; 
	overflow: visible;
}
	
#mainissues	{
	position:relative;
	width: 670px;
	background: #DFEDD8;
	padding: 11px;
	border: 1px solid #0C5986;
	margin:0 auto;
	margin-bottom: 20px;
}

#mainissues h4	{
	width: 300px;
	background: #fff;
	padding: 3px;
	text-align: center;
	font: bold 15px/20px verdana, arial, "sans serif";
	color: #337E35;
	border-top: solid 1px #F56600;
	border-bottom: solid 1px #F56600;
	margin-bottom: 5px;
}

p.issues {
	line-height: 16px;
	margin: 0;
	margin-bottom: 16px;
}

/**************************
BAGHOUSE SURVEY
**************************/

#bottom {
position: relative;
/* background: #f5f5f5; */
background:#f5f5f5 url(../images/firelogo_fade.gif) no-repeat;
margin: .5em auto;
padding: 15px 15px 15px;
width: 400px;
border: 1px groove #0C5986;
}

p.bottom	{
	text-align: right;
	line-height: 13px;
	font-weight: bold;
	margin-left: .5em;
	margin-bottom: 5px;
	padding: 0;
}

ul, ol {margin-bottom:5px; margin-left:25px;}

ul li, ol li {margin-top:0px;}

li ul li, li ol li { margin-top: 2px; margin-bottom:0;}

#survey_nav {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #8ACD3E;
	font-size: 16px;
	font-weight:bold;
	background: transparent;
	margin:125px 10px 0px;
	padding: 0;
	overflow: visible;
	z-index: 5;
}

#headerlinks {
	position:relative;
	top:0;
	background: #fff url(../images/mastheadlinks.jpg) top left no-repeat;
	height: 164px;
	overflow: visible;
}

#main {
position: relative;
left: 4em;
margin: 2em 8em 0em;
padding: 0em 0em 0em;
width: 600px;
border: 0px solid #000;
}


/**************************
MAIN NAV
**************************/
	

#main_nav {
	float:left; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	background: transparent; 
	margin:125px 10px 0; 
	overflow: visible;
	z-index: 5;
}
#main_nav ul {
	padding:0;margin:0;list-style-type:none;
}

#main_nav ul li {
	float:left; 
	position:relative;
	margin:0;
	z-index: 5;
}

#main_nav ul li a, #main_nav ul li a:visited {
	float:left;
	display:block;
	text-decoration:none;
	color:#E5EBE5;
	padding:0px 16px;
	line-height:14px;
	height:33px;
	background: transparent;
	overflow: visible;
	z-index: 5;
}

#main_nav ul li:hover {width:auto;}

#main_nav ul li a:hover, #main_nav ul li:hover a {
	border-bottom: solid 2px #399224;
	color: #8ACD3E; 
	z-index: 5;
}

#main_nav ul li a.mainactive, #main_nav ul li a.mainactive:visited, #main_nav ul li:hover a.mainactive  {
	color: #8ACD3E; 
}


#main_nav ul li ul {
display: none;
margin:0;
}
#main_nav table {
margin:0; border-collapse:collapse; position:absolute; top:0; left:0;
}

/* specific to non IE browsers */
#main_nav ul li:hover ul {
display:block;position:absolute;top:32px;margin-top:1px; left:0;width:160px;border-bottom:1px solid #000;
}

#main_nav ul li:hover ul li a {
display:block;
background:#fff;
color:#000;
height:auto;
line-height:13px;
padding:4px 10px 4px 20px; 
width:130px; 
border:1px solid #000; 
border-bottom:0;
font-weight:normal;
overflow: visible;
}


/* specific to IE5.5 and IE6 browsers */
#main_nav ul li a:hover ul {
display:block;
position:absolute;
top:30px; 
background:#fff;
left:0; 
border-bottom:1px solid #000; 
z-index: 500;
}


#main_nav ul li a:hover ul li a {
display:block;
background:#fff;
color:#000; 
height:1px; 
line-height:15px; 
padding:4px 10px 4px 20px; 
width:160px; 
border:1px solid #000; 
border-bottom:0;
font-weight:normal;
}

#main_nav ul li:hover ul li a:hover, #main_nav ul li a:hover ul li a:hover {
color:#000; background: #98d68a url(../images/bullet1.gif) no-repeat 3px 8px;
}

#main_nav ul li a.out  {
color:#CC0000;

}

.clear {
clear: both;
height: 0;
}

.separator {
	height: 20px;
	background-color: #fff;
	clear:both;
	}


#onecolumn {
	background:#fff;
	margin: 40px 50px 20px;
	min-height: 400px;
	}
	
* html #onecolumn {
height: 400px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}

#left_column, #right_column {
float:left;
width: 50%;
}



.column_content {
	padding-right: 15px;
}

.column_content p {
margin-bottom:1px;
}

.column_content h2 {
margin-top:0;
}
.column_content .focus, .column_content .focus {
margin-bottom: 25px;
margin-top: 5px;
}


/**************************
OVERALL MAIN CONTENT  wrapper, left_content, main_content, main_content_fullpage
**************************/

#wrapper {
	width: 900px;
	margin: 20px auto;
	text-align: left;
	background: #fff;
	border-left: #222222 solid 1px;
	border-right: #222222 solid 1px;
}

#contentwrapper {
	background: white;
	min-height: 100%;
	margin:0;
	padding:0;
	width: 900px;
	overflow: hidden;
	border: 0px solid #000
}
	
#main_content {
position: absolute;
/* top: 200px; */
left: 27em;
margin: 2em 0em 0em;
padding: 0em 0em 0em;
width: 600px;
/* height: 100%; */
border: 0px solid #000;
z-index: 2;
}

#main_content_fullpage {
position: relative;
/* top: 200px; */
left: 2em;
margin: 2em 0em 0em;
padding: 0em 0em 0em;
width: 850px;
/* height: 100%; */
border: 0px solid #000;
z-index: 2;
}


#content ul, #event #content ul, #onecolumn ul {margin-left: 25px;
margin-bottom:16px;
}


.terms {
margin: 0;
padding:0;
margin-left:15px;
}

.terms li {
margin-top: 2px;
}

#terms #onecolumn p {
margin:0;
margin-top: 5px;
}

/**************************
LEFT CONTENT and column formatting
**************************/


#left_content {
	position: relative;
	width: 220px;
	float:left;
	margin-left:2em;
	margin-top:2em;
	padding: 0;
	border: 0px solid #000000;
	background: #E8EFE0;
}

#first_column {
	position: relative;
	width: 380px;
	float:left;
	margin-left:2em;
	margin-top:2em;
	padding: 0;
	border: 0px solid #000000;
	z-index: 2;
}

#second_column {
	position: relative;
	width: 380px;
	float:right; 
	margin-right: 2em;
	margin-top:2em; 
	padding-bottom: 2em;
	border: 0px solid #000000;
	z-index: 2;
}

#left_content h2, #left_content h3, #left_content p {
padding: 0 10px;
margin: 0;
margin-bottom: 3px;
}

#left_content h2 {
	font-size: 100%;
	font-weight:bold;
	color:#000000;
	background: #FFFFFF url(../images/header_bg.gif) bottom left repeat-x;
	height: 20px;
	line-height:20px;
	width:210px;
	text-align:center;
	padding: 0;
	margin: 0px 5px 5px 5px;
	border: solid 1px;
	border-color:#7791a4;
	}

#left_content h3 {
font-weight:normal;
font-size: 11px;
}

#left_content p {
font-size: 13px;
font-family:Arial, Helvetica, sans-serif;
}

#left_content p.date {
font-style:italic;
font-size: 13px;
margin-bottom:15px;
font-family:Arial, Helvetica, sans-serif;
}

#footer {
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
	font-size: 10px;
	background-color: #055583;
	z-index: 5;
} 

#footer p {
margin:0;
	color: #E5EBE5;
}

#footer a:link, #footer a:visited {
	color:#81A9B3;
}

hr {
border: 1px solid;
border-color:#888;
margin:16px 0px;
}

/**************************
MAIN CONTENT
**************************/


.table_main {
	margin: 5px auto;
}

.table_main th, .table_main td{
	border: 0px solid #4D4D4D;
	padding: 10px;
	margin:0;
	text-align:left;
	vertical-align:text-top;
}

.table_main td {
	font-size:13px;
	line-height: 15px;
}

#foobar	a:link, #foobar a:visited	{
	color:#003366;
	text-decoration:none;
}

#foobar a:hover {
	color: #068306;
	text-decoration:underline;
	}

.table_main.a:link, .table_main.a:visited {
	color:#003366;
	text-decoration:none;
}

.table_main.a:hover {
	color: #068306;
	text-decoration:underline;
	}

.table_resource {
	margin: 2px auto;
}

.table_resource th, .table_resource td {
	border: 1px solid #4D4D4D;
	margin:0;
	text-align:left;
	vertical-align:text-top;
	}

.table_resource td {
	font-size:13px;
	line-height: 15px;
	padding: 3px;
/*	height: 25px; */
	vertical-align:top;
}

.table_resource th {
	font-weight: bold;
	padding: 5px;
	background-color: #666666;
	color:#EDFCDD;
	text-align: left;
}

.table_conference {
	margin: 2px auto;
}

.table_conference th, .table_conference td {
	border: 1px solid #4D4D4D;
	margin:0;
	text-align:left;
	vertical-align:text-top;
	}

.table_conference td {
	font-size:13px;
	line-height: 15px;
	padding: 3px;
/*	height: 25px; */
	vertical-align:top;
}

.table_conference th {
	font-weight: bold;
	padding: 5px;
	background-color: #666666;
	color:#EDFCDD;
	text-align: left;
}

.grey {
	background-color: #EEE;
}

.table_resource td p {
font-weight:lighter;
}

.form {
}

.shaded {
	background-color: #648F70;
	border: solid 1px;
	border-color:#54785E;
	color:#EDFCDD;
	padding:5px;
	margin-bottom:10px;
}

.divider {
	border-top: 1px solid #b0aeae;
	padding: 5px 0;
}

.form td {
	padding: 5px;
	}
.box, .box2 {
	border: 1px solid;
	border-color: #2C8559;
	width: 260px;
	padding: 5px;
	margin: 15px 0;
	float: left;
	height: 175px;
}

.box2 {
	margin-left:50px;
}
.box2 p {
margin-bottom:10px;
line-height:14px;
}


.pres {
background: url(../images/pwerpoint_icon.gif) no-repeat top right;
width:30px;
height: 30px;
}

.pdf {
background: url(../images/Adobe_PDF.gif) no-repeat top center;
width:30px;
height: 30px;
}

.word {
background: url(../images/word.gif) no-repeat top center;
padding-right:18px;
padding-bottom:18px;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
}

#events #content h2 {
margin-bottom: 0;
}



#issues #content h3 {
	margin-top: 30px;
}

#events #content img {
padding-top: 7px;
padding-left:2px;
}

.small_print {
font-size: 85%;
font-weight:lighter;
}

.superscript {
	font-size:75%;
	position:relative;
	top: -2px;
}