@charset "utf-8";

body {
	background-image: url(../images/bg2.jpg);
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: #343D4C;
	background-position: 473px;
}
#AdminNav {
	width: 840px;
	margin: 10px auto 10px auto;
	padding: 10px;
}
#AdminNav legend{
	padding: 3px;
	font-weight: bold;
}
#AdminNav ul{
	list-style:none;	
}
#AdminNav ul li {
	position:relative;
	float:left;
	padding-right:15px;
}
#AdminNav ul li a {
	color: #FFFFFF;
}
#AdminNav ul li:hover ul {
	display:block;
}
#AdminNav ul li ul {
	display:none;
	position:absolute;
	top:16px;
	left:-40px;
	height:35px;
}
#AdminNav ul li ul li {
	float:none;
	width:105px;
	padding:3px;
	background:#333;
}


#content_area  a {
	color: #6ED8FA;
}
#content_area a:visited {
	color: #003366;
}

#content_area p {
	margin-top: 5px;
	margin-bottom: 15px;
}
#container {
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	padding-top: 26px;
}#container #container2 {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	background-image: url(../images/template_header_bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 142px;
	padding-right: 10px;
	padding-left: 10px;
	position: relative;
}
#header #logo {
	background-image: url(../images/donner_metals_logo_template.jpg);
	background-repeat: no-repeat;
	height: 142px;
	width: 244px;
	text-indent: -10000px;
	margin: 0px;
	padding: 0px;
	display: block;
	cursor: hand;
}
#header #banner {
	position: absolute;
	left: 254px;
	top: 0px;
}
#content_area {
	background-image: url(../images/full_bg.gif);
	background-repeat: repeat-y;
}
#content_area #content {
	float: left;
	width: 595px;
	padding: 15px;
}
#content_area #sidebar {
	width: 250px;
	float: right;
}
#menu {
	z-index: 100;
	padding-bottom: 7px;
	background-image: url(../images/menu_shadow1.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#ticker {
	z-index: 1;
	position: relative;
}

.clearer {
	clear: both;
	height: 1px;
}
#content h1, #content h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #949494;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	color: #B3EBF2;
}
#content h2 {
	font-size: large;
}

#sidebar #latest_info, #sidebar #sign_up, #sidebar #featured_documents,
#sidebar #in_touch, #sidebar #feat_proj, #sidebar #matagami_proj{
	height: 55px;
	margin: 0px;
	padding: 0px;
	background-color: #51555D;
	text-indent: -10000px;
	background-image: url(../images/latest_info.gif);
	background-repeat: no-repeat;
	background-position: 10px 27px;
}
 #sidebar #sign_up{
	background-image: url(../images/sign_up.gif);
}
 #sidebar #in_touch{
	background-image: url(../images/stay_current.gif);
}
 #sidebar #feat_proj{
	background-image: url(../images/Featured_proj.gif);
}
#sidebar #matagami_proj{
	background-image: url(../images/matagami_proj.gif);
}
 #sidebar #featured_documents{
	background-image: url(../images/featured_docs.gif);
}
/*************************************************************
					Matagami Sidebar
**************************************************************/
#sidebar .matagami_side_menu
{
	height: 21px;
	padding: 10px 0px 0px 20px;	
	display: block;
	background-image: url(../images/matagami_tabs/tab_off.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin: 0px;
}
#sidebar .matagami_side_menu:hover
	{
		background-image: url(../images/matagami_tabs/tab_selected.gif);
	}
#sidebar a.matagami_side_menu img
	{
		border:0px;
	}
#sidebar .matagami_side_menu .matagami_indent
	{
		margin: 0px 0px 0px 20px;
	}

/*#sidebar #general
	{
		background-image: url(../images/matagami_tabs/general.gif);
	}
#sidebar #geology
	{
		background-image: url(../images/matagami_tabs/geology.gif);
	}
#sidebar #braemac
	{
		background-image: url(../images/matagami_tabs/braemac.gif);
	}
#sidebar #exploration
	{
		background-image: url(../images/matagami_tabs/exploration.gif);
	}
#sidebar #agreement
	{
		background-image: url(../images/matagami_tabs/agreement.gif);
	}
#sidebar #infrastructure
	{
		background-image: url(../images/matagami_tabs/infrastructure.gif);
	}
#sidebar #sustainable
	{
		background-image: url(../images/matagami_tabs/sustainabledev.gif);
	}
#sidebar .hover
	{
		background:#3F0;
	}*/

/************ End Matagami Sidebar ***********************/


#featured_list img {
	padding-right: 8px;
	vertical-align: text-top;
	float: left;
	clear: left;
	padding-bottom: 15px;
}
#featured_list p {
	height: 45px;
	display: block;
}


#sidebar .sidebar_content {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
#sidebar .sidebar_content p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#footer {
	font-size: xx-small;
	color: #FFFFFF;
	text-align: right;
	padding-top: 20px;
	padding-left: 300px;
}
#footer ul {
	margin: 0px;
	padding: 0px;
	font-size: small;
}
#footer li {
	list-style-type: none;
	display: inline;
	margin-left: 10px;
}
#footer p {
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#footer a {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
.more_link {
	font-size: x-small;
	text-decoration: none;
	background-image: url(../images/triangle.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 8px;
	display: block;
	float: right;
}

#content .side_box {
	float: right;
	width: 265px;
	padding-left: 15px;
}
#content .white_box {
	background-color: #FFFFFF;
	padding: 15px;
	float: right;
	color: #333333;
	margin-left: 15px;
}
#content .white_box a {
	color: #0066FF;
}
ul.news {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul.news li {
	background-image: url(../images/pdf_small.gif);
	background-repeat: no-repeat;
	padding-left: 28px;
	margin-bottom: 20px;
	padding-bottom: 5px;
}
ul.news li.flash {
	background-image: url(../images/flash-small.jpg);
	background-repeat: no-repeat;
	padding-left: 28px;
	margin-bottom: 20px;
	padding-bottom: 5px;
}
.small_print {
	font-size: x-small;
	color: #000000;
}
a img {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.picture_border {
	padding: 2px;
	border: 1px solid #0E2947;
}
#old_news {
	font-size: 16px;
}

#hotsheet_news li {
	padding-bottom: 10px;
    

}


/**********************************************************************************
                          Splash Page
**********************************************************************************/
#splash_overlay
	{
		background:#0038a8 url(../images/splash/background.jpg) repeat-x 0px 0px;
	}
#splash_overlay a:focus{outline:none;}
	#splash_overlay{
		display:block;
		position:fixed; top:0px; left:0px;
		height:100%; width:100%;
		background:#0038a8 url(../images/splash/splashBg.jpg) repeat-x 0px 0px;
		z-index:10000;
		
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	#Splash_container{
		position:relative;
		width:700px; 
		padding:455px 50px 0px 50px;
		margin:0px auto;
		background:url(../images/splash/splash_container_bg.jpg) no-repeat 0px 0px;
	}
	#Splash_container p{
		text-align:justify;
		color:#307BD6;	
	}
	#Splash_container p.taglineText{
		position:absolute;
		top:110px; left:375px;
		color:#95a4bc;	
		font-style:italic;
	}
	a.SplashButton{
		position:absolute;
		display:block;
		width:236px; height:36px;
	}
	a.SplashButton span{display:none;}
	#EnglishButton{
		top:300px; left:260px;
		background:url(../images/splash/buttons.png) no-repeat 0px 0px;
	}
	#EnglishButton:hover{ background:url(../images/splash/buttons.png) no-repeat 0px -41px;}
	#FrenchButton{
		top:300px; left:522px;
		background:url(../images/splash/buttons.png) no-repeat 0px -84px;
	}
	#FrenchButton:hover{ background:url(../images/splash/buttons.png) no-repeat 0px -125px; } 
	
	#Container{
		<%If Session("SplashDone") = "" then%>
		visibility: hidden;
		<%
		End If
		%>
	}