/* CSS for B&D Boilers //  */

body { margin: 0; background-color: #fff; font-family: verdana, sans-serif; font-size: 1em; color: #222; line-height: 1.4; }

/* fonts */
h4 { font-size: 12pt; color: #333; margin: 0; }
a, a:visited { font-weight: bold; text-decoration: none; color: #00457c; }
a:hover { text-decoration: underline; }
#sidebar a { font-weight: normal; font-size: 8pt; text-align:left; }
#footer a { font-weight: normal; font-size: 8pt; }
#headerNav a { position: relative; font-size: 7pt; color: #fff; padding: 10px; }
#headerNav a:hover, #headerNav a.active { position: relative; color: #00457c; background-color: #fff; text-decoration: none; }
	#headerNav a:hover ul.dd li { display: block; }
a.subnav, a.subnav:visited { color: #fff; font-size: 7pt; }
.subheader { color: #fff; font-size: 7pt; text-transform: uppercase; font-weight: bold; margin: 0 0 10px 0; display: block; }
img { border: 0; }
ul { margin-top: 0; }
hr { height: 1px; border: 0; background-color: #00457c; color: #00457c; margin: 15px 0 15px 0; }
img.pageImg { width: 210px; height: 280px; margin: 2px; }
 
/* site-wide components */
#container { width: 970px; background-color: transparent; margin: 0 auto; padding-top: 135px; }

/* floating header */
#headerFloatOnTop { position: fixed; margin-top: -135px; }
body > div#headerFloatOnTop { position: fixed; margin-top: -135px; }
	#headerTop { width: 970px; height: 101px; background: url(../images/header-top-bg.jpg) 0 0 no-repeat #00457c; border-bottom: 9px solid #00457c; z-index: 1;}
	#headerNav { width: 970px; height: 23px; background: url(../images/header-bot-bg.jpg) 0 0 no-repeat #00457c; z-index: 1; padding-top: 8px; }
	#headerNav1 { width: 970px; height: 23px; z-index: 1; padding-top: 8px; }
	#headerLog { width: 107px; height: 115px; z-index: 999; position: absolute; margin: 15px 0 0 40px; background-color: transparent; }
	#headerGrad { height: 37px; width: 970px; margin: 0 auto; background: url(../images/undernav.jpg) 0 0 no-repeat #fff; }
#footer { font-size: 8pt; margin: 10px auto; width: 970px; height: 60px; border-top: 1px solid #f0f0f0; background: url(../images/img-foot-bot.gif) left bottom no-repeat #f9f9f9; color: #666; }
	#footTxtLeft { display: inline; width: 40%; float: left; margin: 15px 0 0 10px; }
	#footTxtRigh { display: inline; width: 40%; float: right; margin: 15px 35px 0 0; }
#breadcrumb { float: right; width: 655px; margin: 0 35px 0 0; color: #666; font-size: 7pt; }
	#breadcrumb a { font-weight: normal; }
#insetNav { float: right; width: 230px; padding: 10px; background-color: #f6f6f6; }
	#insetNav a { font-weight: normal; }

/* home page specific components */
#homeLrgFade { width: 970px; margin: 0 0 40px 0; background: url(../images/img-home-lrg-1-fade.jpg) 0 0 no-repeat; }
#homeLrgImg { width: 970px; height: 220px; margin: 0 0 40px 0; }
#homeTxtLeft { display: inline; width: 510px; float: left; margin: 0 0 0 40px; }
#homeTxtRigh { display: inline; width: 305px; float: right; margin: 0 35px 0 0; }
	/*.homeRighBox { width: 275px; height: 159px; background: url(../images/bg-homeBox.gif) 0 0 no-repeat #fff; padding: 15px; }*/
	.homeRighBox { width: 305px; padding: 10px; height: 108px; background-color: #f7f2d5; float: left; font-size: 8pt; }
	.homeBotRightBox { width: 289px; padding: 10px; height: 108px; background-color: #f7f2d5; float: left; font-size: 8pt; }
	
/* secondary page components */
#subnav { float: left; width: 168px; height: 200px; background: url(../images/subnav-bg.gif) left bottom no-repeat #00457c; padding: 15px 15px 30px 40px; }
	#subnav a { line-height: 2em; }
#content { float: right; width: 655px; margin: 25px 35px 0 0; }

/* tabs */
a.tab { padding: 5px; font-size: 7pt; background-color: #f6f6f6; margin: 0; }
a.tabactive { background-color: #f6f6f6; font-size: 7pt; padding: 5px 5px 12px 5px; margin: 0; }

/* drop down menus */
#headerNav ul li ul li a { padding: 3px 0 3px 0; color: #00457c; display: block; width: 150px; text-align: left; }
#headerNav ul li ul li a:hover { text-decoration: underline; background: transparent; }
	#headerNav ul li ul li a:hover .navMain { background-color: #fff; color: #00457c; }
	#headerNav ul li:hover, #headerNav ul li:hover a { background-color: #fff; color: #00457c; }
	#headerNav ul li:hover ul li a { background-color: transparent; }
	#headerNav ul li:hover ul li a:hover, #headerNav ul li:hover ul li:hover { background-color: transparent; }
#headerNav ul li ul { margin: 9px 0; padding: 4px 4px 4px 10px; }
div#ddNav { width: 800px; float: right; }
ul.nav { padding: 0; margin: 0; list-style: none; font-size: 7pt; color: #fff; font-weight: bold; float: left; }
ul.nav li { position: relative; list-style: none; margin: 0; float: left; }
	ul.nav li a:hover { color: #00457c; }
ul.nav li ul { display: none; position: absolute; margin: 9px 0; background: url(../images/ddbg.jpg) 0 0 repeat-x transparent; border-bottom: 1px solid #00457c; border-right: 1px solid #00457c; width: 150px; }

/*ul.nav li ul { display: none; position: absolute; margin: 9px 0; background: url(../images/ddbg.jpg) 0 0 repeat-x transparent; border-bottom: 1px solid #00457c; border-right: 1px solid #00457c; width: 150px; }*/

	ul.nav li ul li { padding: 0; margin: 0; }
ul.nav li > ul { top: 12px; left: auto; }
ul.nav li:hover ul { display: block; }

<STYLE TYPE="text/css">
<!--
.indented
{
padding-left: 50pt;
padding-right: 50pt;
}
-->
</STYLE>

<STYLE TYPE="text/css">
<!--
.indented2
{
padding-left: 70pt;
padding-right: 70pt;
}
-->
</STYLE>