/*
-----------------------------------------------
WGBH interactive
sleep-admin@nuff-respec.com
----------------------------------------------- */

/* -- initialize base -- */
	*, td, img	{margin : 0; padding : 0;}
	img { border: 0; }

	form, fieldset	{font: 100%/120% verdana, arial, sans-serif}
	p	{padding: 0 0 0 0; margin: 0 0 2em 0}

	form label	{cursor: pointer}
	fieldset	{border: none}
	input, select, textarea {font-size: 100%}

/* -- body -- */
	body	{
		background: #fff url(../i/nav_color.jpg) repeat-y 0 0;
		color: #333;
		font: 12px/17px verdana, arial, sans-serif;
	}


/* -- home -- */
	body#sleep-home	{
		background: #95ACCF url(../i/home_bg.jpg) no-repeat 0 0;
	}


	body#sleep-home #sbox label {
		background: transparent url(../i/home_search.gif) no-repeat 0 0px;
		width: 39px;
	}

	body#sleep-home #sbox input#f-q {
		width: 100px;
		background-color: #C7D6EF;
		border: 1px solid #8D9DB8;
	}

	body#sleep-home .home-nav {
		position: absolute;
		height: 46px;
		width: 454px;
		overflow: hidden;
	}

	body#sleep-home .home-nav  h1 a {
		display: block;
		text-indent: -9000px;
		height: 46px;
		width: 454px;
	}
	body#sleep-home .home-nav  p {
		text-indent: -9000px;
	}


		body#sleep-home #home-why { top: 185px;	}
		#home-why a:link, #home-why a:visited	{background: transparent url(../i/home_nav_why.png) no-repeat 0 0;}
		#home-why a:hover, #home-why a:active, #home-why a:focus	{background: transparent url(../i/home_nav_why_over.png) no-repeat 0 0;}

		body#sleep-home #home-science { top: 266px;}
		#home-science a:link, #home-science a:visited	{background: transparent url(../i/home_nav_science.gif) no-repeat 0 0;}
		 #home-science a:hover, #home-science a:active, #home-science a:focus	{background: transparent url(../i/home_nav_science_over.png) no-repeat 0 0;}



		body#sleep-home #home-getting { top: 347px;}
		#home-getting a:link, #home-getting a:visited	{background: transparent url(../i/home_nav_getting.png) no-repeat 0 0;}
		#home-getting a:hover, #home-getting a:active, #home-getting a:focus	{background: transparent url(../i/home_nav_getting_over.png) no-repeat 0 0;}




	#sleep-home-header {
		display: none;
	}

	#sleep-home #sbox  {
		position: absolute;
		left: 701px;
		top: 113px;
	}



	#sleep-home #footer {
		top: 444px;
		position: absolute;
		padding-top: 0;
		color: #11284D;
		font-size: 10px;
		width: 530px;
	}

	#sleep-home p#footer-resource {
		color: #11284D;
		padding-top: 2px;
		font-size: 11px;
		width: 480px;
		margin: 0 0 10px 14px;
	}

	#sleep-home p#footer-copy {
		color: #556391;
		padding-top: 2px;
		font-size: 10px;
		width: 480px;
		margin: 0 0 10px 14px;
	}

	#sleep-home #footer-logos {
		padding: 0 0 0 0;
	}


	#sleep-home p#footer-links {
		border-top:none;
		padding-left: 14px;
		font-size:10px;
		color: #424242;
	}

	#sleep-home #footer-logos a.harvard,
	#sleep-home #footer-logos a.wgbh {
		display: block;
		width: 89px;
		height: 90px;
		float: left;
		overflow: hidden;
		background: transparent url(../i/home_logo_harvard.png) no-repeat bottom left;
		text-indent: -9000px;
	}

	#sleep-home #footer-logos a.wgbh {
		width: 84px;
		background: transparent url(../i/home_logo_wgbh.png) no-repeat bottom left;
	}

	/* -- links -- */
	#sleep-home  #footer a:link,
	#sleep-home  #footer a:visited	{color: #010C1E; text-decoration: none;}
	#sleep-home  #footer a:hover,
	#sleep-home  #footer a:active,
	#sleep-home  #footer a:focus		{color: #010C1E; text-decoration: underline;}

	#sleep-home .continue-ed,
	#sleep-home .continue-ed a {
		position: absolute;
		display: block;
		width: 283px;
		height: 22px;
	}

	#sleep-home .continue-ed {
		top: 466px;
		left: 632px;
	}
	#sleep-home .continue-ed a {
		overflow: hidden;
		text-indent: -9000px;
	}

		.continue-ed a:link, .continue-ed a:visited	{background: transparent url(../i/home_cme.gif) no-repeat 0 0;}
		.continue-ed, .continue-ed a:hover, .continue-ed a:active, .continue-ed a:focus	{background: transparent url(../i/home_cme_over.gif) no-repeat 0 0;}

	#sleep-home #video-highlights {
		position: absolute;
		width: 401px;
		height: 295px;
		top: 153px;
		left: 464px;
		overflow: hidden;
	}


	#sleep-home .voff {
		cursor: default;
	}

	#sleep-home #video-highlights h2 {
		overflow: hidden;
		height: 21px;
		background: transparent url(../i/home_vhigh.png) no-repeat top right;
		text-indent: -9000px;
		margin-left: 298px;
	}


	#sleep-home .vid-high
	{
		height: 72px;
		margin-bottom: 9px;
		overflow: hidden;
	}

	#sleep-home .vid-high a
	{
		padding-right: 0;
		background: none;
	}

	.vidhide {
		display: none;
	}

	#sleep-home .vid-high .m-vid-holder {
		display: block;
		height: 72px;
		width: 298px;
		background: transparent url(../i/home_blurb_bg.png) repeat 0 0;
		float: left;
		margin: 0;
		padding: 0;
		visibility: hidden;
		font-size: 11px;
		overflow: hidden;
	}

	#sleep-home .vid-high:hover .m-vid-holder {
		visibility: visible;
		cursor: pointer;
	}

	#sleep-home .vid-hover .m-vid-holder {
		visibility: visible;
		cursor: pointer;
		background: transparent url(../i/home_blurb_bg.png) repeat 0 0;
	}

	#sleep-home .vid-high .m-vid-holder p {
		display: block;
		padding: 3px 6px 1px 6px;
		font-size: 11px;
		line-height:16px;
		color: #051938;
		margin: 0;
	}

	#sleep-home .vid-high .m-vid-holder small {
		font-size: 10px;
		color: #051938;
	}

	#sleep-home .vid-high img {
		float: left;
		cursor: pointer;
	}

	#sleep-home #vidnav {
		width: 103px;
		position: absolute;
		left: 298px;
	}

	#sleep-home #vidnav img {
		vertical-align: bottom;
	}

/* -- layout -- */
	#wrapper {
		width: 920px;
		background: transparent url(../i/nav_bg_utility.jpg) no-repeat 0 0;
		padding-bottom: 2em;
	}

	/* -- specific -- */
	/* -- site-section -- */
	body.site-matters #wrapper { background-image:  url(../i/nav_bg_matters.jpg) }
	body.site-getting #wrapper { background-image:  url(../i/nav_bg_getting.jpg) }
	body.site-science #wrapper { background-image:  url(../i/nav_bg_science.jpg) }

	#content {
		margin-left: 228px;
		position: relative;
		min-height: 700px;
	}

/* -- content -- */
	#content h1 {
		padding: 67px 0 8px 20px;
		margin: 0 0 24px 0;
		font-size: 18px;
		color: #757575;
		font-weight: normal;
		background: transparent url(../i/bar_title.gif) no-repeat bottom left;
	}

	#content h1.h-short {
		background: transparent url(../i/bar_title_short.gif) no-repeat bottom left;
	}

	#narrow-content {
		width: 430px;
		overflow: hidden;
	}


/* -- glossary -- */
	p.glossary-nav {

	}

	/* -- links -- */
		a.glossary-on:link,
		a.glossary-on:visited,
		a.glossary-on:hover,
		a.glossary-on:active,
		a.glossary-on:focus		{color: #666; text-decoration: none; cursor: default;}

	.dl-glossary dt {
		font-weight: bold;
	}

/* -- at a glance -- */

	#at-a-glance {
		margin: 0 0 17px 10px;
		padding: 0 0 3px 0;
		width: 675px;
		background-color: #f6f3e7;
		font-size: 11px;
		line-height: 16px;
	}

	#content .no-on-this {
		width: 440px;
	}

	#at-a-glance h2 {
		padding: 5px 0 2px 10px;
		color: #333;
		font-size: 11px;
		background: transparent url(../i/bar_other.gif) no-repeat bottom left;
	}

	#at-a-glance ul {
		margin: 9px 0 0 15px;
	}

	#at-a-glance ul li {
		margin: 0 0 .6em 0;
		color: #606060;
	}

	#glance {
		width: 440px;
		margin: 0 10px 0 0;
		float: left;
	}

	#glance ul,
	#glance  p
	{
		padding-right: 10px;
	}

	#on-this-page {
		width: 225px;
		float: left;
	}

	#on-this-page ul {
		list-style: none;
		margin: 9px 0 0 10px;
	}

	#on-this-page ul li {
		list-style: none;
		margin: 0 0 .9em 0;
	}

	/* -- links -- */
	#at-a-glance a:link,
	#at-a-glance a:visited	{color: #9F6706; text-decoration: underline;}
	#at-a-glance a:hover,
	#at-a-glance a:active,
	#at-a-glance a:focus		{color: #442D06; text-decoration: underline;}


/* -- main content -- */
	#inner-content {
		clear: right;
		margin: 0 0 0 20px;
		width: 665px;
		font-size: 12px;
	}

	#inner-content h2 {
		font-size: 12px;
		line-height: 17px;
		width: 430px;
	}

	#inner-content h3 {
		font-size: 11px;
		line-height: 16px;
		width: 430px;
		margin-top: 1em;
	}

	#inner-content p {
		width: 430px;
		margin-bottom: 1.2em;
	}

	#inner-content p.back-to-top {
		padding: 4px 0 0 0;
	}



	#inner-content ul {
		width: 415px;
		margin: 0 0 1em 15px;
	}

	#inner-content ul  li {
		margin: 0 0 1em 0;
	}


	#inner-content ul p {
		width: 415px;
	}

	#inner-content p b,
	#inner-content p strong {
		font-size: 12px;
	}

	/* -- media -- */
		.media {
			width: 430px;
			font-size: 11px;
			line-height: 16px;
			background-color: #f6f3e7;
			padding: 7px 0 9px 0;
			margin: 0 0 1.6em 0;
		}

		#inner-content .media img {
			float: left;
			margin-top: 2px;
		}

		#inner-content .media h2 {
			width: 313px;
			margin: 0 0 0 110px;
			font-size: 11px;
		}

		#inner-content .media h2 small {
			color: #666;
			font-weight: normal;
			font-size: 10px;
		}

		#inner-content .media .m-hold {
			width: 313px;
			margin: 0 0 0 110px;
		}

		#inner-content .media p {
			width: 313px;
			margin: 0 0 0 0;
		}


/* -- seach inner -- */
	#sbox-inner {
		background: #F6F3E7;
		padding: 10px 8px 15px 8px;
		font-size: 11px;
		margin: 0 0 20px 0;
	}

	.search-results {
		color: #999;
	}
	.search-results li {
		margin-bottom: .6em;
	}

	#sbox-inner  p {
		margin: 1em 0 0 0;
		clear: left;
	}

	.p-s-nav {
		font-size: 11px;
		margin: 2em 0 2em 0;
	}

	#sbox-inner label {
		font-weight: bold;
		float: left;
		margin-right: 5px;
		font-size: 11px;
		margin-right: 15px;
	}

	#sbox-inner input#i-f-q {
		width: 140px;
		float: left;
		background-color: #fff;
		border: 1px solid #ccc;
		line-height: 2em;
		height: 1.3em;
		line-height: 1.3em;
		padding: 2px;
		vertical-align: middle;
		margin-right: 5px;
		margin-bottom: 15px;
	}

	#sbox-inner input#i-f-go {
		vertical-align: middle;
	}

	.h-search-r  {
		margin-bottom: 1em;
	}
	.h-search-r small {
		color: #666;
	}


/* -- lvl 3 -- */


	#lvl3-main {
		width: 413px;
		padding-top: 3px;
	}

	#lvl3-main .rte {
		margin-bottom: 1em;
	}

	#inner-content #lvl3-featured {
		width: 225px;
		float: right;
		font-size: 11px;
		background-color: #F6F3E7;
		padding-bottom: 3px;
		line-height: 16px;
	}

	#inner-content #lvl3-featured p,
	#inner-content #lvl3-featured h2,
	#inner-content #lvl3-featured h3 {
		margin: 0 0 1em 0;
		width: 205px;
	}

	#inner-content #lvl3-featured h2,
	#inner-content #lvl3-featured h3 {
		margin: 0 0 0 0;
		font-size: 11px;
		line-height: 16px;
	}

	#inner-content #lvl3-featured h2{
		width: 210px;
		padding: 5px 0 3px 10px;
		margin: 0 0 14px 0;
		color: #333;
		font-size: 11px;
		background: transparent url(../i/bar_other.gif) no-repeat bottom left;
	}

	#inner-content #lvl3-featured .lvl3-content {
		padding: 0 0 0 10px;
	}

	#inner-content #lvl3-featured .lvl3-content  h2 {
		background: none;
		padding: 0 0 0 0;
		margin: 0 0 .1em 0;
	}

	#inner-content #lvl3-featured .lvl3-content .sidebar,
	#inner-content #lvl3-featured .lvl3-content .sidebar-image {
		width: 215px;
		float: right;
		clear: right;
		margin: 0 0 .1em 0;
		font-size: 11px;
		line-height: 16px;
	}

	#inner-content #lvl3-featured h3 small {
		color: #666;
		font-weight: normal;
		font-size: 10px;
	}

/* -- sidebars -- */
	#inner-content .sidebar,
	#inner-content .sidebar-image {
		width: 215px;
		float: right;
		clear: right;
		margin: 3px 0 2em 0;
		font-size: 11px;
		line-height: 16px;
	}

	#inner-content .sidebar  {
		width: 225px;
	}

	#inner-content .sidebar p,
	#inner-content .sidebar-image p {
		margin: 0 0 2em 0;
		width: 208px;
	}

	p.image-credit,
	#inner-content .sidebar-image p.image-credit {
		font-size: 10px;
		color: #7f7f7f;
		line-height: 15px;
		margin-top: -2.1em;
	}

	#inner-content .sidebar h2 {
		width: 215px;
		padding: 0 0 3px 10px;
		margin: 0 0 7px 0;
		color: #333;
		font-size: 11px;
		background: transparent url(../i/bar_other.gif) no-repeat bottom left;
	}

	#inner-content .sidebar h3 {
		width: 215px;
	}

	#inner-content .sidebar ul {
		width: 215px;
	}

	#inner-content .sidebar ul {
		list-style: none;
		margin: 0 0 0 10px;
	}

	#inner-content .sidebar p {
		margin: 0 0 .2em 10px;
	}

	#inner-content .sidebar ul li {
		margin: 0 0 .7em 0;
	}

/* -- last-reviewd -- */
	p.last-review {
		font-size: 11px;
		color: #999;
		margin-top: -3px;
	}

/* -- did-you-know -- */
	.did-you-know {
		position: absolute;
		top: 0;
		left: 688px;
		width: 225px;
	}

	.did-you-know h2 {
		height: 32px;
		background: transparent url(../i/bg_how.gif) no-repeat top left;
		overflow: hidden;
		text-indent: -9000px;
	}

	.did-you-know h2.h-dyk {
		background: transparent url(../i/bg_know.gif) no-repeat top left;
	}

	.did-you-know h2.h-aae {
		background: transparent url(../i/bg_expert.gif) no-repeat top left;
	}
	.did-you-know h2.h-how {
		background: transparent url(../i/bg_how.gif) no-repeat top left;
	}

	.did-you-know p {
		font-size: 11px;
		line-height: 18px;
		padding: 0 10px 0 10px;
		color: #604118;
	}


	/* -- links -- */
	.did-you-know a:link,
	.did-you-know a:visited	{color: #604118; text-decoration: underline;}
	.did-you-know a:hover,
	.did-you-know a:active,
	.did-you-know a:focus		{color: #281904; text-decoration: underline;}


/* -- footer -- */

	#footer {
		padding: 40px 0 114px 0;
		width: 450px;
	}

	#footer-logos {
		padding: 0 0 3px 20px;
	}

	#footer-logos a.harvard,
	#footer-logos a.wgbh {
		display: block;
		width: 53px;
		height: 60px;
		float: left;
		overflow: hidden;
		background: transparent url(../i/logo_harvard.gif) no-repeat bottom left;
		text-indent: -9000px;
	}

	#footer-logos a.wgbh {
		width: 65px;
		height:25px;
		background: transparent url(../i/logo_wgbh.gif) no-repeat -7px -25px;
	}

	#footer-logos p{
		clear:left;
		margin: 0 0 10px 0px;
		font-size: 11px;
		line-height: 16px;
		color: #999;
	}

	p#footer-copy {
		margin: 0 0 19px 20px;
		font-size: 11px;
		line-height: 16px;
		color: #ccc;
	}

	p#footer-links {
		font-size: 10px;
		border-top: 1px solid #9fb3d2;
		padding: 3px 0 0 20px;
		line-height: 15px;
		color: #666;
	}

	/* -- links -- */
	#footer a:link,
	#footer a:visited	{color: #333; text-decoration: none;}
	#footer a:hover,
	#footer a:active,
	#footer a:focus		{color: #333; text-decoration: underline;}

/* -- glossary -- */
	.glossary-defn-tip {
		color: #333;
		width: 263px;
		z-index: 13000;
		padding: 3px 0 0 0;
	}

	.glossary-defn-title {
		font-weight: bold;
		font-size: 11px;
		line-height: 16px;
		margin: 0;
		color: #333;
		padding: 3px 6px 0 10px;
		background: #DFEAFA;
		/** background: #C8D2E1;	**/
		/** border-bottom: 1px solid #fff; **/
	}

	.glossary-defn-text {
		font-size: 11px;
		padding: 0 8px 12px 10px;
		line-height: 16px;
		background: #DFEAFA;
	}

	/* -- links -- */
	a.glossary { cursor: default; }
	a.glossary:link,
	a.glossary:visited	{ color:#333; text-decoration: none; background: #DFEAFA;}
	a.glossary:hover,
	a.glossary:active,
	a.glossary:focus		{color:#333; text-decoration: none; background: #DFEAFA;}

/* -- icons -- */

	a.enlarge {
		background: transparent url(../i/icon_enlarge.gif) no-repeat right 3px;
		padding: 0 15px 0 0;
	}

	a.enlarge_glossary {
		background: transparent url(../i/icon_image.gif) no-repeat right 3px;
		padding: 0 19px 0 0;
	}


	a.interactive {
		background: transparent url(../i/icon_interactive.gif) no-repeat right 1px;
		padding: 0 20px 1px 0;
	}

	a.video {
		background: transparent url(../i/icon_video.gif) no-repeat right 3px;
		padding: 0 20px 0 0;
	}


/* -- media index -- */

	#inner-content  ul.ul-media {
		list-style: none;
		margin: 0 0 2em 0;
	}

	#inner-content ul.ul-media li {
		margin: 0 0 .2em 0;
	}

	#inner-content .media-index-holder h2 {
		font-size: 14px;
		margin: 2em 0 0 0;
	}

	#inner-content .media-index-holder h3 {
		margin: 2em 0 2em 0;
		color: #333;
		/** background: transparent url(../i/bar_other.gif) no-repeat scroll left bottom;
		padding-bottom: 3px; **/
	}

	#inner-content  .media-index-holder .media {
		background-color:#fff;
		padding:0;
		width:430px;
		margin-bottom: 1.8em;
	}

	#inner-content  .media-index-holder .media h2 {
		width: 313px;
		margin: 0 0 3px 110px;
		font-size: 11px;
	}

/* -- quiz --*/
	.radio_on 		{background: url(../i/radio_on.gif);}
	.radio_off		{background: url(../i/radio_off.gif);}
	.qcheck			{background-repeat: no-repeat;padding:3px 20px; font-size: 10px; font-weight: bold; }
	#quiztable td { vertical-align: top; }
	.quizhide { display: none; }
	.quizshow h2 { display: none; }
	.quizshow p { font-size: 11px; font-weight: bold;  }
	#qbox { margin-bottom: 2em; }
	.quizanswer { margin-bottom: 2em;}


/* -- sitemap --*/
	#inner-content .sitemap ul { margin-top: 1em; font-size: 11px; }
	#inner-content .sitemap ul li { font-weight: bold; }
	#inner-content .sitemap ul ul { margin-bottom: 2em; }
	#inner-content .sitemap ul ul li {  font-weight: normal; margin-bottom: 2em; }
	#inner-content .sitemap ul ul ul { margin-bottom: .5em; margin-top: .5em; }
	#inner-content .sitemap ul ul ul li { margin-bottom: .5em; }
	#inner-content .sitemap .p-itl { margin-bottom: .5em; }

/* -- wmp captions --*/
		/**P {font-size: 10pt; font-family: sans-serif; font-weight: bold;}
		.ENUSCC {margin-left: 0; Name: English_Captions; lang: en-US-CC; color: white;}
		#Source {{margin-left: 0; font-family: sans-serif; color: silver; text-align: left;}
		**/

		/** #wrapper #captions p { text-align: center; margin: 0 0 0 0; font-size: 10px; line-height: 1.6em;}
		#wrapper #captions p.ENUSCC { text-align: center; margin: 0 0 0 0; font-size: 10px; line-height: 1.6em;} **/

/* -- links -- */
	a:link,
	a:visited	{color: #9F6706; text-decoration: underline;}
	a:hover,
	a:active,
	a:focus		{color: #442D06; text-decoration: underline;}

/** self clearing **/
	.media,
	#footer-logos,
	#at-a-glance { overflow : hidden;}
/** 	#at-a-glance { overflow : hidden; _height : 1%; }	 **/




lay: none; }
	.quizshow p { font-size: 11px; font-weight: bold;  }
	#qbox { margin-bottom: 2em; }
	.quizanswer { margin-bottom: 2em;}


/* -- sitemap --*/
	#inner-content .sitemap ul { margin-top: 1em; font-size: 11px; }
	#inner-content .sitemap ul li { font-weight: bold; }
	#inner-content .sitemap ul ul { margin-bottom: 2em; }
	#inner-content .sitemap ul ul li {  font-weight: normal; margin-bottom: 2em; }
	#inner-content .sitemap ul ul ul { margin-bottom: .5em; margin-top: .5em; }
	#inner-content .sitemap ul ul ul li { margin-bottom: .5em; }
	#inner-content .sitemap .p-itl { margin-bottom: .5em; }

/* -- wmp captions --*/
		/**P {font-size: 10pt; font-family: sans-serif; font-weight: bold;}
		.ENUSCC {margin-left: 0; Name: English_Captions; lang: en-US-CC; color: white;}
		#Source {{margin-left: 0; font-family: sans-serif; color: silver; text-align: left;}
		**/

		/** #wrapper #captions p { text-align: center; margin: 0 0 0 0; font-size: 10px; line-height: 1.6em;}
		#wrapper #captions p.ENUSCC { text-align: center; margin: 0 0 0 0; font-size: 10px; line-height: 1.6em;} **/

/* -- links -- */
	a:link,
	a:visited	{color: #9F6706; text-decoration: underline;}
	a:hover,
	a:active,
	a:focus		{color: #442D06; text-decoration: underline;}

/** self clearing **/
	.media,
	#footer-logos,
	#at-a-glance { overflow : hidden;}
/** 	#at-a-glance { overflow : hidden; _height : 1%; }	 **/

/** bookmarking **/

#bookmarking_list{

	}

#bookmarking_list.inactive{
		display:none;
	}