/***************** Main Layout homepage static pages *****************/

html > body {
	margin: 0;
	padding: 0;
	background-color:#e4ebf6; /*url(../images/bg_body.png) repeat left top*/
	color:#000000;
	font-size:1em;
	font-family:Helvetica, Arial, "sans serif";
	-webkit-font-smoothing:antialiased;
}

/* topcontent id styles the placeholder PTABLE image on the public homepage*/

#_topcontent {
	margin-top:-60px;
}

.page {
	width: 971px;
	margin: 0 auto;
	padding-top: 25px;
}
.header {
	height:160px;
}
.main {
	margin-top:10px;
	width:971px;
	background-color:#ecf0fb;
	background:transparent url("../images/detail_middle.png") repeat-y left top;
}
.homePage .main { margin-top: 0;
	background:none;
	background-color:e4ebf6;
}
.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-color:#e4ebf6;
	background-image:url("../images/hp_top.png");
	height:370px;
}
.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");
	height: 0;

}

.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;
}
.homePage .mainInnerWrap {
	margin:-300px 0 -90px;
	min-height: 40px;
}
.leftcol {
	float:left;
	padding-bottom: 10px;
	padding-left: 5px;
	width:315px;
}
.homePage .leftcol {
	display:none; /*hiding left nav*/
}
.rightcol {
	padding-top:20px;
}
.homePage .rightcol {
	padding-top:0;
}
.noleft .leftcol {
	float:none;
	padding: 0 45px 0;/*39px 45px 0;*/
}
.noleft .rightcol {
	float:none;
	padding: 0;
}

.homePage .fullMainContent {
	height:602px;
}

.detail .pagecontent {
	float:left;
	padding:0 0 70px 40px;
	width:578px;
}
.noleft .pagecontent {
	padding:0 45px 70px;
}
.footer {
	margin: 14px 0 0 0; /*margin: 55px 12px 0 0;*/
	padding-bottom: 10px;
	width:971px;
	color:#463152;
	font-size:0.813em;
}
.standard2 .footer td ul, .homePage .footer td ul, .detail .footer td ul, .noleft .footer td ul {
	margin: 0;
}

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

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

.header #searchform {
	/* position: relative; */
	float:right;
	margin: -32px 0 0 0;
	width: 545px; /* 610px */
	height: 121px;
	background: transparent url("../images/search.png") no-repeat right top;
}
.header #searchform label { display:none; }
.header #searchform #q,
#loginForm #username,
#loginForm #password {
	margin: 6px 0 0 164px; /*6px 0 0 229px;*/
	width: 334px;
	border: 0 none;
	background-color: transparent;
	color: #463152;
	font: bold 26px Helvetica, Arial, sans-serif;
}
#q {
	height: 33px;
}
.header #searchform .button{
	margin-top: 5px;
	/*margin-left: 1px;*/
	width: 32px;
	height: 37px;
	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: -47px 0 0 0;
	width: 613px;
	height: 43px;
	background: transparent url("../images/login.png") no-repeat right top;
}
#loginForm .row {
	margin:0 0 0 129px;
}
#loginForm .row label {
	position: relative;
	display: block;
	margin: -22px 0 0 15px;
	color: #463152;
	font-weight: bold;
	font-size: 15px;
}
#loginForm span.username,
#loginForm span.password {
	display: block;
	float: left;
	width: 85px;
}
#loginForm .row.username label {
	margin-left:17px;
}

#loginForm input#username, #loginForm input#password {
	/* border:1px solid #ff0000; */
	/*padding: 12px 0 0 15px;*/
	font-size:26px;
}

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

/******** add media queries to adjust position of user/pass fields on iPad/Kindle ********/
/*****************************************************************************************/

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px) {

	.header #searchform #q {
		margin: 2px 0 0 215px; /*12px 0 0 150px;*/
		width: 327px;
		border: 0 none;
		background-color: transparent;
	}

	#loginForm #username,
	#loginForm #password {
		margin: 6px 0 0 229px; /*12px 0 0 150px;*/
		width: 334px;
		border: 0 none;
		background-color: transparent;
		color: #463152;
	}
	#q {
		height: 33px;
	}
	.header #searchform .button{
		margin-top: 5px;
		/*margin-left: 1px;*/
		width: 35px;
		height: 37px;
		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: -24px 0 0 0;
		width: 613px;
		height: 43px;
		background: transparent url("../images/login.png") no-repeat right top;
	}
	#loginForm .row {
		margin:0 0 0 130px;
	}
	#loginForm .row label {
		position: relative;
		display: block;
		margin: -22px 0 0 12px;
		color: #463152;
		font-weight: bold;
		font-size: 15px;
	}
	#loginForm span.username,
	#loginForm span.password {
		display: block;
		float: left;
		width: 85px;
	}
	#loginForm .row.username label {
		margin-left:14px;
	}
	#loginForm #username, #loginForm #password {
		width: 203px;
		height: 28px;
		border: 0;
	}
	#loginForm #username {
		margin: 4px 0 0 4px;
	}
	#loginForm #password {
		margin: 4px 0 0 2px;
	}
	#loginForm .submit #formSubmit {
		float:right;
		margin:0 0 0 -30px;
		width:55px;
		height:58px;
		border:0 none;
		background-color: transparent;
		color:#36629D;
		text-align:right;
		font-size:0;
		cursor: pointer;
	}

	.navbar {
		position:absolute;
		top:-55px;
		right:-164px;
		width:1200px;
	}

}


/***************** 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: #299ab7;
	text-decoration: none;
}

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

.left {
	float: left;
}

.homePage .right {
	float: right;
	margin-top: -18px;
	margin-right: 18px;
}

.detail .right, .standard2 .right {
	float:right;
	margin-top: -18px;
	margin-right: 0;
}

.noleft .right {
	float:right;
	margin-top: -18px;

}

.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; */
	display:none;
	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:0;

}
.homePage .searchbar .mid a:link {
	display: inline;
	float: left;
	margin-right: 2px;
	width: 152px;
	height: 27px;
	font-size:0;
}


.searchbar .mid {
	position: relative;
	top: 76px;
	left: 0;
	z-index: 1;
	display: block;
	/*display:none;*/
	float: left;
	width: 316px;
	height: 32px;
	background-image: url(../images/menuFoot3.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #336699;
	font-size:0;
}
.searchbar .mid a, .searchbar .mid a:link {
	/* border:1px solid #ff0000; */
	font-size:0px;
	display: inline;
	float: left;
	margin-right: 5px;
	width: 152px;
	height: 27px;
	padding: 0;
}

#browsecategories {
	display:none;
}
.logo1 {
	/* float:left;
	margin-top:-10px;*/
	margin-top:-10px;
	margin-left:24px;
}

.logo1 a, .homePage .logo1 {
	width:445px;
}

.homePage .logo1 {
	margin-top:-10px;
	margin-left:30px;

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

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

form {
	margin: 0;
	padding: 0;
}

.header .tools {
	margin: 0;
	width: auto;
}
.header .tools .inner li {
	float:left;
	margin-right:10px;
	color: #888;

}
/* .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:#666;
	text-decoration:none;
	font-size:0.8em;

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

.logo2 {
	float:right;
	margin-top:10px;
	margin-right:0;
	/*margin-right:10px;*/
	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; */
	height:600px;
	width:970px;
}

.homePage .footer {
	clear:both;
	padding-top: 10px;
	width: 962px;
}

.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; */
}
.homePage .topContent video {
	margin: 0px 0 0 0px;
	width: 373px;
	height:277px;
}

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


.videoDescription {
	float: right;
	margin: -32px 42px 0 -5px; /* margin-right: -5px; */
	width: 207px;
	height: 262px;
	color: #000000;
	font-size: 15px;
	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 -5px;
	color: #000000;
	font-size: 15px;
	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:#e05b4c;
	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: #666;
}

.copyright {
	float:right;
	clear:right;
	margin:0;
	padding:2px 4px 1px 0;
	color: #666;
	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: -61px 0 0 -5px;
	padding: 0; /*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:1.25em;
	font-family:Helvetica,Arial,Helvetica,"sans serif";
	line-height:1.05em;
}

.leftNavTitle > h2 {
	color: red;
}

.standard2 .leftnavImgs2 img {
	margin: -7px -2px 10px -7px;
}




.standard2 a#browseaz {
	width:296px;
}

/* "Resources for Teachers..." subnav menu */
.standard2 .subnav {
	margin: 15px 0 -28px 6px;
}
.standard2 .subnav ul {
	margin:0;
	padding:0;
	width:283px;
	font-weight:bold;
}
.standard2 .subnav li {
	margin-bottom:0;
	padding-bottom:0;
	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 #463152;
	border-bottom: none;
}
.standard2 .itemblock {
	/*margin-top: -20px;*/
	margin:0;
	background-color: transparent;
}

#leftNavElementBuilder {
	margin: 0 0 2px 0;
}

#leftNavResources {
	margin: 0 0 2px 0;
}

#leftNavBrowseActivities {
	margin: -2px 0 2px 0;
}

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


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

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

.standard2 .subnav ul {
	margin:-33px 0 0 0;
	padding:5px 0 10px 0;
	width:300px;
	background: #ffffff url("../images/detailMenuFoot.png") no-repeat left bottom;
	font-weight:bold;
}

.standard2 #leftNavBrowseAz {
	display:none;
}

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

.toolbox {
	overflow:hidden;
	margin: -47px 0 18px 10px;
	height: 32px;
	line-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:#463512;
	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;
	color: #463152;
}
.toolbox a#\_email {
	background: transparent url(../images/detailEmail.png) no-repeat left top;
	color: #463152;
}
.toolbox a#\_cite {
	padding: 0 0 0 35px;
	background: transparent url(../images/detailCite.png) no-repeat left top;
	color: #463152;
}
.toolbox img {
	margin-top:-4px;
	vertical-align:middle;
}
.detail .leftnavImgs2 {
	margin:8px 0 0 6px;
}


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

.detail .subnav {
	margin-top: 65px;  /*30px;*/
	margin-left: 6px;
}


.detail .itemblock {
	margin: 20px 0 0 0;
	background-color:transparent;
}
.itemblock {
	padding-bottom: 45px;
	/*margin: 20px 0 15px 0;*/
	background-color:#E4EBF6;
}
.itemblock.resources {
	margin: -50px 0 0 0;
}

#_backsections.itemblock.resources ul {
	padding:0;
	margin: -22px 0 0 0;
	border-top: 0;/*1px solid #463151*/
}
#_backsections.itemblock.resources ul li:last-child {
	padding: 0 0 10px 0;
}

.detail .subnav h2, .standard2 .subnav h2 {
	margin: 0;/*0px 0px -38px;*/
	padding-left: 15px;
	width: 300px;
	height: 36px;
	line-height: 36px; /*line-height = height of h2 element to center text vertically*/
	background: transparent url("../images/detailMenuTop.png") no-repeat left top;
	color: #fff; /*#ebf7fe*/
	font-size: 1.12em;

}

/*browse A-Z to top*/
.detail #leftNavBrowseAz {
	display:none;
}

.detail a#browseaz {
	width:296px;
}


.detail .subnav ul {
	margin:-33px 0 0 0;
	padding:10px 0 10px 0;
	width:300px;
	background: #ffffff url("../images/detailMenuFoot.png") no-repeat left bottom;
	font-weight:bold;
}


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

.detail #sections {
	margin:0;
	padding:0;
	background-image: transparent url("../images/detailMenuBody.png") no-repeat left top;
}
.detail .subnav li {
	padding-bottom:0;
	border-top: none;
	border-right: none;
	/* 3px solid #003464;*/
	border-left: none;
	font-weight:normal;
}
.detail .subnav li:only-child {
	padding-bottom: 7px;
}

.standard2 .subnav li:first-child {
	margin-top: 5px;
	padding-top: 0;
	padding-bottom: 0;
	/* border-top: solid 1px #FC0; */
	border-right: none;
	/* 3px solid #003464;*/
	border-left: none;
	font-weight:normal;
}
.detail .subnav .resources li:first-child a {
	border-top:1px solid #beb0c6;
}
.detail .resources ul a:hover {
	border:1px solid #beb0c6;
}
.detail .subnav ul a, .standard2 .subnav ul a {
	display:block;
	padding:11px 15px;
	border-right:2px solid #463151;
	border-bottom:1px solid #beb0c6; /*685373*/
	border-left: 2px solid #463151;
	color:#463151;
	text-decoration:none;
	font-weight:normal;
	font-size:17px;
	line-height:21px;

}
.detail .subnav ul .on, .standard2 .subnav ul a:hover, .standard2 .subnav ul .on {
	margin-top:0;
	border-right:2px solid #463151;
	border-bottom: 1px solid #463151;
	border-left:2px solid #463151;
	background-color: #e05b4c;
	color:#FFFFFF;
	font-weight: normal;

}
.detail .subnav ul a:hover {
	margin-top:0;
	border-right:2px solid #463151;
	border-bottom:1px solid #beb0c6;
	border-left:2px solid #463151;
	background-color:#e05b4c;
	color:#FFFFFF;
	font-weight: normal;
}

.detail .subnav li:last-child a {
	/*background-color:#fff;*/
	margin-bottom:1px;
	border-right: 2px solid #463151;
	border-bottom: 1px solid #463151;
	border-left: 2px solid #463151;
}
.detail .subnav li:last-child a {
	/*background-color:#e05b4c; */
}
.detail .subnav #sections li:first-child a:hover, .detail .subnav #sections li:first-child .on {
	border-bottom:1px solid #beb0c6;
	margin-top:0;
	border-top:0;
}
.detail .subnav .resources .last a,
.detail .subnav .resources li:last-child a {
	margin-top:0;
	border-right: 2px solid #463151;
	border-bottom: none;
	border-left: 2px solid #463151;
}

.detail .related {
	overflow:hidden;
	margin: -25px 0 0 6px;
	background:transparent url("../images/detailInvestigateTop.png") no-repeat left top;
}
.detail .related .content {
}
.detail .related h3 {
	margin-top: 0;
	padding-top: 0;
	padding-left: 15px;
	width:304px;
	height: 36px;
	line-height: 36px;
	color:#fff;
	font-weight: bold;
	font-size:1.12em;
}
.detail .related ul {
	margin: 0 0 3px 0;
	padding:0 0 3px 0;
	width:300px;
	background: #ffffff url("../images/detailMenuFoot.png") no-repeat left bottom;
}
.detail .related li {
	padding: 0;
	border-right:2px solid #463151;
	border-bottom:1px solid #beb0c6;
	border-left:2px solid #463151;
	font-weight:normal;
	font-size: 17px;
	line-height: 21px;
}
.detail .related li:first-child {
	padding-top: 0;
}
.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:#463151;
	text-decoration: none;
}
.detail .related li:last-child {
	border-bottom:none;
}
.detail .related li a:hover {
	background-color: #e05b4c;
	/* 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:#36beec;
}
.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:#463152;
	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 sup {
	vertical-align:top;
	position:relative;
	top:-0.5em;
}

.article-text sub {
	vertical-align:bottom;
	position:relative;
	bottom:-0.5em;
}

.article-text {
	margin-top:5px;
	margin-bottom:17px;
	font-size:15px;
	line-height:23px;
}
.article-text h5 {
	margin-top: 0;
	margin-bottom: 0;
	color: #C12000;
	font-weight: normal;
	font-size: 18px;
}

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

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

.mainEntry {
	text-align: center;
}

.mainEntry p {
	margin: 30px 0 0 0;
}
.mainEntry a {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	color: white;
	font-weight: 400;
	font-style: italic;
	padding: 10px 20px;
	background-color: #36bded;
	border: 3px solid #26abda;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;

}
/* ****.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: 9px;
	background-image: url("../images/detailGreenTop.png");
}
.detailGreenBody{
	padding:20px;
	background-image: url("../images/detailGreenBody.png");
	line-height:22px;
}
.detailGreenContainer h3 {
	position:relative;
	margin: -5px 0 .25em;
	color: #555;
	font-weight: bold;
	font-size: 16px;
	line-height: 21px;
	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 0 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 0;
	color:#333333;
}
.detail #pagetitle {
	margin:-40px 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:#c54399;
	font-weight:bold;
	cursor:pointer;
}
#detailPopup {

	position:absolute;
	display:none;
	padding:18px;
	width:250px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	/*border: 3px solid #ff3300;*/
	background-color:#B81880;
	color:#fff;
}
/********************* Top Buttons **********************/
.topButtons {margin-left: 80px;}
.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;
	width: 961px;
	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 -2px;
	padding: 4px;
	border: 2px solid #463152;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #574363;
	color: #fff;
	line-height: 36px;
	text-align: center;

}

.categories a:hover {
	/*border: 2px solid #C8EAF9;*/
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #463152;
	color: #fff;
	text-align: center;

}

.categories a.current {
	border: 2px solid #796485;
	background-color: #b5adb9;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #463152;
	text-align: center;
}

.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: #463152;
	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: 1px 0 0 0;
	padding: 0 20px 0 59px;
	min-height: 42px;
	width: 206px;
	color: #5e5282;
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
	font-size: 16px;
}
.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;
	width: auto;
}
@media print {
	.popupWindow {
		padding:0;
	}
}

/*************** PUBLIC HOMEPAGE WIDGETS not used in PTable, left here for future use/ref ***************/

.boxWidget {
	position:relative;
	margin:-26px auto 35px;
	width:971px;
	background-color: #fff;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	border-top:10px solid #463152;
	border-right:1px solid #463152;
	border-bottom:1px solid #463152;
	border-left:1px solid #463152;

	/*background: url(../images/boxwidget1_mid.png) repeat-y left top transparent;*/
}
.boxWidget .top {
	position: relative;
	height:auto;
	/*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 .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";
}
.public .boxWidget h2 {
	text-align:center;
	margin-bottom:30px;
}

.boxWidget h2 {
	margin: 0 0 20px 0;
	padding: 0;
	color: #e35b4c;
	letter-spacing: -1px;
	font-weight:  bold;
	font-size: 2.25em;
	font-family: Helvetica, Arial, "sans serif";

}

.boxWidget h3 {
	margin: -10px 0 0 0;
	color: #e35b4c;
	font-weight: bold;
	font-size: 1.45em;
}
.boxWidget p {
	margin:0 0 1em;
	font-size:1em;
	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 {
	margin: -30px 0 -25px 0;
	color: #000;
	font-weight: normal;
	font-size: 15px;
	line-height: 23px;
}

#pollForm label { }

#textToSpeechBlock .caption a.larger {

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

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

	/* background-repeat:no-repeat; */
	color:#aec7e1;
	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;
}

.fancytable tr .gray2 {
	background-color:#cccccc;
}

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

/************ Top navbar, replaces left-nav menu from PK sites. Contains links for browse a-z, dropdown, activities and resources. ***********/

#nav {
	/* Bring the nav above everything else--uncomment if needed.
    position:relative; */
	/* z-index:5; */
	float:left;
	margin-bottom:10px;
	width:100%;
	list-style:none;
	font-weight:bold;
	font-size:0.875em;
	/* Clear floats */
}

#nav li {
	position:relative;
	float:right;
	margin-right:9px;
}

#nav a {

	display:block;
	padding:10px 10px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	background-color:#463152;
	color:#fff;
	text-decoration:none;

}

#nav a:hover {
	background-color:#463152;
	color: #fff;


}

#nav ul {
	position:absolute;
	/*left:-9999px; hide element 'off-page' */
	display:none;
	padding:0;
	list-style:none;
	/*hide element*/
	background-color:transparent;

}

#nav ul li {
	/* padding-top:1px; */
	border-top:1px solid #fff;
}

#nav ul a {
	/* padding-left:5px; */
	/*keep text on single line*/
	white-space:no-wrap;
}

#nav li:hover ul {
	margin-top:0;
	display:block;
	/*
    left:0; bring element back*/
}

#nav li:hover a {
	text-decoration:underline;
	/*persistent hover-state for top item */
	background:#463152;
	text-align:right;

}

#nav li:hover ul a {

	text-decoration:none;

}

#nav li:hover ul li a:hover {
	/* border-top:1px solid #fff; */
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	background-color:#2eb5d7;
	text-align:right;
}

#nav li ul li a {
	padding: 8px;
	width: 216px;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	text-align:right;
	/* white-space:no-wrap; */
}

/**style for periodic trends dropdown, target first li item and then adjust width on link element**/

#nav li:first-child ul li a {
	width:171px;
}

#navMoreAbout a {

	padding-top:8px;
	padding-bottom:9px;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {

	#navMoreAbout a {
		padding-top:10px;
		padding-right:6px;
		padding-bottom:7px;
		padding-left:6px;

	}
	#nav a {
		padding: 10px 6px;

	}
	.navbar {
		right:-175px;
	}
}

/**************** start pTable ********************/

#notValid {
	width:970px;
	margin:auto;
}

#pTableAnchor {
	display:block;
	width:970px;
	height:1px;
	margin-top:-65px;
}

#anchorSpacer {
	display:block;
	width:970px;
	height:100px;
}

#tableContainer {
	display:none;
	position:relative;
	width:970px;
	top:-65px;
	margin:auto;
	background-color:#e4ebf6;
}

#tableContainer a {
	cursor:pointer;
}

/* added to fix color after removing hrefs */
.#pTable {
	color:#000000;
}

.navbar {
	position:absolute;
	top:-55px;
	right:-184px;
	width:1200px;
}

/* background colors */

.alkali_metals, .alkali_metals a {
	background-color:#c24598;
}

.alkali_metals a:hover, .alkali_metals_hover {
	background-color:#e0a0ca;
}

.alkaline_earth_metals, .alkaline_earth_metals a {
	background-color:#46bfea;
}

.alkaline_earth_metals a:hover, .alkaline_earth_metals_hover {
	background-color:#a1def4;
}

.transition_elements, .transition_elements a {
	background-color:#e05b4c;
}

.transition_elements a:hover, .transition_elements_hover {
	background-color:#eb968d;
}

.other_metals, .other_metals a {
	background-color:#f7db3c;
}

.other_metals a:hover, .other_metals_hover {
	background-color:#fbed9b;
}

.lanthanides_and_actinides, .lanthanides_and_actinides a {
	background-color:#cadc7f;
}

.lanthanides_and_actinides a:hover, .lanthanides_and_actinides_hover {
	background-color:#dde9ad;
}

.metalloids, .metalloids a {
	background-color:#f2a030;
}

.metalloids a:hover, .metalloids_hover {
	background-color:#f7c27a;
}

.other_nonmetals, .other_nonmetals a {
	background-color:#73a2d1;
}

.other_nonmetals a:hover, .other_nonmetals_hover {
	background-color:#a5c4e1;
}

.halogens, .halogens a {
	background-color:#8b7f92;
}

.halogens a:hover, .halogens_hover {
	background-color:#b5adb9;
}

.noble_gases, .noble_gases a {
	background-color:#5abc83;
}

.noble_gases a:hover, .noble_gases_hover {
	background-color:#95d4b0;
}

.unknown, .unknown a {
	background-color:#f39799;
}

.unknown a:hover, .unknown_hover {
	background-color:#f5acad;
}

.metals {
	background-color:#FFFFFF;
	border:none;
	width:447px;
	margin-left:1px;
	background-image:url('/staticfiles/pTable/imgs/metalsClassBracket.png');
	background-repeat:no-repeat;
}

/* .metals:hover {
	background-color:#CCCCCC;
} */

.metalloids2 {
	background-color:#FFFFFF;
	border:none;
	width:78px;
	margin-left:1px;
	background-image:url('/staticfiles/pTable/imgs/metalloidsClassBracket.png');
	background-repeat:no-repeat;
}

/* .metalloids2:hover {
	background-color:#CCCCCC;
} */

.nonmetals {
	border:none;
	width:264px;
	margin-left:1px;
	background-image:url('/staticfiles/pTable/imgs/nonmetalsClassBracket.png');
	background-repeat:no-repeat;
}

/* .nonmetals:hover {
	background-color:#CCCCCC;
} */

/* end background colors */


#table {
	border:1px solid #000000;
	background-color:#ffffff;
	width:930px;
	height:620px;
	margin:20px auto 10px auto;
	font-size:12px;
	font-family:helvetica;
	position:relative;
}

#groups {
	width:940px;
	height:35px;
	margin-top:10px;
	margin-bottom:7px;
	position:relative;
	float:left;
}

.group {
	float:left;
	display:block;
	width:45px;
	min-width:45px;
	height:28px;
	border-right:3px solid #eff0ef;
	border-bottom:3px solid #eff0ef;
	text-align:center;
	padding-top:12px;
}

.group:hover {
	background-color:#CCCCCC;
}

.group:first-child {
	margin-left:54px;
	padding-left:7px;
}

.group:last-child {
	border-right:none;
}

#groupLabel {
	position:absolute;
	top:0px;
	left:66px;
}

#periods {
	float:left;
	width:46px;
	height:400px;
	margin-right:2px;
	margin-left:8px;
}

.period {
	width:46px;
	height:29px;
	text-align:center;
	padding-top:16px;
	border-bottom:3px solid #eff0ef;
	border-right:3px solid #eff0ef;
}

.period:hover {
	background-color:#CCCCCC;
}

#period1 {
	padding-top:21px;
}

.period:last-child {
	border-bottom:none;
}

#periodLabel {
	margin-left:3px;
	margin-top:3px;
	position:absolute;
}

#classification {
	width:940px;
	float:left;
	margin-left:7px;
	margin-top:-10px;
}

.classButtonContainer {
	float:left;
	padding-right:4px;
	margin-bottom:2px;
}

.classButton {
	width:88px;
	height:48px;
	font-weight:bold;
	font-size:11px;
	float:left;
	text-align:center;
}

.classButton a {
	width:78px;
	height:38px;
	text-decoration:none;
	margin:5px;
	color:#000000;
}

#tableContainer .classButton a {
	cursor:inherit;
}

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

.singleLine {
	padding-top:13px;
	cursor:default;
}

.doubleLine {
	padding-top:7px;
	cursor:default;
}

.metalClassButton {
	float:left;
	margin-right:4px;
	padding:12px 4px 4px 4px;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	/* border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000; */
}

#elements {
	width:870px;
	float:left;
}

#pTable {
	width:870px;
	height:481px;
	margin:auto;
	font-family:Arial;
}

#pTable .row {
	height:48px;
	margin:0px 0 0 5px;
}

#pTable #r1 {
	margin-top:5px;
}

#pTable .col {
	width:47px;
	height:48px;
	padding-right:1px;
	float:left;
}

#pTable .element {
	width:45px;
	height:45px;
	font-size:11px;
}

#pTable .element a {
	float:left;
	text-decoration:none;
	color:#000000;
	width:33px;
	height:33px;
	margin:4px;
	padding:2px;
}

#pTable .elementName {
	font-size:15px;
	font-weight:bold;
	text-align:center;
}

#pTable .elementNum {
	font-size:11px;
	margin-top:-2px;
}

#pTable #r8 {
	margin-top:18px;
}

#infoBox {
	float:left;
	position:absolute;
	top:57px;
	left:162px;
	width:467px;
	height:139px;
}

#defaultInfo {
	/* display:none; */
}

#elInfo {
	display:none;
}

#elData {
	float:left;
	width:325px;
	height:139px;
}

#elName {
	font-family:Arial;
	font-size:27px;
	text-align:center;
	/* border-bottom:5px solid #cccccc; */
	margin:3px 0 5px 0;
	padding-bottom:2px;
	color:24475e;
	font-weight:bold;
}

.el_alkali_metals {
	border-bottom:5px solid #c24598;
}

.el_alkaline_earth_metals {
	border-bottom:5px solid #46bfea;
}

.el_transition_elements {
	border-bottom:5px solid #e05b4c;
}

.el_other_metals {
	border-bottom:5px solid #f7db3c;
}

.el_lanthanides_and_actinides {
	border-bottom:5px solid #cadc7f;
}

.el_metalloids {
	border-bottom:5px solid #f2a030;
}

.el_other_nonmetals {
	border-bottom:5px solid #73a2d1;
}

.el_halogens {
	border-bottom:5px solid #8b7f92;
}

.el_noble_gases {
	border-bottom:5px solid #5abc83;
}

.el_unknown {
	border-bottom:5px solid #f39799;
}

.elInfoLabel {
	float:left;
	text-align:right;
	width:150px;
	padding:3px;
	font-weight:bold;
	font-size:13px;
}

.elInfoData {
	float:left;
	text-align:left;
	width:150px;
	padding:3px;
	font-size:13px;
}

#infoSymbolLink {
	float:right;
	width:129px;
	height:129px;
}

#infoSymbolLink:link, #infoSymbolLink:hover, #infoSymbolLink:visited {
	color:#000000;
	text-decoration:none;
	border:none;
}

#infoSymbol {
	float:right;
	margin:-124px 3px 0 0;
	width:129px;
	height:129px;
}

#infoSymbolBox {
	width:119px;
	height:119px;
	margin:5px;
}

#atNum {
	font-family:Arial;
	font-size:24px;
	padding:4px 0 0 5px;
}

#abbr {
	font-family:Arial;
	font-weight:bold;
	font-size:56px;
	text-align:center;
	margin-top:-2px;
}

.gray1 {
	background-color:#999999;
}

.gray2 {
	background-color:#cccccc;
}

#trends {
	position:absolute;
}

#atomic-number, #atomic-radius, #atomic-weight, #electron-affinity, #electronegativity, #ionization, #metallic {
	display:none;
}

#hoverDefaultText {
	font-size:22px;
	width:467px;
	text-align:center;
	padding-top:60px;
}

#navPeriodicTrends {
	top:105px;
	right:301px;
}

#navPeriodicTrends #firstLink {
	padding-left:33px;
	padding-right:29px;
	border:3px solid #362040;
	background-color:#2ebde7;
	color:#362040;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
}

#navPeriodicTrends a#firstLink {
	text-align:left;
}

#navPeriodicTrends ul li a {
	width:189px;
}

hr.rule { color:red; }

/**** video submission landing page  ****/

.video-button {
	background:#42caf1;
	padding: 10px 25px;
	color: #8effff;
	border: 3px solid #42b9f1;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0 72px;
}

.video-button:hover {
	background:#42b9f1;
}

#left-col-img {
	background:#fff;
	width:368px;
	height:612px;
	display:inline;
}
#right-col-text {
	float:left;
	width:463px;
}
/************ end pTable ***************/

/* Styles below added by Yakovlev M - from Thumbtack*/

/* Element landing page styles */
.article-text .imageWrapper img { border: solid 1px #fafafa; /*margin-left: -3px*/ }
.article-text .elementInfo { display: block; background: #F3F3F3; border: solid 1px #463152;}
.article-text .elementInfo #hoverTip { color: #B81880; text-align: center; }
.article-text .elementInfo tr td:first-child { width: 50%; color: #B81880; padding-right: 15px; }
.tooltipword { cursor: pointer; position: relative; }
.tooltipdef { background: #CC0066; position: absolute; width: 300px; color: white; left: -350px; z-index: 1; text-align: initial; padding: 0px 18px 18px; cursor: initial; border-radius: 5px;}
.tooltipdef:after { content: ' '; height: 0; position: absolute; width: 0; border: 8px solid transparent; border-left-color: #CC0066; top:50%; left: 100%; margin-top: -8px;}
.tooltipclose { background: url(../images/closeBtn.png) no-repeat top right; margin: 5px -12px -6px 290px; text-indent: -9999px; cursor: pointer; width: 18px; }

/* firefox overrides */

@-moz-document url-prefix() {

	.article-text sup {
		top:0;
		font-size:12px;
	}

	.article-text sub {
		bottom:0;
		font-size:12px;
	}

	#loginForm #username, #loginForm #password {
		padding:4px 0 0 4px;
	}

	#nav a {

		padding-right: 12px;
		padding-left: 12px;

	}

	#nav li {
		margin-right: 10px;

	}

	#navPeriodicTrends {
		right:287px;
	}
	.navbar {
		right:-202px
	}
	.header #searchform {
		width:475px;
	}
	.header #searchform #q {
		margin:6px 0px 0px 94px;
	}


} /* end firefox overrides */

/* ios overrides */

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
	#loginForm input#username, #loginForm input#password {
		margin:2px 0 0 6px;
	}
} /* iphone 2-4 */

@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
	#loginForm input#username, #loginForm input#password {
		margin:2px 0 0 6px;
	}
} /* iphone 5 */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
	#loginForm input#username, #loginForm input#password {
		margin:3px 0 0 6px;
	}


} /* ipad */

/* end ios overrides */

/* android fixes */

.searchbar .mid, .searchbar .mid #browseaz, .searchbar .mid #browsecategories {
	font-size:1px;
	color:rgba(0,0,0,0);
}

#searchform .row.submit input {
	font-size:1px;
	color:rgba(0,0,0,0);
}

/* end android fixes */

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

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

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

/** Links to other site*/

.topButtons {
	height: 20px;
	margin-left:25px;
}

/* media queries to position buttons on iOS devices */
/* iPad landscape and portrait */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
	.topButtons {margin-left: 120px;padding-bottom: 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;
	}



}

/* iPhone 4, 4s and Touch */

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
	.topButtons {margin-left: 120px;padding-bottom: 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;
	}


}

/* iPhone 5+  */

@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
	.topButtons {margin-left: 120px;padding-bottom: 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;
	}


}

.topButtons .link_word {
	position: relative;
}

.topButtons .link_word a {
	width: 26px;
	margin-right: 5px;
	cursor: pointer;
}

.topButtons .bio a{
	background-image:url("../images/bio-icon.png");
}

.topButtons .chem a{
	background-image:url("../images/chem-icon.png");
}
.topButtons .physics a{
	background-image:url("../images/physics-icon.png");
}

.topButtons .link_def {
	position: absolute;
	width: 140px;
	color: white;
	z-index: 1;
	text-align: center;
	padding: 10px 20px 10px 20px;
	border-radius: 5px;
	top: 40px;
	left: -77px;
	cursor: pointer;
	font-size: 13px;
	font-weight: bolder;
	border: solid 1px white;
}
.topButtons .link_def:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border: 13px solid transparent;
	left: 43%;
	bottom: 100%;
}

.topButtons .bio .link_def {
	background: #4c62ad;
}

.topButtons .bio .link_def:after {
	border-bottom-color: #4c62ad;
}

.topButtons .chem .link_def {
	background: #712469;
}

.topButtons .chem .link_def:after {
	border-bottom-color: #712469;
}

.topButtons .physics .link_def {
	background: #bc2853;
}

.topButtons .physics .link_def:after {
	border-bottom-color: #bc2853;
}

.topButtons .link_word.dimmed {
	opacity: 0.2;
}
.topButtons .link_word {
	top: -15px;
}

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

.instant-login_page {
  margin-left: 10px;
}

.instant-login_homepage {
  margin-left: -9px;
}

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

.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: #dc4e41;
	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;}

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