/*
-----------------------------------------------
WGBH interactive
jon_whitney at wgbh.org


- This contains styles for layout of all pages (template)
-- does NOT contain internal content 
----------------------------------------------- */



/*
-----------------------------------------------
globally set everything to 0 
----------------------------------------------- */

*, td, img  { margin: 0; padding: 0; } 



a {
	text-decoration: none;
	color: #1A40AF;
}

a:hover {
	color: #D75752;
	text-decoration: underline;
}




/*
-----------------------------------------------
body
----------------------------------------------- */

body    { font: 80%/1.45em verdana, arial, sans-serif; padding-bottom: 1.5em;  }


#homebody {
	background-image: url(../images/home/bg_rule.gif); 
	background-repeat: repeat-x; 
}

#innerbody {
	background-color: #fafaef;
}


/*
-----------------------------------------------
containers
----------------------------------------------- */

.container {
	margin: auto;
	width: 750px;
}


.containerscontainer {
	width: 497px; 
	margin-left: 0; 
	float: left; 
	display: inline;
}


.leftcontainer {
	width: 99px;
	float: left;
	display: inline;
}

.familyindex {
	margin-left: 39px;
	margin-top: 3px;
}

.centercontainer {
	width: 398px;
	background-image: url(../images/site/rule_vertical.gif); 
	background-repeat: repeat-y; 
	float: left;
	display: inline;
}

.centercontainer a {
	text-decoration: underline;
}

.centercontainer p, .centercontainer ul {
	color: #333;
	margin-bottom: 1em;
	padding-right: 12px;
}

.centercontainer p.topstrike {
	background-image: url(../images/site/rule_horizontal.gif); 
	background-repeat: no-repeat; 
	padding-top: 2px;
}

.centercontainer p.lastp {
	margin-bottom: 0;
}



.centercontainer h3.topstrike {
	padding-top: 22px;
	background-image: url(../images/site/rule_horizontal.gif); 
	background-repeat: no-repeat; 
}

.rightcontainer {
	width: 251px;
	float: left;
	display: inline;
	overflow: hidden;
}

#firstquote {
	margin-top: -17px;
}

.rightcontainer p, .rightcontainer ul, .rightcontainer h4 {
	margin-left: 14px;
	font-size: .9em;
}

.rightcontainer ul.topstrike {
	background-image: url(../images/site/rule_side.gif); 
	background-repeat: no-repeat; 
}

.rightcontainer a {
	color: #666;
	text-decoration: underline;
}


.rightcontainer img#button_enlarge1 {	margin-bottom: -22px; }
.rightcontainer img#button_enlarge2 {	margin-bottom: -22px; }
.rightcontainer img#button_enlarge3 {	margin-bottom: -22px; }
.rightcontainer img#button_enlarge4 {	margin-bottom: -22px; }
.rightcontainer img#button_enlarge5 {	margin-bottom: -22px; }
.rightcontainer img#button_enlarge6 {	margin-bottom: -22px; }
.rightcontainer img#button_enlarge7 {	margin-bottom: -22px; }

.pagebotnavcontainer {
	width: 398px;
	float: left;
	display: inline;
}

.pagebotnavcontainer p {
	font-size: 1em; 
	color: #333;
	margin-bottom: 1em;
	padding-right: 12px;
}

.pagebotnavcontainer a {
	text-decoration: underline;
}


.pagebotnavleft {
	float: left;
	display: inline;
}

.pagebotnavright {
	float: right;
	display: inline;
	text-align: right;
	margin-right: 5px;
}


#homecontainer { 
	background-image: url(../images/home/bg.jpg); 
	background-repeat: no-repeat; 
	height: 735px;
}

#overcontainer { 
	width: 748px;
	background: #fff;
	background-image: url(../images/overview/bg_overview.jpg); 
	background-repeat: no-repeat; 
	border-left: 1px solid #EEEADC;
	border-right: 1px solid #EEEADC;
}

#childcontainer { 
	width: 748px;
	background: #fff;
	background-image: url(../images/child/bg_child.jpg); 
	background-repeat: no-repeat; 
	border-left: 1px solid #EEEADC;
	border-right: 1px solid #EEEADC;
}

#medcontainer { 
	width: 748px;
	background: #fff;
	background-image: url(../images/medical/bg_med.jpg); 
	background-repeat: no-repeat; 
	border-left: 1px solid #EEEADC;
	border-right: 1px solid #EEEADC;
}

#sitecontainer { 
	width: 748px;
	background: #fff;
	background-image: url(../images/site/bg_site.jpg); 
	background-repeat: no-repeat; 
	border-left: 1px solid #EEEADC;
	border-right: 1px solid #EEEADC;
}

#familycontainer { 
	width: 748px;
	background: #fff;
	background-image: url(../images/families/bg_fam.jpg); 
	background-repeat: no-repeat; 
	border-left: 1px solid #EEEADC;
	border-right: 1px solid #EEEADC;
}


/*
-----------------------------------------------
navigation
----------------------------------------------- */


.gohome {
	float: left; 
	display: inline; 
	margin-left: 22px;
}

.topnav p {
	padding-top: 5px;
	color: #999999;
}

.botnav p, .bar {
	color: #999999;
}

.topnav a, .botnav a {
	color: #5D4F3F;
	text-decoration: none;
}

 .topnav a:hover, .botnav a:hover, #innertopnav a:hover,  #innerbotnav a:hover {
 	text-decoration: underline;
 }

.pagenav {
	margin-left: 24px;
	margin-top: 8px;
	color: #D75752;
}

#familysubtitle {
	font-size: 1.1em;
	color: #5f5f5f;
}

#familyvidintro {
	padding-bottom: 6px;
}

.pagenav a {
	text-decoration: underline;
}

.innersectionnav {
	clear: both;
	overflow: hidden;
	margin-left: 19px;
	width: 729px;
	height: 73px;
}

.innersectionnav p {
	color: #999999;
	margin-top: 3px;
	margin-left: 5px;
	font-size: 1em;
}


#thissection, #thispage {
	color: #D75752;
	text-decoration: none;
}


#mednav p {
	margin-left: 150px;
}


#overnav ul {
	float: left; display: inline; margin-right: 30px; margin-top: 3px; margin-left: 5px;
}

#overnav li {
	float: left; display: inline; margin-left: 0px; line-height: 1.2em; margin-top: .1em;
}

#familiesnav p {
	text-align: right; margin-right: 10px; 
}

#childnav ul {
	float: right; display: inline; margin-right: 30px; margin-top: 3px;
}

#childnav li {
	float: left; display: inline; margin-left: 0px; line-height: 1.2em; margin-top: .1em;
}

.familynav {
	text-align: right;
	margin-right: 10px;
}

#hometopnav {
/* 	font-family: Arial, Helvetica, sans-serif; */
/* 	padding-top: 5px; */
	margin-right: 11px;
/* 	margin-bottom: 166px; */
	font-size: .8em;
	float: right;
	display: inline;
}

#homelinkable {
	float: left;
	display: inline;
	margin-left: 20px;
}

#innertopnav {
	float: right;
	display: inline;
	font-size: .8em;
	text-align: right;
	margin-right: 10px;
	height: 54px;
}

.botnav {
	float: right;
	display: inline;
}

#homebotnav {
/* 	font-family: Arial, Helvetica, sans-serif; */
	clear: both;
	margin-right: 11px;
	font-size: .8em;
}

#innerbotnav {
	float: right;
	display: inline;
/* 	margin: auto; */
	font-size: .8em;
	text-align: right;
	margin-right: 11px;
}

.familystorynav {
/* 	margin-left: 9px; */
	margin-top: -14px;
	float: left;
	display: inline;
	clear: both;
	width: 750px;
	overflow: hidden;
	height: 70px;
}


.page-navs {
	color: #999999;
	margin-top: 7px;
	margin-left: 2px;
}


.page-navs-bottom {
	color: #1A40AF;
	float: right;
	display: inline;
	margin-right: 11px;
}


/*
-----------------------------------------------
homepage
----------------------------------------------- */

.familyphoto {
	margin-left: 10px;
	float: left;
	display: inline;
	font-size: .87em;
}

.familyphoto p {
	text-align: center;
}

#firstfamily {
	padding-left: 9px;
}

.famstories {
	position: relative;
	left: 490px;
	width: 262px;
}

.homeright {
	float: left;
	display: inline;
	width: 260px;
	margin-top: -17px;
}

.homeright p {
	margin-left: 15px;
	color: #5D4F3F;
	font-size: .9em;
}


.homebucket {
	float: left;
	display: inline;
}

#bucket_over {
	clear: both;
	margin-left: 19px;
	width: 162px;
}

#bucket_over p {
	margin-left: 4px;
}

#bucket_med {
	background-image: url(../images/home/rule_med.gif); 
	background-repeat: no-repeat; 
	width: 162px;
}


#bucket_child {
	background-image: url(../images/home/rule_child.gif); 
	background-repeat: no-repeat; 
	width: 161px;
}


.homebucket p {
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 3px;
	font-size: 1em;
	line-height: 14px;
}

p.topbucket {
	margin-top: 4px;
}

.brainbucket {
	float: left;
	display: inline;
	overflow: hidden;
	height: 259px;
}

#homebreak {
	height: 20px;
}

#homebreak1 {
	height: 175px;
}

.blurbarea {
	clear: left;
	margin-left: 23px;
	font-size: .9em;
	color: #D75752;
	height: 27px;
}

.blurbarea p {
	margin-top: 0;
	padding-top: 0;
}

.famblurb { 
	clear: left;
	float: right;
	margin-top: 1px;
	margin-right: 10px;
	display: inline;
	font-size: .9em;
	color: #D75752;
	width: 500px;
	text-align: right;
}

.famblurb p {
	margin-top: 0;
	padding-top: 0;
}


/*
-----------------------------------------------
page content
----------------------------------------------- */

.headerblock {
	clear: both;
	height: 53px;
	margin-left: 23px;
}

#familyheader {
	height: 74px;
}

#mapheader {
	height: 48px;
}

#siteheader {
	height: 46px;
}

#glossheader {
	height: 69px;
}

h1 {
	font-size: 1.9em;
	font-weight: normal;
	color: #9F9F9C;
}


.sub-title {
	margin-left: 1px;
	padding-top: 7px;
	font-size: 1.1em;
	color: #727272;
}


h2 { 
	margin-top: 20px;
	font-weight: bold;
	font-size: 1em; 
	color: #333;
	line-height: 1.1em;
}

#firsth2 {
	margin-top: 0;
}

.familyindexh2 {
	margin-top: 0;
}

.videoh2 {
	margin-top: 0;
	width: 398px;
	border-bottom: 1px solid #d8d6d9;
	line-height: 1.1em;
}

.glossp {
	padding-top: 5px;
}

#toph2 {
	margin-top: 0;
	margin-left: 99px; 
}

h3 { 
/* 	margin-top: 15px; */
	padding-top: 8px;
	font-weight: bold; 
	font-style: italic; 
	line-height: 1.1em;
	font-size: 1em; 
	color: #333;
}

.aftervideo {
	padding-top: 13px;
}

.fsh2 {
	padding-top: 7px;
	line-height: 1.3em;
}

.fsh22 {
	padding-top: 8px;
}

h4 { 
	font-weight: bold; 
	font-size: .9em; 
	color: #666;
	line-height: 1em;
}

p.reviewed {
	font-size: .8em;
	color: #999999;
	margin-bottom: 0;
	padding-bottom: 0;
}

a.glossary:link, a.glossary:visited, a.glossary:hover, a.glossary:active, a.glossary:focus { 
	color: #4C3960; 
	background-color: #DDE5FA; 
	text-decoration: underline; 
}    

p.caption {
	font-size: 0.8em;
	width: 187px;
	margin: 4px 9px;
	line-height: 1.4em;
	color: #000;
}


.familyquote {
	width: 397px;
	background-image: url(../images/families/q_bg_middle.gif); 
}

.familyquote p {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.fqtop {
	background-image: url(../images/families/q_bg_top.gif); 
	height: 7px;
}

.fqbot {
	background-image: url(../images/families/q_bg_bottom.gif); 
	height: 8px;
}


ul, ol {
	margin-top: normal;
	padding-bottom: normal;
}



li {
	margin-left: 20px;
	color: #333;
}

.articlejump a {
	color: #666;
}

.articlejump a:hover {
	color: #333;
}

.topoftext {
	padding-top: 3px;
}

.glossary-gutter {
	padding-left: 39px;
	margin-top: 5px;
}


/*
-----------------------------------------------
utilities
----------------------------------------------- */

.mghbanner {
	margin: auto;
	width: 750px;
	padding: 0;
}


.divclearer {
	margin: 0;
	padding: 0;
	height: 0;
	line-height: 0;
	clear: both;
}

.divclearer p {
	height: 0;
}

.cd13 { 	padding-top: 13px; }
#cd19 { 	padding-top: 19px; }
#cd21 { 	padding-top: 21px; }
#cd22 { 	padding-top: 22px; }
#cd29 { 	padding-top: 29px; }
#cd48 { 	padding-top: 48px; }

#clearinnertopnav {
	margin-top: 10px;
}

.height1 {
	height: 1px;
}


.botspace {
	margin: auto;
	width: 750px;
	padding-bottom: 5px;
	color: #5D4F3F;
}

.botimage {
	margin-bottom: 5px;
}

.copyright {
/* 	margin-left: 99px; */
/* 	float: left; */
/* 	display: inline; */
	margin-left: 25px;
	font-size: .8em;
	line-height: 17px;
}

.copyright a {
	color: #5D4F3F;
	text-decoration: none;
}

.copyright a:hover {
	color: #5D4F3F;
	text-decoration: underline;
}

/*
-----------------------------------------------
video voodoo
----------------------------------------------- */  



.content-videowrap {
	width: 496px;
	min-height: 84px;
	background-image: url(../images/video/v_bg.jpg);
	background-repeat: repeat-y;
	margin: 0 0 0 -99px;
	position: relative;
}

.content-videowrap-index {
	width: 476px;
	min-height: 84px;
	margin: 0 0 0 -79px;
	position: relative;
}

.content-videowrap-index1 {
	width: 478px;
/*	margin: -30px 0 -30px -80px;
	margin-top: -30px; */
	margin-top: 3px;
	margin-left: -80px;
	position: relative;
	overflow: visible;
	clear: all;
}


.content-videospan {
	margin-top: -17px;
	margin-left: 17px;
	width: 466px;
}

.content-videospan a {
	text-decoration: underline;
}
 
.content-videospan-index {
	margin-left: 17px;
	overflow: visible;
	width: 446px;
}

.content-videospan img {
	float: left;
	display: inline;
	height: 70px;
	margin-top: -1px;
	margin-left: -4px;
	padding: 6px 0 0 6px;
}

.content-videospan-index img {
	float: left;
	display: inline;
	height: 50px;
	margin-top: 1px;
	margin-left: -3px;
	overflow: visible;
	padding: 6px 0 0 6px;
}

.content-videospan p {
	margin-left: 82px;
/* 	margin-top: -3px; */
	padding-top: 3px;
	width: 371px;
}

.content-videospan-index p {
	margin-left: 63px;
	margin-top: -3px;
	padding-top: 4px;
	overflow: visible;
	width: 371px;
}

.videolead {
	height: 0px;
}

.videolead2 {
	height: 7px;
}

.video-profilecontainer {
	width: 386px;
	text-align: right;
	margin-top: 0px;
}


.video-image {
	border: 1px solid #d1d1d1;
}


h2.videoindex { margin-top: 40px; }




.video-container    { margin-top: 0px; text-align: left; }


.video-container h3 { padding: 7px 0 5px 0px; }
#video-holder      { padding: 0px; border: 1px solid #d1d1d1; width: 384px;}
#video-holder img.padright { padding-right: 8px; }
#captions-ie		{ height: 2em; }


table#vid-controls { padding: 0; margin: 0 0 0 61px; width: 325px; height: 44px; background: transparent url(../images/video/bg_all_options.gif) no-repeat top right; }
table#vid-controls td { padding: 0 1px 1px 1px; margin: 0;  text-align: right;}
table#vid-controls th { padding: 0 1px 1px 1px; margin: 0; }
table#vid-controls img { vertical-align: bottom; }
table#vid-controls img.padright { padding-right: 8px; }


table#change-controls
{
	padding: 0;
	margin: 0 0 0 165px;
	width: 227px;
	height: 20px;
	background-image: url(../images/video/bg_change_settings.gif);
	background-repeat: no-repeat;
	background-position: 60px;
}
table#change-controls td { padding: 0; margin: 0; text-align: right;}
table#change-controls img { padding: 4px;  }
table#change-controls img.padright { padding-right: 8px; }

table#play-controls-nobutton { padding: 3px 0 0 3px; margin: -3px 0 0 119px; width: 270px; height: 20px; background: transparent; }
table#play-controls-nobutton td { padding: 0px; margin: 0; }
table#play-controls-nobutton img { vertical-align: bottom; }
table#play-controls-nobutton img.padme { padding: 4px; }

table#play-controls { padding: 1px; margin: 0 0 0 117px; width: 270px; height: 20px; background: transparent url(../images/video/bg_settings_withplaybut.gif) no-repeat top left; background-position: -20px;}
table#play-controls td { padding: 0px; margin: 0; }
table#play-controls img { vertical-align: bottom; margin-top: -2px; }
table#play-controls img.padme { padding: 4px; }


/** override sami **/
div#captions-ie   { font-size: .9em; font-family: sans-serif; font-weight: bold; margin-left: 0; font-family: sans-serif; color: silver; text-align: center; background-color: #000;}
div#captions-ie p.ENUSCC { font-size: .9em; font-family: sans-serif; font-weight: bold; margin-left: 0; font-family: sans-serif; color: silver; text-align: center; background-color: #000;}