/* 
	--------------------------------
	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;
}

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: 74px;}
#mn2 { left: 74px; width: 117px;}
#mn3 { left: 191px; width: 95px;}
#mn4 { left: 286px; width: 81px;}
#mn5 { left: 367px; width: 71px;}
#mn6 { left: 438px; width: 72px;}
#mn7 { left: 510px; width: 146px;}
#mn8 { left: 656px; width: 104px;}

#mn1 a:hover { background: transparent url(../g/topnav.png) 0 -47px no-repeat;}
#mn2 a:hover { background: transparent url(../g/topnav.png) -74px -47px no-repeat;}
#mn3 a:hover { background: transparent url(../g/topnav.png) -191px -47px no-repeat;}
#mn4 a:hover { background: transparent url(../g/topnav.png) -286px -47px no-repeat;}
#mn5 a:hover { background: transparent url(../g/topnav.png) -367px -47px no-repeat;}
#mn6 a:hover { background: transparent url(../g/topnav.png) -438px -47px no-repeat;}
#mn7 a:hover { background: transparent url(../g/topnav.png) -510px -47px no-repeat;}
#mn8 a:hover { background: transparent url(../g/topnav.png) -656px -47px no-repeat;}

#mn1 a.tabon { background: transparent url(../g/topnav.png) 0 -94px no-repeat; cursor: default;}
#mn2 a.tabon { background: transparent url(../g/topnav.png) -74px -94px no-repeat; cursor: default;}
#mn3 a.tabon { background: transparent url(../g/topnav.png) -191px -94px no-repeat; cursor: default;}
#mn4 a.tabon { background: transparent url(../g/topnav.png) -286px -94px no-repeat; cursor: default;}
#mn5 a.tabon { background: transparent url(../g/topnav.png) -367px -94px no-repeat; cursor: default;}
#mn6 a.tabon { background: transparent url(../g/topnav.png) -438px -94px no-repeat; cursor: default;}
#mn7 a.tabon { background: transparent url(../g/topnav.png) -510px -94px no-repeat; cursor: default;}
#mn8 a.tabon { background: transparent url(../g/topnav.png) -656px -94px no-repeat; cursor: default;}

#mn1 a.tabon:hover { background: transparent url(../g/topnav.png) 0 -94px no-repeat;}
#mn2 a.tabon:hover { background: transparent url(../g/topnav.png) -74px -94px no-repeat;}
#mn3 a.tabon:hover { background: transparent url(../g/topnav.png) -191px -94px no-repeat;}
#mn4 a.tabon:hover { background: transparent url(../g/topnav.png) -286px -94px no-repeat;}
#mn5 a.tabon:hover { background: transparent url(../g/topnav.png) -367px -94px no-repeat;}
#mn6 a.tabon:hover { background: transparent url(../g/topnav.png) -438px -94px no-repeat;}
#mn7 a.tabon:hover { background: transparent url(../g/topnav.png) -510px -94px no-repeat;}
#mn8 a.tabon:hover { background: transparent url(../g/topnav.png) -656px -94px no-repeat;}

/* end 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: 10px;
	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: #999999;
	text-decoration: none;
}

#content #contentNav td a:hover {
	font-size: 13px;
	color: #666666;
	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: 9px;
	color: #999999;
	text-align: right;
	font-weight: normal;
}

#content #layoutTable th.right a {
	color: #666666;
	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: 9px;
	color: #999999;
	text-align: right;
	font-weight: normal;
}

#content #layoutTableTxt th.right a {
	color: #666666;
	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;
}

#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 #sidelogo {
	width: 149px;
	height: 70px;
	background: url(../g/side_logo.png) no-repeat;
}

#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;
}