/* 
	--------------------------------
	CSS Document 
	Media Screen Stylesheet
	Author: Peter Gosse
	Last Updated: March 20, 2005
	--------------------------------
*/

body {
	padding: 0;
	margin: 0;
	background: url(../g/background.png) repeat;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 11px;
}

body#home #banner {
	background: #fff url(../g/header_background_1.jpg) right top no-repeat;
}

body#english #banner {
	background: #fff url(../g/header_background_2.jpg) right top no-repeat;
}

body#pirate #banner {
	background: #fff url(../g/header_background_3.jpg) right top no-repeat;
}

body#beothuk #banner {
	background: #fff url(../g/header_background_5.jpg) right top no-repeat;
}

body#french #banner {
	background: #fff url(../g/header_background_4.jpg) right top no-repeat;
}

img {
	border: 0;
}

.hide {
	text-indent: -9999px;
}

#container {
	width: 760px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	background: #fff url(../g/container_bg.gif) repeat-y;
}

#banner {
	padding: 0;
	margin: 0;
	height: 134px;
	margin-bottom: 0;
}

#replacelogo {
	margin: 0; 
	padding: 0; 
	border: 0;
	height: 134px; 
	width: 200px;
	background: url(../g/logo.png) 10px center no-repeat;
}

#replacelogo a, #replacelogo h1 {
	margin: 0; padding: 0; border: 0;
	display: block;
	height: 134px; width: 200px;
	text-indent: -9999px;
	background: none;
	text-decoration: none;
}

#tools {
	width: 760px;
	height: 20px;
	line-height: 20px;
	position: absolute;
	top: 0;
	text-align: right;
	color: #fff;
	padding: 0;
}

#tools a {
	color: #ccc;
	text-decoration: none;
}

#tools a:hover {
	text-decoration: underline;
}

#tools a.selected {
	font-weight: bold;
	color: #fff;
	text-decoration: underline;
	cursor: default;
}

#tools #searchBox {
	width: 85px;
	font-size: 9px;
	color: #333;
}

#tools #searchButton {
	padding-top: 1px;
}

#tools #searchLabel {
	padding: 0;
	margin: 0;
}

#tools .space {
	padding-right: 30px;
}

/* main navigation */

#mainnavigation {
	padding: 0;
	margin: 0;
	height: 47px;
}

#mainnav {
	width: 760px; 
	height: 47px; 
	background:  url(../g/topnav.png) no-repeat;
	padding: 0;
	margin: 0;
	position: absolute;
}

#mainnav li { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
	float: left;
	position: absolute;
}

#mainnav li, #mainnav a {
	height: 35px; 
	display: block;
	text-decoration: none;
}

#mainnav span.hide {
	display: none;
}

#mn1 { left: 0; width: 57px;}
#mn2 { left: 57px; width: 124px;}
#mn3 { left: 188px; width: 96px;}
#mn4 { left: 287px; width: 64px;}
#mn5 { left: 357px; width: 61px;}
#mn6 { left: 432px; width: 65px;}
#mn7 { left: 498px; width: 152px;}
#mn8 { left: 655px; width: 102px;}

#mn1 a:hover { background: transparent url(../g/topnav.png) 0 -47px no-repeat;}
#mn2 a:hover { background: transparent url(../g/topnav.png) -57px -47px no-repeat;}
#mn3 a:hover { background: transparent url(../g/topnav.png) -188px -47px no-repeat;}
#mn4 a:hover { background: transparent url(../g/topnav.png) -287px -47px no-repeat;}
#mn5 a:hover { background: transparent url(../g/topnav.png) -357px -47px no-repeat;}
#mn6 a:hover { background: transparent url(../g/topnav.png) -432px -47px no-repeat;}
#mn7 a:hover { background: transparent url(../g/topnav.png) -498px -47px no-repeat;}
#mn8 a:hover { background: transparent url(../g/topnav.png) -655px -47px no-repeat;}

#mn1 a.tabon { background: transparent url(../g/topnav.png) 0 -94px no-repeat;}
#mn2 a.tabon { background: transparent url(../g/topnav.png) -57px -94px no-repeat;}
#mn3 a.tabon { background: transparent url(../g/topnav.png) -188px -94px no-repeat;}
#mn4 a.tabon { background: transparent url(../g/topnav.png) -287px -94px no-repeat;}
#mn5 a.tabon { background: transparent url(../g/topnav.png) -357px -94px no-repeat;}
#mn6 a.tabon { background: transparent url(../g/topnav.png) -432px -94px no-repeat;}
#mn7 a.tabon { background: transparent url(../g/topnav.png) -498px -94px no-repeat;}
#mn8 a.tabon { background: transparent url(../g/topnav.png) -655px -94px no-repeat;}

#mn1 a.tabon:hover { background: transparent url(../g/topnav.png) 0 -94px no-repeat;}
#mn2 a.tabon:hover { background: transparent url(../g/topnav.png) -57px -94px no-repeat;}
#mn3 a.tabon:hover { background: transparent url(../g/topnav.png) -188px -94px no-repeat;}
#mn4 a.tabon:hover { background: transparent url(../g/topnav.png) -287px -94px no-repeat;}
#mn5 a.tabon:hover { background: transparent url(../g/topnav.png) -357px -94px no-repeat;}
#mn6 a.tabon:hover { background: transparent url(../g/topnav.png) -432px -94px no-repeat;}
#mn7 a.tabon:hover { background: transparent url(../g/topnav.png) -498px -94px no-repeat;}
#mn8 a.tabon:hover { background: transparent url(../g/topnav.png) -655px -94px no-repeat;}

/* end main navigation */

/* begin french main navigation */

#mainnavfr {
	width: 760px; 
	height: 47px; 
	background:  url(../g/navigation_fr.png) no-repeat;
	padding: 0;
	margin: 0;
	position: absolute;
}

#mainnavfr li { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
	float: left;
	position: absolute;
}

#mainnavfr li, #mainnavfr a {
	height: 35px; 
	display: block;
	text-decoration: none;
}

#mainnavfr span.hide {
	display: none;
}

#fr1 { left: 0; width: 61px;}
#fr2 { left: 61px; width: 103px;}
#fr3 { left: 169px; width: 119px;}
#fr4 { left: 293px; width: 67px;}
#fr5 { left: 364px; width: 56px;}
#fr6 { left: 434px; width: 108px;}
#fr7 { left: 552px; width: 135px;}
#fr8 { left: 698px; width: 49px;}

#fr1 a:hover { background: transparent url(../g/navigation_fr.png) 0 -47px no-repeat;}
#fr2 a:hover { background: transparent url(../g/navigation_fr.png) -61px -47px no-repeat;}
#fr3 a:hover { background: transparent url(../g/navigation_fr.png) -169px -47px no-repeat;}
#fr4 a:hover { background: transparent url(../g/navigation_fr.png) -293px -47px no-repeat;}
#fr5 a:hover { background: transparent url(../g/navigation_fr.png) -364px -47px no-repeat;}
#fr6 a:hover { background: transparent url(../g/navigation_fr.png) -434px -47px no-repeat;}
#fr7 a:hover { background: transparent url(../g/navigation_fr.png) -552px -47px no-repeat;}
#fr8 a:hover { background: transparent url(../g/navigation_fr.png) -698px -47px no-repeat;}

#fr1 a.tabon { background: transparent url(../g/navigation_fr.png) 0 -94px no-repeat;}
#fr2 a.tabon { background: transparent url(../g/navigation_fr.png) -61px -94px no-repeat;}
#fr3 a.tabon { background: transparent url(../g/navigation_fr.png) -169px -94px no-repeat;}
#fr4 a.tabon { background: transparent url(../g/navigation_fr.png) -293px -94px no-repeat;}
#fr5 a.tabon { background: transparent url(../g/navigation_fr.png) -364px -94px no-repeat;}
#fr6 a.tabon { background: transparent url(../g/navigation_fr.png) -434px -94px no-repeat;}
#fr7 a.tabon { background: transparent url(../g/navigation_fr.png) -552px -94px no-repeat;}
#fr8 a.tabon { background: transparent url(../g/navigation_fr.png) -698px -94px no-repeat;}

#fr1 a.tabon:hover { background: transparent url(../g/navigation_fr.png) 0 -94px no-repeat;}
#fr2 a.tabon:hover { background: transparent url(../g/navigation_fr.png) -61px -94px no-repeat;}
#fr3 a.tabon:hover { background: transparent url(../g/navigation_fr.png) -169px -94px no-repeat;}
#fr4 a.tabon:hover { background: transparent url(../g/navigation_fr.png) -293px -94px no-repeat;}
#fr5 a.tabon:hover { background: transparent url(../g/navigation_fr.png) -364px -94px no-repeat;}
#fr6 a.tabon:hover { background: transparent url(../g/navigation_fr.png) -434px -94px no-repeat;}
#fr7 a.tabon:hover { background: transparent url(../g/navigation_fr.png) -552px -94px no-repeat;}
#fr8 a.tabon:hover { background: transparent url(../g/navigation_fr.png) -698px -94px no-repeat;}

/* end french main navigation */

/* breadbrumb */

#breadcrumb {
	padding: 0 0 0 10px;
	margin: 0;
	height: 28px;
	line-height: 30px;
	background: #1B1B1B;
	font-size: 9px;
	color: #fff;
}

#breadcrumb a {
	text-decoration: none;
	color: #fff;
}

#breadcrumb a:hover {
	text-decoration: underline;
}

#breadcrumb .selected {
	font-weight: bold;
}

/* end breadcrumb */

#content {
	padding: 15px;
	margin-left: 149px;
	line-height: 20px;
	font-size: 12px;
}

#content a {
	color: #BF2E06;
}

#content a:hover {
	color: #fff;
	background: #BF2E06;
	text-decoration: none;
}

#content h1 {
	font-size: 23px;
	font-weight: bold;
	color: #000;
	padding: 0;
	margin: 0;
}

#content h2 {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	padding: 0;
	margin: 0;
}

#content #pageNavigation {
	padding: 3px;
	margin: 10px 0 10px 0;
	border: 1px solid #EAEAEA;
	text-align: center;
}	

#content #pageNavigation a {
	font-size: 11px;
}

#content #pageNavigation a.current {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	cursor: default;
}

#content #pageNavigation a.current:hover {
	background: none;
}

#content #contentNav {
	padding: 0;
	margin: 15px 0 0 0;	
}

#content #contentNav td {
	padding: 0 15px 0 15px;
	margin: 0 5px 0 5px;
	height: 25px;
	border: 1px solid #EAEAEA;
	background: #EAEAEA;
}


#content #contentNav td a {
	font-size: 13px;
	color: #666666;
	text-decoration: none;
}

#content #contentNav td a:hover {
	font-size: 13px;
	color: #333333;
	text-decoration: none;
	background: none;
}

#content #contentNav td.selected {
	padding: 0 15px 0 15px;
	margin: 0 5px 0 5px;
	height: 25px;
	border: 1px solid #EAEAEA;
	border-bottom: 1px solid #fff;
	background: #fff;
}

#content #contentNav td.selected a {
	font-size: 14px;
	color: #C54019;
	text-decoration: none;
	cursor: default;
}

#content #contentNav td.selected a:hover {
	font-size: 14px;
	color: #C54019;
	text-decoration: none;
	background: none;
}

#content #contentNav td.space {
	padding-right: 5px;
	margin: 0;
	background: #fff;
	border: 0;
	border-bottom: 1px solid #EAEAEA;
}

#content #layoutTable {
	padding: 0;
	margin: 0 0 10px 0;
	border: 1px solid #F1F1F1;
}

#content #layoutTable th {
	background: #E9E9E9;
	padding: 3px;
	margin: 0;
	border-bottom: 2px solid #DEDEDE;
	text-align: left;
}

#content #layoutTable th.right {
	font-size: 12px;
	color: #333333;
	text-align: right;
	font-weight: normal;
}

#content #layoutTable th.right a {
	color: #333333;
	text-decoration: underline;
}

#content #layoutTable th.right a:hover {
	color: #333333;
	text-decoration: none;
	background: none;
}

#content #layoutTable .thumbnailContainer {
	background: #fff url(../g/thumbnail_container.png) no-repeat;
	padding: 19px;
	margin: 0;
}

#content #layoutTable .contentContainer {
	background: #fff url(../g/content_container.png) repeat-x;
	padding: 12px 19px 19px 0;
	margin: 0;
	text-align: left;
}

#content #layoutTable h1.itemTitle {
	padding: 0;
	margin: 0;
	font-size: 20px;
	color: #000;
	font-weight: normal;
}

#content #layoutTable h1 {
	padding: 0;
	margin: 0;
	font-size: 15px;
	color: #333333;
	font-weight: bold;
}

#content #layoutTable p {
	padding: 0 0 10px 0;
	margin: 0;
	line-height: 18px;
	font-size: 12px;
	color: #333333;
}

/* Begin Layout Table for Text Only */

#content #layoutTableTxt {
	padding: 0;
	margin: 0 0 10px 0;
	border: 1px solid #F1F1F1;
}

#content #layoutTableTxt th {
	background: #E9E9E9;
	padding: 3px;
	margin: 0;
	border-bottom: 2px solid #DEDEDE;
	text-align: left;
}

#content #layoutTableTxt th.right {
	font-size: 12px;
	color: #333333;
	text-align: right;
	font-weight: normal;
}

#content #layoutTableTxt th.right a {
	color: #333333;
	text-decoration: underline;
}

#content #layoutTableTxt th.right a:hover {
	color: #333333;
	text-decoration: none;
	background: none;
}

#content #layoutTableTxt .contentContainer {
	background: #fff url(../g/content_container.png) repeat-x;
	padding: 15px;
	margin: 0;
	text-align: left;
}

#content #layoutTableTxt h1.itemTitle {
	padding: 0;
	margin: 0;
	font-size: 20px;
	color: #000;
	font-weight: normal;
}

#content #layoutTableTxt h1 {
	padding: 0;
	margin: 0;
	font-size: 15px;
	color: #333333;
	font-weight: bold;
}

#content #layoutTableTxt p {
	padding: 0 0 10px 0;
	margin: 0;
	line-height: 18px;
	font-size: 12px;
	color: #333333;
}

/* Enter Educational Activities */

#content #enterEnglish {
	padding: 0;
	margin: 0 0 10px 0;
	width: 552px;
	height: 75px;
}

#content #enterEnglish a span {
	display: none;
}

#content #enterEnglish a {
	padding: 0;
	margin: 0;
	display: block;
	width: 552px;
	height: 75px;
	background: url(../g/enter_english.png) 0 0 no-repeat;
}

#content #enterEnglish a:hover {
	padding: 0;
	margin: 0;
	width: 552px;
	height: 75px;
	background: url(../g/enter_english.png) 0 -75px no-repeat;
}

#content #enterPirate {
	padding: 0;
	margin: 0 0 10px 0;
	width: 552px;
	height: 75px;
}

#content #enterPirate a span {
	display: none;
}

#content #enterPirate a {
	padding: 0;
	margin: 0;
	display: block;
	width: 552px;
	height: 75px;
	background: url(../g/enter_pirate.png) 0 0 no-repeat;
}

#content #enterPirate a:hover {
	padding: 0;
	margin: 0;
	width: 552px;
	height: 75px;
	background: url(../g/enter_pirate.png) 0 -75px no-repeat;
}

#content #enterBeothuk {
	padding: 0;
	margin: 0 0 10px 0;
	width: 552px;
	height: 75px;
}

#content #enterBeothuk a span {
	display: none;
}

#content #enterBeothuk a {
	padding: 0;
	margin: 0;
	display: block;
	width: 552px;
	height: 75px;
	background: url(../g/enter_beothuk.png) 0 0 no-repeat;
}

#content #enterBeothuk a:hover {
	padding: 0;
	margin: 0;
	width: 552px;
	height: 75px;
	background: url(../g/enter_beothuk.png) 0 -75px no-repeat;
}

#content #enterFrench {
	padding: 0;
	margin: 0 0 10px 0;
	width: 552px;
	height: 75px;
}

#content #enterFrench a span {
	display: none;
}

#content #enterFrench a {
	padding: 0;
	margin: 0;
	display: block;
	width: 552px;
	height: 75px;
	background: url(../g/enter_french.png) 0 0 no-repeat;
}

#content #enterFrench a:hover {
	padding: 0;
	margin: 0;
	width: 552px;
	height: 75px;
	background: url(../g/enter_french.png) 0 -75px no-repeat;
}


/* French Version */

#content #enterEnglishfr {
	padding: 0;
	margin: 0 0 10px 0;
	width: 552px;
	height: 75px;
}

#content #enterEnglishfr a span {
	display: none;
}

#content #enterEnglishfr a {
	padding: 0;
	margin: 0;
	display: block;
	width: 552px;
	height: 75px;
	background: url(../g/enter_english_fr.png) 0 0 no-repeat;
}

#content #enterEnglishfr a:hover {
	padding: 0;
	margin: 0;
	width: 552px;
	height: 75px;
	background: url(../g/enter_english_fr.png) 0 -75px no-repeat;
}

#content #enterPiratefr {
	padding: 0;
	margin: 0 0 10px 0;
	width: 552px;
	height: 75px;
}

#content #enterPiratefr a span {
	display: none;
}

#content #enterPiratefr a {
	padding: 0;
	margin: 0;
	display: block;
	width: 552px;
	height: 75px;
	background: url(../g/enter_pirate_fr.png) 0 0 no-repeat;
}

#content #enterPiratefr a:hover {
	padding: 0;
	margin: 0;
	width: 552px;
	height: 75px;
	background: url(../g/enter_pirate_fr.png) 0 -75px no-repeat;
}

#content #enterBeothukfr {
	padding: 0;
	margin: 0 0 10px 0;
	width: 552px;
	height: 75px;
}

#content #enterBeothukfr a span {
	display: none;
}

#content #enterBeothukfr a {
	padding: 0;
	margin: 0;
	display: block;
	width: 552px;
	height: 75px;
	background: url(../g/enter_beothuk_fr.png) 0 0 no-repeat;
}

#content #enterBeothukfr a:hover {
	padding: 0;
	margin: 0;
	width: 552px;
	height: 75px;
	background: url(../g/enter_beothuk_fr.png) 0 -75px no-repeat;
}

#content #enterFrenchfr {
	padding: 0;
	margin: 0 0 10px 0;
	width: 552px;
	height: 75px;
}

#content #enterFrenchfr a span {
	display: none;
}

#content #enterFrenchfr a {
	padding: 0;
	margin: 0;
	display: block;
	width: 552px;
	height: 75px;
	background: url(../g/enter_french_fr.png) 0 0 no-repeat;
}

#content #enterFrenchfr a:hover {
	padding: 0;
	margin: 0;
	width: 552px;
	height: 75px;
	background: url(../g/enter_french_fr.png) 0 -75px no-repeat;
}



#sidebar-a {
	float: left;
	width: 150px;
	margin: 0;
	margin-right: 0;
	padding: 0;
}

#sidebar-a #secnav {
	padding: 8px;
	margin: 0;
	background: #BF2E06;
}

#sidebar-a #secnav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#sidebar-a #secnav li {
	padding: 0 0 0 10px;
	margin: 0 0 6px 0;
	background: url(../g/secnav_arrow.gif) left 6px no-repeat;
}

#sidebar-a #secnav a {
	text-decoration: none;
	color: #fff;
	font-size: 13px;
}

#sidebar-a #secnav a:hover {
	text-decoration: underline;
	color: #fff;
	font-size: 13px;
}

#sidebar-a #secnav a.selected {
	font-weight: bold;
	color: #ECC1B5;
	cursor: default;
	text-decoration: none;
}

#sidebar-a #secnav a.selected:hover {
	font-weight: bold;
	color: #ECC1B5;
	cursor: default;
	text-decoration: none;
}

/* sub-section navigation */

#sidebar-a #subsecnav {
	padding: 0;
	margin: 0;
}

#sidebar-a #subsecnav ul {
	padding: 0;
	margin: 5px 0 5px 10px;
	list-style: none;
}

#sidebar-a #subsecnav li {
	padding: 0;
	margin: 0 0 5px 0;
	background: none;
}

#sidebar-a #subsecnav a {
	text-decoration: none;
	color: #fff;
	font-size: 11px;
}

#sidebar-a #subsecnav a:hover {
	text-decoration: underline;
	color: #fff;
	font-size: 11px;
}

#sidebar-a #subsecnav a.selected {
	font-weight: bold;
	color: #ECC1B5;
	cursor: default;
	text-decoration: none;
}

#sidebar-a #subsecnav a.selected:hover {
	font-weight: bold;
	color: #ECC1B5;
	cursor: default;
	text-decoration: none;
}

/* end sub-section navigation */

#sidebar-a #callout {
	margin: 0;
	padding: 8px 8px 0 8px;
}

#sidebar-a #callout span {
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#sidebar-a #callout p {
	padding: 0;
	margin: 0;	
}

#sidebar-a #callout a {
	padding: 0;
	margin: 0;	
	color: #000;
	text-decoration: none;
}

#sidebar-a #callout a:hover {
	padding: 0;
	margin: 0;	
	color: #BF2E06;
	text-decoration: underline;
}

#sidebar-a #sidelogo1 {
	width: 149px;
	height: 70px;
	background: url(../g/culture_logo.png) no-repeat;
}

#sidebar-a #sidelogo1 a {
	width: 149px;
	height: 70px;
	display: block;
}

#sidebar-a #sidelogo2 {
	width: 149px;
	height: 70px;
	background: url(../g/esdnl_logo.png) no-repeat;
}

#sidebar-a #sidelogo2 a {
	width: 149px;
	height: 70px;
	display: block;
}

#footer {
	clear: both;
	height: 70px;
	padding: 5px;
	margin-top: 0;
	background: #000;
	color: #CCCCCC;
}

#footer p {
	padding: 4px;
	margin: 0;
}

#footer select {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 11px;
}

#footer a {
	color: #CCCCCC;
	font-size: 11px;
	text-decoration: none;
}

#footer #smaller {
	font-size: 10px;
}

#footer #smaller a {
	color: #CCCCCC;
	font-size: 10px;
	text-decoration: none;
}

#footer #smaller a:hover, #footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#content #layoutTable .thumbnailContainer_hor {
	background: #fff url(../g/thumbnail_container_hor.png) no-repeat;
	padding: 19px;
	margin: 0;
}
.both {
	margin-top:10px;
	margin-left:5px;
	margin-right:10px;
	width:98%;
	padding:2px;
	float:left;
	clear:both;
	background:#fff;
	}

.caption {
	font-size: 10px;
	text-align: center;			
	font-weight: bold;
}