body {
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 76%;/* font sizing in ems, baby. if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
	color: #000000;
	background-color: #ffffff;
	}
#content {
	margin: 0em;
	padding: 0em 0em 2em 0em;/* use padding instead of margin for multicolumn layouts because of a really odd ie5pc bug where it sometimes relates the width of an unrelated menu div to this div. i'll, uh, write about that somewhere. it was hard to figure out what was causing it, so i want this note here to remind me. */
	}
	
#contentSingle {
	margin: 0em;
	padding: 1em 2em 2em 1em;/* use padding instead of margin for multicolumn layouts because of a really odd ie5pc bug where it sometimes relates the width of an unrelated menu div to this div. i'll, uh, write about that somewhere. it was hard to figure out what was causing it, so i want this note here to remind me. THIS FORMAT IS FOR SINGLE COLUMN LAYOUTS*/
	}	
	
/*the following classes are to demonstrate better line heights for narrow columns*/	
.narrow1{
	width: 50%;
	line-height: 1.3em;
	}
.narrow2{
	width: 50%;
	line-height: 1.5em;
	}

/*alignment*/

.right{
	text-align:right;
	}
	
.center{
	text-align:center;
	}	
	
/*body table*/

.body{
	background-color: #ffffff;
	}
			
/*typography*/
.big {
		font-size: 1.3em;
		}
		
.small {
		font-size: .9em;
		text-align: center;
		font-style: italic;
		}
		
.copy {
		font-size: .8em;
		color: #ffffff;
		background-color: #bf0000;
		}		
a {
	text-decoration: underline;
	}
a:link {
	text-decoration: underline;
	}
a:visited {
	text-decoration: underline;
	color:#000000;
	}
a:active {
	text-decoration: underline;
	}
a:hover {
	color:#F59F19;
	text-decoration: underline;
	}
div.content a:visited
{
color: #000000; text-decoration: underline; overflow:hidden; 
}

div.content a:hover
{
color: #F59F19; text-decoration: underline; overflow:hidden; 
}

div.content a:link
{
color: blue; text-decoration: underline; overflow:hidden; 
}	
a.title:link {color: #333333; text-decoration: underline; font-weight: bold; font-size: 1.1em; line-height: 1.5em; }
a.title:visited {color: #333333; text-decoration: underline; font-weight: bold; font-size: 1.1em; line-height: 1.5em; }
a.title:hover {color: #333333; text-decoration: none; font-weight: bold; font-size: 1.1em; line-height: 1.5em; }
a.title:active {color: #333333; }	

h1 {
	font-size: 2em;
	color: #ffcc00;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	}
h2 {
	font-size: 1.7em;
	color: #bf0000;
	margin: 0em 0em .1em 0em;
	font-weight: bold;
	text-align: left;
	}
h3 {
	font-size: 1.5em;
	color: #bf0000;
	margin: .5em 0em .5em 0em;
	font-weight: bold;
	text-align: left;
	}
h4 {
	font-size: 1.2em;
	color: #bf0000;
	margin: .5em 0em .5em 0em;
	font-weight: bold;
	text-align: left;
	}
h5 {
	font-size: 1.0em;
	color: #bf0000;
	margin: .5em 0em .5em 0em;
	font-weight: bold;
	text-align: left;
	}
h6 {
	font-size: 0.8em;
	color: #bf0000;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	text-align: left;
	}	
	
	
/* Other Site Styles  */	

	
.border {border-color: #342102; border-width: 2px;}
	
ol, ul, li {/*
	list-style: none;*/
	font-size: 1.0em;
	line-height: 1.2em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
	text-align: left;
	}
p {
	font-size: 1.0em;
	line-height: 1.2em;
	margin: 1em 0em 1em 0em;
	text-align: left;
	}
li > p {
	/*margin-top: 0.2em; */
	}

strong, b {
	font-weight: bold;
	}

#navcontainer { 
 width: 180px; padding: 0; margin: 0; border-collapse: collapse; float:left;
}

#navcontainer ul
{
margin-left: 0; padding-left: 0; margin-top: 0; margin-bottom: 0; list-style-type: none; font-family: arial, verdana, helvetica, sans-serif; font-size: 12px; font-weight: bold;
}

#navcontainer a
{
display: block; width: 180px; padding-left: 16px; padding-bottom: 14px; padding-top: 12px; font-size: 12px; font-weight: bold; background-color: #ffcc00; 
border-bottom: 1px solid #342102; 
}

#navcontainer a:link, a:visited
{
color: #342102; text-decoration: none; overflow:hidden; 
}

#navcontainer a:hover
{
background-color: #bf0000; color: #ffcc00;
}

/* styles for Browns navigation */
.towns #townsLink a,
.fuel #fuelLink a,
.ac #acLink a,
.acInstall #acInstallLink a,
.acService #acServiceLink a,
.heat #heatLink a,
.heatInstall #heatInstallLink a,
.heatService #heatServiceLink a,
.Glossary #GlossaryLink a,
.acGlossary #acGlossaryLink a,
.heatGlossary #heatGlossaryLink a,
.contact #contactLink a,
.home #homeLink a,
.woodPellet #woodPelletLink a,
.woodPelletBenefits #woodPelletBenefitsLink a,
.woodPelletSuppliers #woodPelletSuppliersLink a,
.woodPelletStoves #woodPelletStovesLink a,
.BioBrick #BioBrickLink a,
.BioBrickPricing #BioBrickPricingLink a
{
background-color: #bf0000; color: #ffcc00;
}

body#towns li#townsLink a,
body#fuel li#fuelLink a,
body#acInstall li#acInstallLink a,
body#acService li#acServiceLink a,
body#heatInstall li#heatInstallLink a,
body#heatService li#heatServiceLink a,
body#Glossary li#GlossaryLink a,
body#acGlossary li#acGlossaryLink a,
body#heatGlossary li#heatGlossaryLink a,
body#contact li#contactLink a,
body#home li#homeLink a,
body#woodPellet li#woodPelletLink a, 
body#woodPelletBenefits li#woodPelletBenefitsLink a,
body#woodPelletSuppliers li#woodPelletSuppliersLink a,
body#woodPelletStoves li#woodPelletStovesLink a,
body#BioBrick li#BioBrickLink a,
body#BioBrickPricing li#BioBrickPricingLink a
{
background-color: #bf0000; color: #ffcc00;
}