/* CSS Document */

body {font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; color:#000; background:url('img/earth.jpg') repeat-x #000 50% 0; line-height:150%;}

/* 
Colors: 
gray bg - #2e2e2e
link blue - #004D93
gray footer text - #B2B2B2
earth green - #448462
nav link blue - #99CCFF
*/

#page {width:952px; margin:8px auto 0;}


/* Header / Header Elements */
#header {background:url('img/nasa_header_logo1.gif') no-repeat scroll left top #2E2E2E; height:66px; position:relative; color:#fff; padding:32px 272px 0 155px;}
	#header a {color:#fff;}
	#header a:hover {color:#999; text-decoration:none;}
	#logo {position:absolute;width:85px;height:77px;top:10px;left:26px;display:block;}
	#header a.nasa, #header a.goddard {font-size:15px; display:block; line-height:18px;}
	#header a.nasa, #header a.goddard {font-size:15px; display:block; line-height:18px;}
	#header a.nasa {font-size:18px;}
	
	/* Search Form */
	#search {position:absolute;top:28px;right:25px;display:block; padding:0; margin:0; text-align:right;}
		#search #s {background:url('img/header-searchinputbox.gif') no-repeat scroll 0 50% transparent; border:0 solid #00FF00; display:block; float:left; font-size:12px; height:19px; line-height:19px; margin:0; padding:3px 11px 0 3px; width:153px;}
		#search a {clear:both;}
		#search div {padding-top:9px;}


/* Translucent Header */			
#title {background:url('img/1.png') no-repeat; height:100px; display:block; margin-top:8px;}


/* Top Navigation */
#nav {display:table; margin:0; padding:0; width:100%;}
	#nav a {display: table-cell; margin:0; padding:0; background:url('img/main_nav_bg.gif') repeat-x;border-left:1px solid #525252;border-right:1px solid #1F1F1F;position:relative;text-align:center;vertical-align:middle; height:32px; color:#fff; line-height:12px;}
	#nav a:hover {background-position:bottom; text-decoration:none;}


/* White Background Starts Below Translucent Header */
div.bg {background:#FFF;}


/* Sidebar / Navigation */
#sidebar {width:232px; float:left; padding-bottom:10px;}
	ul.nav {display:block; margin:0; padding:0;}
		ul.nav li {display:block; margin:0; padding:0; position:relative;}
		ul.nav li a {display:block; margin:0; padding:5px 5px 5px 20px; border-color:#1C1C1C #383838 #434343; border-style:solid; border-width:1px; background:#333 no-repeat 7px 9px; color:#fff; font-weight:900; position:relative; z-index:3;}
		ul.nav li a:hover {background-color:#252525; text-decoration:none;}
		ul.nav li.last {background:url('img/nav_bottom.png') no-repeat;}
		
		ul.nav li ul {display:block; padding:0 0 0 20px; margin:0; background:url('img/leftnav_arrow_closed.png') no-repeat; position:absolute; top:10px; left:9px; overflow:hidden; width:0; height:10px; z-index:4;}
		ul.nav li ul li {background:none; border:none; padding:0 0 0 10px; margin:0;}
		ul.nav li ul li.last {display:none;}
		ul.nav li ul li a, ul.nav li ul li a:hover {background:none; border:none; padding:0; margin:0; font-weight:400; color:#99CCFF;}
		
		/* Condition Classes */
		ul.nav li a.a_closed {background-image: url('img/leftnav_arrow_closed.png')}
		ul.nav li#a_open a {background:#000 url('img/leftnav_arrow_open.png') no-repeat 5px 12px;; border-bottom:none;}
		ul.nav li#a_open ul {top:0; left:0; position:static; background:#000; height:auto; width:auto; border-color:#000 #383838 #434343; border-style:solid; border-width:1px; padding-bottom:10px; border-top:0;}
		ul.nav li#a_open li a {background:none;}
		ul.nav li ul li.current a { color:#fff;}


/* Content / Content Elements */
#content {width:672px; float:right; padding:8px 20px 20px 0; min-height: 400px; }
	#content h2 {border-bottom:2px solid #1C7D5B; color:#2E2E2E; display:block; margin:10px 0;}
#lftcl {float:left; padding-bottom:20px; padding-right:20px; width:67%;}
#rtcl {float:left; padding-bottom:20px; width:30%;}


/* Footer */
#footer {clear:both; padding:7px 0 0 456px; background:url('img/footer.png') no-repeat #2E2E2E 0 0px; color:#B2B2B2; margin-top:10px; border-top:8px solid #448462; height:87px; position:relative; font-size:11px; line-height:20px;}
	#footer ul {position:absolute; padding:0; margin:0; left:737px; top:5px;}
	#footer ul li {padding:0; margin:0; font-size:11px; font-weight:400; line-height:20px; background:none}
	#footer ul li a {padding-left:12px; background:url('img/rsaquo_gray.gif') 0 3px no-repeat}
	#footer a {color:#B2B2B2; font-weight:400; clear:both; display:block;}
	#footer a.nasa, #footer a.goddard { display:block; position:absolute; top:15px; left:14px; height:84px; width:111px;} 
	#footer a.nasa:hover, #footer a.goddard:hover {text-decoration:none;} 
	#footer a.goddard { left:150px; width:178px;}


/* Base Tag-Level Formatting */
h1, h2, h3, h4 {font-weight:normal; line-height:110%; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;}
h1 {border-bottom:2px solid #1C7D5B;color:#2E2E2E;display:block;margin:0 5px 20px 1px;padding:10px 0 5px; font-size:16px; font-weight:900; line-height:16px;}
h2 {font-size:16px;}
h3 {font-size:15px;}
h4 {font-size:14px;}
a {text-decoration:none; color:#286eb4; outline:none;}
a:hover {text-decoration:underline;}
p  {margin:0; padding:0 0 10px 0}
ul {padding:10px 10px 10px 20px; margin:0; display:block;}
ul li {padding:2px 0 2px 15px; margin:0; display:block; background:url('img/arrow-light.png') no-repeat 0 8px; list-style:none;}
small {font-size: 11px; line-height: 14px; color:#8eb4c9;}
a img {border:none;}

/* Common Class Styles */
.caption {font-size:10px; color:#92a37b; margin-bottom:10px;}
.clear {clear:both; display:block;}

ul.gallery {display:block; padding:0; margin:20px 0; overflow:hidden; height:608px;}
ul.gallery li {display:block; list-style:none; padding:0; margin:0; width:199px; float:left; height:152px; background:none;}
ul.gallery li a {display:block; margin:10px auto; padding:0; overflow:hidden; border:1px solid #E6E6E6; width:150px;}
ul.gallery li a b {display:block; margin:0; padding:0; overflow:hidden; height:110px; border:10px solid #FBFBF8; width:130px;}
ul.gallery li a b img {border:none 0px; width:auto; height:auto;}

ul.gallery.h li {height:auto; width:auto; float:none; clear:both;}
ul.gallery.h li a {float:left; margin-right:10px;}
ul.gallery.h li a.link2 {float:none; border:none; width:auto; padding:10px 0; margin:0}

#fancybox-content {text-align:left;}
#fancybox-content h1 {margin:0 0 20px 0; padding:20px 0; border-bottom:#ccc solid 1px; line-height:38px; font-size:35px; }
#fancybox-content img {float:left; padding:0 20px 20px 0; clear:left; border:none;}
#fancybox-content p.pic img {clear:none;}
#fancybox-content p {font-weight:900;}
#fancybox-content p + p, #fancybox-content p + img + p {font-weight:normal;}

/* Calendar */
table#cal {width:45%; margin-left:50px;}
table#cal td {text-align:center; width:14.2857140%; }
/*
table#cal h2, table#cal h1 {margin:3px; font-size:12px; line-height:16px; height:16px;}
*/
table#cal td.today h2 {line-height:10px; height:10px; border:solid orange 3px;}
table#cal td.event h2 {background:#286EB4; color:#fff;}

table#cal td h1, table#cal td h2 {
    background: url("../2011-Nept/img/h2.png") repeat-x scroll 0 50% transparent;
    border: 2px solid #DCDCDC;
    border-radius: 4px 4px 4px 4px;
    clear: both;
    color: #000000;
    display: block;
    font-size: 18px;
    line-height: 20px;
    margin: 5px 5px;
    padding: 5px 10px;
}
table#cal td h1:first-child {
    background-image: url("../2011-Nept/img/h1.png");
    color: #FFFFFF;
}

/* For pagination javascript */
a.currentPage {cursor:default; font-weight:900; color:#000; font-size:14px;}

/* RSS */

ul.newsRSS {padding:0; margin-left:0; margin-top:0;}
ul.newsRSS li {padding:0 0 10px 0; list-style:none; font-size:11px;}
ul.newsRSS li img {padding:4px 8px 0 0; float:left; width:53px; height:39px; display:block;}
ul.newsRSS li a {display:block; padding-bottom:8px; font-size:12px; font-weight:900;}
ul.newsRSS li img + br {display:none;}
ul.newsRSS li + li {padding-top:7px; border-top:1px #efefef solid;}

/* Climate only --- Perhaps move to a new file */
body.org6132 #bkg_layer {background-image:url('/uploads/background-climate2.png')}

ul.climateProjects {padding:10px 0; margin:0;}
ul.climateProjects span {display:block; width:80px; height:80px; position:absolute; top:0; left:0; background:url('/uploads/climate-projects-icons.jpg') 0 0 no-repeat;}
ul.climateProjects li {display:block; list-style:none; height:120px; line-height:12px; position:relative; padding:0 10px 0 89px; float:left; width:236px; font-size:10px; }
ul.climateProjects a {display:block; font-size:12px; font-weight:900; padding-bottom:8px;}

/* Cloud */
div.wide {width:672px; padding:20px 0; margin-top:20px; border-top:1px solid #ccc; clear:both;}
div.wide p {width:200px; float:right; line-height:1.5em}

/* ARSET */
div.callist ul {padding-top:0;}

/* Add Icons for Various File Extentions */
a[href$=".pdf"] {
    background-image: url("../images/icons-pdf.jpg");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: top-left;
    padding-left: 24px;
}
a[href$=".doc"],a[href$=".docx"] {
    background-image: url("../images/icon_word.gif");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: top-left;
    padding-left: 24px;
}
a[href$=".xlsx"], a[href$=".xls"] {
    background-image: url("../images/icons-excel.jpg");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: top-left;
    padding-left: 24px;
}
a[href$=".ppt"], a[href$=".pptx"]  {
    background-image: url("../images/icons-ppt.jpg");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: top-left;
    padding-left: 24px;
}
a[href$=".kmz"] {
    background-image: url("../images/icons-kmz.jpg");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: top-left;
    padding-left: 24px;
}
a[href$=".mov"], a[href$=".mv4"], a[href$=".m4v"] {
    background-image: url("../images/icon-quicktime.jpg");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    padding-left: 24px;
}
a[href$=".wmv"], a[href$=".avi"], a[href$=".mpeg"] {
    background-image: url("../images/video.png");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    padding-left: 24px;
}
a[href$=".zip"], a[href$=".tgz"], a[href$=".tar"] {
    background-image: url("../images/icons-zip.jpg");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    padding-left: 24px;
}
ul.nav li#a_open ul.many, .many {
    max-height: 60px; 
    overflow: auto; 
    width:200px; 
} 
ul.nav li.current {
    background: #333333;
}
div.banner {
    position: sticky;
    top: 0;
    padding: 1rem 1rem;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    background-color: mistyrose;
    color: maroon;
    z-index: 1000;
}