@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------------
Stylesheet:  screen.css
Author:   Chris Moore - Toronto Region Conservation (trca.on.ca)
Website: sustainablehouse.ca
Version:  1.0.1
Date: November 11, 2009
----------------------------------------------------------*/


body {margin:0; padding:0; background:url(../images/bgTile.jpg) repeat-y center #FFF; font:normal 12px Arial, Helvetica, sans-serif; color:#000;}

img {border:0;}

a:link {color:#213951; text-decoration:underline;}
a:active{color:#213951; text-decoration:underline;}
a:visited {color:#213951; text-decoration:underline;}
a:hover {background:#213951; color:#FFF; text-decoration:none;}

#wrapper {background:url(../images/bg.jpg) top center no-repeat; min-height:600px;}

#container {width:996px; min-height:400px; margin:0 auto; background-image:url(../images/background_01.jpg); background-repeat:no-repeat; background-position:top center;}

#header {background:url(../images/ash_logoHeader.png) no-repeat center top; width:996px; height:140px;}

#headMenu {float:right; width:300px; padding:0 50px 0 0; font-size:12px;}
#headMenu ul {list-style:none; padding:0; margin:0;}
#headMenu li {float:right; padding:12px 5px 0 5px;}
#headMenu a {color:#FFF; display:block; text-decoration:none;}
#headMenu a:hover {background:#fff; color:#213951;}

#mainMenu {float:right; clear:right; width:758px; padding:10px 60px 0 0; font-size:17px;}
#mainMenu ul {list-style:none; padding:0; margin:0;}
#mainMenu li {float:right; padding:12px 18px 0 18px;}
#mainMenu a {color:#FFF; display:block; text-decoration:none;}
#mainMenu a:hover {background:#fff; color:#213951;}


#vrBtn {width:211px; height:50px; float:right; clear:right; margin:22px 70px 0 0;}

#mainContent {margin:260px 50px 10px 50px;}
#mainContentSub {margin:10px 50px 10px 50px;}

#contentLeft {width:600px; padding:10px;}
#contentLeftSub {width:600px; min-height:350px; padding:10px; background:url(/global/images/whitebg_90.png);}

#contentLeftSub  {width:600px; min-height:350px; padding:10px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/global/images/whitebg_90.png');}



#rightCol {width:250px; float:right; clear:right;}
#rightColSub {width:250px; float:right; clear:right; margin:250px 0 10px 0;}

h1 {color:#203951; font-size:26px; margin:0; padding:10px 0; font-weight:normal;}
h2 {color:#94B31A; font-size:18px; margin:0; padding:10px 0; font-weight:normal;}
h3 {color:#203951; font-size:16px; margin:0; padding:10px 0; font-weight:normal;}

#footer { border-top:6px solid #213951; width:896px; margin:0 auto; padding:0 50px; clear:both;}

#footLogos {width:250px; float:right;}

#footMenu {float:left; padding:0; font-size:12px; width:600px;}
#footMenu ul {list-style:none; padding:0; margin:0;}
#footMenu li {float:left; padding:12px 6px 0 0;}
#footMenu a {color:#213951; display:block; text-decoration:none;}
#footMenu a:hover {background:#213951; color:#fff;}

#copyright {margin:50px 0 20px 0; color:#666;}

#contentSlideshow {
    background-color:#FFFFFF;
 position:relative;
	
}
#subMenu {color:#000; font-size:16px; margin:0; padding:10px 0; font-weight:normal;}
#subMenu a {color:#94B31A; text-decoration:underline; background-color:none;}
#subMenu a .active {color:#666; text-decoration:none;}
#subMenu a:hover {color:#FFF; background-color::#94B31A; text-decoration:none;}

#contentSlideshow IMG {
    position:relative;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    
    padding:0px;
}

#contentSlideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#contentSlideshow IMG.last-active {
    z-index:9;
}