body,html {
	background:#ffffff url('http://grand-nce.ca/annualreport/assets/templates/grand/images/fadebottom.png') repeat-x;
	background-position:left 108px;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:normal;
	color:#6d6e71;
	width:100%;
	height:100%;
	text-align:center;
}

/* colours used for headings */
/*
green: #a6ce39;
purple: #8e52a1;
teal: #13a89e;
red: #d2232a;
orange: #fdb813;
*/

.language {
	height:14px;
	width:75px;
	position:absolute;
	display:block;
	top:40px;
	right:0;
}

.hgreen {
	color:#a6ce39;
	font-size:16px;	
	font-weight:normal;	
}

.hpurple {
	color:#8e52a1;
	font-size:16px;
	font-weight:normal;
}

.hteal {
	color:#13a89e;
	font-size:16px;	
	font-weight:normal;	
}

.hred {
	color:#d2232a;
	font-size:16px;	
	font-weight:normal;	
}

.horange {
	color:#fdb813;
	font-size:16px;	
	font-weight:normal;	
}



.tgreen {
	color:#a6ce39;
	font-weight:normal;	
}

.tpurple {
	color:#8e52a1;
	font-weight:normal;
}

.tteal {
	color:#13a89e;
	font-weight:normal;	
}

.tred {
	color:#d2232a;
	font-weight:normal;	
}

.torange {
	color:#fdb813;
	font-weight:normal;	
}


/* globals */
	h1,h2,h3,h4,h5,h6 {
		color:#6d6e70;
		font-weight:bold;		
	}
	h1 {
		font-size:22px;
		color:#6d6f71;
		font-weight:normal;
	}
	.clear {
		clear:both;
	}
	img {
		border:none;
}

/* containers */
	#page {
		width:960px;
		margin:0 auto;
		min-height:600px;
		position:relative;
		display:block;
		background:#fff url('http://grand-nce.ca/annualreport/assets/templates/grand/images/pagefadefull.png') no-repeat;
		background-position:left 108px;	
	}
	
	#entirewindow {
		width:100%;
		text-align:center;
		height:100%;
		margin:0;
		padding:0;
		background-color:#fff;
	}
	
	#header {
		height:108px;
		display:block;
		text-align:left;
		background:#ffffff url('http://grand-nce.ca/annualreport/assets/templates/grand/images/ribbonmenu.png') no-repeat;
		background-position:right bottom;
		padding-left:5px;
		position:relative;
		top:0;
		left:0;
		margin-right:11px;
	}
	
	#menu {
		height:23px;
		width:625px;
		position:absolute;
		top:66px;
		right:12px;
		text-align:right;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		padding-top:3px;
		padding-right:11px;
	}
	
	#body {
		min-height:550px;
		width:700px;
		display:block;
		text-align:left;
		padding-left:31px;
		padding-right:28px;
		margin-top:9px;
		top:108px;
		float:left;
	}
	
	#sidebar {
		width:190px;
		min-height:350px;
		display:block;
		margin-left:766px;
		margin-top:0;
		position:absolute;
		top:108px;
		padding-top:5px;
		float:right;
		text-align:center;
		font-size:9px;
		background:#fff url('http://grand-nce.ca/annualreport/assets/templates/grand/images/sidebartopfade.png') no-repeat;
	}
	
	.sidebarvids {
		text-align:left;
		width:170px;
		height:auto;
		font-size:9px;
		margin-left:20px;
	}
	
	#footer {
		height:35px;
		display:block;
		background:#ffffff url('http://grand-nce.ca/annualreport/assets/templates/grand/images/footerfadec.png') no-repeat;
		position:relative;
		bottom:0;
		text-align:right;
	}
	#footerfr {
		height:35px;
		display:block;
		background:#ffffff url('http://grand-nce.ca/annualreport/assets/templates/grand/images/footerfadec-fr.png') no-repeat;
		position:relative;
		bottom:0;
		text-align:right;
	}
	
	#footercontent {
		height:5px;
		padding-top:6px;
		padding-right:50px;
		font-size:7pt;
		color:#b2b4b6;
	}
	#footercontent img {
		vertical-align:bottom;	
	}
	
	#sidebar ul {
		list-style:none;
		background:#fff url('http://grand-nce.ca/annualreport/assets/templates/grand/images/sidebarfade.png') repeat-y;
		margin:0;
		margin-left:0;
		margin-top:-2px;
		margin-right:6px;
		padding:0;
		padding-top:1px;
		padding-bottom:3px;
		text-align:left;
	}
	#sidebar ul li {
		border-bottom:1px solid white;
		padding-top:5px;
		padding-bottom:5px;
	}
	#sidebar ul li a {
		text-decoration:none;
		padding-left:15px;
		color:black;
	}
	#sidebar ul li.last {
		border-bottom:none;
	}
	#sidebar li:hover, #sidebar li.sfhover {
		background-color: #c5e36d;
	}
	
/* two column layout */
.twocolleft { float : left; width : 48%; }
.twocolright { float : right; width : 48%; }
.spacer { clear : both; }

/* Navigation menu from here down */
	
	#nav, #nav ul { 
		/* root level button area */
		display:inline;
		position:relative;
		float:right;
		list-style: none;
		padding: 0;
		margin: 0;
		text-align:right;
		z-index:500;
	}
	
	#nav a {
		/* root level buttons */
		display: block;
		color: black;
		text-decoration: none;
		padding: 0;
		text-align:left;
		width: auto;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 13px;
		padding-left:19px;
	}
	
	#nav li {
		/* root level button spacing */
		float:left;
		width: auto;
		text-align:right;
		display:inline;
		padding-bottom:10px;
	}
	
	#nav li.last a {
		border-right:none;
	}
	
	#nav li ul {
		/* second level container */
		position: absolute;
		display: block;
		font-weight: normal;
		height: auto;
		width: 150px;
		clear:both;
		margin: 0;
		margin-left: 10px;	
		text-align:left;
		opacity: 0.8;
		color: #2c2b2c;
		background:#e7e7e8;
		background-image:none;
		margin-top:4px;
		padding:0;
		padding-top:5px;
		left: -999em;
	}
	
	#nav li li {
		/* second level drop box */
		display: block;
		padding: 0;
		text-align:left;
		background-image:none;
		border:none;
	}
	
	#nav ul ul .last {
		padding-bottom:3px;	
	}
	
	
	#nav li ul a {
		/* second level button */
		width:145px;
		display: block;
		text-align:left;
		text-transform:none;
		border:none;
		font-weight:bold;
		padding: 0;
		padding-left:5px;
		padding-top:1px;
		padding-bottom:1px;
		color: #000;
		background-image:none;
		font-size:8pt;
	}
	
	#nav li ul ul {
		margin: -22px 0 0 150px;
		left: -999em;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
		left: auto;
		width: 150px;
	}
	
	#nav li:hover, #nav li.sfhover {
		color: #3fb847;
	}
	
	#nav li.active li a {
		color: #2c2b2c;
		background-image:none;
		background-color:#e7e7e8;
	}
	
	#nav li a:hover {
		/* 1st level buttons hover */
		color:#d7df23;			
		text-decoration:none;
	}
	
	#nav li.active a {
		/* 1st level active */
		color:#d7df23;
	}
	
	#nav li.active a:hover {
		color:#dceab2;			
	}
	
	#nav li li a:hover, #nav li.active ul a:hover {
		/* 2nd level buttons hover */
		background:#d1e39a;
		background-image:none;
		color:black;
		text-decoration:none;
		opacity:1;
	}