@charset "utf-8"; 
/* tnc layout CSS */
body{font-family:arial,helvetica,verdana,sans-serif; font-size:13px; margin:0px; height:100%; background:#dbdfc8}
td, ol, ul, li{font-family:arial,verdana,helvetica,sans-serif; font-size:13px}
.monospaced{font-family:verdana,monospace}
.secNav{font-size:10pt; font-weight:normal; font-style:normal; margin-left:1.5em}
.text2{font-size:10pt; margin-left:0}
.text3{font-size:10pt; margin-left:0em; text-align:justify}
.textSm{font-size:8pt; margin-left:0em}
.headline{font-size:14pt; font-weight:bold; font-style:normal; margin-left:1em}
.title{font-size:14pt; font-weight:bold; font-style:normal; margin-left:.3em}
.title2{font-size:14pt; font-weight:bold; font-style:normal; margin-left:0em}
.navLeft{font-size:14pt; font-weight:bold; font-style:normal; margin-left:1em}
.navLeftsm{font-size:12pt; font-weight:bold; font-style:normal; margin-left:1em}
.stateLarge{font-size:30pt; font-weight:bold; font-style:normal; margin-left:.5em}
.event{font-size:10pt; font-weight:bold; margin-left:1em}
.subhead{font-size:14pt; font-weight:bold}
.smallText2{font-size:8pt}
.picCaption{font-size:10pt; text-align:right}
.magHeader{font-size:12pt; font-weight:bold; font-variant:small-caps; margin-left:0em}
.magText{font-size:10pt; margin-left:0em}
.dnTitles{font-size:8pt; margin-left:.5em}
.dnnsTitles{font-size:8pt}
.list-header{color:Black;background-color:#cc9;border:none;}
.form-red{color:red;background-color:White}
#gpn{border:1px solid #7A6E69; border-top:none; background:#D2CEC4; color:#000; padding:6px 0px 6px 0px; margin:0px; text-align:center}
.nospace{display:inline; padding:0px; margin:0px}
td.dnnsTitles h5.footlink{padding:0px; margin:0px; display:inline; font-weight:normal; font-size:11px}
h2.columnhead{font:bold 16px/18px Arial,Helvetica,sans-serif; color:#555; margin:0px}
p.first{ margin-left:0px; margin-top:3px}

/* NEW STYLES */
#clear{ clear:both; margin:0px; padding:0px}
a img{ border:none}
a{ color:#406289}
#header{  width:760px; margin:0px; padding:0px; height:96px}
* html #header{overflow:hidden}
#header h1#logo{ margin:0px; padding:0px;display:block; float:left}
#header h2#action{  margin:0px; padding:0px; float:right}
#header h2#mission{  margin:0px; padding:0px 0px 0px 10px; float:left}
#topnav{  clear:both; width:760px; float:left; height:19px; margin-right:-3px}
#topnav ul{  list-style:none; margin:0px; padding:0px; width:760px; height:19px; float:left; overflow:hidden}
#topnav ul li{  margin:0px; float:left; display:block; padding:0px; padding-right:3px; background:url(/images/topnav_li_border.gif) no-repeat right top}
#topnav ul li.last{ padding:0px;padding-right:0px;background:none}
* html #topnav ul li{ display:inline}
#sidebar{ width:160px}
#sidebar #search{ width:150px; height:40px; padding-top:30px;background:url(/images/bg_search.gif) no-repeat left top}
#sidebar #search form{ margin:0px; padding:0px}
#footer{ clear:both; font-size:11px}
#utility{ width:760px}
#utility ul{ list-style:none; margin:0px; padding:0px; padding-left:180px}
#utility ul li{ float:left; padding:20px 10px 10px}
#utility a, 
#copyright a{ color:black;text-decoration:none}
#footernav{ background:#39C; width:760px;float:left;text-align:center}
#footernav ul{ list-style:none; margin:0px;display:inline;margin-left:40px;padding:0px;color:white;padding:3px 0px 2px;float:left}
* html #footernav ul{ list-style:none;margin:0px;display:inline;margin-left:40px;padding:0px;color:white;padding:4px 0px 4px;  float:left}
#footernav ul li{ float:left;  padding:0px 8px 0px 9px; border-right:1px solid white; font-size:11px}
#footernav ul li.last{ border-right:none}
#footernav ul li a{ color:white; text-decoration:underline}
#copyright{ clear:both;  width:760px;  text-align:center;  padding:10px 0px 0px}
#content_main{ width:600px;  padding-top:10px}
#content_main_hp{ width:600px;  padding-top:0px}
table#frame_table{ margin:0px; border-left:8px solid white; border-right:8px solid white; border-top:5px solid white; border-bottom:5px solid white; text-align:left; background:white}


/* nature.org homepage CSS Document */
#home_content h1 a, 
#home_content h2 a, 
#home_content h3 a, 
#home_content h4 a, 
#home_content h5 a, 
#home_content h6 a{color:#333;text-decoration:none}
#home_content #splash{width:600px; height:240px}
#home_content h2{margin:0px; padding:0px; font-size:16px; color:#333}
#home_content h4{margin:0px; padding:0px; font-size:12px;color:#333}
#home_left{ width:405px; float:left; padding-right:10px}
ul#home_features{ list-style:none;margin:0px; padding:0px}
ul#home_features li{ clear:both; float:left; width:405px; border-bottom:1px solid #ccc; padding:10px 0px 9px 0px}
ul#home_features li.first{  padding:0px 0px 9px 0px}
ul#home_features li dl{  margin:0px;padding:0px; clear:both;float:left}
ul#home_features li dl dt{  float:left;margin:0px; padding:0px; width:170px; display:block}
ul#home_features li dl dd{  display:block;float:left; margin:0px; padding:0px; width:235px}
ul#home_features li dl dd p{  margin:0px;padding:0px 0px 10px 0px}
#home_right{  width:175px;padding-left:9px;border-left:1px solid #ccc;float:left}
#home_right div{  float:left; width:175px; border-top:1px solid #ccc; padding:9px 0px 0px 0px}
#home_right h2, 
#home_right h3, 
#home_right h4, 
#home_right h5{  margin:0px; padding:5px 0px 0px}
#home_right div dl{ margin:0px; padding:0px}
#home_right div dl dt{ display:block; margin:0px; padding:0px}
#home_right div dl dd{ display:block; margin:0px; padding:0px 0px 10px 0px}
#home_right div dl dd p{ margin:0px; padding:5px 0px}
#home_right div dl dd ul{ margin:0px; padding:5px 0px 5px 15px}
#home_right #home_podcast{ padding:0px; border-top:none}
#home_morenature{ float:left;width:405px; padding:10px 0px}
#home_morenature ul{  margin:5px 0px 5px 0px; list-style:none; padding:0px 0px 0px 0px}
#home_morenature ul li{ padding:0px 0px 5px 0px}
#home_credits{width:385px;clear:both;float:left; padding:10px 20px 10px 0px; font-size:11px}
#home_credits a{  color:black; text-decoration:none}
#disaster_line{padding:10px 0px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-bottom:10px}
#disaster_line a.masked{text-decoration:none; color:black}
div#news_bucket{border-bottom:1px solid #ccc; padding:0px 0px 10px; clear:both; float:left; width:600px; margin-bottom:10px}
#lead_image{margin:0px; padding:0px; float:left; width:170px; display:block}
#lead_story{margin:0px; padding:0px; display:block; float:left; width:428px}
#lead_story p{margin:0px; padding:0px}
#lead_story p a{font-weight:bold}
#more_news{width:428px; float:left; padding-top:5px}
#more_news h4{display:none}
#more_news ul{margin:0px; padding:0px; list-style-type:none}
#more_news ul li{margin-top:5px}
#more_news ul li a{font-weight:bold}
h2.section_header{display:none}
#home_right #home_magazine{ padding-top:0px; border:none}
#home_right #home_magazine dt{ float:right; width:81px}
#home_right #home_members img, 
#home_right #home_podcast img{ width:173px}
#home_right #home_podcast{padding-top:10px; border-top:1px solid #ccc}
div.box{ margin:0px;padding:0px; border:none;float:left}
#news_bucket div.box{width:598px}
#home_right div.box{border:none; padding:0px; margin:0px}
#bg-wrapper{background:url(/images/nhp_bg.jpg) repeat-y center}
#top-nav{clear:both; width:760px; float:left; height:40px}
#top-nav ul{list-style:none; margin:0px; padding:0px; width:760px; height:40px; float:left; overflow:hidden}
#top-nav ul li{margin:0px; float:left; display:block; padding:0px}
* html #top-nav ul li{display:inline}
#main-nav {width:760px; height:40px; padding:0; margin:0; }
#main-nav ul {padding:0; margin:0; list-style:none;}
#main-nav li {float:left; }
#main-nav li a {background:url(/images/top_nav_bg.jpg) no-repeat top left;display:block; height:40px;}
#main-nav li a b {position:absolute; left:-9999px;}
#main-nav li.topnav-home a {background-position: -328px 0; width:79px;} 
#main-nav li.topnav-aboutus a {background-position: 0 0;width:90px;}
#main-nav li.topnav-wherewework a {background-position: -1304px 0; width:138px;} 
#main-nav li.topnav-initiatives a {background-position: -496px 0; width:128px;}
#main-nav li.topnav-newsroom a {background-position: -1068px 0; width:113px;} 
#main-nav li.topnav-blog a {background-position: -190px 0; width:64px;} 
#main-nav li.topnav-mynaturepage a {background-position: -762px 0; width:148px;}
#main-nav li.topnav-aboutus-on a {background-position: -95px 0;width:90px;}
#main-nav li.topnav-wherewework-on a {background-position: -1447px 0; width:138px;} 
#main-nav li.topnav-initiatives-on a {background-position: -629px 0; width:128px;}
#main-nav li.topnav-newsroom-on a {background-position: -1186px 0; width:113px;} 
#main-nav li.topnav-home a:hover {background-position: -412px 0; width:79px;} 
#main-nav li.topnav-aboutus a:hover {background-position: -95px 0;width:90px;}
#main-nav li.topnav-wherewework a:hover {background-position: -1447px 0; width:138px;} 
#main-nav li.topnav-initiatives a:hover {background-position: -629px 0; width:128px;}
#main-nav li.topnav-newsroom a:hover {background-position: -1186px 0; width:113px;} 
#main-nav li.topnav-blog a:hover {background-position: -259px 0; width:64px;} 
#main-nav li.topnav-mynaturepage a:hover {background-position: -915px 0; width:148px;}
#main-nav li.topnav-home:hover > a {background-position: -412px 0;} 
#main-nav li.topnav-aboutus:hover > a {background-position: -95px 0;}
#main-nav li.topnav-wherewework:hover > a {background-position: -1447px 0;} 
#main-nav li.topnav-initiatives:hover > a {background-position: -629px 0;}
#main-nav li.topnav-newsroom:hover > a {background-position: -1186px 0;} 
#main-nav li.topnav-blog:hover > a {background-position: -259px 0;} 
#main-nav li.topnav-mynaturepage:hover > a {background-position: -915px 0;}
#sub-nav{width:760px; height:32px; background-color:#d1d0c5; font-family:Arial,Helvetica,sans-serif; font-weight:bold; color:#74736c; line-height:16px}
#sub-nav ul{list-style:none; float:left; margin:8px 0 0 0; padding:0 0 0 15px; text-align:left}
#sub-nav ul li{display:inline; margin:0; list-style:none; padding:0; line-height:16px; font-size:12px}
#sub-nav a{text-decoration:none; color:#74736c; padding:5px 5px 0 5px}
#sub-nav a:hover{padding:5px 5px 0 5px; text-decoration:underline}
#hp-search{clear:right; float:right}
.search{font-family:Georgia,"Times New Roman",Times,serif; font-size:18px; color:#333; line-height:22px}
.logo{margin:20px 0 0 0; padding:0; width:245px; float:left}
#hp-pbt{margin-top:10px}
#utility-nav{width:760px; text-align:center; border-top:solid 1px #CCC; margin-top:10px; padding:12px 0}
#utility-nav ul{list-style:none; display:inline; margin:0px; padding:0px; text-align:center}
#utility-nav ul li{display:inline; padding:20px 10px 10px; list-style:none}
#utility-nav a{font-family:Arial,Helvetica,sans-serif; font-size:11px; color:#3a89b4; text-decoration:none}
#utility-nav a:hover{text-decoration:underline}
#social-media{width:760px; text-align:center; border-top:solid 1px #CCC; padding:15px 0; font-size:12px; color:#333}
#social-media p{margin:0 0 12px 0; padding:0}
#social-media a{color:#3a89b4; text-decoration:none; font-weight:bold}
#social-media img{margin-bottom:2px}
#social-media a:hover{text-decoration:underline; font-weight:bold}
#social-icons{width:495px; text-align:center; margin:0 auto}
#social-media-icons{width:335px; text-align:center; margin:0 auto}
.media-icon{float:left; padding:0 13px}
#footer-nav{width:760px; text-align:center; color:#000; font-family:Arial,Helvetica,sans-serif; font-size:11px; border-top:solid 1px #CCC; margin-top:10px; padding:12px 0}
#footer-nav ul{list-style:none; margin:0px; display:inline; padding:0; color:#CCC; text-align:center}
#footer-nav ul li{list-style:none; padding:0; font-size:11px; display:inline}
#footer-nav a{color:#3a89b4; text-decoration:none}
#footer-nav a:hover{text-decoration:underline}
#copyright-btm a{color:#333; text-decoration:none}
#copyright-btm{clear:both; width:760px; text-align:center; border-top:solid 1px #CCC; padding:12px 0; color:#333}
#bg-wrapper-bottom{margin:0 0 5px 0; padding:0}
.share-this a:link {text-decoration:none;}
.share-this a:visited {text-decoration:none;}
.share-this a:hover {text-decoration:underline;}
.share-this a:active {text-decoration:underline;}
#sb-container,#sb-wrapper{text-align:left;}
#sb-container,#sb-overlay{position:absolute;top:0;left:0;width:100%;margin:0;padding:0;}
#sb-container{height:100%;display:none;visibility:hidden;z-index:999;}
body>#sb-container{position:fixed;}
#sb-overlay{height:expression(document.documentElement.clientHeight+'px');}
#sb-container>#sb-overlay{height:100%;}
#sb-wrapper{position:relative;}
#sb-wrapper img{border:none;}
#sb-body{position:relative;margin:0;padding:0;overflow:hidden;border:1px solid #303030;}
#sb-body-inner{position:relative;height:100%;}
#sb-content.html{height:100%;overflow:auto;}
#sb-loading{position:absolute;top:0;width:100%;height:100%;text-align:center;padding-top:10px;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title-inner,#sb-info-inner{position:relative;font-family:'Lucida Grande',Tahoma,sans-serif;line-height:16px;}
#sb-title,#sb-title-inner{height:26px;}
#sb-title-inner{font-size:16px;padding:5px 0;color:#fff;}
#sb-info,#sb-info-inner{height:24px;} 
#sb-info-inner{font-size:12px;color:#fff;}
#sb-nav{float:right;height:21px;padding:2px 0;width:45%;} 
#sb-nav a{display:block;float:right;height:21px;width:62px;margin-left:3px;cursor:pointer;} 
#sb-nav-close{background-image:url(/images/close_lightbox.png);background-repeat:no-repeat;} 
#sb-nav-next{background-image:url(/images/next.png);background-repeat:no-repeat;}
#sb-nav-previous{background-image:url(/images/previous.png);background-repeat:no-repeat;}
#sb-nav-play{background-image:url(/images/play.png);background-repeat:no-repeat;}
#sb-nav-pause{background-image:url(/images/pause.png);background-repeat:no-repeat;}
#sb-counter{float:left;padding:2px 0;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-family:'Lucida Grande',Tahoma,sans-serif;font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}
ul.left-nav { list-style:none;  width:150px; margin:0 0 8px 0; padding:0; }
.left-nav li { background-color:#ece9e2;margin:0; padding:0 0 0 12px; border-bottom:solid 1px #cdcbcb;border-left:solid 1px #cdcbcb;border-right:solid 1px #cdcbcb; line-height:16px;font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; }
.left-nav a {  margin:0; padding:0;color:#797979; text-decoration:none;}
li.orange { background-color:#ffd47d; border-bottom:solid 1px #d6a87a;border-left:solid 1px #d6a87a;border-right:solid 1px #d6a87a;}
li.hych { background-color:#ffd47d; border-bottom:solid 1px #d6a87a;border-left:solid 1px #d6a87a;border-right:solid 1px #d6a87a;color:#797979; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; line-height:24px;margin:0; padding:0 0 1px 5px; border-top:solid 9px #c39d77; font-weight:normal;}
a.plant-a-billion, a.planet-change, a.carbon-calculator, a.charity-navigator, a.newsletter-signup {background: url(/images/left_nav_bg.gif) no-repeat top left;}
a.newsletter-signup { background-position: 0 0; margin:10px 0 8px 0; display:block; width:150px; height:128px; }
a.plant-a-billion { background-position: 0 -178px; display:block; width:150px; height:35px;} 
a.planet-change { background-position: 0 -263px; display:block; width:150px; height:35px;} 
a.carbon-calculator { background-position: 0 -348px; display:block; width:150px; height:35px;} 
a.charity-navigator { background-position: 0 -433px; display:block; width:150px; height:38px;} 
.left-nav-item { border-top:solid 1px #CCCCCC; width:150px; padding:7px 0 7px 0; }
.left-nav-icons  { list-style:none; margin:0; padding:0; }
.left-nav-icons a b { position:absolute; left:-9999px; }
a.rss-icon, a.facebook-icon, a.flickr-icon, a.twitter-icon, a.charity-hp-icon {background: url(/images/logos.gif) no-repeat top left;}
a.rss-icon {background-position: 0 -430px; width:36px; height:30px; padding:2px 0 2px 21px;}
a.facebook-icon {background-position: 0 -130px; display:block; width:82px; padding-top:28px;} 
a.flickr-icon {background-position: 0 -205px; display:block; width:63px; padding-top:28px;} 
a.twitter-icon {background-position: 0 -355px; display:block; width:108px; padding-top:28px;} 
a.charity-hp-icon {background-position: 0 0; display:block; width:300px; height:80px;} 
/* nature.org feature archive CSS Document */
#archive_content h1 a, 
#archive_content h2 a{ color:#333; text-decoration:none}
#archive_content h2{ margin:0px;  padding:0px;  font-size:16px;  color:#333}
#archive_left{ width:600px; float:left; padding-right:10px}
ul#archive_features{ list-style:none;  margin:0px;  padding:0px}
ul#archive_features li{ clear:both;  float:left;  width:600px; border-bottom:1px solid #ccc; padding:10px 0px 9px 0px}
ul#archive_features li dl{ margin:0px; padding:0px; clear:both; float:left}
ul#archive_features li dl dt{ float:left; margin:0px; padding:0px; width:170px; display:block}
ul#archive_features li dl dd{ display:block; float:left; margin:0px; padding:0px;  width:400px}
ul#archive_features li dl dd p{ margin:0px;  padding:0px 0px 10px 0px}
#archive_credits{ width:600px;  clear:both;  float:left;  padding:10px 20px 10px 0px;  font-size:11px}
#archive_credits a{ color:black;  text-decoration:none}

espanol-inner{width:760px;}
a.espanol{height:20px;width:500px;color:#3a89b4;text-decoration:none;float:right;text-align:right;line-height:20px;margin:2px 0 3px 0;font-size:12px;}
a:hover.espanol{text-decoration:underline;}

/* TNC Print CSS Document */
@media print{body,table#frame_table{background:white; margin:0px; padding:0px}
body div{text-align:left}
a{color:#14304f}
#sidepromo, 
h2#action, h2#mission, #topnav, 
#sidebar, #footernav, 
#utility ul li, #clear{display:none}
td#frame_table_leftnav{width:0px}
td#frame_table_content{width:700px; padding:0px}
* html #home_right{display:inline; margin-left:-1px}
* html #home_morenature{clear:both}
#content_main, #content_main_hp{width:700px}
#copyright{text-align:left; margin:10px 0px; padding:0px}
}
