@charset "UTF-8";
/* CSS Document */

body{
	background:url(https://www.nesdis.noaa.gov/images/noise_bg.png);
background-repeat:repeat;
	/*font: 13px/2 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; */
	font-family: 'Jura', sans-serif;
	padding-top: 60px;/* to accomodate fixed-top menu */
}

container{
max-width:960px;
}

h1, h2, h3{
font-weight:bold;
text-shadow:1px 1px #fff;
color: #0069b5;
}


.nav-justified > li{ 
background: #0069b5;
color:#f0f8fe;
border:none;
font-size:1.3em;
}

.nav-justified > li > a{
	border:none
}


.nav.nav-justified.j3_main li a::after{
content: " ";
color: #0069b5;
position: absolute;
bottom: -13px;
left: 38%;
background: url(../images/up_arrow.png);
height: 30px;
background-repeat: no-repeat;
width: 44px;
display:none;
background-position:0 0
}

.nav.nav-justified.j3_main li a:hover::after{
background-position:-40px 0
}

/* some bootstrap.css overrides */
.list-group-item.active#first{
background-color:#666;
border:none;
}
.row-offcanvas-left.active .list-group-item.active#first{
border-radius:0px 6px 0px 0px;
}


.sharebox{
text-align:right;
margin-top:15px;

}

#jason_abs{
position:absolute

}
.relatively{
position:relative;
}
/*------expandable areas ------*/
h2.expand{
    font-size:17px;
	padding:12px 10px;
	display:block;
	border-radius:6px;
	width:100%;
	margin-top:30px;
	margin-bottom:30px;
	background:linear-gradient(to top, rgba(255,255,255,1) 70%,rgba(243,243,243,1) 100%);
	margin-bottom:0px;
    border:1px solid #ccc;
	cursor:pointer;
	
}

h2.expand2{
	
	padding:12px 10px;
	display:block;
	 font-size:17px;
	border-radius:6px 6px 0px 0px;
	box-shadow:0px 0px 8px 0px #999;
	width:100%;
    border:none;	
	margin-top:30px;
	margin-bottom:0px;
	background:linear-gradient(to top, rgba(255,255,255,1) 70%,rgba(243,243,243,1) 100%);
	cursor:pointer;
	
	
}
/* for glyphs */
h2.expand span, h2.expand2 span{
margin-right:10px;

}
.rot {
    cursor: pointer;
    display: block;
    float: right;
    height: 20px;
    margin: 0px;
    right: 0;
    top: 2px;
    width: 20px;
	/* -moz-transform: rotate(135deg);
	 -webkit-transform: rotate(135deg);
	 -transform: rotate(135deg);*/	 
}
.expand + div, .expand2 + div{
	padding:12px 10px;
	display:none;
	border-radius:0px 0px 6px 6px;
	box-shadow: 0 12px 13px 0px #999;
	width:100%;
	background:linear-gradient(to bottom, rgba(255,255,255,1) 70%,rgba(243,243,243,1) 100%);
	margin:-10px 0 0 0px;
	padding:5px 20px 5px 40px
     
}

.expand + div ul li, .expand2 + div ul li, 
.expand + div p, .expand2 + div p{
font-family:Helvetica, sans-serif;
}

.expand + div p, .expand2 + div p{
margin-top:10px
}
/*----END expandable areas -----*/


@media (max-width: 480px){
.licensees ul li ul li{
margin-left:-50px;
 }
.complianceParagraph .second ul li ul li{

margin-left:-50px;
}
.first h3{
line-height:17px;

}
.first.expand img.rot{
margin-top:8px
}
.complianceParagraph h3{
width:300px;
}
} 

.flt_img_right{
float:right;
padding:10px;
}

@media (max-width: 767px) {
.flt_img_right{
float:none;
}
.clr_h3{
float:left;
clear:both;
display:block;

}
}

#earth{
background:url(images/main_earth.jpg);	
background-repeat:no-repeat;
height:200px;
display:block
}

#hdln{
position:absolute;
display:block;
height:50px;
width:auto	
}
#footer2{
background:#66799b;
border:1px solid #fff;
padding:10px;
border-radius:6px;
text-align:center;
color:#fff;
box-sizing:content-box;
-webkit-box-sizing:content-box;

}

#footer2 a{
color:#fff

}


/*general-paragraph*/
.generalParagraph {
	height: 100%;
}
.generalParagraph h3 {
	color: #666;
}


.generalParagraph h5 {
	color: #666;

}

.generalParagraph p {
	font-family:Helvetica, sans-serif;
	font-size: 14px;
	margin-top: 0px;
	margin-bottom:15px;
}
.generalParagraph a {
	color: #666;
	text-decoration:underline;
	
}
.generalParagraph p a {
	color: #000;
	text-decoration:underline;
	font-weight:bold;
	
}
.generalParagraph p a:hover {
	color: #666;
	text-decoration:underline;
	font-weight:bold;
}

.generalParagraph a:hover {
	color: #666;
	text-decoration:underline;
	color:#000;
}

.generalhr {
	background-color: #666666;
	height: 10px;
	width: 96.24%;
	margin-left: 15px;
}
.generalLi {
	height: 100%;
	width: 100%;
}



.generalLi li {
	background-color: #666666;
	border-bottom:1px solid #000;
	border-top:1px solid #aaaaaa;
	display:block;
	color:#fff;
}
.generalLi li:first-child, .generalLi li:first-child.single{
	 border-radius:8px 8px 0px 0px;
	-moz-border-radius:8px 8px 0px 0px;
	-webkit-border-radius:8px 8px 0px 0px;
}
.generalLi li:last-child {
	 border-radius:0px 0px 8px 8px;
	-moz-border-radius:0px 0px 8px 8px;
	-webkit-border-radius:0px 0px 8px 8px
}
.generalLi li:hover {	
	
	color: #0f0f0f;	
}
.generalLi li:hover a{
	color: #0f0f0f;
}
.generalParagraph ol {
	margin-left:45px;
	list-style-type:decimal;
	margin-bottom:15px;
}
.generalParagraph ul li {
	margin-left:25px;
}
.generalParagraph ol ul {
	margin-left:25px;
	list-style-type:lower-roman;
}

.generalParagraph ul ol {
	margin-left:25px;

}

ul.generalAlphaList {
	list-style-type:upper-alpha;
	margin-left:25px;
	margin-bottom:15px;
}

p.mission_caption{
  border: 1px solid #999;
  padding: 5px;
  background-color: #0066CC;
  color:#FFFFFF
  }
  
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color:#66799b
  }
  
/*---overrrides for bootstrap.css for the top NESDIS menu --- */
.navbar.navbar-fixed-top.navbar-inverse{
background-color:#66799b;
box-shadow: 0px 2px 3px 1px #777;
border-bottom: 1px solid #ccc;

}


.navbar-inverse .navbar-nav > li > a{
color:#fff;
font-size:1em;
font-family:Helvetica, sans-serif
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{
background-color:#fff;
color:#66799b;
border-top:none
}
.navbar-inverse .navbar-nav .dropdown-menu{
border-top:none;
margin-left:-1px;
}



.navbar-inverse .navbar-brand{
font-size:1.2em;
color:#eee;
font-family:Helvetica, sans-serif
}

.navbar-inverse .navbar-brand{
background:url(https://www.nesdis.noaa.gov/images/noise_bg.png) ;
color:#66799b;
font-weight:bold;
}

#navtag{
width: 220px;
height: 40px;
padding: 0px;
float: right;
color: #fff;
top: 0;
display:inline-block;
margin-left: 10px;
margin-top:-45px;
font-style:italic;
position:relative;
}
/*BEGIN page specific for team.html */
.h1_team{
padding-bottom:0px;
 
}
.h1_team img{
float: right;
padding-left: 13px;
margin-top: 13px;
}
hr.thick {
  border-top: 3px solid #0069b5;
}
.bio_image img{
  box-shadow: 0px 0px 3px 1px #ccc;
}


/*END page specific for team.html */

@media (min-width: 992px) {
#navtag{
margin-left: 10px;
}
.bio_image{
float:left;
padding: 28px 33px 12px 10px;
margin-bottom: 10px;
}

}
@media (min-width: 768px) and (max-width: 991px) {
#navtag{
font-size: 11px;
left: 43px;
border-left: 1px solid #fff;
padding-left: 10px;
width:152px;
}
.bio_image{
float:left;
padding: 28px 33px 12px 10px;
margin-bottom: 10px;
}
}

@media (max-width: 767px) {
#navtag{
margin-left: 0px;
left: 94px;
position: absolute;
top: 51px;
font-style:normal;
border-left: 1px solid #fff;
padding-left:10px;
width:230px;
}
.navbar-inverse .navbar-brand{
background:none ;
color:#fff;

}
.nav > li {
  /*override for NESDIS menu-jc */
  border-bottom:1px solid #ddd
}

.nav.nav-justified.j3_main li a::after{
left:-3%;
bottom:20%;
 -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color:#fff
  }
}
@media (min-width: 320px) and (max-width: 390px) {
#navtag{
margin-left: -76px;
font-size:12px;
max-width:198px;
border-left: none;
}
.navbar-inverse .navbar-brand{
display:none;
}

#mouse_span{
display:none;
}
}
@media (max-width: 319px) {
#navtag{

display:none;
}
.navbar-inverse .navbar-brand{
border-right:none;
}

#mouse_span{
display:none;
}
}



 /*------- tables -----------*/
table.single_border{border:1px solid #C5D2E3; border-collapse:collapse; font-weight: bold; background:#fff}

.single_border td{border: 1px solid #C5D2E3; padding:10px}

.single_border th {border: 1px solid black; background:#ccc;}

td.doc_headers{
font-size:18px;
padding-top:8px;
padding-bottom:8px;
background-color: #0069b5;

color:#eee;
}

td.doc_spacers{
padding-top:8px;
padding-bottom:8px;
background-color: #fff;

}

tr.even{
background-color:#EEF5FF;
}
 tr.head{
color:#0057A5;
background-color:#eee;
}

tr.head td{
border:1px solid #aaa;
text-align:center;
}


 /*--- tables  -----------*/
p.follow{
margin: 10px auto;

text-align: center;
font-weight: bold;

}


p.follow img{
display:inline;
margin:5px;

}


p.social media img{
display:inline;
margin:5px;
}


/*---back to top --------------*/

.scroll-to-top {

position: fixed; 
background:url(images/scroll-to-top.png) no-repeat; 
cursor: pointer; 
width:55px; 
height: 55px; 
bottom: 1em; 
padding-right: 1em; 
display: none; 
z-index: 999; 
}