@charset "iso-8859-1";
/* CSS Document */

/* START HTML TAG STYLES */
a img {border: 0px solid white;}
a:active {color: #ffcc33;}
a:hover {color: #009900 !important;}
a:link {color: #0066cc;}
a:visited {color: #333399;}

body {font-family: LucidaGrande, Lucida Grande, Lucidagrande, Lucida grande, Lucida Sans, LucidaSans Lucida sans, Lucidasans, Arial, Helvetica, Geneva, sans-serif; font-size: 12px; margin-top: 0px; margin-left: 0px; margin-right: 0px; overflow: scroll;}

body.Carbon {background-image: url(../../img/s_carbon/background-body-carbon.gif); background-repeat: repeat-y; background-position: center; background-color: #ffd252;}
body.Foundation {background-image: url(../../img/s_foundation/background-body-foundation.gif); background-repeat: repeat-y; background-position: center; background-color: #d38d2d;}
body.Impact {background-image: url(../../img/s_impact/background-body-impact.gif); background-repeat: repeat-y; background-position: center; background-color: #4084c9;}
body.Innovation {background-image: url(http://www.summerhillgroup.ca/img/s_innovation/background-body-innovation.gif); background-repeat: repeat-y; background-position: center; background-color: #d25d4e;}
body.Strategy, body.Summerhill {background-image: url(http://www.summerhillgroup.ca/img/background-body-summerhill.gif); background-repeat: repeat-y; background-position: center; background-color: #8ab948;}
/* END HTML TAG STYLES */




/* START CUSTOM STYLES */
div.CentringContainer {
position:relative;
margin:0 auto;
text-align:left;
width: 964px;
}



/* Top Navigation-Area Styles */
div.NavContainer-Breadcrumb {position: absolute; top: 97px; left: 0px; background-color: #d1d1d1; height: 28px; width: 946px; font-size:11px;}

div.NavHolder, div.NavHolder-Adjusted {position: absolute; top: 0px; left: 0px; background-color: white; width: 946px;}
div.NavHolder {height: 202px;}
div.NavHolder-Adjusted {95px;}

div.NavContainer-Breadcrumb-Padding {width: auto; margin-top: 8px; margin-left: 12px;}
div.NavContainer-Breadcrumb-Padding a:active {color: #ffcc33;}
div.NavContainer-Breadcrumb-Padding a:link {color: #009900;}
div.NavContainer-Breadcrumb-Padding a:visited {color: #009900 !important;}
div.NavContainer-Breadcrumb-Padding a:hover {color: #0066cc !important;}

div.NavContainer-CommonTop {position: absolute; top: 34px; left: 245px; width: 470px; text-align: left; font-size: 10px;}
div.NavContainer-CommonTop a{text-decoration: none;}
div.NavContainer-CommonTop a:link {color: #333333;}
div.NavContainer-CommonTop a:active {color: #ffcc33;}
div.NavContainer-CommonTop a:hover {color: #0066cc !important;}
div.NavContainer-CommonTop a:visited {color: #333333;}

div.NavContainer-Logo, div.NavContainer-Logo-Adjusted {position: absolute; top: 0px; width: 202px; text-align: right;}
div.NavContainer-Logo {left: 1px;}
div.NavContainer-Logo-Adjusted {left: 7px;}

div.NavContainer-Logo-ProgramOf {position: absolute; top: 0px; left: 700px; top: 38px; text-align: right;}

div.NavContainer-Logo-SummerhillGroup {position: absolute; top: 0px; left: 699px;}

div.NavContainer-StreamLevel {position: absolute; top: 56px; left: 203px; width: auto;}

div.NavContainer-StreamLevel img, div.NavContainer-Summerhill img  {float: left;}

div.NavContainer-Summerhill {position: absolute; top: 0px; left: 214px; width: auto;}

div.NavWhiteLine {position: absolute; top: 96px; left: 1px; width: 945px; border-top: 2px solid white;}

div.SearchContainer {position: absolute; top: 1px; left: 716px; width: 230px;}

div.Header-Bar-Impact {position: absolute; top: 97px; left: 0px; background-color: #00a8ec; height: 10px; width: 946px;}



/* Main Content Area Styles */
/*The following is Tantek's box model hack for IE5 & 6 to correct sizing parse issue and top border overflow */
 * html div.FlashAdjustment {
	\border-top: 2px solid white; /* for IE5 and IE6 in quirks mode */
	b\order-top: 2px solid white; /* for IE6 in standards mode */
  } 

.graph1 {float:right; margin:0px 0px 15px 30px;}

div.GreenBar1 {background-color: #2c8c1c; width: 228px; height: 12px;}

div.ImageCentre {width: 100%; margin-top: 12px; margin-bottom: 12px;}
div.ImageCentre img {border: 2px solid #666666;}

div.Main-Content-Area, div.Main-Content-Area-Home {position: absolute; left: 0px; width: 946px; border-top: 2px solid white; float: left; background-image: url(http://www.summerhillgroup.ca/img/background-content-area.gif); background-repeat: repeat-y; background-position: left; height: auto;}
div.Main-Content-Area {top: 125px;}
div.Main-Content-Area-Home {top: 95px;}
/*The following is Tantek's box model hack for IE5 & 6 to correct sizing parse issue and top border overflow */
 * html div.Main-Content-Area {
    \width: 968px; /* for IE5 and IE6 in quirks mode */
    w\idth: 968px; /* for IE6 in standards mode */
	\border-top: 0px solid white; /* for IE5 and IE6 in quirks mode */
	b\order-top: 0px solid white; /* for IE6 in standards mode */
  } 
   * html div.Main-Content-Area-Home {
    \width: 968px; /* for IE5 and IE6 in quirks mode */
    w\idth: 968px; /* for IE6 in standards mode */
	\border-top: 0px solid white; /* for IE5 and IE6 in quirks mode */
	b\order-top: 0px solid white; /* for IE6 in standards mode */
  } 
  
div.Main-Content-Area-Subsite {position: absolute; left: 0px; width: 946px; border-top: 2px solid white; float: left; height: auto;}
  
div.Main-Content-Area-Subsite {background-image: url(http://www.summerhillgroup.ca/img/background-content-area-subsite.gif); background-repeat: repeat-y; background-position: left; height: auto; top: 125px;} 
  
div.Main-Content-Leftnav {width: 228px; float: left;}
/*The following is Tantek's box model hack for IE5 & 6 to correct a margin issue */
 * html div.Main-Content-Sidebar  {
	 \margin-right: 1px;
	 m\argin-right: 1px;
 }
 
div.Main-Content-Leftnav-Text {margin: 10px 10px 20px 25px; font-size: 12px; color: #2c8c1c;}
div.Main-Content-Leftnav-Text-ArrowHolder {float: left; width: 15px; height: 14px; padding-top: 4px;}
div.Main-Content-Leftnav-Text-ClearBoth {clear: both; margin-bottom: 9px; color: #333333;}
div.Main-Content-Leftnav-Text-Header {margin-bottom: 20px;}
div.Main-Content-Leftnav-Text a {text-decoration: none;}
div.Main-Content-Leftnav-Text a:active {color: #ffcc33;}
div.Main-Content-Leftnav-Text a:hover {color: #0066cc !important;}
div.Main-Content-Leftnav-Text a:link {color: #009900;}
div.Main-Content-Leftnav-Text a:visited {color: #009900;}

div.Main-Content-Sidebar {width: 298px; float: right;}
/*The following is Tantek's box model hack for IE5 & 6 to correct a margin issue */
 * html div.Main-Content-Sidebar  {
	 \margin-left: 1px;
	 m\argin-left: 1px;
 }
 

div.Main-Content-Window {width: 646px; float: left; background-image: url(http://www.summerhillgroup.ca/img/background-content-area-left.gif); background-repeat: repeat-y; background-position: left;}
/*The following is Tantek's box model hack for IE5 & 6 to correct a border issue */
 * html div.Main-Content-Window img {
	\border-top: 0px solid white; /* for IE5 and IE6 in quirks mode */
	b\order-top: 0px solid white; /* for IE6 in standards mode */
  } 

div.Main-Content-Window-Left {padding: 0 30px 14px 14px;}

div.Main-Content-Window-Right {width: 716px; float: right; color: #333333; padding: 0 0 0 0; margin-bottom:30px; min-height: 320px;}
/*The following is Tantek's box model hack for IE5 & 6 to correct a border issue */
  * html div.Main-Content-Window img { 
	 \border-top: 0px solid white;  /* for IE5 and IE6 in quirks mode */
	 b\order-top: 0px solid white;  /* for IE6 in standards mode */
   } 
   
div.Main-Content-Window-Right p, div.Main-Content-Window-Right h1, div.Main-Content-Window-Right h2, div.Main-Content-Window-Right h3, div.Main-Content-Window-Right h4, div.Main-Content-Window-Right table {padding-left: 14px; padding-right: 14px;}

div.NewsContainer {background-color: #dff0d5; border-top: 2px solid white; padding: 10px; padding-bottom: 24px; height: auto;}
div.NewsContainer-Date {color: #666; font-size: 11px; margin-bottom: 4px;}
div.NewsContainer-Headline {color: #333333; font-size: 13px; font-weight: bold; margin-bottom:4px; margin-top: 16px;}
div.NewsContainer-ReadMore {color: #0066CC;}
div.NewsContainer-Title {color: #61b22c; font-size: 16px; font-weight: bold;}

div.NewsPage { padding: 15px; padding-bottom: 24px; }


img.TopBorderFix {border-top: 2px solid white;}
/*The following is Tantek's box model hack for IE5 & 6 to correct a border issue */
* html img.IETopBorderFix {
	\border-top: 2px solid white; /* for IE5 and IE6 in quirks mode */
	b\order-top: 2px solid white !important; /* for IE6 in standards mode */
  } 

img.WhiteUnderlineIMG {border-bottom: 2px solid white;}
/*The following is Tantek's box model hack for IE5 & 6 to correct top border overflow */
 * html img.WhiteUnderlineIMG {
	\border-top: 2px solid white; /* for IE5 and IE6 in quirks mode */
	b\order-top: 2px solid white; /* for IE6 in standards mode */
  } 
  
table.Table1 {border: 1px solid #cccccc; margin:0px 15px 15px 15px;}
table.Table1 td {font-size: 13px; vertical-align: top; padding-bottom: 8px; padding-top: 6px; color: #666666;}
table.Table1 td.LeftTableCell1 {font-size: 14px; color: #2c8c1c; font-weight: bold; text-align: right; padding-right: 26px; width:80px;}
td.Table1DividerLine {height: 2px; border-bottom: 1px solid #999999;}
table.Table1 td ul {padding-left: 6px; margin-top: 0px;}
table.Table1 td ul li {margin-bottom: 8px;}
  

table.Table2 {margin:0px 15px 15px 15px; background-color:#f3f3f3; padding-top:6px; padding-bottom:6px; }
table.Table2 td {font-size: 13px; vertical-align: top; padding-bottom: 2px; padding-top: 6px; color: #666666;}
table.Table2 td.LeftTableCell2 {font-size: 14px; width:620px;}
td.Table2DividerLine {height: 2px; border-bottom: 1px solid #999999;}

table.Table3 {margin:0px 25px 15px 15px; border:1px solid #999999;}
table.Table3 td {font-size: 13px; vertical-align: top; padding:6px 15px 2px 0px; color: #666666;}
td.Table3DividerLine {height: 2px; border-bottom: 1px solid #999999;}

.LogoRight {float:right; margin:8px 0px 10px 30px;}

  
/* Text Styles */
h1 {margin-top: 11px; font-size:20px; }
h2, h3, h4 {margin-bottom: 2px; color: #333333; font-weight: normal;}
h2 {font-size: 15px; font-weight:bold;}
h3 {font-size: 13px; font-weight:bold;}
h4 {font-size: 11px; text-transform:uppercase;}
p {margin-top: 0px; margin-bottom: 17px; color: #444444;}



/* Footer Styles */
div.BottomContainer {position: relative; width: 946px; float: left; background-repeat: repeat-y; background-position: left; height: auto;}
div.BottomContainer {background-image: url(http://www.summerhillgroup.ca/img/background-footer-area.gif);}

div.BottomRight {float: right; text-align: left; width: 298px;}
div.BottomRight-Content {margin-left: 10px; padding-bottom: 10px;}
div.BottomRight-Content a, div.BottomRight-Content a:link, div.BottomRight-Content a:visited {display: block; padding-top: 6px; font-size: 11px; text-decoration: none;}
div.BottomRight-Content a:active {color: #cccccc;}
div.BottomRight-Content a:hover {color: #ffcc33 !important;}
div.BottomRight-Content a:link {color: #ffffff;}
div.BottomRight-Content a:visited {color: #ffffff;}

div.BottomRight-GreenBox {background-color: #2c8c1c;}

div.Copyright, div.Copyright-Adjusted {padding-top: 10px; padding-bottom: 6px; font-size: 9px; color: #333333;}
div.Copyright {background-color: white;}
div.Copyright-Adjusted {float: right; width: 298px; text-align: left; clear: both;}
div.CopyrightPrint {display: none;}

div.Footer-Bar-Carbon, div.Footer-Bar-Foundation, div.Footer-Bar-Impact, div.Footer-Bar-Innovation, div.Footer-Bar-Summerhill, div.Footer-Bar-Strategy  {height: 10px; width: 946px; border-top: 2px solid white; border-bottom: 2px solid white; clear: both; margin-left: 0px;}
div.Footer-Bar-Carbon {background-color: #ffbf00;}
div.Footer-Bar-Foundation {background-color: #ff4a00;}
div.Footer-Bar-Impact {background-color: #00a8ec;}
div.Footer-Bar-Innovation {background-color: #d25d4e;}
div.Footer-Bar-Strategy {background-color: #61b22c;}
div.Footer-Bar-Summerhill {background-color: #61b22c;}

div.NavContainer-CommonBottom {float: left; width: 647px; font-size: 12px; margin-top: 6px;}
div.NavContainer-CommonBottom {text-align: center;}
div.NavContainer-CommonBottom a {text-decoration: none;}
div.NavContainer-CommonBottom a:link {color: #333333;}
div.NavContainer-CommonBottom a:active {color: #ffcc33;}
div.NavContainer-CommonBottom a:hover {color: #0066cc !important;}
div.NavContainer-CommonBottom a:visited {color: #333333;}
div.NavContainer-CommonBottom p {margin-top: 2px; margin-bottom: 8px;}



/*Start Peter's custom styles */
div#revealRetail, div#revealRenewable, div#revealMarket, div#revealCommunity, div#revealWater, div#revealStewardship, div#revealVehicle, div#revealMercury, div#revealResearch, div#revealTarget, div#revealResearchRetailers, div#revealResearchGovernment, div#revealResearchManufacturers, div#revealResearchUtilities, div#revealResearchIndustry, div#revealIan, div#revealErsilia, div#revealJames, div#revealCorey, div#revealFatima, div#revealBarbara, div#revealStephanie, div#revealRefrigeration, div#revealAC, div#revealLighting { display: none; padding:10px; margin:10px 0px 10px 0px; background-color:#ffffff; font-size:12px; }

div#revealGuidelines { display: none; padding:10px; margin:10px 0px 10px 0px; font-size:12px; }

.Div-Line { border-top:1px solid #dff0d5; margin-top:8px; }

.download { font-size:9px; }

.Infotable { padding:8px; border:1px solid #dff0d5; font-size:14px; color:#666666; vertical-align:top; }
.Infotable-Left { padding:8px; border:1px solid #dff0d5; font-size:14px; color:#666666; font-weight:bold; text-align:right; background-color: #dff0d5; vertical-align:top; }

.note { font-size:10px; font-style:italic; }
.nobr { white-space:nowrap; }

.Logo-Text-Block { border:1px solid #dff0d5; padding:20px; min-height:66px; margin:0px 25px 10px 15px; font-size:14px; color:#666666; line-height:20px; }
.Logo-Left { float:left; margin-right:20px; }

.spotlink { font-size:8px; text-transform:uppercase; background-color:#61b22c; padding:4px; margin:4px 4px 4px 20px; float:right; }
.spotlink a { color:#FFFFFF; text-decoration:none; }
.spotlink a:active { color: #2c8c1c; }
.spotlink a:hover { color: #006600; }
.spotlink a:visited { color:#FFFFFF; }

.spotlink2 { font-size:8px; text-transform:uppercase; background-color:#61b22c; padding:4px; margin:4px 4px 4px 20px; }
.spotlink2 a { color:#FFFFFF; text-decoration:none; }
.spotlink2 a:active { color: #2c8c1c; }
.spotlink2 a:hover { color: #006600; }
.spotlink2 a:visited { color:#FFFFFF; }
/*End Peter's custom styles*/



/* END CUSTOM STYLES */