/***************** Layout *****************/
body{
	margin:0;
	padding:8px 0 0;
	background:  #003ebf url(../images/bg_body.png) repeat-x left top;
	font-family: Tahoma, Arial, Helvetica, "sans serif";
	color: #333;
	font-size: 1em;
}

.page {
	margin:0 auto;
	width:971px;
}
	.header{
		height: 160px;
	}
	.main {
		background: transparent url("../images/detail_middle.png") repeat-y left top;
		margin-top:10px;
		width:971px;
	}
	.homePage .main { background-image: url("../images/home_middle.png"); }
	.standard .main { background-image:url("../images/standard_middle.png"); }
	.noleft .main { background-image:url("../images/standard_middle.png"); }
		.mainTop {
			background: transparent url("../images/detail_top.png") no-repeat left top;
			height: 370px;
		}
		.homePage .mainTop { background-image: url("../images/home_top.png"); }
		.standard .mainTop { background-image: url("../images/standard_top.png"); }
		.noleft .mainTop { background-image: url("../images/standard_top.png"); }
		.mainBottom {
			clear:both;
			background: transparent url("../images/detail_bottom.png") no-repeat left bottom;
			height: 90px;
		}
		.homePage .mainBottom { background-image: url("../images/home_bottom.png"); }
		.standard .mainBottom { background-image: url("../images/standard_bottom.png"); }
		.noleft .mainBottom { background-image: url("../images/standard_bottom.png"); }
		.mainInnerWrap {
			position:relative;
			margin:-370px 0 -90px;
			min-height:400px;
		}
			.leftcol{
				float:left;
				padding-left:5px;
				padding-bottom: 15px;
				width:315px;
			}
			.rightcol  {
				padding-top:39px;
			}
			.noleft .leftcol {
				float:none;
				padding:39px 45px 0;
			}
			.noleft .rightcol {
				float:none;
				padding: 0;
			}
	.detail .pagecontent {
		float:left;
		padding:0 0 70px 40px;
		width:578px;
	}
	.noleft .pagecontent{ padding:0 45px 70px; }
	.footer {
		margin-bottom:-156px;
		color:#FFFFFF;
		font-size:0.813em;
		width:971px;
		padding:8px 0;
	}
	.detail .pagecontent a {
		word-wrap:break-word;
	}


/**************** Header Search/Login Forms  *****************/

.header #searchform {
	/*position: relative;*/
	float:right;
	margin: -121px 20px 0 0;
	background: transparent url("../images/search.png") no-repeat right top;
	height: 121px;
	width: 538px;
}
		.header #searchform label { display:none; }
		.header #searchform #q,
		#loginForm #username,
		#loginForm #password {
			background-color: transparent;
			font: bold 1.88em/1em Tahoma, Arial, sans-serif;
			margin:65px 0 0 25px;
			width:400px;
			border: 0 none;
			color: #cccccc;
		}
		.header #searchform .button{
			border:0 none;
			height:64px;
			margin-top:52px;
			vertical-align:top;
			width:74px;
			cursor: pointer;
			text-align:right;
			font-size:0;
			color:#36629D;
			background:transparent;
		}
.header #loginForm {
	position: relative;
	float: right;
	margin: -111px 0 0 0;
	background: transparent url("../images/login.png") no-repeat right top;
	height: 74px;
	width: 613px;
}
		#loginForm .row label {
			position: relative;
			margin: -25px 0 0 15px;
			display: block;
			font-size: 20px;
			color: #24a249;
			font-weight: bold;
		}
	#loginForm span.username,
	#loginForm span.password {
		width: 245px;
		display: block;
		float: left;
	}
		#loginForm #username {
			margin:20px 0 0 18px;
			width:220px;
		}
		#loginForm #password {
			margin:20px 0 0 20px;
			width:220px;
		}
		#loginForm .submit #formSubmit {
			border:0 none;
			height:74px;
			margin:0 0 0 13px;
			width:107px;
			cursor: pointer;
			text-align:right;
			font-size:0;
			color:#36629D;
			background-color: transparent;
		}

/***************** All The Rest *****************/

.header_contact_us {
	display:none;
	}

#photocol {
	display:none;
	}


ul{
	list-style:none outside none;
	margin:0;
	padding:0;
}

a{
	color: #498c02;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

img{
	border: 0;
}

.left{
	float: left;
}

.right{
	float: right;
}


.searchbar {
	float:right;
}
	.searchbar .left,
	.searchbar .mid {
		display:none;
	}

.logo1 {
	/*float:left;*/
	margin-left:17px;
	margin-top:50px;
}

.tools {
	float:left;
	margin-top:6px;
	width:70px;
}


.clear{
	clear: both;
	height:0;
	overflow:hidden;
}

form{
	margin: 0;
	padding: 0;
}

.header .tools {
	width: auto;
	margin: 1px 5px 0 0;
}
	.header .tools .inner li {
		float:left;
		margin-right:10px;
		/*color: #E0F2FF;*/

	}
		.header .tools .inner a#\_login { display:none; }
		.header .tools .inner a{
			color:#333;
			text-decoration:none;
			font-size:0.88em;
			margin-top:-3px;

		}
		.header .tools .inner a:hover{
			text-decoration: underline;
		}

.logo2 {
	float:right;
	margin-right:19px;
	margin-top:-3px;
	width:173px;
}



.nav{
	margin-left: 92px;
	margin-top:20px;
	list-style-position:outside;
}

.nav li{
	font-size:1.21em;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
	height: 68px;
}

.nav li a{
	color:#663300;
	text-decoration: none;
}
.nav li a:hover{
	text-decoration: none;
}

.nav li a:hover{
	color:#CC6600;
}

.nav li div{
	position:absolute;
	vertical-align: top;
	margin-left: -6px;
	width:210px;
}

#category_menu_1 div{margin-top:21px;}

/*
border:1px solid #000000;
	display:block;
	width:210px;
	height:45px;
	padding:25px 0 0 90px;
	margin:-25px 0 0 -90px;
*/

.leftnav li.Animals a {
	display:block;
	width:210px;
	height:45px;
	padding:25px 0 0 90px;
	margin:-25px 0 0 -90px;
}
.leftnav li.Animals {list-style-image:url("../images/home/One.png");}
.leftnav li.Animals:hover{ list-style-image:url("../images/home/Ones.png"); }
.leftnav li.Animals div{margin-top:21px;}

.leftnav li.Classification a {
	display:block;
	width:210px;
	height:45px;
	padding:25px 0 0 90px;
	margin:-25px 0 0 -90px;
}
.leftnav li.Classification {list-style-image:url("../images/home/Two.png");}
.leftnav li.Classification:hover{ list-style-image:url("../images/home/Twos.png"); }
.leftnav li.Classification div{ margin-top:24px; }

.leftnav li.EndangeredandExtinctSpecies a {
	display:block;
	width:210px;
	height:55px;
	padding:15px 0 0 90px;
	margin:-15px 0 0 -90px;
}
.leftnav li.EndangeredandExtinctSpecies {list-style-image:url("../images/home/Three.png");}
.leftnav li.EndangeredandExtinctSpecies:hover{ list-style-image:url("../images/home/Threes.png"); }
.leftnav li.EndangeredandExtinctSpecies div{ margin-top:13px; }

/* Rosen needs to supply a new image*/
.leftnav li.ExperimentsandActivities a {
border:1px solid #000000;
	display:block;
	width:210px;
	height:45px;
	padding:25px 0 0 90px;
	margin:-25px 0 0 -90px;
}
.leftnav li.ExperimentsandActivities {list-style-image:url("../images/home/Three.png");}
.leftnav li.ExperimentsandActivities:hover{ list-style-image:url("../images/home/Threes.png"); }
.leftnav li.ExperimentsandActivities div{ margin-top:13px; }

.leftnav li.FoodChainsandFoodWebs a {
	display:block;
	width:210px;
	height:55px;
	padding:15px 0 0 90px;
	margin:-15px 0 0 -90px;
}
.leftnav li.FoodChainsandFoodWebs {	list-style-image:url("../images/home/Four.png");}
.leftnav li.FoodChainsandFoodWebs:hover{ list-style-image:url("../images/home/Fours.png"); }
.leftnav li.FoodChainsandFoodWebs div{ margin-top:11px; }

.leftnav li.HabitatsandEcosystems a {
	display:block;
	width:210px;
	height:55px;
	padding:15px 0 0 90px;
	margin:-15px 0 0 -90px;
}
.leftnav li.HabitatsandEcosystems {	list-style-image:url("../images/home/Five.png");}
.leftnav li.HabitatsandEcosystems:hover{ list-style-image:url("../images/home/Fives.png"); }
.leftnav li.HabitatsandEcosystems div{ margin-top:13px; }

.leftnav li.HumanBody a {
	display:block;
	width:210px;
	height:45px;
	padding:25px 0 0 90px;
	margin:-25px 0 0 -90px;
}
.leftnav li.HumanBody {	list-style-image:url("../images/home/Six.png");}
.leftnav li.HumanBody:hover{ list-style-image:url("../images/home/Sixs.png"); }
.leftnav li.HumanBody div{ margin-top:24px; }

.leftnav li.LifeCycles a {
	display:block;
	width:210px;
	height:45px;
	padding:25px 0 0 90px;
	margin:-25px 0 0 -90px;
}
.leftnav li.LifeCycles { list-style-image:url("../images/home/Seven.png");}
.leftnav li.LifeCycles:hover{ list-style-image:url("../images/home/Sevens.png"); }
.leftnav li.LifeCycles div{ margin-top:24px; }

.leftnav li.GreenLiving a {
	display:block;
	width:210px;
	height:45px;
	padding:25px 0 0 90px;
	margin:-25px 0 0 -90px;
}
.leftnav li.GreenLiving { list-style-image:url("../images/home/Eight.png");}
.leftnav li.GreenLiving:hover{ list-style-image:url("../images/home/Eights.png"); }
.leftnav li.GreenLiving div{ margin-top:21px; }

.leftnav li.Plants a {
	display:block;
	width:210px;
	height:45px;
	padding:25px 0 0 90px;
	margin:-25px 0 0 -90px;
}
.leftnav li.Plants { list-style-image:url("../images/home/Nine.png");}
.leftnav li.Plants:hover{ list-style-image:url("../images/home/Nines.png"); }
.leftnav li.Plants div{ margin-top:22px; }

.leftnav li.SurvivalandAdaptation a {
	display:block;
	width:210px;
	height:55px;
	padding:15px 0 0 90px;
	margin:-15px 0 0 -90px;
}
.leftnav li.SurvivalandAdaptation {	list-style-image:url("../images/home/Ten.png");}
.leftnav li.SurvivalandAdaptation:hover{ list-style-image:url("../images/home/Tens.png"); }
.leftnav li.SurvivalandAdaptation div{ margin-top:8px; }

/*Don't do what I do, hack for Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0){
	#menuOne div{margin-top: -50px;}
	#menuTwo div{margin-top: -50px;}
	#menuThree div{margin-top: -60px;}
	#menuFour div{margin-top: -60px;}
	#menuFive div{margin-top: -60px;}
	#menuSix div{margin-top: -50px;}
	#menuSeven div{margin-top: -50px;}
	#menuEight div{margin-top: -50px;}
	#menuNine div{margin-top: -50px;}
	#menuTen div{margin-top: -60px;}
}

.hotlines,
.menuFoot {
	margin:92px 0 0 14px;
	width:283px;
}
	.hotlines img,
	.menuFoot img {
		margin-bottom:8px;
		margin-top:3px;
	}

.homePage .pagecontent {
	float:left;
	/* height:987px;
Commenting out for now to allow homepage to grow according to the content that is presented */
	margin-top:-33px;
	padding-left:20px;
	padding-top:20px;
	width:610px;
}

.homePage .footer{
	clear:both;
}

.topContent{
	background-image: url(../images/takeacloserlook.png);
	background-repeat: no-repeat;
	width: 612px;
	height: 352px;
	margin: 0 auto;
}
	.topSectionTitle {
		color:#7E012B;
		font-family:Georgia;
		font-size:2.38em;
		padding-left:22px;
		padding-top:22px;
		margin:0;
		font-weight:normal;
	}
	.video {
		float:left;
		margin-left:21px;
		margin-top:5px;
		width: 394px;
	}
	.videoDescription {
		float:right;
		height:262px;
		line-height:1.39em;
		margin-right:18px;
		margin-top:0px;
		width:172px;
	}
		.videoDescription h3 {
			color:#033D8C;
			font-family: tahoma;
			font-size:1.31em;
			font-weight:bold;
			width:150px;
		}
		.videoDescription p {
			margin-top: 5px;
		}
		.videoDescription .learnMore a {
			display:block;
			width:137px;
			height:32px;
			background: transparent url(../images/learnMore.png) no-repeat left top;
		}
			.videoDescription .learnMore span {
				position:absolute;
				left:-999em;
			}

.closerLookNumbers {
	font-size:0.88em;
	margin-left:-1px;
	margin-top:18px;
}

.s1 a{
	background-color: #FFF;
}

.s1Div{
	width: 85px;
	font-weight: bold;
}

.s1Div .sel{
	color: #666;
}

.s1Div div{
	width: 17px;
	float: left;
	text-align: center;
}



.homePage .mainContent {
	background-image:url("../images/checkItOut.png");
	height:232px;
	margin:19px auto 0;
	width:612px;
}

.checkItOutContent {
	margin-left:21px;
}

.checkItOutTitle {
	color:#7E012B;
	font-family:Georgia;
	font-size:2.38em;
	padding-top:18px;
	font-weight:normal;
}

.checkItOutDescription  {
	color:#333333;
	line-height:1.42em;
	margin-top:6px;
}

.pointer{
	cursor: pointer;
}

.learnMore {
	margin-top:8px;
}

.learnMore2 {
	margin-top:4px;
}



/* Games */
.games{
	width:295px;
	height: 250px;
	background-image: url(../images/games.png);
	float: left;
	margin-top: 20px;
}

.gamesTitle {
	color:#FFFFFF;
	font-family:Georgia;
	font-size:1.75em;
	margin-left:19px;
	margin-top:17px;
}

.gamesImage  {
	height:174px;
	margin:10px auto 0;
	width:264px;
}

/* Brain Teasers */

.brainTeasers{
	width:295px;
	height: 253px;
	background-image: url(../images/brainTeasers.png);
	float: right;
	margin-top: 18px;
}

.brainTeasers div{
	margin-left:13px;
}

.brainTeasers form{
	margin: 0;
	padding: 0;
}

.brainTeasers div div {
	color:#FFFFFF;
	margin-left:0;
	margin-top:1.5px;
}

.brainTeasers a{
	color: #FFF;
	text-decoration: none;
}

.brainTeasersTitle{
	color:#FFFFFF;
	font-family:Georgia;
	font-size:1.75em;
	margin-top:18px;
	padding-left: 6px;
}

.brainTeasersTxt  {
	color:#FFFFFF;
	font-size:1em;
	font-weight:bold;
	margin-top:8px;
	padding-left: 7px;
}

.brainTeasersSurvey{
	margin-top: 8px;
}

.getAnswer {
	margin-left:4px;
	margin-top:7px;
}

.none{
	display: none;
}

/*********************** Standard *********************/

body.noleft .page .main .mainInnerWrap .rightcol .browseresults,
body.noleft .page .main .mainInnerWrap .rightcol .searchresults {
	padding:40px 45px;
}
.standard .breadcrumbs,
.standard2 .breadcrumbs {
	color:#333333;
	font-family:tahoma;
	font-size:0.88em;
	margin:0;
}


#pagetitle{
	color:#7E012B;
	font-family:Georgia;
	font-size:1.75em;
	font-weight:normal;
	margin-top:12px;
}

.noleft .subnav ul {
	position: relative;
	margin:-1em 0;
}
	.noleft .subnav li {
		display: inline;
	}
		.noleft .subnav a {
			color:#333333;
			font-family:tahoma;
			font-size:0.88em;
		}
		.noleft .subnav a:after { content: " »"; }
		.noleft .subnav li:last-child a:after { content: ""; }

#\_content{
	line-height:1.39em;
	padding-top:6px;
}

#\_content > p{
	line-height:1.39em;
	margin-top:-6px;
}

h2.blue  {
	color:#033D8C;
	font-size:1.31em;
	font-weight:bold;
}

.bold {
	font-weight:bold;
}

.standard .pagecontent{
	padding:40px 45px;
}

.footer table {
	border-collapse:collapse;
}
.footer td {
}

.footer ul {
	float:left;
	margin-left:16px;
}

.hidden{
	visibility: hidden;
}

.footer li:first-child {
	background:transparent none;
	padding:0;
	margin:0;
}

.footer li {
	float:left;
	padding:0 0 0 6px;
	margin-left:7px;
	background:transparent url(../images/footBar.png) no-repeat left center;
}

.footerBar{
	margin: 0px 6px;
	/*vertical-align:sub;*/
}

.footer a{
	color: #FFF;
}

.copyright {
	float:right;
	clear:right;
	margin:0;
	padding:2px 4px 1px 0px;
	font-size:11px;
}

/****************** Results ****************/

h3 {
	font-size:1em;
	margin: 0;
	padding: 0;
}

#\_results{
	line-height:1.41em;
	width:870px;
}

.resultsTxtContainer  {
	border-right:1px solid #CCCCCC;
	float:left;
	line-height:1.47em;
	margin-top:10px;
	width:440px;
}

.resultblock > p{
	margin:0;
	padding:0;
}

.\_resultnumber{
	font-weight:bold;
	color:#333333;
	float:left;
}

.\_resultnumber2{
	vertical-align: top;
	color:#333333;
	font-weight:bold;
}

.\_result{
	font-weight:bold;
}

.highlight{
	background-color:#FEB96B;
	font-weight:bold;
}

.thinBar {
	background-image:url("../images/thinBar.png");
	background-repeat:no-repeat;
	height:1px;
	margin-bottom:7.5px;
	margin-top:11px;
	width:422px;
}

.thickHrzBar {
	background-image:url("../images/thickHrzBar.png");
	background-repeat:no-repeat;
	height:7px;
	margin-top:-7px;
	width:880px;
}

.searchresults > h2{
	margin-bottom:14px;
}

.resultblock{
	width:430px;
}

.resultsImgContainer  {
	float:left;
	margin-left:20px;
	margin-top:10px;
	width:408px;
}

.resultImg{
	vertical-align: top;
	/* height:152px; */
}

.resultImg img{
	/* border:2px solid #498C02; */
	margin-left:4px;
	margin-top:6px;
}

.resultImgDescContainer  {
	vertical-align: bottom;
}

.resultImgDesc {
	font-size:0.88em;
	font-style:italic;
	line-height:1.27em;
	width: 198px;
	margin-top: 3px;
}

.thinBar2 {
	background-image:url("../images/thinBar.png");
	background-repeat:no-repeat;
	height:1px;
	margin-bottom:8px;
	width:422px;
}

.resultsImgContainer .resultblock > h3{
	float:left;
}

.spacer2 {
	height:8px;
}

.resultsPage{
	text-align: center;
	margin-top:7px;
	font-size: 0.88em;
}

/***************** Standard2 *****************/



.leftnav .leftNavTitle {
	background: transparent url(../images/public_home_left_featuring.png) no-repeat left top;
	margin:0 0 0 -5px;
	min-height:65px;
	overflow:hidden;
	padding:0 0 0 5px;
	position:relative;
	width:315px;
}
.leftnav #pagetitle {
	color:#FFFFFF;
	font-size:1.5em;
	font-weight:bold;
	line-height:1.05em;
	margin-left:15px;
	font-family:Tahoma,Arial,Helvetica,"sans serif";
	padding:0 15px 0 0;
}

.standard2 .subnav {
	margin:25px 0 0 0;
}
	.standard2 .subnav ul {
		font-weight:bold;
		margin:0;
		padding:0;
		width:283px;
	}
		.standard2 .subnav li {
			line-height:1em;
			margin-bottom:5px;
		}
			.standard2 .subnav li a {
				display:block;
				padding:3px 0 3px 35px;
				color:#663300;
				text-decoration: none;
				background: transparent url(../images/static2_bullet.gif) no-repeat 16px 5px;
				font-size:1.13em;
			}
			.standard2 .subnav li a:hover {
				background-position:-455px 5px;
				color:white;
			}




.leftnavImgs,
.leftnavImgs2{
	margin: 40px 0 0 14px;
	width:283px;
}

.leftnavImg {
	margin-bottom:8px;
	margin-top:3px;
}

.standard2 .pagecontent {
	float:left;
	padding-left:40px;
	width:578px;
}

.standard2 .footer{
	clear:both;
}

.standard2 #pagetitle{
	margin-top: 16px;
}

.standard2 #\_content {
	line-height:1.39em;
	padding-top:1px;
}

.standard2Banner {
	float:left;
	margin-right:14px;
}

.standard2Text > p{
	margin-top: 10px;
}

.standard2 h2.blue{
	margin-bottom:15px;
	margin-top:18px;
}

.standard2Paragraph{
	line-height: 1.44em;
}

/***************** Detail *****************/

.toolbox {
	overflow:hidden;
	font-size:0.88em;
	font-weight:bold;
	margin-top:25px;
}
.toolbox .print, .toolbox .email {
		display:block;
		float:left;
		color:white;
		padding:0 4px 0 38px;
		margin-left:3px;
		text-decoration:none;
		line-height:2.358em; /*33px*/
	}
	.toolbox a:hover{
		text-decoration: underline;
	}
	.toolbox a#\_print {
		background: transparent url(../images/detailPrint.png) no-repeat left top;
	}
	.toolbox a#\_email {
		background: transparent url(../images/detailEmail.png) no-repeat left top;
	}
	.toolbox a#\_cite {
		background: transparent url(../images/detailCite.png) no-repeat left top;
		padding: 0 0 0 35px;
	}
		.toolbox img {
			margin-top:-4px;
			vertical-align:middle;
		}

.detail #sections li .spacing{
	padding-top: 17px;
}

.detail .subnav{
	margin-left:15px;
	margin-top:30px;
}

.detail .subnav h2 {
	margin: 0px;
	width:243px;
	padding:14px 20px 12px;
	background:#ff7b00 url("../images/detailMenuTop.png") no-repeat left top;
	color:#FFFFFF;
	font-size:1.5em;
	line-height:1em;
}
.detail .subnav ul {
	font-weight:bold;
	margin:0;
	padding:0;
	width:283px;
	padding-bottom: 10px;
	background: #f4ab00 url("../images/detailMenuFoot.png") no-repeat left bottom;
}
.detail #sections {
	padding:0;
	background-image: none;
}
	.detail .subnav li {
		font-weight:bold;
		border-left: 3px solid #ff7c00;
		border-right: 3px solid #ff7c00;
	}
	/*
	.detail .subnav .resources li:first-child a {
		padding-top: 20px;
	}
	*/
		.detail .subnav ul a {
			display:block;
			color:#663300;
			font-size:1.13em;
			line-height:1em;
			text-decoration: none;
			padding:7px 16px;
			border-bottom:1px solid #F5C759;
		}
		.detail .subnav ul a:hover,
		.detail .subnav ul .on{
			background-color: #ff5d00;
			color: white;
		}
		.detail .subnav .resources .last a,
		.detail .subnav .resources li:last-child a {
			border:0;
		}


.detail .related {
	margin:25px 0 0 15px;
	background:transparent url("../images/detailInvestigateTop.png") no-repeat left top;
	overflow:hidden;
}
	.detail .related .content {
	}
		.detail .related h3 {
			width:245px;
			color:#663300;
			font-size:1.35em;
			margin-top:11px;
			border-left: 3px solid #ff7c00;
			border-right: 3px solid #ff7c00;
			padding:0 16px 5px;
			background-color:#f4ab00;
			border-bottom:1px solid #F5C759;
		}
		.detail .related ul {
			font-weight:bold;
			margin:0;
			padding:0;
			width:283px;
			padding-bottom: 10px;
			background: #f4ab00 url("../images/detailMenuFoot.png") no-repeat left bottom;
		}
			.detail .related li {
				font-weight:bold;
				border-left: 3px solid #ff7c00;
				border-right: 3px solid #ff7c00;
				font-size:1.13em;
				line-height:1em;
			}
			.detail .related li:first-child {
				padding-top:8px;
			}
			.detail .related li:last-child {
				padding-bottom:5px;
			}
				.detail .related li a {
					display:block;
					padding:3px 16px 3px 35px;
					color:#663300;
					text-decoration: none;
					background: transparent url(../images/resources_bullet.gif) no-repeat 16px 7px;
				}
				.detail .related li a:hover {
					background-position:-455px 7px;
					color:white;
				}

#sections .line {
	background-image:url("../images/detailMenuLine.png");
	float:left;
	height:1px;
	line-height:0;
	margin-left:-20px;
	width:283px;
}

.detail .quicknav {
	font-size:0.88em;
	font-weight:bold;
}
	.detail .quicknav table {
		background-color:#d9d9d9;
		width:100%;
	}
		.detail .quicknav td {
		}
			.detail .quicknav .prev a,
			.detail .quicknav .next a {
				display:block;
				padding:0 12px;
			}
			.detail .quicknav .prev a {
				background: transparent url(../images/quicknav_prev.png) no-repeat left 6px;
			}
			.detail .quicknav .next a {
				background: transparent url(../images/quicknav_next.png) no-repeat right 6px;
				text-align:right;
			}
			.detail .quicknav .prev .off,
			.detail .quicknav .next .off {
				display:none;
			}

.listen {
	color:#333333;
	font-size:0.88em;
}

.listenContainer{
	margin:8px 0;
	padding-bottom:12px;
}

.article-text {
	font-size:1.15em;
	line-height:1.39em;
	margin-bottom:17px;
	margin-top:-14px;
}

.article-text ul {
	padding-left: 1.5em;
	list-style: disc outside;
}

.article-text .bibliography {
	padding-left: 0;
	list-style: none;
}

.detailTxt1{
	margin-bottom: 1px;
}

.detailTopDescription  {
	color:#666666;
	float:right;
	font-size:0.62em;
	margin-bottom:-4px;
	margin-right:8px;
	margin-top:6px;
}

.detailCenterTxt {
	float:left;
	line-height:1.41em;
	margin-top:21px;
	width:570px;
}

.detailPrint {
	color:#498C02;
	float:left;
	font-size:0.67em;
	margin-left:11px;
}

.detailView {
	color:#498C02;
	float:right;
	font-size:0.67em;
	margin-right:16px;
	margin-top:0;
}

.detailView img  {
	margin-left:4px;
	margin-top:7px;
}

.detailCaption {
	color:#000000;
	float:left;
	font-size:0.79em;
	font-style:italic;
	font-weight:normal;
	margin-left:10px;
	margin-top:-10px;
}

.detailGreenBodyTop{
	margin-top: -30px;
}

.detailGreenContainer  {
	float:right;
	margin:6px 0 6px 12px;
	width: 250px;
}
	.detailGreenTop{
		background-image: url(../images/detailGreenTop.png);
		height: 23px;
	}
	.detailGreenBody{
		background-image: url(../images/detailGreenBody.png);
		line-height:1.3em;
		padding:0 14px;
	}
		.detailGreenContainer h3 {
			position:relative;
			color:#096931;
			font-family:georgia;
			font-size:1.3em;
			font-weight:normal;
			margin: -5px 0 .25em;
		}
		.detailGreenTxt {
			position:relative;
			margin-bottom:-5px;
		}
	.detailGreenFoot {
		background-image:url("../images/detailGreenFoot.png");
		height:22px;
	}

.detailVideo {
	color:#666666;
	font-size:0.62em;
	margin-top:10px;
	text-align:right;
	width:394px;
}

.detailVideo img  {
	margin-top:-4px;
}

.detailCaption2 {
	color:#000000;
	float:left;
	font-size:0.79em;
	font-style:italic;
	font-weight:normal;
	line-height:17px;
	margin: 5px 0px 15px 10px;
}

.citation {
	background:transparent url("../images/citation_bottom.png") no-repeat left bottom;
	font-size:0.88em;
	min-height:80px;
	margin-top:22px;
	width:571px;
}
	.citation .content {
		background:transparent url("../images/citation_top.png") no-repeat left top;
		padding:10px 15px 5px;
	}

.citation a{
	color: #333;
}


.citation .content > h4 {
	color:#666666;
	font-weight:bold;
	margin-bottom:0;
	padding:0;
	margin:0;
}

.refcite{
	color:#333333;
	margin: 5px 0px;
}


.detail #pagetitle {
	color:#7E012B;
	font-family:Georgia;
	font-size:1.75em;
	font-weight:normal;
	margin-bottom:15px;
	margin-top:12px;
}

.middle {
	vertical-align:middle;
}

.detail .footer{
	clear:both;
}

.top{
	vertical-align:top;
}

.inlineGlossaryItem {
	font-weight:bold;
	cursor:pointer;
}
#detailPopup {
	position:absolute;
	display:none;
	width:250px;
	padding:8px;
	border: 5px solid #f3ab00;
	background-color:#ffe500;
}

/********************* Top Buttons **********************/
.topButtons{margin-left: 20px;}
.topButtons li{float: left;}
.topButtons a{
display: block;
height: 26px;
text-indent: -999em;
background-repeat: no-repeat;
background-position: top left;
margin-right: 10px;
}
.topButtons .life a{
width:83px;
background-image:url("../images/pkls-top-button.png");
}
.topButtons .earthSpace a{
width:140px;
background-image:url("../images/pkess-top-button.png");
}
.topButtons .physics a{
width:121px;
background-image:url("../images/pkps_top-button.png");
}

/* Overrides */
.header{
	height: auto;
	padding-top: 6px;
	background-position: 0 52px;
}


/*************** Visual Browse Page ***************/

.pagecontent.visual-browse {padding-top: 40px;}

.visual-browse .left, .visual-browse .middle, .visual-browse .right {
	background: url(../images/visual-browse/bkgd-lowerCorner.png) transparent bottom left no-repeat;
	float: left;
	width: 293px;
	margin-top: 15px;
	padding: 0 0 5px 0;
}

.categories {
	color: #630;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}
	.categories a {color: #630;}
	.categories a.current {color: #ccc;}
.visual-browse h3 {
	background: url(../images/visual-browse/bkgd-topCorner.png) transparent left 14px no-repeat;
	color: #096931;
	font-family: Georgia, Times, serif;
	font-size: 24px;
	font-weight: normal;
	padding: 0 0 0 13px;
	margin: 0 !important;
}
	.visual-browse .middle h3, .visual-browse .right h3 {color: #7e012b;}

.main .rightcol .visual-browse ul.list {
	border-left: 2px solid #fd7c04;
	margin: 0;
	overflow: auto;
}

.visual-browse ul.list li {
	clear: both;
	float: left;
	margin: 0 0 5px 0;
	padding: 0 0 0 5px;
}

.visual-browse ul.list a img {
	position:absolute;
	left:10px;
	margin:-21px 0 0;
	top:50%;
	border: 1px solid #096931;
}
.visual-browse ul.list a {
	display:block;
	position:relative;
	overflow:hidden;
	padding:7px 0;
}
.visual-browse ul.list a:hover { text-decoration: none; }
.visual-browse ul.list a.active,
.visual-browse ul.list a.active:hover {
	background: url(../images/visual-browse/bkgd-onState_arrow.png) no-repeat right center transparent;
}
	.visual-browse ul.list .mid {
		color: #033d8c;
		display: block;
		font-size: 16px;
		font-weight: bold;
		min-height: 42px;
		width: 206px;
		margin:0;
		padding: 0 20px 0 59px;
	}
	.visual-browse ul.list a:hover .mid {
		background: url(../images/visual-browse/bkgd-hover_mid.png) repeat-y left top transparent;
	}
	.visual-browse ul.list a.active .mid,
	.visual-browse ul.list a.active:hover .mid {
		background: url(../images/visual-browse/bkgd-onState_mid.png) repeat-y left top transparent;
	}
	.visual-browse ul.list .top {
		position:absolute;
		left:0;
		top:0;
		height:10px;
		width:274px;
	}
	.visual-browse ul.list .bot {
		position:absolute;
		left:0;
		bottom:0;
		height:10px;
		width:274px;
	}
	.visual-browse ul.list a:hover .top {
		background: url(../images/visual-browse/bkgd-hover_top.png) no-repeat left top transparent;
	}
	.visual-browse ul.list a:hover .bot {
		background: url(../images/visual-browse/bkgd-hover_bot.png) no-repeat left bottom transparent;
	}
	.visual-browse ul.list a.active .top,
	.visual-browse ul.list a.active:hover .top {
		background: url(../images/visual-browse/bkgd-onState_top.png) no-repeat left top transparent;
	}
	.visual-browse ul.list a.active .bot,
	.visual-browse ul.list a.active:hover .bot {
		background: url(../images/visual-browse/bkgd-onState_bot.png) no-repeat left bottom transparent;
	}



/*************** Structural Popup Styles ***************/

.popupWindow {
	background:transparent none;
	color:black;
	padding:10px;
}
	.popupWindow .page {
		width:auto;
	}
		.popupWindow .header {
			height: auto;
		}
@media print {
	.popupWindow {
		padding:0;
	}
}



/*************** PUBLIC HOMEPAGE WIDGETS ***************/

.boxWidget {
	position: relative;
	margin: 0 auto 20px;
	width: 612px;
	background: url(../images/boxwidget1_mid.png) repeat-y left top transparent;
}
	.boxWidget .top {
		position: relative;
		height:50px;
		background: url(../images/boxwidget1_top.png) no-repeat left top transparent;
	}
	.boxWidget .bottom {
		clear:both;
		height:50px;
		background: url(../images/boxwidget1_bot.png) no-repeat left bottom transparent;
	}
	.purpleBorder { background-image: url(../images/boxwidget2_mid.png); }
	.purpleBorder .top { background-image: url(../images/boxwidget2_top.png); }
	.purpleBorder .bottom { background-image: url(../images/boxwidget2_bot.png); }
	.yellowBorder { background-image: url(../images/boxwidget3_mid.png); }
	.yellowBorder .top { background-image: url(../images/boxwidget3_top.png); }
	.yellowBorder .bottom { background-image: url(../images/boxwidget3_bot.png); }
	.boxWidget .content {
		position:relative;
		margin:-50px 0;
		padding:25px 22px;
		overflow:hidden;
	}
		.boxWidget h2,
		.boxWidget .topSectionTitle {
			margin: 0 0 12px;
			padding:0;
			color:#7E012B;
			font-family:Georgia;
			font-size:2.38em;
			font-weight:normal;
		}
		.boxWidget h3 {
			margin: 0 0 12px;
			font-size: 1.3em;
			color: #033D8C;
			font-weight: bold;
		}
		.boxWidget p {
			margin: 0 0 1em;
		}
		.boxWidget h2 + h3,
		.boxWidget .topSectionTitle + h3,
		.boxWidget h2 + p,
		.boxWidget .topSectionTitle + p {
			position: relative;
			margin-top: -8px;
		}
		.boxWidget h3 + p {
			position: relative;
			margin-top: -8px;
		}
		.boxWidget .learnMore {
			overflow: hidden;
			margin:0 0 6px;
		}
		.boxWidget .learnMore:last-child {
			margin: 0;
		}
			.boxWidget .learnMore a {
				clear: both;
				display:block;
				float: left;
				font: bold 18px Tahoma, Arial, sans-serif;
				padding:0 36px 0 0;
				min-height:32px;
				background: transparent url(../images/green_arrow.png) no-repeat right center;
			}
			.boxWidget .halfWidth a {
				width: 205px;
			}
			.boxWidget .learnMore a:hover {
				text-decoration: none;
			}
		.boxWidget .leftContent {
			float: left;
			width: 250px;
		}
		.boxWidget .rightImg {
			position:relative;
			width: 303px;
			position:relative;
			float:right;
			margin:-22px -19px -22px 0;
		}
			.boxWidget .leftImg img,
			.boxWidget .rightImg img {
				border: 0 none;
				margin: 0;
				padding: 0;
			}
		.boxWidget blockquote {
			background: url(../images/blockquote.png) no-repeat left top transparent;
			margin: 35px;
			padding:25px 75px 0 70px;
		}
			.boxWidget blockquote p {
				margin: 0;
			}
			.boxWidget cite {
				display: block;
				font-size: .8em;
				font-style: normal;
				font-weight: bold;
				color: #7E012B;
			}

/****** Home Page Quiz ******/
#quiz {
	color: #fff;
	width: 296px;
}

#quiz h2 {margin: 0 0 15px 0;}
#quiz .top {
	background: url(../images/bkgd_quizTop.png) transparent top left no-repeat;
	height: 12px;
}
#quiz .bottom {
	background: url(../images/bkgd_quizBottom.png) transparent bottom left no-repeat;
	height: 11px;
}

#quiz .quizContent {
	background: url(../images/bkgd_quiz.png) transparent top left no-repeat;
	min-height: 200px;
	padding: 10px 20px;
}

#pollQuizSubmit {
	background: url(../images/bkgd_quizButton.png) transparent top left no-repeat;
	border: 0;
	cursor: pointer;
	height: 31px;
	text-indent: -222em;
	width: 98px;
}

#rs_voice_selector {
	font-size: 13px;
	margin-left: 70px;
}

.rs_voice {
	padding: 5px;
	cursor: pointer;
}

#rs_voice_selector .selected {
	font-weight: bolder;
}

.instant-login {
  float: right;
  position: relative;
  margin-top: -27px;
}

.instant-login__button {
  font-size: 13px;
  display: inline-block;
  padding: 4px 12px;
  line-height: 1.5;
  cursor: pointer;
  color: white;
  border-radius: 2px;
  background:#36629d;
}

.instant-login__button,
.instant-login__button:hover {
    text-decoration: none;
}

.instant_login_triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  padding-top: 3px;
  margin-left: 2px;
  display: inline-block;
  border-color: #ffffff transparent transparent transparent;
}

.instant_login_login_page {
  position: absolute;
  margin-left: 56px;
  margin-top: 70px;
}

.instant-login-link {
  color: white;
}

.instant-login__menu {
  display: none;
  position: absolute;
  right: 0;
  min-width: 240px;
  margin-top: 4px;
  padding: 18px 12px;
  z-index: 2;
  background: #fff;
  border: 1px solid #f3f9fd;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}

.instant-login__links {
  padding: 0 15px;
}

.instant-login__separator {
  height: 1px;
  width: 100%;
  margin: 8px 0;
  background: #d9f1fb;
}

.instant-login__edlink {
  display: grid;
  grid-template: auto / repeat(2, 190px);
  gap: 24px 16px;
  padding: 2px 15px;
}

.instant-login__link {
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-self: flex-start;
  line-height: 24px;
  letter-spacing: 0.016em;
  color: #424242;
  cursor: pointer;
}

.instant-login__link-icon {
  width: 28px;
  height: 28px;
  margin-right: 8px;
}

.instant-login__link:hover {
  text-decoration: underline;
  color: #424242;
}

.hide {
    display: none;
}

.google-error {
    color: rgb(231, 76, 60);
    font-family: Roboto, Verdana, sans-serif;
    font-size: 14px;
    display: block;
}

.pagecontent #customBtn {
    background: #4285F4;
    display: inline-block;
    color: white;
    width: 190px;
    white-space: nowrap;
    border-radius: 4px;
}

#gSignInWrapper {

}

.pagecontent span.buttonText .glogo {
    display: inline-block;
    vertical-align: middle;
    width: 45px;
    height: 45px;
}

.pagecontent span.buttonText {
    font-size: 15px;
}

.pagecontent #gSignInWrapper {
    margin: -23px 0 0 66px;
}

html.translated-ltr #readspeaker_button1,
html.translated-rtl #readspeaker_button1 {
	visibility: hidden;
}

.goog-tooltip {
    display: none !important;
}
    
.goog-tooltip:hover {
    display: none !important;
}
	
.goog-text-highlight {
    background-color: transparent !important; border: none !important; box-shadow: none !important;
}

.hideVoiceSelector #rs_voice_selector {display: none}
.hideRsPopup .rspopup {display: none !important;}

.goog-te-banner-frame.skiptranslate {
    display: none !important;
}
    
body {
    top: 0px !important;
}

#textToSpeechBlockHidden {
    position: absolute;
    opacity: 0;
    font-size: 0;
    pointer-events:none;
    top: 0;
}

#textToSpeechBlockHidden img, #textToSpeechBlockHidden video, #textToSpeechBlockHidden canvas {
    display: none !important;
}

.ui-timepicker-standard {
	font-size: 13px;
	margin: 0;
	padding: 0;
	color: #454545;
	border: none;
	box-shadow: 0px 4px 4px rgba(0,0,0,.25);
	border-radius: 4px
}

.ui-timepicker {
	padding: 8px 0
}

.ui-timepicker-standard .ui-state-hover {
	background-color: #dadada;
	border: none;
	font-weight: 400;
	color: #454545
}

.ui-timepicker-standard a {
	border: none;
	color: #454545;
	display: block;
	padding: .25em .5em;
	cursor: pointer
}

.ui-timepicker-standard a,.ui-timepicker-standard a:hover {
	text-decoration: none
}