/* -- initialize base -- */
	*, td, img		{ margin : 0; padding : 0 }
	form, fieldset	{font: 100%/120% verdana, arial, sans-serif }
	p				{ margin: 0 0 1em 0; padding: 0 0 0 0 }

	form label	{ cursor: pointer }
	fieldset	{ border: none }
	input, select, textarea { font-size: 11px; }

	h3 { font-size: 1em;}

/* -- body -- */
	body	{ background: #fff; color: #333; font: 70%/1.4em verdana, arial, sans-serif;}
	#dsm-h	{ background: #3D6275 url(../i/home-bg.gif) repeat-y top left; color: #f3f5dd; }
	#dsm-i	{ background: #fff url(../i/internal-bg.gif) repeat-y top left;}


/* -- [ general ]
-----------------------------------------------*/
	#content-text ul { margin-top: 1em; margin-left: 15px; }
	#content-text ul li { margin-bottom: .2em; }
	.show-all { font-size: .9em; color: #82886f;}
	p.caption-text  { font-size: .9em; color: #82886f; margin: .5em 1em 0 1em; text-align: center;}
	p.back-to-top { text-align: right;}

/* -- [ contact form ]
-----------------------------------------------*/
	.contact-form input { background-color: #DAE3E8; width:240px; line-height: 1.4em; font-size: 0.9em; padding: 3px; margin-top: 3px;  }
	.contact-form input.sbutt { width: 50px; background: #fdfdfa url(../i/button-bg.gif) repeat-x bottom left;  padding: 2px; color: #666; text-transform: lowercase; font-size: 0.9em;  }

	.contact-form select { width:240px; border: 1px solid #DAE3E8;margin-top: 3px;}
	.contact-form select option { padding: 2px; }
	.contact-form textarea { width:470px; background-color: #DAE3E8; padding: 8px;margin-top: 3px; font-size: 11px;}

	.contact-form label {  }
	.message { background: #F3F5DA; color: #900; font-size: 0.9em; padding: 10px; border: 1px solid #BCB990; line-height: 1.8em;}

	.req-fields { margin-bottom: 1em; }
	span.req { color: #ad3333; }
	span.c-info {color: #82886f; font-size: 0.9em; }


/* -- [ events ]
-----------------------------------------------*/
	#event-calendar { border-collapse: collapse; background-color: #eaf0f2; font-size: 1em; width:155px; float: left; margin-right: 25px; font-family: georgia,serif; color: #333; margin-bottom: 15px;}
	#event-calendar th { padding: 2px; }
	#event-calendar th.cal-day { background-color: #bbd1d5; font-family: georgia,serif;}
	#event-calendar td { text-align: center; padding: 2px; }
	#event-calendar td.cal-hil { background-color: #ad3333; color: #fff; font-weight: bold; }
	#evn-hilite { margin-left: 180px;}
	h2.evn-title { font: 14px/16px georgia,serif; font-weight: normal; color: #82886f; text-transform: uppercase; margin-bottom: 1em;}

	#evn-filter { width: 180px; font-size: 0.9em; float: left; color: #959D86;}
	#evn-content	{ margin-left: 180px;}

	#evn-hilite  strong.cal-date,
	#evn-content  strong.cal-date { font: 12px/14px georgia,serif; font-weight: normal; color: #82886f;}

	#evn-hilite  p.cal-date-on strong.cal-date,
	#evn-content p.cal-date-on strong.cal-date { color: #82886f; border-left: 14px solid #ad3333; padding-left: 7px; }

	#evn-hilite  em.cal-type,
	#evn-content  em.cal-type{ font: 11px/14px georgia,serif; font-weight: normal; color: #82886f; text-transform: uppercase;}



	#evn-filter ul { margin-left: 0; width: 150px; }
	#evn-filter li { margin-left: 15px; }


/* -- [ news ]
-----------------------------------------------*/
	#news-nav { float: left; width: 110px; font-size: 0.9em; color: #959D86;}
	#news-nav ul { margin-left: 15px;}
	#news-content-int { margin-left: 135px;}
	#news-content-int strong.cal-date 	{ font: 12px/14px georgia,serif; font-weight: normal; color: #82886f;}
	#news-content-int em.cal-type 		{ font: 11px/14px georgia,serif; font-weight: normal; color: #82886f; text-transform: uppercase;}
	h2.news-title { font-size: 1.1em; margin-bottom: 1em;}
	span.news-type {font: 12px/12px georgia,serif; color: #82886f; text-transform: uppercase;display: block; margin: 0 0 10px 30px;}
	span.news-date {font: 14px/14px georgia,serif; color: #82886f; }

	#news-ext { background-color: #eaf0f2; border-top: 4px solid #bbb990; padding: 10px; margin-top: 15px; line-height:1.2em;       }

/* -- [ research ]
-----------------------------------------------*/
	h2.research-index { font-size: 1.1em; margin: 0; padding: 0;}
	p.research-posting {margin-bottom: 2em; color:#333; }
	strong.research-director {font-weight: normal;}
	em.research-inst { color: #333;  font-weight: normal; font-style: normal; }
	h2.research-title { font-size: 1.2em; margin-bottom: 1em;}
	#reseach-top { margin-bottom: 1em; border-bottom: 4px solid #EAEFF2; }
	#reseach-top p.research-posting {margin-bottom: 1em; color:#333; }

/* -- [ jobs ]
-----------------------------------------------*/
	h2.job-index { font-size: 1.1em; margin: 0; padding: 0;}
	p.job-posting {margin-bottom: 2em; color:#333; }
	p.job-posting em { font-style: normal;}
	em.job-date {font: 12px/14px georgia,serif; color: #82886f;  font-weight: normal; font-style: normal; }
	h2.jobs-title { font-size: 1.2em; margin-bottom: 1em;}
	h2.jobs-title  small { font-weight: normal; }
	span.jobs-date {font: 14px/14px georgia,serif; color: #82886f; }

/* -- [ peoples ]
-----------------------------------------------*/
	em.research-short { color: #82886f; }
	h2.index-letter { margin-bottom: .2em; font-size: .9em; color: #bbb990; margin-top: 1.5em; }

	h2.index-letter-aff { margin-bottom: 1em; margin-top: 1.5em; font-size: 1em;  }

	div.index-nav { letter-spacing: .2em; border-bottom: 4px solid #F2F5DA; font-weight: bold; font-size: 0.9em; margin-bottom: .2em; padding-bottom: .2em; color: #999; }
	div.index-affil-nav {  border-bottom: 4px solid #F2F5DA; font-size: 0.9em; margin-bottom: .2em; padding-bottom: .2em; color: #999; }
	#content-text div.index-affil-nav ul { list-style: none; margin-left: 0px; margin-top: 0; }
	div.index-affil-nav ul li {float: left; width: 250px;  }
	a.person-index { font-size: 1.2em;}
	.view-by { font-size: 0.9em; }

	#people-search { width: 176px; float: right; margin: 7px 0 15px 10px; background: #f7f8f4; font-size: 0.9em; border: 1px solid #D8E1DF; color: #467;}
	#people-search p { padding: 7px; margin-bottom: 0;}
	#people-search form { padding: 0 7px 7px 7px; margin-bottom: 0;}
	#people-search form input#p-q { border: 1px solid #b0b2b2; background-color: #dae3e9; padding: 2px; margin: 0 5px 0 0; width: 100px; }
	#people-search input#p-go {margin: 0 15px 0 0;  vertical-align: top;}

	.people-index #people-search { margin: 10px 80px 15px 1em; }
	p.sel-pubs { margin-bottom: 0;}

/* -- [ profiles ]
-----------------------------------------------*/
	h2.profile-per { font-size: 1.2em; margin-bottom: .8em; float: left;}
	img.profile-img { margin: 0 0 10px 10px; }
	div#profile-top { border-bottom: 4px solid #F2F5DA; margin-bottom: .8em; padding-bottom: .2em; margin-top: 25px; }

/* -- [ layout home  == body id = dsm-h ]
-----------------------------------------------*/

	#dsm-h #sidebar { width: 172px; margin-top: 32px; position: absolute; top: 0; left: 0; }
	#dsm-h #content { margin-left: 172px; }
	#dsm-h #content #left-content { width: 230px; float: left; }
	#dsm-h #content #news { width: 363px; margin-left: 270px; }

	/** blurb **/
	#dsm-h #blurb { letter-spacing: .5px; font: 14px/26px georgia,serif; margin: 0 0 30px 24px; }
	#dsm-h #blurb strong {font-size: 19px; font-weight: normal; }
	#dsm-h #blurb b {font-size: 19px; font-weight: normal; }


	/** heades c&e and n&e **/
	h2#he-c-e	{ position: absolute; margin-left: -29px; text-indent: -9000px; width:17px; height:185px; background-image: url(../i/home-events-verticle.gif); }
	h2#he-n-a	{ position: absolute; background-image: url(../i/home-news-verticle.gif); text-indent: -9000px; width:26px; height:239px;  }
/** 	h2#he-n-a	{ position: absolute; text-indent: -9000px; width:26px; height:239px; background-image: url(../i/home-news-verticle.gif); }  **/

	/** foot **/
	#dsm-h p.h-b-foot	{ margin: 2em 0 0 46px;font-size: .9em; width: 187px; }
	#dsm-h #h-calendar 	{ min-height: 200px; margin: 0 0 0 46px; width: 187px; border-top: 4px solid #518AA6; border-bottom: 4px solid #518AA6; padding: 18px 0 18px 0; }

	#dsm-h #h-calendar p 	{ margin-bottom: 1em;}
	#dsm-h strong.cal-date 	{ font: 12px/14px georgia,serif; font-weight: normal;}
	#dsm-h em.cal-type 		{ font: 11px/14px georgia,serif; font-weight: normal; color: #e0e2cc; text-transform: uppercase;}
	#dsm-h img.hr-tan 		{ margin-bottom: 1em;  }

	#news 			{ padding: 16px 0 0 0; background: transparent url(../i/home-news-paneltop.jpg) no-repeat top left; margin: 26px 0 0 0; }
	#news-mid  		{ min-height: 250px;  background: transparent url(../i/home-news-panelmid.jpg) repeat-y top left; padding: 0 0 18px 0; }
	#news-foot 		{ background: transparent url(../i/home-news-panelbot.jpg) no-repeat top left; height: 21px; }

	#news div.na 		{ margin-bottom: 18px; padding-bottom: 18px; background: transparent url(../i/home-hr-thick-blue.gif) no-repeat bottom left;}
	#news div.na-last	{ background-image: none; margin: 0 0 0 0; padding: 0 0 0 0;}

	#news div#top-text 		{ margin-bottom: 18px; padding-bottom: 18px; background: transparent url(../i/home-hr-thick-blue.gif) no-repeat bottom left;}
	#news div#bot-text 		{ margin-top: 18px; padding-top: 18px; background: transparent url(../i/home-hr-thick-blue.gif) no-repeat top left;}


	#news p 		{ margin: 0 0 5px 0; }
	#news-content	{ margin: 0 0 0 38px; width: 290px; }

	/** site header **/
	h1#h-home { background: transparent url(../i/home-logo-bg.gif) repeat-x top left; height: 142px; font-size: 1em;}
	h1#h-home span {background: transparent url(../i/home-logo-dsm.jpg) no-repeat top left; position: absolute; width: 633px; height: 142px; top: 0;}

	/*nav*/
	/** with understanding **/
	/** ul#h-nav { margin-bottom: 32px; } **/
	ul#h-nav { margin-bottom: 0px; }
	ul#h-nav li { text-indent: -9000px; }
	ul#h-nav li a { display: block; height: 27px; }


	#dsm-h li#n-ab a { background-image: url(../i/home-nav-about.gif) }
	#dsm-h li#n-ab,
	#dsm-h li#n-ab a:hover { background-image: url(../i/home-nav-about-h.gif) }

	#dsm-h li#n-pe a { background-image: url(../i/home-nav-people.gif) }
	#dsm-h li#n-pe,
	#dsm-h li#n-pe a:hover { background-image: url(../i/home-nav-people-h.gif) }

	#dsm-h li#n-wh a { background-image: url(../i/home-nav-what.gif) }
	#dsm-h li#n-wh,
	#dsm-h li#n-wh a:hover { background-image: url(../i/home-nav-what-h.gif) }

	#dsm-h li#n-re a { background-image: url(../i/home-nav-research.gif) }
	#dsm-h li#n-re,
	#dsm-h li#n-re a:hover { background-image: url(../i/home-nav-research-h.gif) }

	#dsm-h li#n-ed a { background-image: url(../i/home-nav-education.gif) }
	#dsm-h li#n-ed,
	#dsm-h li#n-ed a:hover { background-image: url(../i/home-nav-education-h.gif) }

	#dsm-h li#n-rs a { background-image: url(../i/home-nav-resources.gif) }
	#dsm-h li#n-rs,
	#dsm-h li#n-rs a:hover { background-image: url(../i/home-nav-resources-h.gif) }

	#dsm-h li#n-ne a { background-image: url(../i/home-nav-news.gif) }
	#dsm-h li#n-ne,
	#dsm-h li#n-ne a:hover { background-image: url(../i/home-nav-news-h.gif) }

	#dsm-h li#n-ca a { background-image: url(../i/home-nav-events.gif) }
	#dsm-h li#n-ca,
	#dsm-h li#n-ca a:hover { background-image: url(../i/home-nav-events-h.gif) }

	#dsm-h #sidebar div.understanding { margin: 0 12px 7px 12px; line-height: 1.6em; font-size: 1em }
	#dsm-h #sidebar div.understanding em { font-size: .9em; }

	#dsm-h #sidebar p.footer { margin: 18px 12px 25px 12px; }
	#dsm-h #sidebar p.affiliates { margin: 0 12px 5px 12px; }

/* --- [ site map]
-----------------------------------------------*/
	.sitemap-section { margin-bottom: 1.5em; }
	#content-text .content-sitemap ul li { margin-left: 20px; margin-top: .1em; }
	#content-text .content-sitemap ul,
	#content-text .content-sitemap ul ul,
	#content-text .content-sitemap ul ul ul,
	#content-text .content-sitemap ul ul ul ul,
	#content-text .content-sitemap ul ul ul ul ul { margin-top: .6em; margin-bottom: .6em; }


/* -- [ search ]
-----------------------------------------------*/
	#content-text .content-search ul 	{ padding: 0 0 0 0; margin: 0 0 1em 15px; list-style: circle;}
	#content-text .content-search ul li { padding: 0 0 0 0; margin: 0 0 .3em 0;}
	#content-text .content-search ul li p { margin-bottom: 1em; line-height: 1em;}
	#content-text .content-search ul li p small { color: #82886f; }
	#content-text .content-search h2 { font-size: 1.2em; margin-bottom: .7em; }
	#content-text .content-search h2.h2-search-int {margin-bottom: 0.2em}
	#content-text .content-search h2 em { font-size: 10px; font-weight: normal; color: #82886f; font-style: normal; }

	#content-text .content-search .search-info { border: 4px solid #E9EEF1; border-width: 4px 0 4px; padding: 8px 0 8px 0; margin-bottom: 2em; }
	#content-text .content-search .search-info p {  margin-bottom: 0; color: #82886f;}
	#content-text .content-search .search-info em {  color: #333; }
	form#sbox-internal { float: right; margin: 0; }
	form#sbox-internal label { color: #666; }
	form#sbox-internal input#f-i-q { border: 1px solid #b0b2b2; background-color: #dae3e9; padding: 2px; margin: 0 5px 0 0;  }
	form#sbox-internal input#f-i-go {margin: 0 15px 0 0;  vertical-align: top;}

	form#sbox-notfound { margin: 0; }
	form#sbox-notfound label { color: #666; }
	form#sbox-notfound input#f-n-q { border: 1px solid #b0b2b2; background-color: #dae3e9; padding: 2px; margin: 0 5px 0 0;  }
	form#sbox-notfound input#f-n-go {margin: 0 15px 0 0;  vertical-align: top;}

	form#home-sbox { position: absolute; left: 640px; top: 133px; width: 220px;}
	form#home-sbox label { color: #666; }
	form#home-sbox input#f-q { border: 1px solid #274756; background-color: #86A5B7; padding: 2px; margin: 0 5px 0 0; width: 110px; color: #274756; }
	form#home-sbox input#f-go {margin: 2px 15px 0 0;  vertical-align: top;}

	#content-text .content-search p.s-back { position: absolute; }

	.content-search strong.search-cal-date,
	.content-search strong.search-cal-date { font: 12px/18px georgia,serif; font-weight: normal; color: #82886f;}

	.content-search em.search-cal-type,
	.content-search em.search-cal-type{ font: 11px/18px georgia,serif; font-weight: normal; color: #82886f; text-transform: uppercase;}

/* -- [ layout internal  == body id="ds-i" ]
-----------------------------------------------*/

	form#sbox { float: right; margin: 6px 0 14px 0; }
	form#sbox input#f-q { border: 1px solid #b0b2b2; background-color: #dae3e9; padding: 2px; margin: 0 5px 0 0;  }
	form#sbox input#f-go {margin: 0 15px 0 0;  vertical-align: top;}

	#dsm-i #sidebar 	{ width: 182px; position: absolute; top: 0; left: 0; }
	#dsm-i #content 	{ margin: 0 0 0 182px; }
	#dsm-i #content-text{ width: 534px; margin: 0 0 1em 55px;}

	/* -- internal header -- */
	#dsm-i h1.h-internal { clear: right; font: 18px/1.4em georgia, serif; margin: 0 0 30px 30px; }
	#dsm-i h1.h-internal-people { margin: 0 0 5px 30px; }

	#dsm-i h1.h-internal span {   color: #8E977E;  border-bottom: 4px solid #F3F5DA; padding-bottom: .1em; line-height: 1.7em;  font-weight: normal; text-transform: uppercase; clear: right;}

	#dsm-i h1.h-internal-news { clear: right; font: 18px/1.4em georgia, serif; margin: 0 0 5px 30px; }
	#dsm-i h1.h-internal-news span {   color: #8E977E;  border-bottom: 4px solid #F3F5DA; padding-bottom: .1em; line-height: 1.7em;  font-weight: normal; text-transform: uppercase; clear: right;}


	div#i-b-foot{ border-top: 4px solid #F3F5DA; margin: 0 0 1em 55px; padding-top: 10px; font-size: 10px; color: #bbb990;}

	span#i-logo { display: block;  background: transparent url(../i/home-logo-bg.gif) repeat-x top left; height: 83px; font-size: .8em; color: #BBB990;}
	span#i-logo span {text-indent: -9000px; background: transparent url(../i/logo-dsm-inside.gif) no-repeat top left; position: absolute; width: 583px; height: 83px; top:0;}

	/* -- [nav] -- */
	/**ul#s-nav 	{ margin: 0 5px 10px 35px; font-size: 10px; color: #ABB6A3;}
	ul#s-nav li { list-style: disc; }
	ul#s-nav li.s-on { background-color: #203C48;}**/

	#see-also {background-color: #203C48; margin-top: 9px; padding-bottom: 10px;}
	#see-also ul{ margin: 0 10px 0 35px; font-size: 10px; color: #90A3A7; padding: 0 0 0 0;}
	#see-also li { list-style: disc; line-height:1.2em; padding-bottom:.5em;}
	#see-also h2 { text-indent: -9000px; background: transparent url(../i/nav-seealso.gif) no-repeat top left; height: 32px;}

	/** internal nav **/
	ul#i-nav li 	{ text-indent: -9000px; background-repeat: no-repeat;}
	ul#i-nav ul li	{ text-indent: 0px; line-height:1.2em; padding-bottom:.5em; }

	a.a-nav { display: block; height: 27px; }

	li#n-ho a.a-nav 		{ background-image: url(../i/nav-home.gif); height: 33px;}
	li#n-ho,
	li#n-ho a.a-nav:hover	{ background-image: url(../i/nav-home-h.gif) }

	li#n-ab a.a-nav 		{ background-image: url(../i/nav-about.gif) }
	li#n-ab,
	li#n-ab a.a-nav:hover	{ background-image: url(../i/nav-about-h.gif) }

	li#n-pe a.a-nav 		{ background-image: url(../i/nav-people.gif) }
	li#n-pe,
	li#n-pe a.a-nav:hover	{ background-image: url(../i/nav-people-h.gif) }

	li#n-wh a.a-nav 		{ background-image: url(../i/nav-what.gif) }
	li#n-wh,
	li#n-wh a.a-nav:hover	{ background-image: url(../i/nav-what-h.gif) }

	li#n-re a.a-nav 		{ background-image: url(../i/nav-research.gif) }
	li#n-re,
	li#n-re a.a-nav:hover	{ background-image: url(../i/nav-research-h.gif) }

	li#n-ed a.a-nav 		{ background-image: url(../i/nav-education.gif) }
	li#n-ed,
	li#n-ed a.a-nav:hover	{ background-image: url(../i/nav-education-h.gif) }

	li#n-rs a.a-nav 		{ background-image: url(../i/nav-resources.gif) }
	li#n-rs,
	li#n-rs a.a-nav:hover	{ background-image: url(../i/nav-resources-h.gif) }

	li#n-ne a.a-nav 		{ background-image: url(../i/nav-news.gif) }
	li#n-ne,
	li#n-ne a.a-nav:hover	{ background-image: url(../i/nav-news-h.gif) }

	li#n-ca a.a-nav 		{ background-image: url(../i/nav-events.gif) }
	li#n-ca,
	li#n-ca a.a-nav:hover	{ background-image: url(../i/nav-events-h.gif) }

		/*internal subnav*/
		ul#s-nav 	{ margin: 0 5px 10px 35px; font-size: 10px; color: #ABB6A3;}
		ul#s-nav li { list-style: disc;}
		ul#s-nav li.s-on{ background-color: #203C48; margin:0 0 5px 0;padding:0;}



/* -- [ links  ]
-----------------------------------------------
WGBH interactive
daniel_bulli@wgbh.org
----------------------------------------------- */

	/** bold title **/
	a.tl { font-weight: bold; }


	/* -- general -- */
	a:link		{ color: #287c99; text-decoration: none;}
	a:visited	{ color: #55a3bb; text-decoration: none;}
	a:hover,
	a:active,
	a:focus		{ color: #000; text-decoration: underline;}

	#dsm-i #sidebar a:link		{ color: #f3f5dd; text-decoration: none;}
	#dsm-i #sidebar a:visited	{ color: #f3f5dd; text-decoration: none;}
	#dsm-i #sidebar a:hover,
	#dsm-i #sidebar a:active,
	#dsm-i #sidebar a:focus		{ color: #a2d6f2; text-decoration: underline;}

	#sidebar #see-also a:link	{ color: #a4bbbb; text-decoration: none;}
	#sidebar #see-also a:visited	{ color: #a4bbbb; text-decoration: none;}
	#sidebar #see-also a:hover,
	#sidebar #see-also a:active,
	#sidebar #see-also a:focus	{ color: #a2d6f2; text-decoration: underline;}

	/* home */
	#dsm-h a:link,
	#dsm-h a:visited	{ color: #a2d6f2; text-decoration: none;}
	#dsm-h a:hover,
	#dsm-h a:active,
	#dsm-h a:focus		{ color: #f3f5dd; text-decoration: underline;}

	.sb-but { display: block; margin: 0 0 11px 0; }
	.sb-but-top { display: block; margin: 22px 0 10px 0; }

/* -- [ misc  ]
-----------------------------------------------
----------------------------------------------- */
	img.ri {float: right; margin-left: 10px; margin-bottom: 10px;}