/* CSS Document */

body {font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; color:#4a4a4a; background:url('img/bg.jpg') repeat-x #000000 fixed 0 0; line-height:16px;}
#earth {width:100%; height:983px; background:url('img/bg_pic.jpg') no-repeat 50% 0 fixed; position:fixed; z-index:1; top:0; left:0;}
	/* for pin point */
	.scaleImage {position:absolute; border:1px solid #b51e1e; height:1px; width:1px; overflow:hidden; left:-1px; top:-1px;}
	#crosshair-h, #crosshair-v {background:url('img/crosshair.png') 50% 50%; position:fixed; display:block; width:100%; height:100%; top:-1px; left:-1px;}
	#crosshair-h {height:1px; background-repeat:repeat-x;}
	#crosshair-v {width:1600px; background-repeat: no-repeat; left:50%; margin-left:-800px; background-position:0 0;}

/* 
Colors: 
gray bg - #4a4a4a
lite blue - #5cc6f8
gray footer text - #
earth green - #
nav link blue - #
*/

#page {width:1000px; margin:0 auto; z-index:2; position:relative;}


/* Header / Header Elements */
#header {height:216px; position:relative; color:#fff; padding:39px 0 0 285px;}
	#header a {color:#fff;}
	#header a:hover {color:#999; text-decoration:none;}
	#logo {position:absolute;width:269px;height:73px;top:26px;left:0px;display:block; background:url('img/nasa-logo.png') no-repeat}
	#header span.bigTitle, #header span.bigTitle a, #header span.bigTitle a:hover {
        font-size:40px; 
        color:#5cc6f8; 
        line-height:46px; 
        display:block; 
        letter-spacing:-1px;
    }
	#header span.smallTitle {font-size:21px; line-height:21px; display:block;}
	
	/* Search Form - Inputs Disabled */
	#search {position:absolute;top:8px;right:0;display:block; padding:0; margin:0; text-align:right; width:1000px;}
		#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 {float:right; margin-left:15px; padding-left:15px; font-size:11px; color:#cccccc; background:url(img/arrow-gu.png) no-repeat 2px 6px;}
		#search a:hover {color:#fff;}
		#search div {}

	/* Top Navigation */
	#nav {display:block; margin:0; padding:30px; background:url('img/bg-nav.png') no-repeat; height:15px; width:950px; position:absolute; left:0; top:131px; padding-left:38px;}
		#nav a {display:block; margin-left:25px; padding-left:15px; background:url('img/arrow-ru.png') no-repeat 2px 5px; position:relative;text-align:left; height:15px; color:#fff; line-height:15px; font-size:14px; float:right;}
		#nav a:hover {text-decoration:none;}
	

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


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


/* Sidebar / Navigation */
#sidebar {width:269px; float:left; padding:0 0 20px 0;}

/*	#featureDiv {position:relative;}
		#featureDiv .summary {display:none; clear:both;}
		#featureDiv h4 {font-size:11px; color:#fff; margin:0; padding:0 0 20px 0; line-height:14px;}
		#featureDiv h4 a {color:#56caf8;}
		#featureDiv p {color:#ddd; font-size:11px;}
		#featured {padding:0 0 10px 0; font-size:12px; line-height:15px; color:#daddb8; background:no-repeat 50% 50%; margin-bottom:20px;
		-moz-border-radius: 5px;
		-khtml-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;}
			#featured strong {display:block; background:url('img/featured.png') no-repeat; padding:9px 13px 20px 25px; font-size:13px; line-height:12px; height:12px; font-weight:400;}
			#featured span {float:right;}
			#featured .buttons {display: none; height:230px;}
			#featureDiv.pinned #featured .summary, #featureDiv.pinned #featured .buttons {display:block;}
			#featured a.pin,
			#featured a.read {color: #fff; display: block; font-size: 11px; margin: 6px; padding: 2px 0; text-align: center; width: 256px; background:#000; position: absolute; top: 250px;
			-moz-border-radius: 2px;
			-khtml-border-radius: 2px;
			-webkit-border-radius: 2px;
			border-radius: 2px;
			
			opacity:0.7;
			filter:alpha(opacity=70);
			}
			#featured a.pin:hover,
			#featured a.read:hover { text-decoration:none;
				opacity:1;
				filter:alpha(opacity=100);
			}
			#featured a.read {/* float:right; margin:0 13px 0 0; background-image:url('img/read.png'); *}
*/
#featureDiv { display: none; }

	ul.nav {display:block; margin:0; padding:7px 0 20px 0; background:url('img/nav-top.png') no-repeat; position:relative;}
		ul.nav li {display:block; margin:0; padding:0; position:relative; background:url('img/nav-mid.png') repeat-y;}
		ul.nav li a {display:block; margin:0; padding:3px 12px 8px 28px; color:#fff; position:relative; z-index:3; font-size:15px; background:no-repeat 12px 7px;}
		ul.nav li a:hover {text-decoration:none; color:#5CC6F8}
		ul.nav li#nav_footer {background-image:url('img/nav-bot.png'); height:19px;}
		ul.nav li#nav_footer img {display:none;}
		
		ul.nav li ul {display:block; 
            padding:0; 
            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 {padding:0; margin:0; background:none;}
		ul.nav li ul li.last {display:none;}
		ul.nav li ul li a {background:none; border:none; padding:2px 0 0 38px; margin:0 0 3px 0; font-weight:400; color:#5CC6F8; line-height:13px;}
		ul.nav li ul li li a {padding-left:48px;}
		ul.nav li ul li li li a {padding-left:58px;}
		
		/* Condition Classes */
		ul.nav li a.a_closed {background-image:url('img/nav-closed.png');}
		ul.nav li#a_open a {background-image:url('img/nav-active-open.png');padding-bottom:3px;}
		ul.nav li#a_open ul {top:0; left:0; position:static; height:auto; width:auto; padding-bottom:5px;}
		ul.nav li#a_open li a {background:none; font-size:12px;}
		ul.nav li ul li#current a {background:url('img/nav-current-sub.png') no-repeat 7px 0px; color:#fff;}
		ul.nav li ul li#current li a {background:none; color:#5CC6F8;}
		ul.nav li#current a, ul.nav li#a_open.current > a {background:url('img/nav-current.png') no-repeat 7px 0px;}
		ul.nav li#a_open.current li#current a {background:none;}
		ul.nav li#a_open ul.many {
            min-height: 65px; 
            /*max-height: 200px;*/
            overflow: auto; 
            width:242px; 
            /* background:url('img/many.png') repeat 25px 0; */
        }

/* Content / Content Elements */
#content {width:671px; float:right; padding:20px; background:#FFF; position:relative;
	height:auto !important;
	min-height:600px;
	height:600px;

	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#lftcl {float:left; width:426px;}
#rtcl {float:right; padding:0 0 10px 0; width:231px; background:#f7f7f7;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}


/* Footer */
#footer {clear:both; padding:20px 0 0 0; background:url('img/bg-footer.png') no-repeat 0 20px; color:#fff; height:141px; position:relative; line-height:12px;}
	#footer .links {position:absolute; padding:0; margin:0; right:0px; top:115px; width:400px; font-size:11px; font-size:11px; color:#B2B2B2}
		#footer .links a {float:right; margin-left:15px; padding-left:15px; font-size:11px; color:#cccccc; background:url(img/arrow-gu.png) no-repeat 2px 2px;}
		#footer .links a:hover {color:#fff; text-decoration:none;}

	#footer a {font-weight:normal;}
	#footer a.nasa, #footer a.goddard { display:block; position:absolute; top:47px; left:450px; height:50px; width:100px;} 
	#footer a.nasa:hover, #footer a.goddard:hover {text-decoration:none;} 
	#footer a.goddard {top:100px;}
	#footer .left, #footer .right {position:absolute; width:430px; top:67px; left:15px; font-size:12px;}
	#footer .left span, #footer .right span {color:#5cc6f8}
	#footer .right { right:15px; text-align:right; left:auto;}


/* Base Tag-Level Formatting */
h1, h2, h3, h4 {font-weight:100; line-height:110%;}
h1:first-child {background-image:url('img/h1.png'); color:#fff; font-size:26px; line-height:28px; margin-top:0;}
h1, h2 {color:#000; display:block; margin:0 0 10px 0; padding:5px 10px; font-size:18px; line-height:20px; background:url('img/h2.png') repeat-x 0 50%; margin:15px 0;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	clear:both;
}
#rtcl h1 {font-size:16px; background-image:url('img/h1-right.png'); color:#000; padding:10px; line-height:18px; border-top:1px solid #dcdcdc;
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
#rtcl h1:first-child {border-top:none;
	-moz-border-radius-topleft: 4px;
	-khtml-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-khtml-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
}
#rtcl p {padding:0 10px 10px 10px; font-size:11px;}
#rtcl h4 {padding:0 10px 10px 10px;}

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 6px; list-style:none; line-height:15px;}
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;}

.img_right {float:right;}

p.pic { float: right; padding: 0 0 20px 20px; width: 213px; border-bottom: 1px solid #FAFAFA; color: #999999; display: block; font-size: 10px; line-height: 13px; margin: 0 0 20px !important; clear:right;}
p.pic img {border: medium none; display: block; padding-bottom: 10px; width:213px;}

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

/* Calendar */
table#cal {width:45%; float:right; 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 #aaa 3px;}
table#cal td.event h2 {background:#286EB4; color:#fff;}


/* RSS */

ul.newsRSS {padding:0 8px; margin-left:0; margin-top:0;}
ul.newsRSS li {padding:0 0 10px 0; list-style:none; font-size:11px; background: none;}
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;}
ul.newsRSS br {display:none;}

/* 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;}

.splash {
    position: relative;
    display: block;
    background: black;
    color: #5CC6F8; 
    font-size: 16px;
    z-index: 1000; 
    width: 100%; 
    text-align: center;
    padding: 1em 1em; 
}
.lftcl { 
    float: left; 
    width: 420px; 
}
.readable {
    font-size: 14px;
    line-height: 150%;
}