body {
	font: normal 76% Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 0;
	color: #615E4E;
	background-image: url(../images/main_bg.gif);
	background-repeat: repeat;}

#skipLink p{
	position: absolute;
	left: -999px;
	width: 990px;}

#container {
	position: relative;
	width: 762px;
	margin: 0 auto;
	padding: 0;
	background-color: #ffffff;}
		
h1#ngcBar {display: block;	
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;}
	
h1#ngcBar a {
	display: block;
	height: 62px;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-image: url(../images/top.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;}
	
h1#ngcBar a:hover {border: none;}
#ngcBar a span {display: none;}

h2#mast_1 {
	display: inline;	
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;}
	
h2#mast_1 a:hover {border: none;}
#mast_1 a span {display: none;}	
	
h2#mast_1 a {
	display: block;
	width: 248px;
	float: left;
	height: 200px;
	position: relative;
	margin: 0;
	background-image: url(../images/header_en_01.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;}

#wrap {width: 715px; margin: 0 auto;}

#tabs {
	position: relative;
	width: 762px;
	height:25px;
	margin: 0 auto;
	padding: 0;
	background-image: url(../images/tab_nav.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;}
	
#front_wrapper { width: 490px;}

#lang {float: left; padding-top: 6px; padding-left: 13px;}
a.lang {color:#615E4E; text-decoration: none;}
a.lang:hover {color:#ffffff;  text-decoration: none; background: #615E4E;}

/* Hotspot Declarations --------------------------------- */

dl#tabMap{
	position: relative;
	float: right;
	padding: 0;
	height: 25px;
	width: 405px;}

dt{ margin: 0; padding: 0; position: absolute; font-size: 85%; display: none;  }
dd{ margin: 0; padding: 0; position: absolute;  font-size: 85%; }

dd#ngc   { top: 0px; left: 0px; }
dd#ngc a {position: absolute; width: 80px; height: 25px; left: -5px; 	top: -4px;}

dd#cmcp	  { top: 0px; left: 81px; }
dd#cmcp a { position: absolute; width: 80px; height: 25px;}

dd#cybermuse   { top: 0px; left: 163px; }
dd#cybermuse a { position: absolute; width: 80px; height: 25px;}

dd#foundation	{ top: 0px; left: 245px; }
dd#foundation a { position: absolute; width: 80px; height: 25px;}

dd#shop	  { top: 0px; left: 326px; }
dd#shop a { position: absolute; width: 78px; height: 25px;}

dl#logoMap{
	position: relative;
	height: 110px;
	top: 0px;
	width: 180px;}

dd#shawinigan	  { top: 0px; left: 0px; }
dd#shawinigan a { position: absolute; width: 180px; height: 50px;}

dd#citeMap	  { top: 60px; left: 0px; }
dd#citeMap a { position: absolute; width: 180px; height: 50px;}

/* Menu ---------------------------------------------*/	
	
#imageMenu {
	position: relative;
	float:right;
	margin: 0 auto;
	width: 514px;
	background-color:#C01414;
	height: 200px;
	overflow: hidden;}

#imageMenu ul {
	list-style: none;
	margin: 0px; padding: 0px;
		width: 762px;
	display: block;
	height: 200px;
	width: 1000px;}

#imageMenu ul li {float: left;}

#imageMenu ul li a {
	text-indent: -1000px;
	background:#FFFFFF none repeat scroll 0%;
	border-right: 1px solid #fff;
	display:block;
	overflow:hidden;
	width: 73px;
	height: 200px;}

#imageMenu ul li.buttonHome a {background: url(../images/01.jpg) repeat scroll 0%;}
#imageMenu ul li.buttonAbout a {background: url(../images/02.jpg) repeat scroll 0%;}
#imageMenu ul li.buttonActivities a {background: url(../images/03.jpg) repeat scroll 0%;}
#imageMenu ul li.buttonPlan a {background: url(../images/04.jpg) repeat scroll 0%;}
#imageMenu ul li.buttonCat a {background: url(../images/05.jpg) repeat scroll 0%;	}
#imageMenu ul li.buttonPress a {background: url(../images/06.jpg) repeat scroll 0%; }
#imageMenu ul li.buttonContact a {background: url(../images/07.jpg) repeat scroll 0%;width: 200px;}

.clear {clear: both;}	

#topImageBottom {
	width: 760px;
	height: 16px;
	background: url(../images/navbottom.gif) repeat-x;
	margin: 0px;
	border-top-style: solid;
	padding-bottom: 8px;
	border-width: 1px;
	border-top-color: #FFFFFF;}

/* CONTENT ---------------------------------------------*/
	
#content-right {
	width: 450px;
	margin-top: 0px;
	margin-right: 15px;
	margin-right: 10px;
	padding-right: 0px;
	top: 0px;
	padding-top: 0px;
	float: right;}
	
#content-left {
	width: 200px;
	margin-top: 0px;
	margin-left: 5px;
	top: 0px;
	padding-top: 0px;
	padding-left: 0px;
	float: left;}	
	
#box_left {
	float: left;
	font-size: 10px;
	text-align: justify;
	width: 190px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
/*	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 10px;
	*/
	padding-left: 0px;	
	padding-right: 8px;
	margin-right: 21px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 8px;}
	
#box_right {
	float: right;
	text-align: justify;
	width: 230px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #C0C0B8;
	padding-left: 16px;
	margin-bottom: 13px;}	
		
h2 {font-size: 160%;
	font-weight: normal;
	letter-spacing: -1px;
	width: 100%;
	margin-right: 10px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 4px;}

h3 {font-size: 160%;
	font-weight: normal;
	letter-spacing: -1px;
	margin-bottom: 25px;
	margin-top: 0px;
	padding-left: 18px;
	background-image: url(../images/artistnames.gif);
	background-repeat: repeat-y;}	

h4 {font-size: 125%;
	letter-spacing: -1px;
	font-weight: normal;
	margin-bottom: 5px;
	margin-top: 0px;
	padding-top: 0px;
	text-align:justify;}	
	
h5 {font-size: 125%;
	letter-spacing: -1px;
	font-weight: bold;
	margin-bottom: -10px;
	margin-top: 0px;
	padding-top: 0px;}	
	
.featurePic	{
	padding: 4px;
	border-width: 1px;
	border-style: solid;
	border-color: #C0C0B8;
	margin-top: 6px;}
	
.featurePicIn	{
	padding: 4px;
	border-width: 1px;
	border-style: solid;
	border-color: #C0C0B8;
	margin-right: 10px;
	margin-top: 0px;}
	
blockquote {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	padding-left: 10px;
	margin-bottom: 40px;
	margin-right: 0px;}	
	
p {text-align:justify; 	margin-top: 0px;
	padding-top: 0px;}

a {color: #615E4E; text-decoration: underline;}
a:hover {color: #849785;  text-decoration: none;}

a img {border: none;}
#top {float: right;}

ul#subs {
	width: 200px;
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
	line-height: 15px;
	padding-top: 0px;
	margin-top: 0px;}
	
li#subs {
	width: 200px;
	list-style-type: none;
	margin-left: 0px;
	line-height: 10px;
	padding-top: 0px;
	margin-top: 0px;}

ul#subs a {
	color : #333333;
	padding: 3px 0px 3px 22px;
	text-decoration : none;
	display: block;
	line-height: 15px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	background-color: #cccccc;}

ul#subs a:hover {
	color: #000000;
	text-decoration : none;
	line-height: 15px;
	margin: 0px;
	background-color: #999999;}
	
ul#subs a.selected {
	color: #ffffff;
	text-decoration : none;
	line-height: 15px;
	margin: 0px;
	background-color: #CC0000; }

/* FOOTER ---------------------------------------------*/

#footer {
	height: 120px;
	width: 762px;
	margin: 0 auto;
	clear: both;
	background-image: url(../images/footer.gif);
	background-repeat: no-repeat;
	background-position: bottom;}

#footer_text {
	text-align: right;
	width: 470px;
	margin: 0 auto;
	padding-top: 60px;
	padding-bottom: 0px;
	font-size: 10px;}
	
#footer a {text-decoration: none;}
#footer a:hover {text-decoration: underline; color: #D4503F;}