/* CSS Document */

* { /* Set main attributes to 0 or none */
	margin: 0;
	padding: 0;
	border: none;
}
html { /* Set the height of the window to 101% so that Firefox always displays the scroll bar */
	height: 101%;
}


/* #################### */
/*         Layout       */
/* #################### */

body {
	background-color: #ECDC96;
	font: 11px/1.5em verdana, helvetica, arial, sans-serif;
	padding-top: 10px;
}

#wrapper { /* Set the width of the wrapper div and centre the div in the window */
	width: 1016px;
	margin: 0px auto;
}
#header {
	margin: 0px !important;
	*:margin: 0px 0px -2px 0px !important;
	margin: 0px 0px -2px 0px;
}
#header-print {
	display: none;
}

/* ############## */
/*   TOOLS MENU   */
/* ############## */

#toolsMenu { /* Float the secondary menu on the header image, set the div dimensions, float the list items and set the colour attributes */
	position: absolute;
	margin-left: 780px !important; /* set left margin rather than left position so that the div remains static within the wrapper */
	*:margin-left: -240px !important;
	margin-left: -240px;
	width: 220px;
	top: 60px;
}
	#toolsMenu ul {
		list-style: none;
	}
		#toolsMenu ul li {
			float: left;
			padding: 0px 5px;
		}
			#toolsMenu ul li a {
				color: #FAFDE7;
			}

/* ################### */
/*   MAIN NAVIGATION   */
/* ################### */

#navigation { /* Set the height and background image for the main navigation, set font and padding attributes, float the list items and set the colour attributes */
	background: transparent url(../i/bg-nav.gif) no-repeat;
	height: 29px;
	width: 1016px;
}
	#navigation ul {
		list-style: none;
		font-size: 13px;
		margin: 0px 0px 0px 10px;
		/*width: px;*/
	}
		#navigation ul li {
			float: left;
			border-right: 2px solid #FAFDE7;
			height: 22px !important;
			height: 25px; 
			padding-top: 5px !important;
			*:padding-top: 4px !important; 
			padding-top: 4px;
			padding-bottom: 0px !important;
			*:padding-bottom: 6px !important;
			padding-bottom: 0px;
		}
		#navigation ul li.noborder { /* Remove the right border from the last link */
			border-right: none;
		}
			#navigation ul li a {
				text-decoration: none;
				color: #fff;
				padding: 7px 30px 6px 28px !important;
				padding: 6px 30px;
			}
			#navigation ul li a:hover {
				color: #336699;
				background-color: #FAFDE7;
			}
			#navigation ul li a#visit {
				padding-left: 19px !important;
			}
			#navigation ul li a#downloads {
				padding-right: 18px !important;
			}
			#navigation ul li a.on {
					background-color: #FAFDE7;
					color: #336699;
				}

/* ############################# */
/*   MAIN NAVIGATION DROP-DOWN   */
/* ############################# */

/* The following attributes for the drop-down menus are shared across each menu. Make changes to specific drop-downs below. */
	#subVisit, #subPrograms, #subExhibits, #subResearchers, #subTeachers, #subDatabases, #subDownloads {
		top: 112px;
		position: absolute;
		background: transparent url(../i/drop_shadow_bg.png) left repeat-y !important;
		*:background: transparent url(../i/drop_shadow_bg.png) left repeat-y !important;
		background: transparent;	
		width: 200px !important;
		*:width: 200px !important;
		width: 170px;
	}
		#subVisit ul, #subPrograms ul, #subExhibits ul, #subResearchers ul, #subTeachers ul, #subDatabases ul, #subDownloads ul {
			width: 205px !important;
			*:width: 205px !important;
			width: 175px;
			background: url(../i/drop_shadow_bottom.png) left bottom no-repeat !important;
			*:background: url(../i/drop_shadow_bottom.png) left bottom no-repeat !important;
			background: none;
			background-color: transparent !important;
			*:background-color: transparent !important;
			background-color: #FAFDE7;
			border: none !important;
			*:border: none !important;
			border: 1px solid #336699;
			border-top: none;
			margin: 0 0px -10px 0px !important;
			*:margin: 0 0px -10px 0px !important;
			margin: 0;
			padding-bottom: 10px;
		}
			#navigation #subVisit ul li, #navigation #subPrograms ul li, #navigation #subExhibits ul li, #navigation #subResearchers ul li, #navigation #subTeachers ul li, #navigation #subDatabases ul li, #navigation #subDownloads ul li {
				float: none;
				height: auto !important;
				padding-top: 0px !important;
				border-right: none;
				margin: 0 0 0 6px;
			}
				#navigation #subVisit ul li a, #navigation #subPrograms ul li a, #navigation #subExhibits ul li a, #navigation #subResearchers ul li a, #navigation #subTeachers ul li a, #navigation #subDatabases ul li a, #navigation #subDownloads ul li a {
					color: #000;
					padding: 4px 11px 4px 5px !important;
					display: block;
					margin-left: -1px !important;
					*:margin-left: -1px !important;
					margin-left: -7px;
					width: 174px !important;
					*:width: 174px !important;
					width: 170px;
				}
				#navigation #subVisit ul li a:hover, #navigation #subPrograms ul li a:hover, #navigation #subExhibits ul li a:hover, #navigation #subResearchers ul li a:hover, #navigation #subTeachers ul li a:hover, #navigation #subDatabases ul li a:hover, #navigation #subDownloads ul li a:hover {
					background-color: #336699;
					color: #FAFDE7;
				}
				

/* The following attributes are specific to each dropdown menu. Make specific changes here. */
	#subVisit {
		display: none;
		margin-left: 7px !important;
		*:margin-left: -974px !important;
		margin-left: -983px;
		z-index: 100;
	}
	#subPrograms {
		display: none;	
		margin-left: 112px !important;
		*:margin-left: -866px !important;
		margin-left: -874px; /* Positioning for IE6 */
		z-index: 100;
	}
	#subExhibits { 
		display: none;
		margin-left: 307px !important; /* Positioned also for Mac in pwnhc-macc.css */
		*:margin-left: -671px !important;
		margin-left: -678px;
		z-index: 100;
	}
	#subResearchers {
		display: none;
		margin-left: 465px !important; /* Positioned also for Mac in pwnhc-macc.css */
		*:margin-left: -516px !important;
		margin-left: -520px;
		z-index: 100;
	}
	#subTeachers {
		display: none;
		margin-left: 605px !important; /* Positioned also for Mac in pwnhc-macc.css */
		*:margin-left: -376px !important;
		margin-left: -378px;
		z-index: 100; /* Float the drop-down above the search layer */
	}
	#subDatabases {
		display: none;
		margin-left: 729px !important; /* Positioned also for Mac in pwnhc-macc.css */
		*:margin-left: -252px !important;
		margin-left: -252px;
		z-index: 100;
	}
	#subDownloads {
		display: none;
	}
	



/* ################### */
/*    Section Title    */
/* ################### */
						
#sectionTitle { 
	margin-bottom: 0px !important;
	*:margin-bottom: -2px !important;	 
	margin-bottom: -2px; /* Remove the space at the bottom of the div created by IE6 */
}	

/* ################### */
/*        Search       */
/* ################### */

#searchArea {
	position: absolute;
	top: 130px !important;
	top:  130px;
	margin-left: 720px !important;
	*:margin-left: -270px !important;
	margin-left: -260px;
	width: 280px;
}
	#searchArea p {
		height: 16px;
	}
		#searchArea #input-form {
			background-color: #FAFDE7;
			width: 180px;
			font-size: 11px;
			padding: 2px;
		}
		#searchArea #searchbutton {
			margin-bottom: -4px !important;
			*:margin-bottom: -3px !important;
			margin-bottom: -4px;
			padding-left: 4px;
		}
		#searchArea p, #searchArea a {
			color: #fff;
		}

/* ############################ */
/*    Sub Nav & Body Content    */
/* ############################ */		
		
#contentwrapper {
	background:  url(../i/bg-main.gif) repeat-y;
	height: auto !important;
	height: 20em; /* This is a minimum height for IE6 only */
}

/* ################### */
/*   Sub-navigation    */
/* ################### */

#subnavigation {
	position: static !important;
	*:position: absolute !important; /* Fix negative margin bug in IE7 */
	position: static;
	float: left;
	width: 170px !important;
	width: 171px;
	margin-left: 7px !important;
	*:margin-left: -193px !important; /* Fix negative margin bug in IE7 */
	margin-left: 3px;
}
	#subnavigation ul {
		list-style-type: none;
		margin-left: 0px !important;
		margin-left: 1px;
		border-top: 2px solid #FAFDE7;
		background-color: #336699;
	}
		#subnavigation ul li {
			border-bottom: 2px solid #FAFDE7;
		}
			#subnavigation ul li a {
				text-decoration: none;
				color: #FAFDE7;
				padding: 4px 6px 4px 8px;
				display: block; 
				width: 156px; /* This allows IE6 to recognize the whole link area as clickable */
			}
			#subnavigation ul li a:hover {
				color: #FAFDE7;
				background-color: #97442B;
			}
				#subnavigation ul li ul {
					background-color: #FAFDE7;
					margin-left: 0px; /* Resets the left margin to zero that was set to 1 in "#subnavigation ul" for IE6 */
				}
					#subnavigation ul li li a {
						color: #000;
						padding: 1px 6px 1px 18px;
						width: 146px; /* Removes 10px to width added by padding above */
					}
					
/* ######################## */
/*       Sub Drop-down      */
/* ######################## */

/* Hide all sub navigation drop-down menus – will be displayed using templates */
	ul#subNav01, ul#subNav02, ul#subNav03, ul#subNav04, ul#subNav05, ul#subNav06, ul#subNav07, ul#subNav08, ul#subNav09, ul#subNav10  {
		display: none;
	}

	
/* ################### */
/*       Content       */
/* ################### */

#content {
	padding: 10px 20px;
	min-height: 30em;
	margin-left: 200px;
	width: 740px;
	padding-top: 50px;
}
#breadcrumbs {
	color: #0000EE;
	margin-top: -30px;
	position: absolute;
}

/* ################### */
/*       Footer        */
/* ################### */		
		
#footer {
	clear: both;
	margin-bottom: -2px;
	height:auto !important;
	*:height:20px !important;
	height:20px;
}

/* ################### */
/*     Bottom Nav      */		
/* ################### */		
		
/*#bottomNav {
	position: absolute;
	margin-left:30px!important;
	*:margin-left:15px !important;
	margin-left:15px;
	margin-top:0;
	padding-bottom: 20px;
}*/
	#bottomNav ul {
		color: #336699;
		list-style-type: none;
	}
		#bottomNav ul li {
			float: left;
			padding: 0px 6px;
		}
			#bottomNav ul li a {
				color: #336699;
				text-decoration: none;
				font-size:12px;
			}
			#bottomNav ul li a:hover {
				color: #97442B;
				text-decoration: underline;
			}

#footernavigation {
	clear:both;}

#gov {
	/*position: absolute;*/
	margin-left:8px;
	margin-top:0px !important;
	*:margin-top:20px !important;
	margin-top:20px;
	font-size:12px;
	float:left;
}
#gov a  {
	color: #336699;
	text-decoration: none;
}
#gov a:hover  {
	color:#97442B;
	text-decoration: underline;
}
		
#bottomNav {
	/*position: absolute;*/
	margin-left:30px !important;
	margin-top:0px !important;
	*:margin-top:20px !important;
	margin-top:20px;
}



/* ######################## */
/*         Typography       */
/* ######################## */

/* NOTE: Some typographical elements may effect the layout. If this happens, add the id "#content" before the tag to style only those tags found inside the content area. */

#content p, #content li {
	line-height: 18px;
	margin-bottom: 12px;
	font-size: 12px;
}
h1 {
	margin-bottom: 16px;
}
h2 {
	margin-bottom: 12px;
}
h3 {
	margin-bottom: 10px;
}
h4 {
	margin-bottom: 6px;
}
h5 {
	margin-bottom: 2px;
}
h6 {

}
#content a:link {

}
#content a:visited {
	
}
#content a:hover {

}
#content a:active {

}
#content ul {

}
ol {

}
#content ul li, #content ol li {
	margin: 0 0 0 15px;
}
#content ol li {

}		
table {

}
th {

}		
tr {

}
td {

}
.img_border {
	border: thin solid #336699;
	margin-left: 5px;
	margin-right: 5px;
}
.index_menu_padding {
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 8px;
}
.img_pdg_no_brdr {
	padding-right: 5px;
	padding-left: 5px;
}
.vertical_rule {
	padding-right: 8px;
	padding-left: 8px;
}
.table_cell {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #336699;
	border: thin solid #FFFFFF;
	padding: 3px;
}
.table_padding {
	padding: 5px;
}
.margins {
	margin-right: 5px;
	margin-left: 5px;
}
.content_ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}
.francais_border {
	border: 1px solid #CCCCCC;
}
.search_btn_border {
	border: 1px solid #336699;
}
.text_highlight {
	border: thin solid #336699;
	padding: 5px;
}
.indexpg_links {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
#share {
	margin-top: -30px;
	position: absolute;
	margin-left: 600px;
}
.flashDiv {
	z-index: 1;
}
.index_menu_padding_intro {
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 8px;
}
.ask_archives_form {
	border: 1px solid #999;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 0px;
	background-image: url(../programs/archives/images/form_bg.gif);
	background-repeat: repeat-x;
	padding: 2px;
}
.ask_archives_button {
	border: 1px solid #999;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	background-repeat: repeat-x;
}
.hist_sites_map_border {
	border: thin solid #336699;
}
.img_border_nopad {
	border: thin solid #336699;
}
.text_brdr_with_shdw {
	border: solid 1px #cbcbcb;
	-moz-box-shadow: 0px 0px 10px #cbcbcb;
	-webkit-box-shadow: 0px 0px 10px #cbcbcb;
	background-color: #ECDC96;
	padding: 3px;
	width: 400px;
	height: 70px;
}
.dene-font {
	font-family: WinMac SILSophia Dene Regular;
}
.text_brdr_with_shdw_auto {
	border: solid 1px #cbcbcb;
	-moz-box-shadow: 0px 0px 10px #cbcbcb;
	-webkit-box-shadow: 0px 0px 10px #cbcbcb;
	background-color: #ECDC96;
	padding: 3px;
	width: auto;
	height: auto;
}