/*  Hand coded and authored by Dallas Larsen
	Free for public use(in whole or part) as long as this credit stays intact 
*/
html,body{
	margin:0;
	padding:0;
	}
body{
	font: 62.5% Helvetica, Arial, sans-serif;
	text-align:center;
	background: #2B373F;
	}

h1, h2, h3, h4, h5, div, p, span{
	font-family: Helvetica,arial,sans-serif;
	margin:0px;
	padding:0px;
	text-align: left;
}
img{ border:0px;}
p{
	margin:10px 0px 0px 0px;
	text-align:left;
	color:#333;
	line-height:118%;
	}
a{color: #E18026;}
a:visited{color: #E18026;}
a:hover{ text-decoration: underline;color: #E18026; }

/*Page Structure 
===========================================*/
#headerTop{ 
	width:100%;
	background: #fff; 
	background-image: url('http://www.green-light.ca/cmn/img/topbarshdw.jpg');
	background-repeat: repeat-x;
	background-position: bottom;
	height:35px; 
	
}
#headerTop a{ text-decoration: none; color: #E18026; font-size: 12px;  }
#headerTop a:visited{color: #E18026;; }
#headerTop a:hover{text-decoration: underline; }

#topNav{ margin: 0 auto; width: 770px;padding-top: 10px; text-align:right;}
#header{ 
	height:190px;
	margin-top:0px;
	padding-top:0px;
	background:#354149;
	background-image: url('http://www.green-light.ca/cmn/img/headerbg.jpg');
	background-repeat: repeat-x;
	background-position: top;
	position:relative;
	
}
#headerInner{
	height:120px;
	display:block;
	margin: 0 auto 0 auto;
	width: 770px;
	font-size: 1.1em;
	border:0px dashed #ff0000;
	position:relative;
	top: 70px;

}
#headerimg{
	height:190px;
	display:block;
	margin: 0 auto;

	width: 790px;
	background: url('http://www.green-light.ca/cmn/img/hallbg.jpg') top center no-repeat;
position: relative;
z-index: 25;

}
#logo{
    position: relative;
	background:url('http://www.green-light.ca/cmn/img/main_logo.png') no-repeat;
	border:0px dashed #ff0000;
	height:37px;
	text-align: left;
	z-index: 998;
}
#logo a {
position: relative;
	display:block;
	width:186px;
	height:37px;
	z-index: 999;

	}

#contentContainer{
	background: url("http://www.green-light.ca/cmn/img/pageTopGrad.jpg") repeat-x top left #fff;
	padding: 3em 0 20px 0;
	z-index: 35;
	
}
#contentContainerInner{
	margin:0 auto;
	padding:0px 0px 0px 0px;
	width: 770px;
	font-size:1.2em;
	z-index: 40;
}

#leftSideBar{
	width:200px;
	text-align:left;
	float:left;
	position:relative;
	border:0px dashed #ff0000;
}



/*Main
==========================*/
#mainContent{
	width:550px;
	float:right;
	border:0px dashed #ccc;
	text-align:left;
	margin-bottom:25px;
	min-height:400px;
}
#mainContent h1, #mainContent h2{ 
	font-weight:normal;
	font-size: 2.4em;
	color:#333;
	padding:0px 0px 5px 0px;
	margin-bottom:15px;
	border-bottom:1px solid #e7e7e7;
	}
#mainContent h2{
	margin-top:30px;
	font-size:1.6em;
	color:#669900;
	padding-bottom: 3px;
}
#mainContent h3{
font-weight:normal;
font-size:1.4em;
}


#footer{
	clear:both;
	width:100%;
	
	background: #2B373F;
	color: #FFF;
	display: block;
	padding-bottom:20px;
	min-height: 190px;

}
#footerInner{
	padding-bottom:10px;
	margin: 0 auto;
	width: 770px;
	border:0px solid #e7e7e7;
	text-align:left;
	position:relative;
}
#footerInner p{
	margin:0;
	padding:5px 10px;
	color:#fff;

}
/*Left Sidebar nav lists
==============================*/
#navcontainer{

margin-left: 10px;
margin-top:35px;
}
#navcontainer h2{
font-size:1em;
font-weight:normal;
padding:0px;
width:190px;
height: 100px;
background:#fff url('http://www.green-light.ca/images/subnavbg.jpg') ;
background-repeat: no-repeat;
background-position: top left;
color: #f1f1f1;
}
#navcontainer h2.sidebarbg{
background:#fff url('http://www.green-light.ca/images/subnavbghome.jpg') ;
background-repeat: no-repeat;
}

#navlist
{
padding-left: 15px;
margin-left: 0;
margin-top: -50px;
border-bottom: 0px solid #ccc;
width: 150px;
}

#navlist li
{
list-style: none;
margin: 0;
padding: 0.40em;
border-top: 1px solid #ccc;
}

#navlist li a { text-decoration: none; color:#E18026;}
#navlist li a:visited{ text-decoration: none; color: #E18026;}
#navlist li a:hover{ text-decoration: underline; }
#navlist li a.active{ text-decoration: none;color:#999999; }


#supportPageIcon{
	position:absolute;
	top:35px;
	right:50px;
}

/*Navigation 
=====================================*/

#tabNav ul {
	position:absolute;
	right:0px;
	bottom:0px;
	margin: 0;
	padding: 0;	
	list-style: none;
	overflow: hidden;
	border:0px solid #ccc;

	}
#tabNav ul li {
	float: left;
	margin: 0;
	padding: 0;
	text-align:right;
	border-right:1px solid #3a4852;

	}
#tabNav ul li a {
	float: left;
	display: block;
	width: 131px;
	line-height: 1.3em;
	padding: .5em .9em .8em .9em;
	margin: 0;
	text-decoration: none;
	color: #7b828c;
	border: none;
	background: url() no-repeat bottom left;
	background-color: #232c33;
	opacity: 0.6;
	-moz-opacity:0.6;
	filter:alpha(opacity=60);
	
	}
#tabNav ul li a strong {
	display: block;
	font-size: 1em;
	font-weight: bold;
	color: #f1f1f1;

	}
#tabNav li a:hover {
	background-image: url(../images/tab-hover.gif);
	background-repeat: repeat-x;
	background-position: bottom left; 
	background-color: rgb(35, 44, 51);
	opacity: 0.9;
	-moz-opacity:0.9;
	filter:alpha(opacity=90);
	
	}
#tabNav li a.active{
	color: #7b828c;
	background: #232c33; 
	background-image: url('');
	opacity: 1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	}
#tabNav li a.active:hover{background: #232c33;}
#tabNav ul li a:hover strong {	
	color: #fff;
	}
#tabNav ul li a.active strong {
	color: #fff;
	}

/*Footer content
=====================================*/

dd { behavior: url('http://www.green-light.ca/cmn/js/IEfixes.htc'); } /*This allows the css only menu to work in IE < IE7 by use of some javascript to make IE 'learn' to use :hover with any selector...Ironic?*/
#usefulLinks{
	padding-top:20px;
	text-align:left;
	width:350px;
	font-size:1.2em;
	position:relative;
	
}
#usefulLinks dt, #usefulLinks dd{	border-left:0px solid #e27f00;}

#usefulLinks dt{ 
	padding:10px;
	font-size:1.4em;
	background:#232C33;

	}

#usefulLinks dd{
	margin:0px;
	background:#4c5a63;
	border-bottom:1px solid #384751;
	padding:6px;
	}
#usefulLinks dd a,#usefulLinks dd a:visited{
	text-decoration:none;
	color:#f1f1f1;
}
#usefulLinks dd a:hover, #usefulLinks dd:hover, #usefulLinks dd.hover{
	text-decoration:none;
	color:#fff;
	background:#669900;
}	
#usefulLinks dd:hover, #usefulLinks dd.hover{
 cursor:default;	
}
#footerLogo{
	position:absolute;
	top:20px;
	right:0px;
	background:#232C33;
	width:400px;
	height:160px;
	text-align:right;
	font-size:1.1em;

}
#footerLogo a{ color:#66cc00;}
#footerLogo ul{ list-style:none;padding-right:15px; padding-top:10px;}
#footerLogo ul li { padding:2px;}
#footerLogo img {
	padding:15px 15px 0px 0px;
}

/*Float clear
=====================================*/
.clearfix:after{
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/*Extra classes
=====================================*/

#extra{
	margin-top:20px;
	margin-bottom: 10px;
}

.msg{
	margin-top:15px;
	width: 300px;

}
.error_msg{
	margin-top:15px;
	color: red;
	width: 300px;
}
.callOut{
	background:#ff9933;
	padding:15px;
	color:#f1f1f1;
	letter-spacing:1px;
	font-size: 1.3em;
	text-align: center;
}
.callOut a{
	color:#333;
}

.imgContainer{
	margin:15px 0px;
}
.ReplaceWithImage {
	margin-left: -999em;
	left: -999em;
	display: block;
	height: 1px;
	width: 1px;
	position: absolute;

}

a:visited{color: #E18026;}
.noshit{
	padding: 10px;
	background: #FFF9DF;
}
#mainContent ul{
	margin-left:0px;
	padding-left: 10px;
}
#mainContent ul li{
	list-style: none;
	padding-bottom: 3px;
	
}
#mainContent ul li:before{
padding-right: 4px;
	content: '\2714';
}