* { margin: 0; padding: 0; }

body {	background: #FFFFFF; font-size: 100%; color: #000000; font-family: Verdana, Lucida, sans-serif; }



.clear { clear: both; }

a {	color:#000000; text-decoration:underline; }
a:hover { color:#333333; text-decoration:none; }

h2.header { color:#000000; font-weight:normal; margin-bottom:0px; font-size:1.125em; padding:10px 20px 10px 20px; border:#cfcdc0 1px dotted; border-bottom:none; }

/* #globalContainer - contains everything */
#globalContainer { margin: 0 auto; }

/* #container - contains everything except footer */
#container { width:960px; margin:auto auto; }
#containerFooterBackground { background-image:url(../images/footerBackground.jpg.png); background-position:center;	background-repeat:repeat-y; }
#containerTileBackground { background-image:url(../images/pageBackgroundTile.png);	background-position:center; background-repeat:repeat-y; }
#containerTopBackground { background-position: center top; background-repeat:no-repeat; position:relative; z-index:2; }


.smSpace1{
	padding-left:30px;	
}

.smSpace2{
	padding-left:60px;	
}

.smSpace3{
	padding-left:90px;	
}

.smSpace4{
	padding-left:120px;	
}

/* #masthead - contains topNav, logoLink, and other header items */

#masthead { height: 300px; position: relative;  }

body.HomePage  #masthead { height: 600px; }

	a#logoLink { position:absolute; width:339px; height:30px; text-decoration:none; left: 15px;	background-image:url(../images/logoNBMHome.png); top: 20px; }
	a#titleLink { position:absolute; width:470px; height:121px; text-decoration:none; left: 0px; background-image:url(../images/logoNBMTitle.png); top: 140px; }
	a#titleLinkFr { position:absolute; width:470px; height:138px; text-decoration:none; left: 0px; background-image:url(../images/logoNBMTitleFR.png); top: 140px; }
	#vmcLink {  display:block; background-repeat:no-repeat; width:139px; height:43px; text-decoration:none; position: absolute; right: 11px; top: 12px; }
	a#vmcLink span { display: none; }

	a#logoLink span, a#titleLink span {  visibility: hidden;  }

	/* Top Nav - uses superfish.css for general styling. Apply template-specific styles below. */

	.sf-menu li.switcher { float:right; }
	
	#tooltip { font-size: 0.75em; }

	.topNav { position:absolute;  width:960px; top:70px; background:url(../images/navTransTile.png) #35695e; } /* container div */
	.sf-menu li a { padding: 14px 10px 14px 10px; line-height: 0.85; color: #ffffff; text-decoration: none; border:transparent 1px solid; font-size:0.875em }
	.sf-menu li li a { color: #09383B; font-size:0.75em; }
	.sf-menu li a:hover { color: #09383B; border:#FFFFFF 1px solid; }
	.sf-menu li li { background: #ffffff; }
	.sf-menu li li li { background:	#ffffff; }
	.sf-menu li:hover, .sf-menu li.sfHover,
	.sf-menu a:focus, .sf-menu a:hover,
	.sf-menu a:active, li.current, li.section { background:	#ffffff; outline: 0;  }

	/* This will preserve the parent link's hover styles when you are in a sub-level */

	.sf-menu li:hover a.level_1, .sf-menu li.sfHover a.level_1 { color: #09383B; background-color:#FFFFFF; border:#FFFFFF 1px solid; }

	.sf-menu li li:hover a.level_2, .sf-menu li li.sfHover a.level_2 { color: #ffffff; background-color:#09383B; border:#FFFFFF 1px solid; }

	.sf-menu li li li:hover a.level_3, .sf-menu li li li.sfHover a.level_3 { color: #ffffff; background-color:#09383B; border:#FFFFFF 1px solid; }

	.sf-menu li a.section, .sf-menu li a.current { color: #09383B; background-color:#efefef; border:#efefef 1px solid; }

	.sf-menu li a.section, .sf-menu li a.current .sf-sub-indicator { background-position: -10px -100px; }

/* #layout - holds content and sidebar */
#layout { background: #ffffff; min-height: 300px; height: auto!important; height: 300px; }
	/*#content { background-image:url(https://magnificentrocks-rochesmagnifique.ca/themes/default/artwork/sideColumnBackground.png); background-position:left; background-repeat:repeat-y; }*/
	.leftColumn { float:left;	width:204px; padding-right:20px;	padding-top:20px; padding-bottom:40px; }
	.maincontent {	float:left;	width:472px; padding:25px 20px 20px 20px; }
	.maincontent p { font-size: 12px; }
	.maincontent div { font-size: 12px; }
	#sidebar { float:right; width:204px; padding-top:20px; padding-left:20px; padding-bottom:40px; }

/* #footer - holds footerNav, copyright, and other footer items */
#footer { width:1280px; margin:auto auto; padding-top:20px; padding-bottom:20px; clear:both; color:#ffffff; text-align:center; }
	ul.footerNav { padding:0px; margin:0px; }
	ul.footerNav li { float:left;	list-style:none; }
	ul.footerNav li a { color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:0.625em; text-transform:uppercase; display:block; padding:0px 7px; font-family:Arial, Helvetica, sans-serif; }
	ul.footerNav li a:hover { color:#FFFFFF; text-decoration:underline; }
	.copyright a { color:#FFFFFF; text-align: right; font-size: 0.625em; text-align:center; }
	.footerNavContainer{padding-left:300px; text-align:center;}



.greyBackground{
	background-color:#CCCCCC;
	position:absolute;
	top:12px;
	left:50%;
	margin-left:330px;
	width:139px;
	height:43px;
	z-index:1;	
}

.greyBackgroundContainer{
	width:1280px;	
}


/* New Brunswick Museum Theme */

ul.mainNav { padding:0px; margin:0px; }
ul.mainNav li {	list-style:none; background-image:url(../images/navLine.png); background-repeat:repeat-x;	background-position:top; }
ul.mainNav li a { background-image:url(../images/bulletSquare.png); background-repeat:no-repeat; background-position:10px 14px; display:block; padding:8px 20px 8px 20px; margin:0px 0px 0px 0px;	text-decoration:none; font-size:0.75em; }


ul.mainNav li a.head { background-image:url(../images/bulletArrow.png); background-position:10px 13px;  }

ul.mainNav li a:hover.head { background-image:url(../images/bulletArrowWhite.png); background-position:10px 13px;  }

ul.mainNav li a.selected { background-image:url(../images/bulletArrowOpen.png); background-position:10px 15px;  }



ul.mainNav li.selected { background-color:#efefef; }

ul.mainNav li a:hover {	background-color:#000000; color:#FFFFFF; background-image:url(../images/bulletArrowWhite.png); }
ul.mainNav li a:hover {	background-color:#000000; color:#FFFFFF; background-image:url(../images/bulletSquareWhite.png); }

ul.mainNav li a:hover.selected { background-image:url(../images/bulletArrowWhiteOpen.png); background-position:10px 15px; }

ul.mainNav li ul  {	padding:0px; margin:0px;	background-image:url(../images/navLine.png); background-repeat:no-repeat; background-position:top; }
ul.mainNav li ul li a { font-size:0.625em; font-family:Arial, Helvetica, sans-serif; font-weight:700; color:#000000; background-position:20px 14px; padding:10px 30px 10px 30px; }

ul.mainNav li ul li a.current { background-image:url(../images/bulletSquareWhite.png);  }

ul.mainNav li ul li a:hover { background-color:#53524C; }

ul.mainNav li ul li ul li a {  color:#000000; background-position:30px 14px; padding:10px 40px 10px 40px; }
ul.mainNav li ul li ul li a:hover { background-color:#696559; }

ul.mainNav li ul li ul li ul li a {  color:#000000; background-position:30px 14px; padding:10px 40px 10px 50px; }
ul.mainNav li ul li ul li ul li a:hover { background-color:#696559; }

ul.mainNav li ul li ul li ul li ul li a {  color:#000000; background-position:30px 14px; padding:10px 40px 10px 60px; }
ul.mainNav li ul li ul li ul li ul li a:hover { background-color:#696559; }

ul.mainNav li ul li ul li ul li ul li ul li a {  color:#000000; background-position:30px 14px; padding:10px 40px 10px 70px; }
ul.mainNav li ul li ul li ul li ul li ul li a:hover { background-color:#696559; }

ul.mainNav .lastItem { background-image:none; }
ul.mainNav a.current { background-color:#09383B; color:#ffffff; }
ul.mainNav a.section { background-image:url(../images/bulletArrow.png); }


/* New Brunswick Museum Theme */

ul.imageNav { padding:0px; margin:0px; position:absolute; top:300px; }

ul.imageNav li.subitem1 a { background-image:url(../images/panels/1.jpg); }
ul.imageNav li.subitem2 a { background-image:url(../images/panels/2.jpg); }
ul.imageNav li.subitem3 a { background-image:url(../images/panels/3.jpg); }
ul.imageNav li.subitem4 a { background-image:url(../images/panels/4.jpg); }
ul.imageNav li.subitem5 a { background-image:url(../images/panels/5.jpg); }
ul.imageNav li.subitem6 a { background-image:url(../images/panels/6.jpg); }
ul.imageNav li.subitem7 a { background-image:url(../images/panels/7.jpg); }
ul.imageNav li.subitem8 a { background-image:url(../images/panels/8.jpg); }
ul.imageNav li.subitem9 a { background-image:url(../images/panels/9.jpg); }
ul.imageNav li.subitem10 a { background-image:url(../images/panels/10.jpg); }
ul.imageNav li.subitem11 a { background-image:url(../images/panels/11.jpg); }

ul.imageNav li a { color:#FFFFFF; display:block; text-decoration:none; width:auto; height:300px; }
ul.imageNav li a span { visibility:hidden }

.sm {list-style:none; width:960px; height:300px; display:block; overflow:hidden; margin:0; padding:0 }
.sm li {float:left; display:inline; overflow:hidden; margin:0; padding:0; position:relative; }


.imageInfo { position:absolute; top:250px; height:30px; overflow:hidden; left:460px; width:500px; padding:10px 10px 10px 15px; background-image:url(../images/navTransTile.png); color:#FFFFFF; font-size:20px; }
.smallpadded { font-size: 11px; padding: 5px 0 0 0; margin: 0; }

div#searchbox { background: #09483b; padding: 1px; }
div#searchbox input.searchtext { background:#ffffff; width: 140px; padding: 5px; border: none 0; }
div#searchbox input.textsubmit { color:#ffffff; font-size: 11px; background: Transparent none; padding: 0 0 0 4px; margin: 0; border: 0 none; }

#content #sidebar form { width: auto; }

.accessAnchor{
	visibility:hidden;
	display:none;	
}

.hiddenTitle{
	z-index:1;
}

.galPopupTooltip{
   position: absolute;
   top: 0;
   left: 0;
   z-index: 3;
   display: none;
}

a img{
	border:0px;	
}

.print{
	cursor:pointer;	
}

.subduction{
	padding:8px;
	border:solid 2px #000000;
	height:251px;
}   

.fLeft{
	position:relative;
	float:left;	
}

.clearDivs{
	clear:both;	
}

.grid:after {
  content: "";
  display: table;
  clear: both;
}

.row{
	width:25%;	
	float: left;
}

.matchGameDraggables{
	float:left;	
}

.matchGameDroppable{
	float:left;	
}

.matchGameName{
	padding:10px;
	border:solid #CCCCCC 1px;	
}

.matchGameImage{
	padding:10px;
	border:solid #CCCCCC 1px;	
	float:left;	
}