/* ------- Menu ------*/
header.masthead { max-width:1240px; margin: 0 auto 0 auto;}
header.masthead:before {content: ""; display: table;}
header.masthead:after {content: ""; display: table; clear: both;}

ul.masthead { float: left; width:75%;}
li.masthead { float: left; margin: 0 4% 0 4%; line-height: 1.5em; font-size: 16px; list-style: none; font-weight:bold; letter-spacing:3px; text-align: center; font-family: 'Source Sans Pro', sans-serif; position:relative; z-index:100;}
.masthead a:link, .masthead a:visited,
.masthead a:active {color: #000000; text-decoration:none; font-family: 'Source Sans Pro', sans-serif;}
.masthead a:hover{color: #FFFFFF;  text-decoration: none; font-family: 'Source Sans Pro', sans-serif; border-bottom: 2px solid #ffffff;}
.masthead a:onclick {color: #F4BA4D; text-decoration:none; font-family: 'Source Sans Pro', sans-serif;}
/* Hide the list item that contains the link that should open and close the topnav on small screens */
ul.masthead li.icon {display: none;}

/*Submenu*/
ul.masthead ul.sub {display: none; position: absolute; background:#122e51; margin-top:3px; width:210px;}
ul.masthead li:hover ul.sub {display: block; position: absolute; left:-27%; top:-30%;  margin: 0 0 0 0; padding:7% 5% 5% 7%; list-style: none; text-align:left; line-height: 2em; color:#FFFFFF;}
.sublink {color:#ffffff;}


body { background-color:#000000; margin: 0; padding: 0;}
a:link {color:#cd2026; text-decoration:none;} 
a:visited {color:#cd2026; text-decoration:none;} 
a:hover {color:#009aff; text-decoration:none;} 
a:active {color:#009aff; text-decoration:none;}
#wrapper {max-width:1240px; margin-left:auto; margin-right:auto; background-color:#ffffff;}
img {display: block; max-width: 100%; height: auto;}
/*#wrapper { max-width:1400px; margin-left:auto; margin-right:auto; background-color:#ffffff;}*/
#inwrap {margin-left:auto; margin-right:auto; }
#inwrap_blue {margin-left:auto; margin-right:auto; background-color:#e2f2f8;}
#inwrap_black {margin-left:auto; margin-right:auto; background-color:#000000; float:left; padding:2% 5%;}
.numberclm {width:27%; padding:0 1.5%; float:left; border-right: 1px solid #37aefc; }
.numbertext {font-family: "SourceSansPro"; font-size:14px; color: #ffffff;}
#left { float:left; width:30%;}
#left2 { float:left; width:30%;}
#right {float:left; width:45%; padding-left:8%;}

hr {display: block; border: 0; height: 3px; background: #000000;}
#footer1 { max-width:1240px;  background-color: #000000; text-align:left;}
.footer1_box {font-family: Arial, Helvetica, sans-serif; width: 75% font-size:12px; background-color: #000000; color:#d8d8d8; display: inline-block; padding:5px; vertical-align: bottom; text-align:left;  }
.footer2_box{font-family: Arial, Helvetica, sans-serif; width: 290px; height: 50px; font-size:11px; color:#ffffff; display: inline-block; padding:2%; vertical-align:middle;}



#banner { position:relative; background-color:#ffffff; display:block;  padding: 5% 0; border-bottom: 2px solid #979797;}
#menu { background-color:#ffffff; display:block; padding: 1% 0 1% 30%;}
#nasa {position:absolute; width:50%; top:15%; left:2%;}
#chandra {position:absolute; float:left; width:40%; top:35%; right:1%;}
#logo {position:absolute; top:19%; left:11%;}
.bulktext {font-family: "SourceSansPro"; font-size: 16px; line-height: normal;}
.event {font-family: "SourceSansPro"; font-size: 18px; color: #369; line-height: normal;}
h1 {font-family: "SourceSansPro"; font-weight: bold; text-align:left; width:100%;}
h2 {font-family: "SourceSansPro"; font-size:34px; font-weight:lighter; color:#fefefe; text-align: center; width:100%;}
h3 {font-family: "Merriweather"; Arial, Helvetica, sans-serif; font-size:36px; font-weight:lighter; line-height:48px; width:60%; text-align:left; padding-top: 10%; color: #FFFFFF;}
h4 {font-family: "SourceSansPro"; font-size:22px; font-weight: bold; text-align:left; color: #37aefc; margin:2% 0px;}
p {font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight: normal; line-height:16px; text-align:left; width:100%;}
p.title {font-family: "Merriweather"; Arial, Helvetica, sans-serif; font-size:36px; font-weight: bold; line-height:normal; width:100%; text-align:left; margin-left: 36%;}
p.left {font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; text-align:left; width:45%; padding-left:40%;}
p.links {font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight: bold; line-height:22px; text-align:left; width:70%; padding-left:40%; color:#d44727;}
.footimg {float:left; width:8%; padding-left:6%; padding-right:6%; vertical-align:bottom;}

.responsive-vid{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.responsive-vid iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}


@media only screen and (max-width: 800px) {
p { font-size: 80%; }
p.intro { font-size: 90%; }
p.title { font-size: 90%; }
p.links { font-size: 90%; }
h3 { font-size: 90%; line-height: normal;}
	
#nasa img {width: 50%; height: auto;}
#chandra img {width: 50%; height: auto;}
#footer1 {float:left; max-width:100%;}
}