/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button {
     margin: 0;
     padding: 0;
     border: 0;
}
body{
	text-align:center;
	background-image:url(Images/TwoWillieSnowE.jpg);
	/*** background-image:url(Images/green_gradient_background.jpg); ***/ /*** Was bg_tile.gif ***/
	background-repeat:repeat;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.78em;
}
h1, h2, h3, h4, h5, h6 {color:#000000;}

/*Typographics styles adapted from http://www.thenoodleincident.com/tutorials/typography/ */
h1 {
	margin-top:1em;
	font-size: 1.4em;
	font-weight: bold;
}
h2 {
	margin-top:1em;
	font-size: 1.3em;
	font-weight: bold;
	color:Green;
}
h3 {
	margin: 0.5em 0;
	font-size: 1.2em;
	font-weight: normal;
	color:Green;
}
h4 {
	margin: 0.5em 0;
	font-size: 1.1em;
	font-weight: bold;
	color:Green;
}
h5 {
	margin: 0.5em 0;
	font-size: 1.0em;
	font-weight: bold;
	color:Green;
}
h6 {
	margin: 0.5em 0;
	font-size: 1.1em;
	font-weight: bold;
	color:Blue;
}

h7 {
	margin: 0.3em 0;
	font-size: 1.3em;
	font-weight: bold;
}

p  {margin: 1em 0;}

a {text-decoration:underline;}

a:hover {text-decoration:none;}

#wrapper{
	width:784px;
	margin:0 auto;
	padding-bottom:0px;
    border-top:1px solid #FFFFFF;   /*** Outside borders top ***/	
    border-right:6px solid #3AB54A;  /*** Outside borders right ***/
    border-bottom:1px solid #3AB54A;   /*** Outside borders bottom  ***/
    border-left:6px solid #3AB54A;	  /*** Outside borders left ***/
	text-align:left;
	background-color:White;
	background-image:url(Images/main_bg_051107D.jpg);  
	background-repeat:repeat-y;   
	background-position:top center;  
}

#frmwrapper{
	width:770px;
	margin:0 auto;
	padding-bottom:0px;
    border-top:1px solid #FFFFFF;   /*** Outside borders top ***/	
    border-right:6px solid #3AB54A;  /*** Outside borders right ***/
    border-bottom:1px solid #3AB54A;   /*** Outside borders bottom  ***/
    border-left:6px solid #3AB54A;	  /*** Outside borders left ***/
	text-align:left;
	background-color:White;
	background-image:url(Images/grnStrpBck.gif);  
	background-repeat:repeat-y;  
	background-position:top center;  
}

* html .wrapper {   /*** IE5.x/win box model fix ***/
	width: 786px;
	wid\th: 784px;   /*** Was wid\th: 770px; ***/
	background-color:White;
}
#header{
	height:105px; 
	position:relative;
	/** background-image:url(Images/header_bg.png); **/ 
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}
#logo{
	position:absolute;
	top:11px;
	left:11px;
}
#gmectxt{
	position:absolute;
	top:13px;
	left:111px;
}
#touchstonetxt{
	position:absolute;
	top:55px;
	left:117px;
}
#serveohio{
	position:absolute;
	top:85px;
	left:120px;
}
#goldohio{
	position:absolute;
	top:4px;
	left:350px;
}
#lineimg{
	position:absolute;
	top:0px;
	left:478px;
}
#houseimg{
	position:absolute;
	top:0px;
	left:580px;
}
#familyimg{
	position:absolute;
	top:0px;
	left:682px;
}
#banner{
	margin:0 152px;
	text-align:center;
}
#search{
	position:relative;
	margin-top:.5%;
	margin-left:7%;
}

#mainnav {
	padding:0 2px;
	border-bottom:1px solid #003300;   /*** Dark green  ***/
	border-top:1px solid #003300;	   /***  Dark green  ***/
	background-color:#3AB54A;     /*** Green - The text color of the main menu background. ***/
}

* html #mainnav tr {height:12px;}  /***  Was height:1.4em;  ***/

#mainnav .item {
	padding:0px 5px;    /***  Was 2px and 7px  ***/
	border-width:0px 1px 1px 0px; 
	border-style:solid; 
	/***  border-color:#3AB54A; ***/    /***  Was #FFFFFF  ***/
	 border-top:#3AB54A;
	 border-right:#FFFFFF;
	 border-bottom:#3AB54A;
	 font-size: 13px; 
	color:#FFFFFF;  /*** White - The text color of the main menu buttons. ***/
}

* html #mainnav .item {padding:0 5px;}     /***  Was 0 20px  ***/

#mainnav .selected {
	background-color:yellow;   /*** Was FF9900  ***/
	color:#000000;
}
#mainnav .hover {
	color:blue;   /***  Was FF284E  ***/
	background-color:#DAECBD;    /***  Was DADADA **/
}

#mainnav table {border-right:none;}    /***  Was 1px solid #FFFFFF ***/

#mainnav table table {border-right:none;}

#mainnav .IE8Fix {
	z-index:350;
}

#contentwrapper{
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	margin-left: 150px;    /*** Critical left col dimension value ***/
	width: 524px; /*468px;*/   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	border-left: 0px solid #006600;  /*** Critical left divider dimension value ***/
	border-right: 0px solid #006600; /*** Critical right divider dimension value ***/
}

* html #contentwrapper {  /*** IE5.x/win box model fix ***/
	width: 526px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	wid\th: 524px;   /*** Was wid\th: 468px; ***/      /*** Critical left and right col/divider dimension value (moves inversly) ***/
}
#floatwrapper {
	float: left;
	width: 524px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	margin-right: -1px;   /*** Static fix ***/
}

#centercolumn{
	float: right;
	width: 524px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	/* \*/
	margin-left: -1px; 
	/* Hidden from IE-mac */
	padding-top:150px;
	background-image:url(Images/TwoWilliesSkatingA.jpg);
	background-repeat:no-repeat;
}
#breadcrumbs{
	position:absolute;
	top:5px;
	left:25px;
	font-size:0.9em;
}
#breadcrumbs a {
	color:#000000;
	text-decoration:underline;
}

#breadcrumbs a:hover {text-decoration:none;}

#copy a {color:#000000;}   /*** Was#FF284E ***/

#copy .container {
	margin:0px 5px 0px 5px; /*** Was 5px; ***/
	padding:0px 10px 0px 10px;     /*** Was padding:0 10px 15px 10px; ***/
	border-bottom:0px solid black;     /*** Was 1px solid #999999; ***/
	background-color:#FFFFFF;     /*** background-image:url(Images/HolidayWishTrans.jpg);  background-color:#FFBFBF; Center containers #FFFFFF ***/
}

/* \*/
* html #copy .container {height:1%;}
/* */

/*** #copy img, #rightcolumn img {border:1px solid #ACD373 !important;} ***/ /*** Border around pictures was RED #FF284E ***/

#copy .teaser{
	margin-top:0;
	color:blue; 
	font-size:0.9em; 
	font-weight:normal;
}

#copy td, #copy th {padding: 0.2em 0.5em;}

#copy .container table tr {font-size:0.9em;}

.txtBox {
    border:1px solid #7F9DB9;
    background-color:#FFFFFF;
}    
#copy fieldset {	
	margin:1em 0;
	padding:1em;
	border:1px solid #CCCCCC;     /*** Was #CCCCCC   ***/
}

#copy legend {
	color:#3AB54A;    /*** Was 666666   ***/
	background-color:#FFFFFF;
}

* html #copy legend {padding:0.5em;}

.button {
    border:1px solid #FFFFFF;
    color:#FFFFFF;
    background-color:#3AB54A;
    font-size:1em;
}

#copy .container .button {border-color:#CCCCCC;}     

div.readmore {
	text-align:right;
	font-size:0.9em;
}
.linktitle
{
	padding-left:10px;
	font-size:1.4em;
}
.linkpage
{
    padding-left :20px;
	font-size:1.0em;	
}

#leftcolumn {
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	width: 136px;    /*** 152px  042807 ***/  /*** Critical left col/divider dimension value ***/
	margin-left: -143px;    /*** Was -151px 042807 Critical left col/divider dimension value ***/
	padding-left:2px;    /*** Added 2px 042807  ***/
	padding-top:2px;   /*** Changed 30px 042807   ***/
	background-color:transparent;  /*** Was DAECBD   ***/
	}
* html #leftcolumn {
	float:left;	
	padding-top:2px;
}

*>html #leftcolumn {width:145px;}   /*** 151px Fix only for IE/Mac ***/

/*** This is a fix for IE5/Win at the largest text size setting. ***/
/* \*/
* html #leftcolumn {margin-right: -3px;}
/* */

#leftcolcontainer{
	width: 134px;    /*** Was 150px  042807 ***/   /*** Critical left col dimension value ***/
     
}
#sepcoheater
{
	position:relative;
	margin-left:14%;
	margin-bottom:15px;
}  
#operhelp
{
	position:relative;
	margin-left:15%;
	margin-bottom:15px;
}
#ourenergy
{
	position:relative;
	margin-left:15%;
	margin-bottom:15px;
}
#subnav {
	overflow:hidden;
	margin-bottom:10px;    /*** Was 40px ***/
	margin-left:2px;
}

* html #subnav tr {height:1.4em;}    /*** Was 1.4em ***/

#subnav .item {
	padding:0px 0px;   /*** Was 2px 7px  042807***/
	border-top:1px solid green;   /*** Was 1px solid yellow  ***/
	background-color:#3AB54A;    /*** Was #E4E4E4  ***/
	font-size: 12px;   
	color:#FFFFFF; 
}

* html #subnav .item {padding:0px 0px;}   /*** Was 0 20px 042807***/

#subnav .selected {
	background-color:yellow;   /*** Was FF284E***/
	color:#000000;   /*** Was FFFFFF***/
}
#subnav .hover {
	color:blue;     /*** Was FF284E***/
	background-color:#DAECBD;    /*** Was E4E4E4 ***/
}

#subnav table {border-bottom:0px solid #3AB54A;}     /*** Was #DAECBD ***/

#subnav table table {border-bottom:none;}

#subnav .IE8Fix {
	z-index:350;
}

#linksnav {
	overflow:hidden;
	padding-top:7px;
	padding-bottom:7px;    /*** Was 40px ***/
	padding-left:10px;
}

* html #linksnav tr {height:1.4em;}    /*** Was 1.4em ***/

#linksnav .item {
	padding:2px 0px;   /*** Was 2px 7px  042807***/
	border-top:1px solid none;   /*** Was 1px solid yellow  ***/
	font-size: 12px;   
	color:#000000; 
}

* html #linksnav .item {padding:2px 0px;}   /*** Was 0 20px 042807***/

#linksnav .selected {
	background-color:transparent;   /*** Was FF284E***/
	color:orange;   /*** Was FFFFFF***/
}
#linksnav .hover {
	color:blue;     /*** Was FF284E***/
	background-color:transparent;    /*** Was E4E4E4 ***/
}

#linksnav table {border-bottom:0px solid none;}     /*** Was #DAECBD ***/

#linksnav table table {border-bottom:none;}

h4 img {margin-bottom:-0.5em;}

#rightcolumn{
	float: left; 
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	width: 98px;    /*** Was 110px 042807  Critical right col/divider dimension value ***/
	margin-right: -108px;    /***  Was 108px 042807 Critical right col/divider dimension value ***/
	margin-left: 6px;   /*** Changed 042907 Static fix ***/
	padding-top:2px;   /***  Was 30px  042807 ***/
	background-color:transparent;     /***  Was  DAECBD  ***/
}

/* \*/
* html #rightcolumn {
	margin-left: 0px; 
	margin-right: -500px; 
	mar\gin-right: -108px; /***  Was mar\gin-right: -110px; 042807 ***/     /***  Was mar\gin-right: -152px;  ***/
	margin-left: 6px;   /*** Added 042907 Static fix ***/
	padding-top:2px;   /***  Was 25px  042807 ***/
}
/* */

/*** These commented-out rules below are there to explain the "Critical" info 
	for the rules above, because comments must not appear within the Mac-hack.
	The "rules" below are not active, they are just for teaching purposes. ***/

/*
* html .right {
margin-left: 0px;    *** Critical right divider dimension value ***
margin-right: -500px;    *** IE5.x/win fix, must be above a critical number, but very high values appear okay ***
mar\gin-right: -152px;    *** Critical right col/divider dimension value ***
}
*/

#rightcolcontainer{
	/* \*/
	width: 94px;  /***  Was 108px 042807 ***/
	/* Hidden from IE-Mac */   /*** Critical right col dimension value ***/
	margin-left: 3px;    /*** Critical right divider dimension value ***/
}

/* \*/
* html #rightcolcontainer {
	fl\oat: right;     /***  Was fl\oat: right;  ***/
	margin-left: 2px; 
	mar\gin-left: 0px;   /***  Was mar\gin-left: 0px;  ***/
}
/* */

.sidebarcontainer{
	margin:2px;
	padding:0px;
	border:0px solid purple;   /***  Was #DAECBD ***/
	background-color:transparent;   /***  Was #EFEFEF ***/
	font-size:smaller;
}
/* \*/
* html .sidebarcontainer {height:1%;}
/* */


.sidebarcontainer a {color:blue;}  /*** Color of text in sidebarcontainer ***/

.sidebarcontainer li {list-style-type:none;
	}
#oups
{
	position:relative;
	margin-left:3%;
	margin-top:10px;
	margin-bottom:15px;
}  
#homecal
{
    margin-top:15px;
    margin-left:2%;
	position:relative;
	margin-bottom:20px;
}  
 #appliancecal
{
    margin-left:2%;
	position:relative;
	margin-bottom:20px;
}  
#kidskorn
{
	margin-left:2%;
	position:relative;
	margin-bottom:20px;
}  
#envirowatts
{
	margin-left:2%;
	position:relative;
	margin-bottom:20px; 
}  
#touchstoneicon
{
	margin-left:2%;
	position:relative;
	margin-bottom:20px;
}
#acre
{
	margin-left:2%;
	position:relative;
	margin-bottom:5px;
}
#footer {
	clear:both;
	height:40px;
	margin:0px 0px;
	padding:1px 10px;
	border-top:solid 1px #006600;   /*** Was 1px solid green;    ***/
	background-color:#3AB54A;
	font-size:10px;
}
#footer a {
	margin:1px 5px;
	color:#FF284E;
}
.imgfloatright {
	float:right;
	display:inline;
	clear:right;
	margin:10px;
}
.imgfloatleft {
	float:left;
	display:inline;
	clear:left;
	margin:10px;
}
@media print {	
	body{
		font-size:11pt;
		line-height:13pt;
		background:#FFFFFF !important;    /*** Was FFFFFF ***/
	}	
	#wrapper, #contentwrapper, #floatwrapper, #centercolumn, * html #wrapper, * html #contentwrapper, * html #floatwrapper, * html #centercolumn {
		width:auto !important;
		margin:auto !important;
	}

	#wrapper, #contentwrapper {border:none;}

	#mainnav{
		padding:0;
		text-align:center;
	}

	#leftcolumn, #rightcolumn, #search {display:none;}

	#wrapper, #header, #mainnav, #mainnav .item, #mainnav .selected, #copy .container, #footer {
		background:transparent;
	}
	#centercolumn {
		float:none;
		margin:0 1em 0 2.5em;
	}	

	#breadcrumbs {position:static;}
	
	#copy .container{
		margin:0;
		padding:0 !important;
		border-style:none !important;
		border-width:0;
	}
	
    #copy fieldset {border:none;}	
	    
	#footer{	
		position:relative;
		border-style:none !important;
		border-top:1px solid #000000;
	}
}