/*COMBINED ADDITIONS tested in Firefox, IE6 & Opera (Safari yet to test)*/
	/*@import '/sn/css/universal.css';*/
	/*fix font resizing in IE6*/
	
	
	html, thead, tbody, tfoot {
		font-size: 100%;
	}
	
	/*bring default font-size down*/
	body 		{ font-size : 75%; }
	td, th		{ font-size : 75%; }
	
	/*parts from the browser specific css files were brought over when needed when browsing
	  through sn, comments show which page was being viewed when 'fixes' were copied over*/
	/*changes visible in /sn/ */
		ul.topicarrow {
			font-size: 93%;
		}
		
		#scinatglobalfooter a, #scinatglobalfooter a:hover, #scinatglobalfooter span {
			font-size: 80%;
		}
		
		.navcontainer a {
			font-size: 93%;
		}
	/*changes visible in /nature/animals/ */
		div.scinatlocalcrumb {
			font-size: 78%;
		}
		.leftnavheader, .leftnavheader p {
			font-size: 80%;
		}
		.topictext {
			font-size: 92%;
		}
		#lhncontainer span {
			display: block;
		}
	/*changes visible in /nature/animals/birds/ */
		ul {
			padding: 0;
		}
	/* skipped the rest of animals - needs checking */
	/*changes visible in /sn/prehistoric_life */
		div.rhndeschome {
			width: 216px;
		}
/*END*/

/* GLOBAL */

.homepagebanner {
	font-size: 60%;
}

body, td
{
font-family: verdana, Geneva, arial, helvetica, sans-serif;
}

#scinatglobalfooter a, #scinatglobalfooter a:hover, #scinatglobalfooter span
	{
	font-weight: normal;
	font-family: arial, helvetica, sans-serif;
	text-decoration: underline;
	text-align: center;
	}
	

.frontTopLeftTD {font-size: 0.6em; color: #999999;}

/* START of banner navigation rules */

/* Converted CSS to fit table-based nav */

	/* -- Normal State Global Nav Tab -- */
	.navcontainer a
	{
	font-weight: bold;
	border-right: 1px solid #ffffff;
	display: block;
	padding: 4px 7px 2px 7px;
	width: auto;
	voice-family:inherit;
	margin: 0;
	color: #ffffff;
	text-decoration: none;

	}
	
	/* -- Rollover State Global Nav Tab -- */
	.navcontainer a:hover
	{
	font-weight: bold;
	border-right: 1px solid #ffffff;
	display: block;
	padding: 4px 7px 2px 7px;
	width: auto;
	voice-family:inherit;
	margin: 0;
	color: #000000;
	text-decoration: none;
	}

/* End of converted CSS to fot table-based nav */

.navcontainer
{
font-family : Arial, Helvetica, sans-serif;

}

.navcontainer a, .navcontainer a:hover
{
text-decoration: none;
text-align: center;
}

.sciNatGlobalNav
{
font-size: 60%;
/* font-size: xx-small; */
}


	/* this adds the left-hand pipe to the first item in the global nav */
	a.firstGlobalNavItem
	{
	/* border-left: 1px solid #000000; */
	}
/* END of banner navigation rules */

/* START of LHN navigation rules */



#lhncontainer span
{

font-family : Arial, Helvetica, sans-serif;
/*
width: auto;
*/
}

	/* START of rules for level 2 nav elements */
	#lhncontainer a
	{
	padding-left: 8px;
	padding-bottom: 0px;
	text-decoration: none;
	/* width: 100%; */
	display: block;
	}


	#lhncontainer a:hover
	{
	padding-left: 8px;
	padding-bottom: 0px;
	text-decoration: none;
	/* width: 100%; */
	display: block;
	}

	/* END of rules for level 2 nav elements */
	
	/* START of rules for level 3 nav elements */
	
	#lhnlevel3container
	{
	/* This rule is null for all browsers apart from NS7.
	For NS7 it provides padding-left spacing for the div around level 3 items.
	See scinat_nav.win.nav6up.css  */
	font-family : Arial, Helvetica, sans-serif;
	}
	
	
	#lhnlevel3container span
	{
	/* font-family : Arial, Helvetica, sans-serif; */
	}
	
	#lhnlevel3container a
	{
	padding-left: 16px;
	margin-left: 0px;
	text-decoration: none;
	/* changed 100% to auto to overcome Safari issue */
	/* removed 26th July to overcome Mozilla overflow issues */
	/* width: 100%; */
	display: block;
	}
	
	#lhnlevel3container a:hover
	{
	padding-left: 16px;
	margin-left: 0px;
	text-decoration: none;
	/* changed 100% to auto to overcome Safari issue */
	/* removed 26th July to overcome Mozilla overflow issues */
	/* width: 100%; */
	display: block;
	}

	#lhncontainer a.level3
	{
	padding-left: 16px;
	text-decoration: none;
	}
	
	#lhncontainer a.level3:hover
	{
	padding-left: 16px;
	text-decoration: none;
	}

	/* END of rules for level 3 nav elements */
	
	/* START of rules for level 4 nav elements */
	
	#lhnlevel4container
	{
	/* This rule is null for all browsers apart from NS7.
	For NS7 it provides padding-left spacing for the div around level 4 items.
	See scinat_nav.win.nav6up.css  */
	}
	
	#lhnlevel4container span
	{
	font-family : Arial, Helvetica, sans-serif;
	}
	
	#lhnlevel4container a
	{
	padding-left: 24px;
	text-decoration: none;
	/* width: 100%; */
	display: block;
	}
	
	#lhnlevel4container a:hover
	{
	padding-left: 24px;
	text-decoration: none;
	/* width: 100%; */
	display: block;
	}

	#lhncontainer a.level4
	{
	padding-left: 24px;
	text-decoration: none;
	}
	
	#lhncontainer a.level4:hover
	{
	padding-left: 24px;
	text-decoration: none;
	}

	/* END of rules for level 4 nav elements */

/* END of LHN navigation rules */

/* START of rules for crumbtrail */
	/* PLEASE UPDATE SIZES */
	
#scinatcrumb
{
font-size: 90%;
padding-left: 10px;
padding-top: 7px;
padding-bottom: 5px;
border: 0px solid #000000;
display: block;
}
	
#scinatcrumb span
{
padding-left: 10px;
padding-top: 7px;
padding-bottom: 5px;
}

#scinatcrumb a
{
text-decoration: underline;
}
/* END of rules for crumbtrail */

/* START of rules for related links footer */
#scinatfooter
{

border: 0px solid #000000;
text-align: left;
}

#scinatfooter th, #scinatfooter td
{
padding-left: 10px;
padding-top: 7px;
padding-bottom: 5px;
}

#scinatfooter a
{
text-decoration: underline;
}

table #scinatfooter 
{
/* border: 0px solid #999999; */
width: 100%;
margin-left: 10px;
margin-top: 10px;
/* display: block; */
}
/* END of rules for related links footer */

.scinatarticlepara font
{
font-size: 100%;
}

.smallpromoheader {
font-family: Verdana, Geneva, arial, helvetica, sans-serif;
margin: 2px 0 5px 0;
font-weight: bold;
}

.smallpromoheader a {
font-family: Verdana, Geneva, arial, helvetica, sans-serif;
text-decoration: none;
text-decoration: underline;
}

.smallpromoheader a:visited {
font-family: Verdana, Geneva, arial, helvetica, sans-serif;
text-decoration: underline;
}

.smallpromoheader a:hover {
font-family: Verdana, Geneva, arial, helvetica, sans-serif;
text-decoration: underline;
}

.smallpromo {
font-family: Verdana, Geneva, arial, helvetica, sans-serif;
padding: 0px 0px 0px 0px;
margin-top: 0px;
}

.smallpromo a {
text-decoration: underline;
font-weight: bold;
}

.smallpromo a:visited {
text-decoration: underline;
font-weight: bold;
}

.smallpromo a:hover {
text-decoration: underline;
font-weight: bold;
}
/* -- set of promos for user testing delete if not used -- */
.smallpromo2 {
font-family: Verdana, Geneva, arial, helvetica, sans-serif;
padding: 0px 0px 0px 0px;
margin-top: 0px;
}

.smallpromo2 a {
text-decoration: underline;
font-weight: bold;
}

.smallpromo2 a:visited {
text-decoration: underline;
font-weight: bold;
}

.smallpromo2 a:hover {
text-decoration: underline;
font-weight: bold;
}
/* -- END set of promos for user testing delete if not used -- */

.smallpromopic {
font-family: Verdana, Geneva, arial, helvetica, sans-serif;
font-size: 70%;
padding: 2px 5px 5px 5px;
margin-top: 0px;
}

.smallpromopic a {
text-decoration: underline;
font-weight: bold;
}

.smallpromopic a:visited {
text-decoration: underline;
font-weight: bold;
}

.smallpromopic a:hover {
text-decoration: underline;
font-weight: bold;
}

.bigpromotitle, .bigpromotitle a {
font-family: Verdana, Geneva, arial, helvetica, sans-serif;
font-weight: bold;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
}

.bigpromo {
font-family: Verdana, Geneva, arial, helvetica, sans-serif;
padding: 5px 0px 0px 5px;
margin-top: 5px;
}

.bigpromo a {
font-family: Verdana, Geneva, arial, helvetica, sans-serif;
font-weight: bold;
text-decoration: underline;
}

.bigpromo a:hover {
text-decoration: underline;
}

.bigpromolink a {
font-family: Verdana, Geneva, arial, helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
}

.bigpromolink a:hover {
text-decoration: underline;
}

.artheader, .artheader p {
font-family: Verdana, Geneva, arial, helvetica, sans-serif;
font-size: 80%;
font-weight: bold;
}

.arttext {
font-family: Verdana, Geneva, arial, helvetica, sans-serif;
font-size: 80%;
}

.arttext a {
text-decoration: underline;
font-weight: bold;
}

.arttext a:visited {
text-decoration: underline;
}

.leftnavheader, .leftnavheader p
{
font-family: ariel, verdana, sans-serif;
font-weight: bold;
margin-top: 5px;
padding-top: 5px;
padding-left: 8px;
}

.scinatlocalcrumb
{
font-family: verdana, ariel, sans-serif;
font-weight: bold;
margin-bottom: 5px;
}

.leftnavheader a
{
text-decoration: none;
}
.leftnavheader a:hover
{
text-decoration: underline;
}

.textpromoheader {
font-family: arial, verdana, sans-serif;
font-weight: bold;
margin-bottom: 0px;
}

.textpromoheader a {
text-decoration: underline;
}

.textpromoheader a:visited {
text-decoration: underline;
}

.textpromoheader a:hover {
text-decoration: underline;
}

.textpromo {
font-family: Verdana, Geneva, arial, helvetica, sans-serif;
padding: 0px 0px 0px 0px;
margin-top: 0px;
font-weight: normal;
}

.topicheader, .topicheader p {
font-family: Verdana, Geneva, arial, helvetica, sans-serif;
font-weight: bold;
}

.topicheader a {
text-decoration: none;
}

.topicheader a:hover {
text-decoration: underline;
}

.topictext {
font-family: Verdana, Geneva, arial, helvetica, sans-serif;
}

.topictext a {
text-decoration: none;
font-weight: normal;
}

.topictext a:visited {
text-decoration: none;
}

.topictext a:hover {
text-decoration: underline;
}

ul.topicarrow a b {
text-decoration: underline;
}

/* headers and straplines */
.pagetitle {
font-family: Verdana, Geneva, arial, helvetica, sans-serif;
font-weight: bold;
}

/* headers and straplines */
.homepagetitle {
font-family: Verdana, Geneva, arial, helvetica, sans-serif;
font-weight: bold;
margin-left: 10px;
}

.strapline {
font-family: Verdana, Geneva, arial, helvetica, sans-serif;
}

.topicarrowtext {
font-family: Verdana, Geneva, arial, helvetica, sans-serif;
margin: 0px 0px 0px -6px;
padding: 0px 0px 0px 8px;
}

.topicarrowtext a, .topicarrowtext a:visited {
text-decoration: none;
}

.topicarrowtext a:hover {
text-decoration: underline;
}

.topicarrow, .topicarrow ul {
font-family: Verdana, Geneva, arial, helvetica, sans-serif;
margin: 0px 0px 0px 8px;
padding: 0px 0px 0px 8px;
}

.topicarrow a, .topicarrow a:visited {
font-family: Verdana, Geneva, arial, helvetica, sans-serif;
text-decoration: none;
}


.topicarrow a:hover {
text-decoration: underline;
}


.topicarrowspacetext {
font-family: Verdana, Geneva, arial, helvetica, sans-serif;
margin: 0px 0px 0px -6px;
padding: 0px 0px 0px 8px;
}

.topicarrowspacetext a, .topicarrowspacetext a:visited {
text-decoration: none;
}

.topicarrowspacetext a:hover {
text-decoration: underline;
}

.topicarrowspace, .topicarrowspace ul {
font-family: Verdana, Geneva, arial, helvetica, sans-serif;
margin: 0px 0px 0px 8px;
padding: 0px 0px 0px 8px;
}

.topicarrowspace a, .topicarrowspace a:visited {
font-family: Verdana, Geneva, arial, helvetica, sans-serif;
text-decoration: none;
}


.topicarrowspace a:hover {
text-decoration: underline;
}


.underline, .underline a, .underline a:visited {
text-decoration: underline;
}

.underline a:hover {
text-decoration: none;
}

.contentlist, .contentlist ul {
	font-size: 110%;
}

.contenttext a {
	text-decoration: none;
}
.contenttext a:hover {
	text-decoration: underline;
}
.contenttext a:visited {
	text-decoration: none;
}
.contenttext a:visited:hover {
	text-decoration: underline;
}

.promoarrow a, .promoarrow ul {
	font-size: 80%;
	font-weight: normal;
	text-decoration: underline;
}

/* homepage titles class */
.hptitles {
	font-size: 80%;
	font-weight: bold;
	font-family: Verdana, Geneva, arial, helvetica, sans-serif;
	padding-left: 7px;
}

/* Start Prehistoric Life classes */

BODY {
	background-position: left;
}
BODY.popup {
	margin: 0;
	padding: 0;
}
.popupimage img {
	margin: 4px;
}

.toptabs {
	background-position: left;
	font-weight: bold;
}

/* Start related links classes */
DIV.relatedlinks {
	padding: 5px 5px 5px 5px;
	font-size: 90%;
}
DIV.relatedlinksindex {
	padding: 5px 5px 5px 5px;
	font-size: 90%;
}
DIV.relatedlinks1 {
	border-width: 1px;
	border-style: solid;
	padding: 0px 4px 0px 4px;
	font-size: 90%;
}
DIV.relatedlinks1 a {
	font-weight: bold;
	text-decoration: none;
}
DIV.relatedlinks1home {
	border-width: 1px;
	border-style: solid;
	padding: 0px 4px 0px 4px;
	margin: 0px;
	font-size: 90%;
}
DIV.relatedlinks1home a {
	font-weight: bold;
	text-decoration: none;
}
DIV.relatedlinks2 {
	border-width: 1px;
	border-style: solid;
	padding: 0px 4px 0px 4px;
	font-size: 90%;
}
DIV.relatedlinks2 a {
	font-weight: bold;
	text-decoration: none;
}
DIV.relatedlinks3 {
	border-width: 1px;
	border-style: solid;
	padding: 0px 4px 0px 4px;
	font-size: 90%;
}
DIV.relatedlinks3 a {
	font-weight: bold;
	text-decoration: none;
}
DIV.relatedlinks4 {
	border-width: 1px;
	border-style: solid;
	padding: 0px 4px 0px 4px;
	font-size: 90%;
}
DIV.relatedlinks4 a {
	font-weight: bold;
	text-decoration: none;
}

a.related:link {
	text-decoration: underline;
	font-weight: bold;
}
a.related:visited {
	text-decoration: underline;
	font-weight: bold;
}
a.related:active {
	text-decoration: underline;
	font-weight: bold;
}
a.related {
	text-decoration: underline;
	font-weight: bold;
}
a.related:hover {
	text-decoration: underline;
	font-weight: bold;
}

a.further:link {
	text-decoration: underline;
	font-weight: bold;
}
a.further:visited {
	text-decoration: underline;
	font-weight: bold;
}
a.further:active {
	text-decoration: underline;
	font-weight: bold;
}
a.further {
	text-decoration: underline;
	font-weight: bold;
}
a.further:hover {
	text-decoration: underline;
	font-weight: bold;
}
/* End related links classes */

.rhn {

}
.rhntop {
	
}
DIV.rhnblock {
	margin-top: 8px;
	border-width: 2px;
	border-style: solid;
	width: 154px;
}
.rhntitle {
	margin-top: 6px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 100%;
}
.rhntitleindex {
	margin: 0 0 0 0;
	font-size: 100%;
}
.rhndesc {
	margin: 0 0 0 6px;
	width: 134px;
	clear: both;
	padding: 4px 4px 10px 0;
}

DIV.bullet img {
	float: left;
	margin: 4px 3px 0 0;
}
DIV.bullet DIV {
	float: left;
	width: 132px;
}
DIV.bullet {
	width: 144px;
	margin: 0px 0 0 0;
	clear: both;
}
/* Start homepage rhn */
DIV.rhnblockhome {
	margin-top: 8px;
	border-width: 1px;
	border-style: solid;
	width: 241px;
}
DIV.rhnblocktop {
	margin-top: 8px;
	border-width: 1px;
	border-style: solid;
	width: 241px;
}
.bullethomegif {
	float: left;
	margin: 4px 6px 0 0px;
}
DIV.bullethome {
	width: 232px;
	margin: 0 0 17px 1px;
}
.rhndeschome {
	/*width: 216px;*/
	width: 232px;
	padding: 0 0 0 0;
}
.rhnimghome {
	margin: 0 0 0 9px;
}

.rhnheading {
	margin-bottom: 5px;
}
.rhntext {
	font-size: 70%;
	font-weight: normal;
}
.rhnimg {
	float: right;
	border : 1px solid #E6E5E5;
	margin-left: 9px;
}
/* End homepage rhn*/

/* Start homepage related links */

DIV.bulletindex {
	width: 232px;
	margin: 0 0 0 1px;
}
.rhndescindex {
	margin: 0 0 0 10px;
	width: 217px;
	clear: both;
	padding: 4px 4px 10px 0;
}
.rhntitlehome {
	margin: 6px 0 10px 6px;
	font-weight: bold;
}

/* End homepage related links */

TABLE.maincont {

}
.gutter {

}
TD.toptabs {

}
.bannerright {

}
.teaser {

}
.teaser a {
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
}
.teasertext a {
	font-weight: bold;
	text-decoration: none;
}
IMG.back {
	margin: 3px 5px 2px 5px;
}
IMG.next {
	margin: 3px 5px 2px 5px;
}
TD.nextleft {

}
TD.nextright {

}
 
TD.summary img {
	border-top-width: 2px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-right-width: 5px;
	border-style: solid;
}
TD.shadowleft {

}
TD.shadowright {

}
TD.topfrill {
	background-position: bottom;
	background-repeat: no-repeat;
}
TD.topfrill2 {
	background-position: bottom;
	background-repeat: no-repeat;
}
TD.topfrillhome {
	background-position: bottom;
	background-repeat: no-repeat;
}
TD.imgleft {

}
TD.imgright {

}
TD.imgtop {

}
TD.imgbott {

}
TD.imgbox {
	padding: 5px 5px 4px 5px;
}
TD.imgbox img {
	/*margin-top: 5px;*/
}
.shortdesc {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 90%;
}
H1 {
	font-size: 180%;
	margin: 0 0 0 10px;
}
H1.popup {
	font-size: 120%;
	float:right;
	margin:0px 1px 0 0;
	padding-top: 7px;
}
img.popup {
	float:left;
	margin:3px 0 16px 1px;
}
H2 {
	font-size: 120%;
}
LI {
	clear: both;
}
UL {
	margin-left: 22px;
}
.crumbtrail {
	margin-top: 11px;
	margin-bottom: 5px;
	margin-left: 13px;
}
a.ph {
	font-weight: bold;
}

a.ph:link {
	text-decoration: underline;
}
a.ph:visited {
	text-decoration: underline;
}
a.ph:active {
	text-decoration: underline;
}
a.ph:hover {
	text-decoration: underline;
}
.furthertitle {
	padding-left: 7px;
}
IMG.closebutt {
	margin-top: 7px;
	margin-bottom: 6px;
	float: right;
}
.furtherlinks {
	padding: 13px 13px 0 0;
}
.inlinequote {
	float: right;
	margin: 15px 0 15px 15px;
}
.quotecaption {
	padding: 8px 6px 6px 6px;
}
.blockquote {
	
}
.quotetext {
	padding: 8px;
	font-weight: bold;
	font-size: 90%;
}
.quotesource {
	padding: 2px 8px 11px 8px;
	font-weight: bold;
}
.quotestart {
	margin-right: 8px;
}
.quoteend {
	margin-left: 8px;
}
.highlights {
	padding: 2px;
	border-style: solid;
	border-width: 1px;
	font-weight: bold
}
.highlight {
	padding: 2px;
}
DIV.contents {
	padding: 5px 0 5px 5px;
	margin: 0 0 0 0;
	font-weight: bold;
	font-size: 90%;
}
P.launcher1 {
	margin-top: 1px;
}
.monsters img {
	margin-top: 10px;
	margin-bottom: 10px;
}
.disclaimer {
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 90%;
}
.captiontext {
	padding: 8px 6px 6px 6px;
}

/* End Prehistoric Life classes */

/* Start Climate Change classes */

.copycont TD {
	padding-bottom: 0px;
}

/* End Climate Change classes */