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

/*html { height: 100%; }*/
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFF;
	margin: 0 0 20px 0;
	padding: 0;
	text-align: center;
	color: #8c8b8c;
	height: 100%; 
}

a:link { color: #8C8B8C;}
a:visited {color: #8C8B8C;}
a:hover {color: #CB0229;}
a:active {color: #8C8B8C;}

.linkpdf { background-image: url(/images/icon_pdf01.gif); background-repeat: no-repeat; background-position: left center; padding-left: 20px;}
.linkpdf:hover { text-decoration:underline; }

.clear { width: 100%; clear:both;}

#container {
	width: 779px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border-width: 0 1px 1px 1px; border-style: solid; border-color: #404040;
	text-align: left; /* this overrides the text-align: center on the body element. */
	height: 100%;
}


/*Styles for header*/

#header {
	width: 583px; height: 147x; padding: 0 98px;
}
ul#topnav {
	margin: 0 8px; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 0.7em;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}
ul#topnav li a {
	float: left; 
	text-indent: -9999px;
	height: 30px;
}

#home ul#topnav a.home { background-position: left bottom;}
#sia ul#topnav a.sia { background-position: left bottom;}
#stoves ul#topnav a.stoves { background-position: left bottom;}
#members ul#topnav a.members { background-position: left bottom;}
#efficiency ul#topnav a.efficiency { background-position: left bottom;}
#contact ul#topnav a.contact { background-position: left bottom;}

ul#topnav li:hover a, ul#topnav li a:hover { background-position: left -30px}

ul#topnav a.home { background: url(/images/but_home.gif) no-repeat; width: 127px;}
ul#topnav a.sia { background: url(/images/but_sia.gif) no-repeat; width: 128px;}
ul#topnav a.stoves { background: url(/images/but_stoves.gif) no-repeat; width: 128px;}
ul#topnav a.members { background: url(/images/but_members.gif) no-repeat; width: 128px;}
ul#topnav a.efficiency { background: url(/images/but_efficiency.gif) no-repeat; width: 128px;}
ul#topnav a.contact { background: url(/images/but_contact.gif) no-repeat; width: 127px;}


ul#topnav li .sub {
	position: absolute;	
	top: 30px; left: 1px;
	background: #dadcd9;
	padding: 10px 10px 10px;
	float: left;
	border-width: 1px; border-style: solid; border-color: #b7b7b6;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
	 z-index: 9999;

}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 150px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 1em;
	font-weight: normal;
	color: #5d5e5f;
	padding: 0 0 5px 0;
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #cb0229;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(/images/navlist_arrow.gif) no-repeat 5px 12px;
	padding: 7px 5px 7px 15px;
	margin-right: 10px;
	display: block;
	text-decoration: none;
	color: #cb0229;
}
ul#topnav .sub ul li a:hover {color: #5d5e5f; background: url(/images/navlist_arrow.gif) no-repeat 5px 12px #ecedeb;}

#header-redbar { width: 100%; background-color: #CB0229; margin: 0; height: 18px; 	clear: both;}

#header-breadcrumb-container { margin: 0; padding: 25px 98px 5px 98px; overflow: hidden; margin: auto; color: #999; font-size: 11px;}
	#header-breadcrumb-container a { color: #999;  text-decoration:underline;}
	#header-breadcrumb-container a:hover { color: #F15C22; text-decoration:underline;}
	

/*Styles for footer*/

.oneColFixCtrHdr #footer {
	padding: 35px 98px 35px 98px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	font-size: 0.7em;
	text-align: center;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
}

/* Styles for keyword elements */
#keywords01 { clear: both; color: #b3b5b4; overflow: hidden; text-align: center; vertical-align: top; font-size: 0.7em; line-height: 14px; padding: 5px 10px 35px 10px; width: 749px; margin: auto;}
#keywords01 h1 {font-size: 1em;}


/*Styles for mainContent*/

.oneColFixCtrHdr #mainContent { padding: 20px 98px 0 98px;}

.oneColFixCtrHdr #mainContent h1 {font-size: 1.2em; margin: 0 0 30px 0;}
.oneColFixCtrHdr #mainContent h2 {font-size: 0.9em; margin: 30px 0 10px 0;}
.oneColFixCtrHdr #mainContent h3 {font-size: 0.8em; line-height: 1.8em; margin: 0; font-weight: normal;}
.oneColFixCtrHdr #mainContent h4 {font-size: 0.9em; line-height: 1.3em; margin: 0; font-weight: normal; color:#000;}
.oneColFixCtrHdr #mainContent h5 {font-size: 0.7em; line-height: 1.3em; margin: 0; font-weight: bold;}
.oneColFixCtrHdr #mainContent h6 {font-size: 0.8em; line-height: 1.3em; margin: 0; font-weight: bold;}
.oneColFixCtrHdr #mainContent p {font-size: 0.7em; line-height: 1.4em;}
.oneColFixCtrHdr #mainContent ul {font-size: 0.7em; line-height: 1.3em;}
.oneColFixCtrHdr #mainContent ol {font-size: 0.7em; line-height: 1.3em;}
.oneColFixCtrHdr #mainContent li { margin: 0 0 5px -20px;}

/*.oneColFixCtrHdr #mainContent ul {font-size: 0.8em; line-height: 1.4em;}
.oneColFixCtrHdr #mainContent li { margin: 0 0 10px -20px;}*/

.large {font-size: 1.1em; line-height: 1.6em;}

.oneColFixCtrHdr #homepage_text {
			margin: 0; padding: 0;
			list-style: none;
			width: 290px;
		}

.oneColFixCtrHdr #homepage_pic {
			margin: 0 -20px 0 0; padding: 0;
			list-style: none;
			float: right;
			width: 270px;
			text-align: right;
		}

/*Styles for text*/
.text-red {color: #CB0229;}
.text-small {font-size: 0.6em;}

.table-fullwidth {width: 100%; max-width: 583px; }
.table01 {font-size: 0.6em; color: #646567; border-width: 0 0 1px 0; border-style: solid; border-color: #CB0229; font-weight: bold; padding: 5px 10px;}
.table02 {font-size: 0.6em; color: #646567; border-width: 0 0 1px 0; border-style: solid; border-color: #CB0229; padding: 5px 10px;}

.pic-right {margin: 0 0 10px 10px;}

#pictureblock01 {float: right; padding: 0; margin: 1px 0 0 20px; background-color: #FFF;}

#pictureblock02 {float: left; padding: 0; margin: 1px 0 0 0; background-color: #FFF; clear: left;}

.oneColFixCtrHdr #infoblock01 {float: right; padding: 10px; margin: 1px 0 0 20px; background-color: #ecedeb; width: 180px; border: 1px solid #b7b7b6;
	/*--rounded corner--*/
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px; }
	.oneColFixCtrHdr #infoblock01 h1 { color: #CB0229; font-size: 1em; line-height: 1.1em; margin: 0 0 10px 0; padding: 0; font-weight: bold}
	.oneColFixCtrHdr #infoblock01 h2 { font-size: 0.7em; line-height: 1.5em; margin: 0; padding: 0; font-weight: bold}


/*** Styles for homepage slider **/

#slideshow {
    position:relative;
    height:270px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    opacity:0.0;
	border: 1px solid #404040;
}

#slideshow IMG.active {
    z-index:3;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:2;
}