html { min-height: 100%; margin-bottom: 1px; } /* This keeps RH nav bar always there in browser, so Firefox does not shift page to right when no nav bar is really required.*/
/* Note that IE always reserves space for the nav bar on the page and so does not display this "shift". */

.TP_AboveMasthead, .TP_AboveMastheadItem {background: #26455e} /* New colour 08.05.09 to match amonite logo */
.TP_Title_bar {background: url(/Resources/Graphics/Logotypes/Departments/Earth-Sciences.gif) #3e647e no-repeat top right} /* New colour 08.05.09 to match amonite logo */

/*Earth Sciences specific style sheet produced by A.Duerden of Peajay Limited 	*/
/* Version 23.1   																*/
/* 05.05.09.																	*/

/* -------------------------------------------------------------------------------------------------------------------------------*/	
/* Left hand column (esLHNav class) nav igation links styling */
/* -------------------------------------------------------------------------------------------------------------------------------*/
.esLHNav
	{
	color: #3e647e;
	/*font-size: 1em;*/
	float: left;
	clear:both;
	width: 100%;
	}
.esLHNav h1
	{
	color: #3e647e;
	font-weight: bold;
	text-align: left;
	font-size: 0.8em;
	margin: 0em;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0.5em;
	padding-left: 0em;
	}
.esLHNav h2
	{
	color: #3e647e;
	/*font-size: 0.7em;*/
	/*float: left;*/
	/*padding-top: 1em;
	padding-right: 0;
	padding-bottom: 1em;*/
	/*margin-top: 5em;*/
	/*margin-bottom: 0.5em;*/
	}
.esLHNav h3
	{
	color: #3e647e;
	font-size: 0.7em;
	float: left;
	padding-top: 0em;
	padding-right: 0.2em;
	padding-bottom: 0em;
	padding-left: 1em;
	/*margin-top: 1em;*/
	font-weight: normal;
	margin: 0px;
	}
.esLHNav h3 a
	{
	color: #3e647e;
	padding-left:0px;
	background-image:none;
	background-repeat: no-repeat;
	/*background-position: left 70%;*/
	/*background-position: left center;*/
	text-decoration: none;
	overflow: visible;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0em;	/*display: block;*/	/*background-color: #CCCCCC;*/
	}
.esLHNav h4
	{
	color: #3e647e;
	font-size: 0.65em;
	float: left;
	padding-top: 0.2em;
	padding-right: 0;
	padding-bottom: 0.2em;
	padding-left: 2em;
	clear: both;
	font-weight: normal;
	width: 98%;
	margin: 0px;
	
	}
.esLHNav ul{ /*CSS for UL menu items*/
	font-size: 0.7em;
	list-style-type: none;
	padding-right: 0.2em;
	padding-left: 0em; /* IE spaces items out too much without this*/
	margin-left: 0.5em;
	margin-bottom: 1em;
	margin-top: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	float: left;	/*list-style-position: outside;
	list-style-image: url(/Resources/Graphics/Home-Bullets/visitors-guide.gif);*/
}

.esLHNav li
	{
	list-style-position: outside;
	list-style-type: none;	/*list-style-image: url(/Resources/Graphics/Home-Bullets/visitors-guide.gif);
	padding-bottom: 0.2em;*/
	padding-bottom: 0.5em;
	}
.esLHNav a
	{
	color: #3e647e;
	padding-left:20px;
	background-image:url(/Resources/Graphics/Home-Bullets/visitors-guide.gif);
	background-repeat: no-repeat;
	/*background-position: left 70%;*/
	background-position: left center;
	text-decoration: none;
	overflow: visible;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0em;
	/*display: block;*/
	/*background-color: #CCCCCC;*/
	
	}
	

/*The following setting to ID=esLHNav styles (highlights) the current active link */
#esLHNav a.current {
	color: #3e647e;
	padding-left:20px;
	background-image:url(/Earth-Sciences/Resources/Graphics/Home-Bullets/highlight.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: none;
	overflow: auto;
	margin-left: 2px;
	background-color: #E3E3E3;
	padding-right: 5px;
}
#goeshome
	{
	clear:both;
	color: #3e647e;
	font-size: 1.1em;
	float: left;
	width: 100%;
	}
#goeshome ul
	{
	font-size: 0.65em;
	list-style-type: none;
	margin-left: 0.5em;
	margin-top: 2em;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}	
#goeshome a
	{
	color: #3e647e;
	padding-left:20px;
	background-image:url(/Resources/Graphics/Home-Bullets/visitors-guide.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration: none;
	font-weight: bold;	/*background-color: #CCCCCC;*/
	
	}
#whiteback {
	font-weight: bold;
}
/* -------------------------------------------------------------------------------------------------------------------------------*/
/* Main central (Column-2) data area*/
/* -------------------------------------------------------------------------------------------------------------------------------*/


#esCol-2Content p.redtitle {
	color: #3e647e; /* Changed for K.Clemitshaw 11/12/08 */
	font-weight: bold;
	}
#esCol-2Content
	{
	color: #000000;
	font-size: 0.8em;
	list-style-type: none;
	text-align: justify;
	/*margin-right: 1em; removed 07.05.09 when trying float:right for 2nd column of 2-col layout*/
	}
#esCol-2Content h1
	{
	color: #3e647e;
	font-size: 1em;
	font-weight: bold;
	padding: 0em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0.5em;
	margin-left: 0px;
	}
#esCol-2Content h2
	{
	color: #000000;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0px;
	padding-top: 0.5em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
	}
#esCol-2Content img
	{
	float: none;
	display: inline;
	border: 1px none #3C6E8F;
	padding: 0em;
	margin: 0px;
	}
#esCol-2Content td a img
	{
	float: none;
	display: inline;
	border: 1px none #3C6E8F;
	padding: 0em;
	margin: 0px;
	}  
#esCol-2Content p
	{
	color: #000000;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 0.2em;
	margin: 0em;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	} 
#esCol-2Content p img
	{
	float: right;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
	}

#map /* used in Contact-Us/TravDir.html */
	{
	float: right;
	margin: 1em;
	padding: 0em;
	border: 1px solid #3C6E8F;
	font-size: 0.8em;
	}
#map p
	{
	font-size: 0.8em;
	}
#esCol-2Content .intext
	{
	padding-top: 1em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	}
#esCol-2Content ul
	{
	color: #000000;
	margin: 0em;
	border-top-width: 0em;
	border-right-width: 0em;
	border-bottom-width: 0em;
	border-left-width: 0em;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 2em;
	list-style-type: none;
	}
#esCol-2Content li
	{
	color: #000000;
	border-top-width: thin;
	border-right-width: 0em;
	border-bottom-width: 0em;
	border-left-width: 0em;
	list-style-type: disc;
	padding: 0em;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
	}
#esCol-2Content table
	{
	text-align: left;
	font-size: 0.9em; /*changed for es to newlook update 01-12-08*/
	border-collapse: collapse; /*changed for es to newlook update 11-12-08*/
	border: thin solid #E3E3E3;
	padding: 0em;
	margin-top: 0.5em;
	}

#esCol-2Content table li
	{
	text-align: left;
	margin-left: -1em;
	padding: 0em;
	list-style-type: circle;
	}
#esCol-2Content tr
	{
	background-color: #D1DDE4;
	padding-left: 1em;	
	}
#esCol-2Content th
	{
	padding: 0.5em 0.5em 0.5em 0.5em;
	color: #3e647e;
	background-color: #FFFFFF;
	font-weight: bold;
	border: thin solid #E3E3E3;
	}
#esCol-2Content td
	{
	padding: 0.3em 0.5em 0.3em 0.5em;
	color: #000000;
	background-color: #D1DDE4;
	border: thin solid #E3E3E3;
	}
TD > SPAN /*Styles 'Subtext' in staff display tables to be smaller than the name above it*/
	{
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	}
#esCol-2Content a
	{
	color: #3e647e;
	text-decoration: none;
	}
	
#news /* used on Earth Sciences homepage to style News 3rd column */
{
	float: right;
	text-align: left;
	font-size: 0.55em;
	color: #000000;
	}
#news h1{
	text-align: left;
	color: #3e647e;
	font-size: 1.5em;
	font-weight: bold;
	padding: 0em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1.5em;
	margin-left: 0.4em;
	}
#news img{
	float: left;
	margin-top: 0.2em;
	margin-right: 0.3em;
	margin-left: 0.3em;
	clear: both;
	border: 0;
	
	}
#news p{
	font-size: 0.9em;
	margin-left: 2em;
	padding: 0em;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	clear: both;
	}
#news a {
	color: #3e647e;
	text-decoration: none;
	font-size: 1.1em;
	}
#newsmain /* Used in News-and-Events/news.html */
{
	float: left;
	text-align: left;
	font-size: 0.9em;
	color: #666666;
	}
#newsmain h1{
	text-align: left;
	color: #3e647e;
	font-size: 1em;
	margin-left: 1.8em;
	}
#newsmain img{
	float: left;
	margin-top: 0em;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 0em;
	clear: both;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	}
#newsmain p{
	margin-left: 2em;
	padding: 0em;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1em;
	vertical-align: top;
	}

/****************** Used in /Earth Sciences/EDM pages  Should be removed as it is no longer needed*/
.lightgreen_backgrnd 
{
	/*background-color: #C1EAB2;*/
	background-color: #B1DAA2;
}
.lightgreen_backgrnd li{
	/*background-color: #C1EAB2;*/
	background-color: #B1DAA2;
}
/****************** Used in /Earth Sciences/EDM pages  Should be removed as it is no longer needed*/

#esCol-2Content p.white_textbold{
	color: #FFFFFF;
	font-weight: bold;
}

/* -------------------------------------------------------------------------------------------------------------------------------*/
/* Homepage top matter banner with 3 images and two blocks of colour plus a grey underline */
/* -------------------------------------------------------------------------------------------------------------------------------*/	
#research_header {
	font-size: 1.4em;
	font-weight: bold;
	color: #FFFFFF;
	position: absolute;
	left: 10px;
	width: 18em;
	display: inline;
	bottom: 2em;
	text-align: left;
	}
#research_subheader {
	font-size: 1em;
	font-weight: bold;
	color: #E3E3E3;
	position: absolute;
	left: 10px;
	display: inline;
	bottom: 0.8em;
	}
.research_wrapper 
	{
	width: 100%;
	/*height: 96px; current value 270109*/
	height: 105px;
	background-color: #3e647e;
	/*background-image: url(/common/images/craton135x96.jpg);*/
	background-repeat: no-repeat;
	background-position: 160px;
	position: relative;
	}
#research_wrapper_image {
	float: none;
	position: absolute;
	top: 0px;
	right: 0px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}	
.research_inner 
	{
		float: right; 
		width: 56%; 
		background: #E3E3E3; 
		/*height: 96px; current value 270109 */
		height: 105px; 
	}
#research_inner 
	{
		float: right; 
		width: 56%; 
		/*height: 96px; current value 270109 */
		height: 105px; 
	}
#research_inner img
	{
	padding: 0em;
	border-right-width: 5px;
	border-left-width: 5px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	}	
.research_clear 
	{
	clear: both;
	height: 0.5em;
	width: 100%;
	background: url(/Resources/Graphics/Misc/1x1-Grey.gif) bottom repeat-x;
	margin-bottom: 0.2em
	}
.montage_wrapper 
	{
	width: 100%;
	height: 150px;
	background-color: #3e647e;
	background-image: url(/Earth-Sciences/Resources/Images/Homepage/home-main-left.jpg);
	background-repeat: no-repeat;
	background-position: left;
	}
	
.montage_inner 
	{
	float: right;
	width: 56%;
	height: 150px;
	background-color: #E3E3E3;
	background-image: url(/Earth-Sciences/Resources/Images/Homepage/home-main-right.jpg);
	background-repeat: no-repeat;
	background-position: right;
	}
	
.montage_clear 
	{
	clear: both;
	height: 0.5em;
	width: 100%;
	background-color: #FFFFFF;
	background-image: url(/Resources/Graphics/Misc/1x1-Grey.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 1em;
	/*margin-bottom: 1em;*/
	}

/* -------------------------------------------------------------------------------------------------------------------------------*/
/* "Accordian" expanding and contracting left hand nav menu css Classes*/
/* -------------------------------------------------------------------------------------------------------------------------------*/
.arrowlistmenu{
/*width: 11em; width of accordion menu*/
clear: both;
}
.arrowlistmenu h1
	{
	color: #3e647e;
	font-size: 0.8em;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0.5em;
	padding-left: 0px;
	/*font-size: 0.8em;*/
	/*float: left;*/
	/*padding-top: 1em;
	padding-right: 0;
	padding-bottom: 1em;*/
	/*margin-top: 5em;*/
	/*margin-bottom: 0.5em;*/
	}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	color: #3e647e;
	font-size: 0.7em;
	padding-top: 0.5em;
	padding-right: 0.2em;
	padding-bottom: 0.5em;
	padding-left: 1.5em;
	margin-left: 0.5em;
	margin-bottom: 0.5em;
	background-image:url(/Earth-Sciences/Resources/Graphics/Home-Bullets/accordion.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration: none;
	/*cursor:hand;*/
	cursor:pointer;
	font-weight: normal;
	display: block;
	clear: both;
}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
	background-image:url(/Earth-Sciences/Resources/Graphics/Home-Bullets/accordion_open.gif);
	background-repeat: no-repeat;
	background-position: left center;
	/*text-decoration:underline;*/
	text-transform: none;
	background-color: #3e647e;/*background-image: url(titlebar-active.png);*/
	color: #E3E3E3;
	font-weight: bold;
}
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
	list-style-type: none;
	margin-left: 1em;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1em;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;	
}
.arrowlistmenu ul li{
	font-size: 0.7em;
	border: 1px none #000000;
	margin: 0em;
}
.arrowlistmenu a{
	color: #3e647e;
	background-image:url(/Resources/Graphics/Home-Bullets/visitors-guide.gif);
	background-repeat: no-repeat;
	background-position: left 40%;
	text-decoration: none;
	padding-left:20px;
	
}
.arrowlistmenu ul li a:visited{
	color: #3e647e;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #3e647e;
background-color: #F3F3F3;
}
.HomePageHeader {
	font-size: 1.2em;
	color: #3e647e;
	padding-bottom: 1em;
	font-weight: bold;
}
.ResSubThemeImage {
	margin: 1em;
}

.TP_Last_updated {visibility:hidden}