@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: #0066cc;}

/* overflow: scroll needs to be broken out into a separate body tag for IE6*/
body {overflow: scroll;}

body.Impact {font-family: LucidGrande, 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; background-image: url(http://www.summerhillgroup.ca/img/s_impact/background-body-impact.gif); background-repeat: repeat-y; background-position: center; background-color: #4084c9;}

/* END HTML TAG STYLES */




/* START CUSTOM STYLES */


/*Start nice buttons*/
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('http://switchthestat.ca/images/nav/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('http://switchthestat.ca/images/nav/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 
/*End nice buttons*/


div.CentringContainer {
position:relative;
margin:0 auto;
text-align:left;
width: 964px;
}



/* Top Navigation-Area Styles */
div.NavHolder {position: absolute; top: 0px; left: 0px; background-color: white; width: 946px;}
div.NavHolder {height: 202px;}

div.NavContainer-CommonTop {position: absolute; top: 7px; left: 575px; width: auto; 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 {position: absolute; top: 0px; width: 202px; text-align: right;}
div.NavContainer-Logo {left: 1px;}

div.SearchContainer {position: absolute; top: 16px; left: 708px; width: auto; display: none;}

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



/* Main Content Area Styles */
table.QA-Table td {vertical-align: top;}

td.BottomPadding1 {padding-bottom: 24px;}

td.faq-tds {font-weight: bold;}

/*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 */
  } 


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

div.Main-Content-Area {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;}
/*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 */
  } 

div.Main-Content-Area-Subsite {position: absolute; left: 0px; width: 946px; border-top: 2px solid white; float: left; height: auto; background-image: url(../../images/nav/background-blue-green.gif); background-repeat: repeat-y; background-position: left; height: auto; top: 107px;}

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: 22px 10px 20px 8px; font-size: 12px; color: #0070c1; margin-bottom: 9px;}
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-DashHolder {float: left; width: 8px;}
div.Main-Content-Leftnav-Text a {text-decoration: none;}
div.Main-Content-Leftnav-Text a:active {color: #ffcc33;}

div.Main-Content-Leftnav-Text-ClearBoth-Subnav {font-size: 11px; margin-left: 28px; margin-top: 4px;}

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-Right {width: 716px; float: right; color: #333333;; margin-bottom: 0px; padding-bottom: 0px; padding-top: 0px; min-height: 320px;}
div.Main-Content-Window-Right-WhiteBkgd {width: 680px; float: right; color: #333333;; margin-bottom: 0px; padding-bottom: 36px; padding-left: 18px; padding-right: 18px; min-height: 320px; background-color: white; background-image: url(../../images/nav/transparent-shim.gif); background-repeat: repeat-y; background-position: left;}

/*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:14px 15px 15px 15px; background-color:#f3f3f3; padding-top:6px; padding-bottom:6px; padding-left: 14px; padding-right: 14px;}
table.Table2 td {font-size: 13px; vertical-align: top; padding-bottom: 2px; padding-top: 6px; color: #666666;}
table.Table2 td p {padding-left: 14px; padding-right: 14px;}
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 {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.BottomContainer {background-image: url(../../images/nav/background-green.gif); background-repeat: repeat-y; background-position: left;}

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 p {padding-left: 648px; padding-top: 46px;}

div.Copyright-Adjusted {float: right; width: 298px; text-align: left; clear: both;}

div.Footer-Bar-Impact {height: 10px; width: 946px; border-top: 2px solid white; border-bottom: 2px solid white; clear: both; margin-left: 0px; background-color: #00a8ec;}

div.NavContainer-CommonBottom {float: left; width: 647px; font-size: 12px;}
div.NavContainer-CommonBottom a {text-decoration: none;}
div.NavContainer-CommonBottom a:link {color: #2c8c1c;}
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.HideShow1 { 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 */

		
/*Following is a min-height hack for IE6*/
div.Main-Content-Window-Right-WhiteBkgd
{
height:auto !important;/*all browsers except ie6 will respect the !important flag*/
min-height:320px;
height:320px;/*Should have the same value as the min height above*/
}