/**************************** Digital Literacy 2013 *************************************/
/***************** Main Layout homepage static pages *****************/

body {
	margin: 0;
	padding: 0;
	background:  #07446e url(../images/bg_body.png) repeat left top;
	color: #000000;
	font-size: 1em;
	font-family: Helvetica, Arial, "sans serif";
}
.page {
	width:971px;
	margin: 0 auto;
	padding-top: 25px;
}
.header {
	height: 160px;
}
.main {
	margin-top:10px;
	width:971px;
	background: transparent url("../images/detail_middle.png") repeat-y left top;
}
.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 {
	height: 370px;
	background: transparent url("../images/detail_top.png") no-repeat left top;
}
.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;
	height: 60px;
	background: transparent url("../images/detail_bottom.png") no-repeat left bottom;
}
.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-bottom: 10px;
	padding-left: 5px;
	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;
	padding:8px 0;
	width:971px;
	color:#000000;
	font-size:0.813em;
}
.standard2 .footer td ul, .homePage .footer td ul, .detail .footer td ul, .noleft .footer td ul {
	margin: -5px 0 0 0;
}

.footer td:last-child {
	width:70px;
}
.footer .logo img {
	border:1px solid #cccccc;
}
.detail .pagecontent a {
	word-wrap:break-word;
}

.experimentHead {
	font-weight: 600 !important;
	font-size: 17.5px;
	line-height:170%;
}

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

.header #searchform {
	/* position: relative; */
	float:right;
	margin:-30px 0 0 0;
	width:501px;
	height:121px;
	background:transparent url("../images/search.png") no-repeat right top;
}
.header #searchform label { display:none; }
/*.header #searchform #q,
    {

margin: 12px 0 0 0;
border: 0 none;
    background-color: transparent;
    color: #036;
    font: bold 26px Helvetica, Arial, sans-serif;
}*/
#loginForm #username, #loginForm #password {
	background-color:transparent;
	color: #036;
	font-size: 26px;
	font-weight: bold;
	font-family: sans-serif;

}
#q {
	margin: 12px 0 0 40px;
	height: 33px;
	width: 408px;
	background-color: transparent;
	color: #036;
	font-size: 26px;
	font-weight: bold;
	font-family: sans-serif;
	border: 0 none;

}
.header #searchform .button{
	margin-top: 5px;
	margin-left: 2px;
	width: 40px;
	height: 40px;
	border:0 none;
	background:transparent;
	color: #36629D;
	vertical-align:top;
	text-align:right;
	font-size:0;
	cursor: pointer;
}
.header #loginForm {
	position: relative;
	float: right;
	margin: -70px 10px 0 0;
	width: 473px;
	background: transparent url("../images/login.png") no-repeat right top;
}

#loginForm .row label {
	position: relative;
	display: block;
	margin: -25px 0 0 0;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 18px;
}
#loginForm span.username,
#loginForm span.password {
	display: block;
	float: left;
	width: 201px;
}

#loginForm #username, #loginForm #password {
	width: 199px;
	height: 38px;
	border: 0;
}
#loginForm #username {
	margin: 15px 0 0 10px;
}
#loginForm #password {
	margin: 15px 0 0 17px;
}
#loginForm .submit #formSubmit {
	float:right;
	margin:0 0 0 -30px;
	width:54px;
	height:58px;
	border:0 none;
	background-color: transparent;
	color:#36629D;
	text-align:right;
	font-size:0;
	cursor: pointer;
}

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

/* LISTEN hover bg */
#rs_selimg img {
	background: #000000;
}

.header_contact_us {
	display:none;
}

#photocol {
	display:none;
}

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

a {
	color: #069;
	text-decoration: none;
	/* font-weight: bold; */
}

a:hover {
	text-decoration: underline;
}
#readspeaker_button1.rs_skip a {
	color: #FFFFFF;
}
img {
	margin: 0 0 0 0;
	border: 0;
}

.left {
	float: left;
}

.right {
	float: right;
	margin-top:-33px;
}

.right td {
	padding-left:5px;
}

.searchbar {
	float:right;
	width:950px;
}
/*hide browse buttons on single column and static pages*/

.noleft .page .header .searchbar .mid, .noleft .page .header .searchbar .mid a:link {
	display: none;
}
.standard2 .page .header .searchbar .mid, .standard2 .page .header .searchbar .mid a:link {
	display: none;
}
.searchbar .left {
	display: none;
}

.homePage .searchbar .mid {
	position: relative;
	top: 21px;
	left: -5px;
	/* z-index:1;*/
	display: block;
	float: left;
	padding-bottom: 30px;
	width: 316px;
	height: 29px;
	background-image: url(../images/browseButtons.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #336699;
	font-size: 0px;

}
.homePage .searchbar .mid a:link {
	display: inline;
	float: right;
	margin-right: 8px;
	width: 149px;
	height: 27px;
	/*font-size:0px;*/
}

#browsecategories {
}
#browseaz {
}

.searchbar .mid {
	position: relative;
	top: 76px;
	left: -12px;
	z-index: 1;
	display: block;
	float: left;
	width: 316px;
	height: 29px;
	background-image: url(../images/browseButtons.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #336699;
	font-size: 0px;
}
.searchbar .mid a:link {
	display: inline;
	float: right;
	margin-right: 8px;
	width: 149px;
	height: 27px;
	padding: 0;
}

.logo1 {
	/* float:left; */
	margin-top:-10px;
	margin-left:24px;
	margin-bottom: 50px;
}

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

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

form {
	margin: 0;
	padding: 0;
}

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

}
/* .header .tools .inner ul li {
        margin:-20px 0 0 0;
    padding:20px;
    width:612px;
    height:232px;
    background-repeat:no-repeat;
    color: #FFFFFF;
    text-decoration: none;*/
/* .homePage .mainContent
background-image:url("../images/checkItOut.png"); */

.brainTeasers a
{color: #FFF;}
.header .tools .inner a#\_login { display:none; }
.header .tools .inner a {
	margin-top:25px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:0.8em;

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

.logo2 {
	float:right;
	margin-top:18px;
	margin-right:14px;
	width:173px;
}

.nav {
	margin:3px 0 0 97px; /*18 0 0 97px*/
	list-style-position:outside;
}

.nav li {
	height: 68px;
	color:#0d77b3;
	text-decoration:none;
	font-weight:bold;
	font-size:1.19em;
	/*
        line-height: 1.22em;
     */
	cursor:pointer;
}

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

.nav li a:hover {
	color:#0d77b3;
}

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

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

.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 {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 {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 {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 {	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 {	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 {	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 { 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 { 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 { 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 {	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-top:3px;
	margin-bottom:8px;
}

.homePage .pagecontent {
	float:left;
	margin:-58px 0 0 12px;
	padding-top:20px;
	padding-left:20px;
	width:610px;
	/* height:987px; */
}

.homePage .footer {
	clear:both;
}

.topContent {
	margin: 0 auto;
	padding: 20px;
	width: 612px;
	height: 306px;
	background-image: url(../images/takeacloserlook.png);
	background-repeat: no-repeat;
}
.topSectionTitle {
	margin: -5px 0 0 -3px;
	padding: 0;		/* padding-top:22px; */		/* padding-left:22px; */
	color: #FFFFFF;
	letter-spacing: -2px;
	font-weight:bold;
	font-size: 28px;
	font-family:Helvetica, Arial, "sans serif";
}
.video {
	float:left;
	margin: 11px 0 0 -19px;
	width: 384px;
	height: 277px;
	/* border:1px solid #FF0000; */
}

/* FLASH video width on the homepage*/
.homePage #player {
	width: 371px;
	height:277px;
}


.videoDescription {
	float: right;
	margin: -32px 32px 0 -5px;
	/*margin: -32px 42px 0 -5px;*/
	width: 218px; /*210px*/
	height: 262px;
	color: #000000;
	font-size: 14px;
	line-height: 20px;
}

.videoDescription h3 {
	margin: -7px 0 2px 0;
	padding-bottom: 10px;

	/* width:150px; */
	color: #000;
	font-weight: bold;
	font-size: 17px;
	font-family: Helvetica;
}
.videoDescription p {
	margin-top: 20px;

}
.videoDescription .learnMore a {
	display:block;
	width:82px;
	height:24px;
	/* background: transparent url(../images/readmore.png) no-repeat left top;
*/
}
/* .videoDescription .learnMore span {
    position:absolute;
    left:-999em;
}
*/

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

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

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

.s1Div .sel{
	color: #666;
}

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

.homePage .pagecontent .mainContent {
	margin: 5px 0 10px 0;
	padding: 20px;
	width: 612px;
	height: 297px;
	background-image: url("../images/checkItOut.png");
	background-repeat: no-repeat;
}

.homepage .mainContent h2{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #FFFFFF;
}

.checkItOutContent {
	position: relative;
	top: -20px;
	margin: 0 0 0 -7px;
	color: #000000;
	font-size: 14px;
	line-height: 20px;
}

.checkItOutTitle {
	margin:-5px 0 0 -5px;
	color:#FFFFFF;
	letter-spacing: -1px;
	font-weight:bold;
	font-size: 25px;
	font-family:Helvetica,Arial,Helvetica,"sans serif";
}

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

.pointer {cursor: pointer;}

.learnMore {margin-top:15px;}

.learnMore2 {margin-top:4px;}

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

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

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

/* Brain Teasers */

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

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

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

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

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

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

.brainTeasersSurvey {
	margin-top: 8px;
}

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

.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 {
	display:none;
	margin:0;
	color:#333333;
	font-size:0.88em;
	font-family:Helvetica;
}


#pagetitle{
	margin-top:22px; /* 22px*/
	color:#ff6633;
	font-weight:normal;
	font-size:24px;
	font-family:Helvetica;
}

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

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

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

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

.bold {
	font-weight:bold;
}

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

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

.footer ul {
	float:left;
	margin-left:16px;
	padding-top:2px;
	font-size:12px;
}

.hidden{
	visibility: hidden;
}

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

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

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

.footer a{
	color: #FFFFFF;
}

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

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

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

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

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

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

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

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

.\_result{
	font-weight:bold;
}

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

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

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

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

.resultblock {
	width:430px;
}

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

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

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

.resultImgDescContainer {
	vertical-align: bottom;
}

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

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

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

.spacer2 {
	height:8px;
}

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

/***************** Standard2 STATIC PAGES *****************/

.leftnav .leftNavTitle {
	position:relative;
	overflow:hidden;
	margin: -48px 0 0 -5px;
	padding: 10px 0 0 0;
	min-height: 87px;
	width: auto;
	background: transparent url(../images/public_home_left_featuring.png) no-repeat left top;
}

.leftnav #pagetitle {
	margin-left:30px;
	padding:0 15px 0 0;
	color:#FFFFFF;
	font-weight:bold;
	font-size:20.5px; /* 1.5em */
	font-family:Helvetica,Arial,Helvetica,"sans serif";
	line-height:1.05em;
}
.standard2 .leftnavImgs2 img {
	margin: -7px -2px 10px -7px;
}

.standard2 .subnav {
	margin:10px 0 0 0;
}
.standard2 .subnav ul {
	margin:0;
	padding:0;
	width:283px;
	font-weight:bold;
}
.standard2 .subnav li {
	margin-bottom:0px;
	padding-bottom:0px;
	line-height:1em;
}
.standard2 .subnav li a {
	display:block;
	padding:3px 0 3px 35px;
	background: transparent url(../images/static2_bullet.gif) no-repeat 16px 5px;
	color:#67000a;
	text-decoration: none;
	font-size:1.13em;
	line-height:22px;
}
.standard2 .subnav li a:hover {
	background-position:-455px 5px;
	color:#b11719;
}
.standard2 .subnav ul li a:last-child {
	border-top: solid 1px #0D77B3;
	border-bottom: none;
}
.standard2 .itemblock {
	margin: 15px 0;
}

.leftnavImgs,
.leftnavImgs2 {
	margin: 15px 0 0 11px;
	width: 311px; /*283px*/
}

.detail .leftnavImgs2 {
	margin:8px 0 0 6px;
}

.leftnavImgs2 img {
	margin: 4px -2px 0px 0px;
}

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

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

.standard2 .footer{
	clear:both;
}

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

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

.standard2Banner {
	float:left;
	margin-right:14px;
}
.standard2Text > p{
	margin-top: 10px;
}

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

.standard2Paragraph {
	line-height: 1.44em;
}

/***************** Detail ENTRY PAGES *****************/

.toolbox {
	overflow:hidden;
	margin: -31px 0 65px 10px;
	height: 32px;
	font-weight:bold;
	font-size: 13px;
}
.toolbox .print, .toolbox .email {
	display:block;
	float:left;
	margin-left:3px;
	padding:0 4px 0 38px;
	color:#003366;
	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 {
	padding: 0 0 0 35px;
	background: transparent url(../images/detailCite.png) no-repeat left top;
}
.toolbox img {
	margin-top:-4px;
	vertical-align:middle;
}

.detail #sections li .spacing{
	padding-top: 7px;
	/* 17px FinLit */
}

.detail .subnav, .standard2 .subnav {
	margin-top: 0;  /*30px;*/

	margin-left:9px;
}

.itemblock {
	margin: 25px 0 15px 0;
}
#_backsections.itemblock.resources ul {
	padding: 0 0 0 0;
	border-top: 1px solid #0D77B3;
}
#_backsections.itemblock.resources ul li:last-child {
	padding: 0 0 10px 0;
}

.detail .subnav h2, .standard2 .subnav h2 {
	margin: 0px 0px -38px;
	padding: 14px 20px;
	width:300px;
	height: 54px;
	background: transparent url("../images/detailMenuTop.png") no-repeat left top;
	color:#FFFFFF;
	font-size:1.5em;
	line-height:1em;
}
.detail .subnav ul, .standard2 .subnav ul {
	margin:-33px 0 0 0;
	padding: 10px 0 10px 0;
	width:300px;
	background: #c7eaf8 url("../images/detailMenuFoot.png") no-repeat left bottom;
	font-weight:bold;
}

/* #_backsections ul {
padding-top: 0 0 10px 0; */

.detail #sections {
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	background-image: transparent url("../images/detailMenuBody.png") no-repeat left top;
}
.detail .subnav li {
	padding-bottom: 0;
	border-right: none;
	/* 3px solid #003464;*/
	border-left: none;
	font-weight:normal;
}
.standard2 .subnav li:first-child {
	margin-top: 6px;
	padding-top: 0;
	padding-bottom: 0;
	/* border-top: solid 14px #FC0; */
	border-right: none;
	/* 3px solid #003464;*/
	border-left: none;
	font-weight:normal;
}
/* .detail .subnav .resources li:first-child a {
    padding-top: 20px; */
.detail .subnav ul a, .standard2 .subnav ul a {
	display: block;
	padding: 11px 14px;
	border-right: 1.25px solid #0D77B3;
	border-bottom: 1px solid #0D77B3;
	border-left: 1.25px solid #0D77B3;
	color: #0D77B3;
	text-decoration: none;
	font-weight: normal;
	font-size: 17px;
	line-height: 21px;

}
.detail .subnav ul a:hover,
.detail .subnav ul .on, .standard2 .subnav ul a:hover, .standard2 .subnav ul .on {
	margin-top:0px;
	/* border-top:1px solid #0099cc; */
	border-right: none;
	border-bottom:1px solid #0099cc;
	border-left: none;
	background-color: #003366;
	color: #FFFFFF;
	font-weight: normal;

}
.detail .subnav li:last-child a {
	border-right: 1.25px solid #0D77B3;
	border-left: 1.25px solid #0D77B3;
}
.detail .subnav #sections li:first-child a:hover, .detail .subnav #sections li:first-child .on {
	margin-top:0px;
	border-top:0;
}
.detail .subnav .resources .last a,
.detail .subnav .resources li:last-child a {
	border-right: 1.25px solid #0D77B3;
	border-left: 1.25px solid #0D77B3;
	border-bottom: none;
	margin-top:0px;
}
.detail .related {
	overflow:hidden;
	margin:  10px 0 0 9px;
	background:transparent url("../images/detailInvestigateTop.png") no-repeat left top;
}
.detail .related .content {
}
.detail .related h3 {
	margin-top:11px;
	padding:0 16px 5px;
	width:304px;
	color:#ffffff;
	font-weight: bold;
	font-size:1.35em;
}
.detail .related ul {
	margin: 13px 0 10px 0;
	padding:0;
	padding-bottom: 10px;
	width:300px;
	background: #C7EAF8 url("../images/detailMenuFoot.png") no-repeat left bottom;
}
.detail .related li {
	padding: 0;
	border-right: 1.25px solid #0D77B3;
	border-bottom:1px solid #0D77B3;
	border-left: 1.25px solid #0D77B3;
	font-weight:normal;
	font-size: 17px;
	line-height: 21px;
}
.detail .related li:first-child {
	padding-top:8px;
}
.detail .related li:last-child {
	padding-bottom:5px;
}
.detail .related li a {
	display: block;
	padding: 10px 16px 6px 15px;
	/* background: transparent url(../images/resources_bullet.gif) no-repeat 16px 7px; */
	color:#0D77B3;
	text-decoration: none;
}
.detail .related li:last-child {
	border-bottom:none;
}
.detail .related li a:hover {
	background-color: #003366;
	/* background-position:-455px 7px; */
	color: #FFFFFF;
}

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

.detail .quicknav {
	margin: 15px 0 0 0;
	font-weight:bold;
	font-size:0.88em;
}
.detail .quicknav table {
	width:100%;
	background-color:#FF6633;
}
.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 3px;
}
.detail .quicknav .next a {
	background: transparent url(../images/quicknav_next.png) no-repeat right 3px;
	text-align:right;
}
.detail .quicknav .prev .off,
.detail .quicknav .next .off {
	display:none;
}
.detail .quicknav ._navlink {
	margin:2px 0 0 0;
	color:#ffffff;
	text-transform:uppercase;
	font-size:12px;
}

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

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

#readspeaker_button1 {
	float:right;
	margin:-72px 0 0 0;
}

.GoogleDriveWrapper + .listenContainer > #readspeaker_button1 {
	float:right;
	margin:-72px -62px 0 0;
}

.listenContainer img.middle {
	margin-top:-5px;
}

.article-text {
	margin-top:5px;
	margin-bottom:17px;
	font-size:15px;
	line-height:23px;
}
.article-text h5 {
	font-size: 15px;
	color: #C12000;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0;
}
/*****.article-text h5:first-of-type {
    font-size: 15px;
    color: #C12000;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
}*****/
.detailTxt1{
	margin-bottom: 1px;
}

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

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

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

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

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

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

}

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

.detailGreenContainer  {
	float:right;
	margin:6px 0 6px 12px;
	width: 284px;
}
.detailGreenTop{
	height: 8px; /*9px*/
	background-image: url(../images/detailGreenTop.png);
}
.detailGreenBody{
	padding:20px;
	background-image: url(../images/detailGreenBody.png);
	line-height:18px;
}
.detailGreenContainer h3 {
	position:relative;
	margin: -5px 0 .25em;
	color:#000000;
	font-weight:bold;
	font-size:13px;
	font-family:Helvetica, Arial, "sans serif";
}
.detailGreenTxt {
	position:relative;
	margin-bottom:-5px;
}

.detailGreenFoot {
	height:9px;
	background-image:url("../images/detailGreenFoot.png");
}

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

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

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

.citation {
	margin-top:22px;
	min-height:80px;
	width:571px;
	background:transparent url("../images/citation_bottom.png") no-repeat left bottom;
	font-size:0.88em;
}
.citation .content {
	padding:10px 15px 5px;
	background:transparent url("../images/citation_top.png") no-repeat left top;
}
.citation a {
	color: #333;
}
.citation .content > h4 {
	margin:0;
	margin-bottom:0;
	padding:0;
	color:#666666;
	font-weight:bold;
}
.refcite {
	margin: 5px 0px;
	color:#333333;
}
.detail #pagetitle {
	margin:-20px 0 22px 0;
	color:#FFFFFF;
	font-weight:normal;
	font-size:20px;
	font-family:Helvetica, Arial, "sans serif";
}
.middle {
	vertical-align:middle;
}

.detail .footer{
	clear:both;
}

.top {
	vertical-align:top;
}

.inlineGlossaryItem {
	color:#ff3300;
	font-weight:bold;
	cursor:pointer;
}
#detailPopup {
	position:absolute;
	display:none;
	padding:8px;
	width:250px;
	border: 3px solid #ff3300;
	background-color:#fee1ac;
	color:#000;
}
/********************* Top Buttons **********************/
.topButtons {margin-left: 20px;}
.topButtons li {float: left;}
.topButtons a {
	display: block;
	width: 83px;
	height: 26px;
	background: url("../images/top-buttons.png") top left no-repeat;
	text-indent: -999em;
}
.topButtons .life a {margin-right: 10px;}
.topButtons .earchSpace a{
	width:140px;
	background-position: bottom left;
}

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


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

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

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

.categories {
	margin: -20px 0 0 0;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}

/*.categories a {
    margin: 5px 2px 0 -1px;
    padding: 4px;
    background-color: #C7EAF8;
    color: #0D77B3;
    line-height: 32px;
    border: 2px solid #C6E9F5;
    white-space: nowrap;
    }*/

.categories a {
	display: inline-block;
	margin: 5px 2px 0 -1px;
	padding: 1px;
	background-color: #C7EAF8;
	color: #0D77B3;
	line-height: 22px;
	border: 2px solid #C6E9F5;
	white-space: nowrap;
}

.categories a:hover {
	background-color: #FC3;
	color: #0D77B3;
	border: 2px solid #C8EAF9;
}

.categories a.current {
	background-color: #FFF;
	color: #F63;
	border: 2px solid #C8EAF9;
}

.categories span:last-child {
	display: none;
}

.visual-browse h3 {
	margin: 0 !important;
	padding: 0 0 0 13px;
	background: url(../images/visual-browse/bkgd-topCorner.png) transparent left 14px no-repeat;
	color: #003366;
	font-weight: normal;
	font-size: 24px;
	font-family: Helvetica, Arial, "sans serif";
}
.visual-browse .middle h3, .visual-browse .right h3 {color: #036;}

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

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

.visual-browse ul.list a img {
	position:absolute;
	top:50%;
	left:10px;
	margin:-21px 0 0;
	/* border: 1px solid #096931;*/
}

.visual-browse ul.list a {
	position:relative;
	display:block;
	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 a:hover .mid {
	color:#036;
}

.visual-browse ul.list .mid, .visual-browse ul.list a.active .mid {
	display: block;
	margin: 2px 0 0 0;
	padding: 0 20px 0 59px;
	min-height: 42px;
	width: 206px;
	color: #003366;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	vertical-align: middle;
}
.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;
	top:0;
	left:0;
	width:274px;
	height:10px;
}
.visual-browse ul.list .bot {
	position:absolute;
	bottom:0;
	left:0;
	width:274px;
	height:10px;
}
.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 {
	padding:10px;
	background:transparent none;
	color:black;
}
.popupWindow .page {
	width:auto;
}
.popupWindow .header {
	height: auto;
}
@media print {
	.popupWindow {
		padding:0;
	}
}

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

.boxWidget {
	position: relative;
	margin: -26px auto 35px;
	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 {
	position: relative;
	clear:both;
	margin:-15px 0 0 0;
	height:10px;
	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;
	overflow:hidden;
	margin:-20px 0 0 0;
	padding:25px 22px;
}
.boxWidget h2,
.boxWidget .topSectionTitle {
	margin: 0 0 20px 0;
	padding: 0;
	color: #003464;
	letter-spacing: -2px;
	font-weight:  bold;
	font-size: 32px;
	font-family: Helvetica, Arial, "sans serif";
}
.boxWidget h3 {
	margin: 0 0 12px 0;
	color: #003464;
	font-weight: bold;
	font-size: 1.3em;
}
.boxWidget p {
	margin: 0 0 1em;
	font-size:18px;
	line-height:22px;
}
.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 {
	display:block;
	float: left;
	clear: both;
	padding:0 36px 0 0;
	min-height:32px;
	background: transparent url(../images/green_arrow.png) no-repeat right center;
	font: bold 18px Helvetica, Arial, sans-serif;
}
.boxWidget .halfWidth a {
	width: 205px;
}
.boxWidget .learnMore a:hover {
	text-decoration: none;
}
.boxWidget .leftContent {
	float: left;
	width: 250px;
}
.boxWidget .rightImg {
	position:relative;
	position:relative;
	float:right;
	margin:-22px -19px -22px 0;
	width: 303px;
}
.boxWidget .leftImg img,
.boxWidget .rightImg img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.boxWidget blockquote {
	margin: 35px;
	padding:25px 75px 0 70px;
	background: url(../images/blockquote.png) no-repeat left top transparent;
}
.boxWidget blockquote p {
	margin: 0;
}
.boxWidget cite {
	display: block;
	color: #003464;
	font-weight: bold;
	font-style: normal;
	font-size: .8em;
}

/* Home Page Quiz */

#quiz {
	width: 296px;
	color: #003466;
}
#quiz h2 {
	position: relative;
	top: -37px;
	margin: 15px 0 5px 0;
	padding-top:4px;
	color: #FFF;
	letter-spacing: -1px;
	font-weight: bold;
	font-size: 23px;
	font-family:Helvetica, Arial, "sans serif";
}
#quiz .top {
	height: 43px;
	background: url(../images/bkgd_quizTop.png) transparent top left no-repeat;
}
#quiz .bottom {
	height:11px;
	background: url(../images/bkgd_quizBottom.png) transparent bottom left no-repeat;
}

#quiz .quizContent {
	padding: 10px 20px;
	min-height: 200px;
	background: url(../images/bkgd_quiz.png) transparent top left no-repeat;
}
.quizContent h2 {
	margin: -10px 0 0 0;
}
#pollQuizSubmit {
	margin:0 0 0 65px;
	width: 98px;
	height: 31px;
	border: 0;
	background: url(../images/bkgd_quizButton.png) transparent top left no-repeat;
	/* text-indent: -222em; */
	cursor: pointer;
}

#_pollquestion {
	color: #000;
	font-weight: normal;
	font-size: 15px;
	line-height: 23px;
}

.homePage #_pollquestion {
	margin: -30px 0 -25px 0;
}

#errors ul li {
	position:relative;
	top:-33px;
	color:#f26122;
}

#pollForm label { }

#textToSpeechBlock .caption a.larger {

	/* background-image:url("../images/magnifyingGLASS.png"); */

	/* background-position:0px 0px; */

	/* background-repeat:no-repeat; */
	color:#0d77b3;
	font-weight:bold;
	font-style:normal;
}

.fancytable p {
	margin:0 -10px 0 -10px;
	padding:0 10px 0 10px;
	border-bottom:1px solid #000000;
}

.fancytable td {
	padding:0 40px 0 0;
}
.fancytable tr td {
	vertical-align: text-top;
}
.glossary ul li {
	padding:0 0 10px 0;
}

/* Google translate */

.rosenScript {
	float:right;
	margin-top:5px;
}
/*.GoogTrAddThisWrapper {
	overflow: hidden;
	margin: -20px 0 0;
	padding: 0 0 20px;
}
.GoogTrAddThisWrapper .addthis {
	float: right;
	margin: 5px 0 0 10px;
}
.GoogTrAddThisWrapper .addthis.addthis_translate {
	float: left;
}*/
.GoogTrAddThisWrapper .google_translate {
	float: right;
}
.GoogTrAddThisWrapper .skiptranslate {
	color: white;
	font-size: 0;
}
.GoogTrAddThisWrapper .skiptranslate > span {
	display: block !important;
}

/* class to hide the speaker button on translated pages */
html.translated-ltr #readspeaker_button1,
html.translated-rtl #readspeaker_button1 {
	visibility: hidden;
}

/* Homepage Text Link Styles */
.homePage .videoDescription a, .homePage .mainContent a { font-weight: bold; font-size: 16px; white-space: nowrap;}

#rs_voice_selector {
	font-size: 13px;
	margin-left: 70px;
	position: absolute;
	top: 135px;
	left: 490px;
}

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

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

.instant-login {
  float: right;
  position: relative;
	margin: 5px 10px 0 0;
}

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

.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;
}

.menuDP_button:hover {
  background: #2ad68b;
}

.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;
}

.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;
}

.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;}

.hideRsPopup .rspopup {display: none !important;}

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

.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
}