/* Tacita Morway tacita_morway@wgbh.org 07.01.10 */

/* base reset
-------------------------------------------------------------- */
*, td, img	{margin : 0; padding : 0;}
img {border: 0;}
form, fieldset	{font: 100%/120% arial, verdana, sans-serif; }
p	{padding: 0 0 1em 0; margin: 0 0 0 0}
form label	{cursor: pointer}
fieldset	{border: none}
input, select, textarea {font: 100%/120% arial, verdana, sans-serif; }


/* SHARED STYLES 
-------------------------------------------------------------- */

.ds-name { text-transform: uppercase;}
.align-right { float: right; }
.indent { margin-left: 22px; }
.cleared { clear: both; }
.default-font{ font-family: Arial, Verdana, Helvetica, Sans-Serif !important;}
.off-screen {text-indent: -999999px;}
.hidden {display: none;}
.fancy-font {font-family: "felt-tip-roman-1","felt-tip-roman-2", "Felt Tip Roman", arial, helvetica, verdana, sans-serif;}
.wf-loading .fancy-font {visibility: hidden;}

.horizontal li {display: inline;}
.bold {font-weight: bold;}
.heavy {font-weight: 800;}
.light {color: #666;}
.center { text-align: center; }
.italic {font-style: italic;}

/* LISTS */
ul li { list-style-type: disc; vertical-align: top; }
.indent { margin-left: 20px; margin-bottom: 1em; }
.circle li { list-style-type: circle; }
.nobullet { margin-bottom: 1em; }
.nobullet li { list-style-type: none; }

.blocked { margin: 23px 0; } /*see p&e homepage for example*/
.blocked li { list-style-type: none; margin-bottom: 3px;}
.blocked a,
.blocked a:visited {
display: block;
padding: 5px 12px; 
width: 248px;
background-color: #ddd;
color: #000;
font-weight: bold;
-webkit-transition: background-color 115ms ease-in-out;
-moz-transition: background-color 115ms ease-in-out;
-o-transition: background-color 115ms ease-in-out;
transition: background-color 115ms ease-in-out;
}
.blocked a:hover,
.blocked a:focus{
background-color: #a7ce38;
text-decoration: none;
}
/* END LISTS */

/* INLINE CALLOUT TEXT, see /guides/teachers_guide.html for example */
.callout {
background: #A7CE38;
padding: 4px 16px;
margin-bottom: 1em;
}

.callout a,
.callout a:visited {
text-decoration: underline;
color: #000;
}
.callout a:active,
.callout a:focus,
.callout a:hover {
color: #fff;
}

/* LINKS */ 
a,
a:visited{color: #F16624; text-decoration: none;}
a:hover,
a:active,
a:focus{text-decoration: underline;}

/* HEADERS */ 
h1, h2.h1 {
color: #608c08; 
font-size: 2em; 
line-height: 1em; 
margin-bottom: 3px; 
font-style: normal; 
font-weight: 800;
font-family: "felt-tip-roman-1","felt-tip-roman-2", "Felt Tip Roman", arial, helvetica, verdana, sans-serif;
}
.wf-loading h1, .wf-loading h2.h1 {visibility: hidden;}

h1 { margin-bottom: 28px; }

h2 {
color: #333; 
font-size: 1.666em;
line-height: 1em; 
margin-bottom: 6px;
margin-top: 10px;
font-style: normal; 
font-weight: 800;
font-family: "felt-tip-roman-1","felt-tip-roman-2", "Felt Tip Roman", arial, helvetica, verdana, sans-serif;
}
.wf-loading h2 {visibility: hidden;}

h3 {
color: #000;
font-size: 1em;
font-family: arial, verdana, sans-serif;
}

h3.big { 
color: #333; 
font-size: 1.1667em;
font-family: arial, verdana, sans-serif;
}


/* MAIN ELEMENTS LAYOUT
-------------------------------------------------------------- */
body { 
font: normal 62.5%/160% arial, verdana, sans-serif;
margin: 0; 
padding: 0; 
color: #333; 
background-color: #333;
}

#wrapper-container { /* need this for creating bg-color on right side of screen */
margin-left: 195px;
background-color: #ccc;
border-left: 4px solid #000;
}

#wrapper {
width: 769px;
border-right: 4px solid #000;
background-color: #fff;
}

#flashcontent { line-height: 0; }


/* MAIN NAV
-------------------------------------------------------------- */

/* PBS KIDS GO & DESIGN SQUAD LOGOS */
#pbskids a{
display: block;
width: 67px; 
height: 60px; 
background: transparent url(../i/_global/logo-pbskids-go.png) no-repeat 0 0;
margin: 1px 0 11px 20px;
text-indent: -999999px;
}

#logo {
margin-bottom: 18px;
margin-left: 10px;
width: 174px; 
height: 105px; 
background: transparent url(../i/_global/logo_dsg.png) no-repeat 0 0;
}

#logo:hover { background-position: 0 -105px;}

#logo a {display: block; width: 174px; height: 105px;}

#skip-nav { display: none; }

#nav { 
font-family: Arial, Verdana, Helvetica, Sans-Serif; 
position: absolute; 
width: 195px; 
left: 0; 
line-height: 1.6em; 
background-color: #333;
font-weight: bold;
font-size: 2em;
}

#nav a,
#nav a:visited { color: #ccc; text-decoration: none; }
#nav a:hover,
#nav a:active,
#nav a:focus { color: #a7ce38; text-decoration: none; }	
#nav .main { border-top: 4px solid #000; border-bottom: 4px solid #000; padding-bottom: 27px; padding-top: 5px; }
#nav ul { list-style: none; margin-bottom: 1em; }
#nav ul li { margin-bottom: 1px; padding-left: 18px; }
#nav li a { display: block; margin-top: 8px; }
#nav .sub { display: none; }
#nav .sub a { font-weight: normal; margin-left: 15px; margin-top: 0; font-size: .6em; height: 1.42em; }
#nav .secondary { margin-top: 0; line-height: 1em; }
#nav .secondary a { font-weight: normal; margin-top: 0; font-size: .55em; }
#nav .secondary a,
#nav .secondary a:visited { color: #999; }	
#nav .secondary a:hover,
#nav .secondary a:active,
#nav .secondary a:focus { color: #a7ce38; }
#nav .break { margin-top: 27px; }
#nav a.current { color: #a7ce38 !important; }

/*for forcing particular pages to highlight*/
.hl-home #nav a#nav-home,
.hl-resources #nav a#nav-resources,
.hl-lesson-plans #nav a#nav-lesson-plans,
.hl-guides #nav a#nav-guides,
.hl-training #nav a#nav-training,
.hl-blog #nav a#nav-blog,
.hl-promote #nav a#nav-promote,
.hl-partners #nav a#nav-partners,
.hl-show #nav a#nav-show,
.hl-site #nav a#nav-site,
.hl-newsletter #nav a#nav-newsletter,
.hl-current #nav a#nav-current /* useful for manual highlighting, eg. pilot program site */
{ color: #a7ce38; }

/*adjust special case spacing*/
#nav li #nav-electricity { margin-top: -7px; }
#nav li a#nav-technologymaterials { margin-bottom: 28px; }
#nav li a#nav-newsletter { margin-top: 12px; }


/* PAGE HEADER
-------------------------------------------------------------- */
#page-title {
height: 43px;
padding: 11px 0 3px 30px;
line-height: 1em;
background-color: #83aad4;
border-bottom: 4px solid #000;
font-size: 32px;
font-weight: 800;
font-family: "felt-tip-roman-1","felt-tip-roman-2", "Felt Tip Roman", arial, helvetica, verdana, sans-serif;
color: #000;
}
.wf-loading #page-title {visibility: hidden;}


/* CONTENT AREA
-------------------------------------------------------------- */
#content {
float: left;
overflow: hidden;
width: 100%;
font-size: 1.2em;
margin-bottom: -4px;
border-bottom: 4px solid #000;
color: #333;
}


/* 1 VS 2 COLUMN LAYOUTS
-------------------------------------------------------------- */
#content {
padding: 30px 92px 30px 30px;
width: 617px;
}

/* 2 col: when main content is in right hand column. eg: about the program index */
#wrapper .main-right-col {
padding: 0;
width: 769px;
background-color: #ccc;
}

.main-right-col #left-col {
float: left;
width: 239px;
height: 309px;
border-bottom: 4px solid #000;
border-right: 4px solid #000;
margin-bottom: -4px;
}	

.main-right-col #right-col {
float: left;
width: 481px;
margin-left: -4px; 
margin-bottom: -4px;
padding: 29px 15px 19px 29px;
border-left: 4px solid #000;
background-color: #fff;
border-bottom: 4px solid #000;
}

/* when right column is for callouts*/
.callouts div {
border-bottom: 4px solid #000;
background-color: #a7ce38;
padding: 13px 12px;
overflow: auto;
color: #000;
}

div.callouts {
/* fill callout column with green */
	background-color: #a7ce38;
}

.callouts h2 { color: #000; }

.callouts a, 
.callouts a:visited {
color: #000;
text-decoration: underline;
}

.callouts a:hover,
.callouts a:focus{
color: #fff;
background-color: #a7ce38;
}

.callouts img { margin: 10px 20px 0 0 ; }

/* sub-nav refers to the set of links in the left hand column within the main content area.
  when there is no sub-nav there is a background image instead */

.has-sub-nav #left-col {
background: #a7ce38;
height: auto;
line-height: 1.7em;
font-weight: bold;
font-size: 1em;
color: #000;
}

.has-sub-nav #left-col ul { margin: 35px 0 30px 30px;}
.has-sub-nav #left-col ul li { list-style-type: none;}
.has-sub-nav #left-col a, 
.has-sub-nav #left-col a:visited {
color: #000;
text-decoration: none;
font-weight: normal;
}

.has-sub-nav #left-col a:hover,
.has-sub-nav #left-col a:focus { color: #000; text-decoration: underline }

/* 2 col: when main content is in left hand column. eg: guides index */
#wrapper .main-left-col {
padding: 0;
width: 769px;
}

.main-left-col #left-col {
padding: 30px;
float: left;
width: 467px;
border-right: 4px solid #000;
background-color: #fff;
}

.main-left-col #right-col {
width: 238px;
float: right;
}


/* FOOTER
-------------------------------------------------------------- */
#pe-footer {
clear: both;
height: 500px;
padding-left: 30px;
padding-top: 30px;
background: #ccc;
border-top: 4px solid #000;
font-family: Arial, Verdana;
color: #333;
font-size: 1.2em;
line-height: 1.5em;
}
#pe-footer a, #pe-footer a:visited, #pe-footer a:hover, #pe-footer a:active { color: #333; text-decoration: none; }
#pe-footer a:focus, #pe-footer a:hover{ text-decoration: underline; }
#pe-footer p img { margin-top: -12px; height: 1.75em; }
#pe-footer p { padding-bottom: 0; }


/* FEATURES (these are the related links seen throughout much of the site)
-------------------------------------------------------------- */
#promo { 
clear: both;
height: 228px; 
background: #2d2d2d;
border-top: 4px solid #000; 
}

#promo .feature { 
float: left;
width: 158px;
border-right: 4px solid #000;
}

#promo .feature-last { 
float: left;
width: 158px;
}

#promo .feature img, #promo .feature-last img {
width: 158px;
height: 118px;
float: left;
border-bottom: 4px solid #000;
}

#promo .feature p, #promo .feature-last p { 
width: 154px; 
height: 212px;
margin-left: 4px;
text-align: left;
font-family: "felt-tip-roman-1","felt-tip-roman-2", "Felt Tip Roman", arial, helvetica, verdana, sans-serif;
font-size: 12px;
line-height: 13px;
color: #fff;
margin-top: 4px;
}
.wf-loading #promo .feature p, .wf-loading #promo .feature-last p {visibility: hidden;}


#promo .feature p a, #promo .feature-last p a, #promo .feature-last p a:visited,
#promo .feature p a:visited { color: #fff; text-decoration: underline; }
#promo .feature p a:hover, #promo .feature-last p a:hover,
promo .feature p a:focus, #promo .feature-last p a:focus { color: #fff; text-decoration: none; }
#promo .feature a img, #promo .feature-last a img{ margin-bottom: 4px; }

/* pages with descriptions at the top of the page, such as any of the challenges pages */
#wrapper.has-top-page-descrip h1#page-desc {
width: 649px; /*default*/
margin-bottom: 0;
padding: 13px 9px;
border-right: 4px solid #000;
font-size: 16px;
line-height: 18px;
color: #fff;
font-weight: bold;
}

#wrapper.has-top-page-descrip h1#page-desc a,
#wrapper.has-top-page-descrip h1#page-desc a:visited { color: #fff !important; text-decoration: underline; }
#wrapper.has-top-page-descrip h1#page-desc a:hover,
#wrapper.has-top-page-descrip h1#page-desc a:active,
#wrapper.has-top-page-descrip h1#page-desc a:focus { color: #fff !important; text-decoration: none; }
#wrapper.has-top-page-descrip { background: #17171A url(../i/_bg/bg-metal-tile-wide.gif) repeat-y top right; }


/* PAGE SPECIFIC SECTIONS
-------------------------------------------------------------- */
#pe-getting-started img, 
#pe-download-video img, 
#pe-download-animations img, 
#pe-printable-resources img, 
#pe-link-to-us img {
border: 1px solid #000;
}	

/* site credits */
#splitLeft {float: left; width: 224px}
#splitRight {float: right; width: 224px}

/* slideshow -- wider width left over from previous years to accommodate swf */
#pe-slideshow #wrapper, #pe-slideshow #content { width: 806px !important; }
#pe-slideshow #content #right-col { width: 563px !important; }

#pe-slideshow #right-col {
float: left;
clear: none;
margin-left: -4px;
margin-right: -10px;
padding: 0;
background: #d9d9d9 url(../i/_bg/bg-col-right.gif) no-repeat 0 0;
border-left: 4px solid #000;
}

/* guides */
.guide {
margin-left: 24px;
float: left;
margin-bottom: 20px;
}

.guide li {
list-style-type: none;
float: left;
}	

.guide li img {
float: left;
margin-right: 7px;
}

.guide li h3,
.guide li p {
padding: 0;
width: 350px;
clear: none;
margin-left: 79px;
}

.guide li p { margin-bottom: 15px; }

#pe-educ-guide #right-col h3 { clear: both; }
#pe-educ-guide #right-col .guide h3 { clear: none; }

/* activity guide */
#eng-training .nobullet li,
#pe-activity-guide .nobullet li,
#pe-printable-resources .nobullet li
{ height: 1.5em; margin-left: 22px; list-style-type: none; }

/* dowload pages */
#pe-download-video img,
#pe-download-animations img { float: left; margin-top: 1em; }

#pe-download-video .photoBlurb,
#pe-download-animations .photoBlurb { clear: none; margin-left: 130px; }

#pe-download-animations h3 { padding-top: 10px;}

.to-top { font-size: .85em; }

/* printable resources */
#pe-printable-resources img {
float: left;
margin-right: 7px;
}

/* e-newsletter */
#help-newsletter #privacy {
margin: 2em 0 3em 0;
font-family:"felt-tip-roman-1","felt-tip-roman-2", "Felt Tip Roman", times, garamond, "times new roman", serif;
font-size:100%;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:120%;
}
.wf-loading #help-newsletter #privacy {visibility: hidden;}


/* left col images on adults pages that don't have a sub nav */
#eng-getting-started #left-col { background-image: url(../i/_left-cols/eng-getting-started-leftcol.jpg); }
#eng-events #left-col { background-image: url(../i/_left-cols/eng-events-leftcol.jpg); }
#eng-promote #left-col { background-image: url(../i/_left-cols/eng-promote-leftcol.jpg); }
#eng-training #left-col { background-image: url(../i/_left-cols/eng-training-leftcol.jpg); }
#eng-calendar #left-col { background-image: url(../i/_left-cols/eng-calendar-leftcol.jpg); }
#eng-partners #left-col { background-image: url(../i/_left-cols/eng-partners-leftcol.jpg); }
#pe-getting-started #left-col { background-image: url(../i/_left-cols/pe-getting-started-leftcol.jpg); }
#pe-activities #left-col { background-image: url(../i/_left-cols/pe-activities-leftcol.jpg); }
#pe-educ-guide #left-col { background-image: url(../i/_left-cols/pe-educ-guide-leftcol.jpg); }
#pe-teach-guide #left-col { background-image: url(../i/_left-cols/pe-teach-guide-leftcol.jpg); }
#pe-download-animations #left-col { background-image: url(../i/_left-cols/pe-animations-leftcol.jpg); }
#pe-event-guide #left-col { background-image: url(../i/_left-cols/pe-event-guide-leftcol.jpg); }
#pe-activity-guide #left-col { background-image: url(../i/_left-cols/pe-activity-guide-leftcol.jpg); }
#pe-invent-guide #left-col { background-image: url(../i/_left-cols/pe-inventguide-leftcol.jpg); }
#pe-activity-moon-guide #left-col { background-image: url(../i/_left-cols/pe-mooonguide-leftcol.jpg); }
#pe-download-video #left-col { background-image: url(../i/_left-cols/pe-download-leftcol.jpg); }
#pe-printable-resources #left-col { background-image: url(../i/_left-cols/pe-printable-leftcol.jpg); }
#help-contact #left-col { background-image: url(../i/_left-cols/help-contact-leftcol.jpg); }
#help-newsletter #left-col { border-bottom: none; }
#help-faq #left-col { background-image: url(../i/_left-cols/help-faq-leftcol.jpg); }
#help-tech #left-col { border-bottom: none; }
#help-sitemap #left-col { border-bottom: none; }
#help-copyright #left-col { background-image: url(../i/_left-cols/help-faq-leftcol.jpg); }
#pe-workshop-welcome #left-col { background-image: url(../i/_left-cols/pe-workshop-welcome-leftcol.jpg); }
#pe-workshop-resources #left-col { background-image: url(../i/_left-cols/pe-workshop-resources-leftcol.jpg); }
#pe-workshop-training #left-col { background-image: url(../i/_left-cols/pe-workshop-training-leftcol.jpg); }
#pe-gs-patch #left-col { background-image: url(../i/_left-cols/pe-girlscouts-leftcol.jpg); }


/* resources */
#resources h1 { padding-bottom: 5px; margin-bottom: 16px; color: #608c08; font-weight: 800; font-size: 2.1667em; }
#resources h1 #category { color: #000; margin-left: 5px; }
#resources .note { color: #666; font-size: 12px; margin-left: 76px; padding-bottom: 16px; }
#results-nav { margin-bottom: 20px; width: 648px; border-bottom: 4px solid #ccc; }
#results-nav a { background-color: #ccc; padding: 4px 10px 2px 10px; margin-left: 2px; position: relative; top: -10px; font-weight: bold; font-size: .9166em; }
#results-nav a,
#results-nav a:visited { color: #000; text-transform: uppercase; }
#all {margin: 0 28px 0 0;}
#results-nav .current { background-color: #a7ce38; }

#lists {width: 648px; }
#lists .results {margin-bottom: 40px;}

.results img { float: left; width: 126px; margin: 2px 15px 0 0; }
.results .meta-data { width: 507px; float: left; }
.results .meta-data h2 { margin-top: 0 !important; margin-bottom: 2px !important; }
.results .meta-data p { padding-bottom: 0; }
.results li { margin-bottom: 15px; overflow: auto; clear: left;}
.descrip { font-size: 1.0833em; margin-bottom: 4px; }
.light {color: #666;}
.section {margin-left: 141px; width: 515px;}
.empty { margin-left: 156px; }


/* guides index */
.main-left-col .meta-data { width: 325px; }
.main-left-col .results h2 { 
font-size: 2em; 
font-family:"felt-tip-roman-1","felt-tip-roman-2", "Felt Tip Roman", times, garamond, "times new roman", serif;
padding-bottom: 15px;
font-weight: bold;
}
.wf-loading .main-left-col .results h2 {visibility: hidden;}

.main-left-col .results li { margin-bottom: 28px; }

/*********************** mission solar system ******************************* */

/* -- overrides -- */
#left-col.mss-suppress-padding{
	padding:0 !important;
	width:527px; !important;
}

/* main navigation */

.mss-navs li {
	border-bottom: 4px solid #000;
	overflow: auto;
	color: #000;
}

.mss-navs li a {
	display:block;
	font-size:1.85em;	/*  22px  */
	font-weight: 800;
	font-family: "felt-tip-roman-1","felt-tip-roman-2", "Felt Tip Roman", arial, helvetica, verdana, sans-serif;
	color:#000000;
	padding: 16px 0px 16px 19px;
}

.mss-navs li a:link, .mss-navs li a:visited {
	background-color: #f3641e; /* orange */
}

.mss-navs li a:hover, .mss-navs li a:active, .mss-navs li a:focus {
	background-color: #a6ce39; /* green */
	text-decoration:none;
}

.mss-navs p{ 
	color: #000;
	font-size:1.3em;
	font-weight: 800;
	font-family: "felt-tip-roman-1","felt-tip-roman-2", "Felt Tip Roman", arial, helvetica, verdana, sans-serif;
	padding-left:11px;
	padding-right:11px;
}

.mss-navs-nosp{
	padding-bottom:6px !important;
}

.mss-navs-nobold{
	font-family:arial, verdana, sans-serif !important;
	font-weight:normal !important;
}

li.mss-act-nav {
	display:block;
	padding: 16px 0px 16px 19px;
	background-color: #a6ce39;
}

.mss-act-nav p{
	font-size:1.85em !important;	/*  22px  */
	padding:0 !important;
	margin:0 !important;
	font-weight: 800 !important;
	font-family: "felt-tip-roman-1","felt-tip-roman-2", "Felt Tip Roman", arial, helvetica, verdana, sans-serif !important;
}

.mss-navs img{
	padding:11px 11px 8px 11px;
}

/* -- main content -- */
.mss-main-content{
	margin:20px 12px;
}

.main-min{
	min-height:1020px;
}

.mss-main-content h1{
	text-transform:uppercase;
}

.mss-main-content h2{
	font-size:40px;
	color:#000000;
}

.mss-main-content h3{
	font-size:20px;	
	font-weight: 800;
	font-family: "felt-tip-roman-1","felt-tip-roman-2", "Felt Tip Roman", arial, helvetica, verdana, sans-serif;
}

.mss-main-content h4{
	font-size:18px;
	line-height:16px;
	margin-bottom:5px;
}

.mss-main-content h5{
	color: #000;
	font-size:22px;	
	line-height:30px;
	font-weight: 800;
	font-family: "felt-tip-roman-1","felt-tip-roman-2", "Felt Tip Roman", arial, helvetica, verdana, sans-serif;
	text-align:center;
	padding-top:28px;
}

/* activity selection blocks */

#mss-main-blocks{
	width:503px;
	padding:0;
	margin:0;
	overflow:hidden;
}

.activeBlock{
	background-color: #a6ce39; /* lime green */
	cursor:default;
}

li.mss-top-block{
	width:155px;
	height:120px;
	margin:0px 4px 4px 0;
	padding:5px; 
	background-color: #ffddcc; /* light orange */
}

#mss-main-blocks li{
	display:inline;
	float:left;
}

#mss-main-blocks li a{
	display:block;
	width:155px;
	height:120px;
	text-decoration:none;
	margin:0px 4px 4px 0;
	padding:5px; 
}

.mss-endrow{
	margin-right:0px !important;
}

.mss-bl-linkBT:link, .mss-bl-linkBT:visited {
	background-color: #f3641e; /* orange */
}

.mss-bl-linkBT:hover, .mss-bl-linkBT:active, .mss-bl-linkBT:focus {
	background-color: #ffddcc;
}

#mss-main-blocks p{
	font-size:1.5em;	
	color:#000000;
	text-align:center;
	margin-top:1px;
	font-weight:normal;
	font-family: arial,sans-serif;
}

/* section content */

#mss-article{
	font-size:1.5em;		/* 18px */
	line-height:1.222em;	/* 22px */
	color:#333333;
	margin-top:18px;
}

#mss-article p{
	margin:0;
	padding:0;
}

#mss-article ul{
	margin-left:16px;
	padding-top:10px;
}

#mss-article ul li{
	margin-bottom:10px;
}

#mss-media-area{
	margin-top:24px;
}

#mss-media-area h3{
	float:left;
	line-height:18p;
}

#mss-media-area p{
	float:right;
	text-align:right;
	font-size:15px;
	color:#000000;
	line-height:18p;
}

.mss-watch-links{
	padding-top:2px !important;
}

#mss-playback{
	width:503px;
	clear:both;
	padding-top:5px;
}

#mss-playback img{
	width:100%;
}

.mss-orig-hgt{
	height:282.9375px;
}

.mss-video-hgt{
	height:368px;
}

.mss-bt-inactive:link, .mss-bt-inactive:visited {
	color:#000000;
	cursor:default;
}

.mss-bt-inactive:hover, .mss-bt-inactive:active, .mss-bt-inactive:focus {
	color:#000000;
	cursor:default;
	text-decoration:none;
}

.mss-under{
	margin-top:12px !important;
}

/* video downloads */

#mss-downloads{
	margin-top:28px;
	overflow:hidden;
}

#mss-downloads h2{
	margin-top:0;
}

#mss-downloads a{
	display:block;
	height:40px;
	min-width:100px;
	font-size: 18px;
	font-weight: bold;
	line-height:40px;
	padding:0 12px;
	margin-right:6px;
	color:#000000;
	background-color: #f3641e; /* orange */
	float:left;
}

/* additional information */

#mss-additional{
	margin-top:12px;
	overflow:hidden;
}

.borderRule{
	border-bottom: 4px solid #000000;
}

.mss-addl-item{
	margin-top:18px;
	overflow:hidden;
}

.mss-addl-item h3{
	margin-bottom:18px;
}

.mss-addl-item img{
	float:left;
	margin-right:16px;
}

.mss-addl-item p{
	font-size:15px;
	line-height:19px;
	margin-left:232px;
}

.mss-nasa-txt{
	font-size:13px !important;
	font-style:italic;
	line-height:15px !important;
}

.mss-nopspace{
	padding-bottom:0 !important;
}

/* related video */

#mss-relvideo{
	margin:30px 0 40px 0;
}

/* -- home page -- */

#mss-main-headline{	
	width:527px;
	height:241px;
	background:url(../i/parentseducators/mss-home-banner-527x241.png) no-repeat;
	margin:0;
	padding:0;
	text-indent:-999999px;
}

#mss-home-nasa{
	width:218px;
	height:82px;
	margin:36px auto;
}

#mss-nasa-logo{
	display:block;
	width:218px;
	height:82px;
	text-indent:-999999px;
	background:transparent url(../i/parentseducators/mss-nasa-logo-218x82.png) no-repeat 0 0;
}

#mss-credits h3{
	margin:30px 0 8px 0;
}

#mss-credits li{
	font-size:18px;
	line-height:30px;
}

/* -- spacing adjustments for training pages -- */

.sphead{
	padding-bottom:12px;
}

/* -- Resource splash page -- */

.mss-blocks{
	width:737px;
	padding:0;
	margin:0 0 36px 0;
	overflow:hidden;
}

.mss-blocks ul{
	clear:both;
}

.mss-blocks li{
	display:inline;
	float:left;
}

.mss-blocks li a{
	display:block;
	width:216px;
	height:271px;
	text-decoration:none;
	margin:16px 16px 0 0;
	padding:9.5px;
}

.mss-endrow{
	margin-right:0px !important;
}

.mss-linkBT:link, .mss-linkBT:visited {
	background-color:#664f9e;
}

.mss-linkBT:hover, .mss-linkBT:active, .mss-linkBT:focus {
	background-color:#8f7cbe;
}

.mss-blocks h4{
	font-size:1.5em;	
	line-height: 1.2em;
	color:#ffffff;
	margin-top:8px;
	font-weight:bold;
	font-family: arial,sans-serif;
}

.mss-blocks p{
	font-family: arial,sans-serif;
	font-size: 1.3em;
	line-height: 1.22em; 
	color: #ffffff;
}

/* -- Global social media landing page -- */

#content.global_landing p {
	font-size: 1.35em;
	line-height: 1.2em;
}