﻿/* 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: 13px auto;
}
#header {
	margin: 0px !important;
	*:margin: 0px 0px -2px 0px !important;
	margin: 0px 0px -2px 0px;
}
#header-print {
	display: none;

}

#flowerimg {
	position: absolute;
	margin-left: 760px !important;
	*:margin-left: -240px !important;
	margin-left: -240px;
	top: 0px;
}


#navigation ul {
	margin: 0px 0px 0px 20px; /* A small difference in position compared to sub pages*/
}
	#subVisit, #subPrograms, #subExhibits, #subResearchers, #subTeachers, #subDatabases, #subDownloads {
		top: 169px;
	}

/* ################### */
/*        Search       */
/* ################### */

#searchArea-home {
	width:435px;
}
	#searchArea-home #advancedsearch {
		height: 16px;
		margin: -18px 0 0 330px;		
	}
		#searchArea-home #advancedsearch a {
			color: #fff;
			text-decoration: none;
		}
		#searchArea-home #advancedsearch a:hover {
			text-decoration: underline;
		}
		#searchArea-home #input-form-home {
			background-color: #FAFDE7;
			width: 180px;
			font-size: 11px;
			padding: 2px;
		}
		#searchArea-home #searchbutton {
			margin-bottom: -7px !important;
			*:margin-bottom: -7px !important;
			margin-bottom: -4px;
			
		}
		#searchbutton {
			padding:0 0 0 8px;
		}
		/*#searchArea-home p, #searchArea-home a {
			color: #fff;
			text-decoration:none;
		}*/
		
/* ################################################################## */
/*      Search  block, Advanced Search and Ressources en francais          */
/* ################################################################# */
	#searchblok {
		height: 26px;
		padding: 30px 0 0 58px;
		width: 1000px;
	}
	#resourcesbutton {
		margin: 0 0 0 785px;
		position: absolute;
		top: 194px;
		width: 176px;
		font-size: 12px;
		text-align: center;
	}
	#resourcesbutton a {
		background-color: #993300;
		color: #FFFFFF;
		border: 1px solid #fff;
		text-decoration: none;
		display: block;
		height: 20px;
		width: 176px;
		padding-top: 3px
	}
	#resourcesbutton a:hover {
		display: block;
		background-color: #fff;
		color: #852C1B;
		font-size:12px;
		text-decoration:none;
		
	}

/* ############################ */
/*    Sub Nav & Body Content    */
/* ############################ */		
		
#contentwrapper {
	background:  url(../i/bg-main2.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;
	}
						

/* ######################### */
/*      Photo           */
/* ######################## */
#photoimg {
	float:left;
	left:47px;
	position:absolute;
	top:25px;
}




/* ################### */
/*       Content       */
/* ################### */

#content {
	margin-left:6px;
	min-height:30em;
	padding: 0 0 1px 0;
	width:1001px;
}
#contentcenter {
	position: relative;
	width:1000px;
}
#breadcrumbs {
	color: #0000EE;
	margin-top: -30px;
	position: absolute;
}

/* ################### */
/*       Footer        */
/* ################### */		
		
#footer {
	height:190px;
	margin: -151px 0 0 2px !important;
}

#footer img { margin: 0 0 -1px -1px;}

/* ################### */
/*     Bottom Nav      */		
/* ################### */		
#footernavigation {
	clear:both;
	*:margin-top: 40px !important;
}

#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 li {
	line-height: 13px;
	margin-bottom: 12px;
	font-size: 12px;
}
#content p {
line-height: 13px;
	margin-bottom: 12px;
font-size: 11px;
}
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 ol li {

}		
table {

}
th {

}		
tr {

}
td {

}
.img_border {
	border: thin solid #336699;
	margin-left: 5px;
	margin-right: 5px;
}
.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;
}

/* ################################################ */
/*         Right News and Exhibit bloks      */
/* ################################################ */
#whatnewstop img, #exhibittop img {
	margin:0 0 1px 32px;
	padding:34px 0 0;
	
}
#leftcontentwrapper {
	left:588px;
	position:relative;
	top:-292px;
	width:380px;
}
#newsblok {
	left:0;
	position:absolute;
	top:305px;
	width:192px;
}
#exhibit {
	position:absolute;
	top:295px;
	left:192px;
	width:180px;
	color:#336699;
	margin:10px 0 0 0;
}
#whatnewstop {
	background:transparent url(../i/whatnewstop-bg.png) no-repeat scroll left top;
	width: 192px;
	height:55px;
}
#exhibittop {
	background:transparent url(../i/whatnewstop-bg.png) no-repeat scroll left top;
	width: 192px;
	height:55px;
}
#exhibitcontent {
	background:transparent url(../i/whatnewscontent-bg.png) repeat-y scroll left top;
	width: 130px;
	min-height:193px;
	padding:8px 30px 1px 32px;	
}
#exhibitcontent a {
	color:#336699;
	text-decoration:none;
}
#exhibitcontent a:hover {
	text-decoration:underline;
}
#whatnewscontent {
	background:transparent url(../i/whatnewscontent-bg.png) repeat-y scroll left top;
	width: 130px;
	min-height:193px;
	padding:8px 30px 1px 32px;		
}
#whatnewscontent a {
	text-decoration: none;
	color:#336699;
}
#whatnewscontent a:hover {
	text-decoration: underline;
}
#whatnewsbottom {
	background:transparent url(../i/whatnewsbottom-bg.png) no-repeat scroll left top;
	width: 192px;
	height:26px;		
}
#abresourcesbutton {
	margin: 0 0 0 565px;
	position: absolute;
	top: 194px;
	width: 205px;
	font-size: 12px;
	text-align: center;
}
#abresourcesbutton a {
	background-color: #993300;
	color: #FFFFFF;
	border: 1px solid #fff;
	text-decoration: none;
	display: block;
	height: 20px;
	width: 205px;
	padding-top: 3px
}
#abresourcesbutton a:hover {
	display: block;
	background-color: #fff;
	color: #852C1B;
	font-size:12px;
	text-decoration:none;
}
#share_btn {
	position: absolute;
	margin-left: 875px !important;
	*:margin-left: -240px !important;
	margin-left: -240px;
	top: 115px;
}

