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

/*
body{ height: 100% }
body div#container { float: left; }
body div.testingDiv { float: left; width: 10px; height: 100%; background-color: #FF0000; }
*/
/*AGU green: {color:#00704A;}
OLD AGU green: {color:#1a6b66;}
AGU green- topnav {background-color:#007E7A;}
dark blue {#00456a}
a {color:#0065A4; font-weight:bold;}
a:hover {color:#0033FF;}*/

body #content-home .box.border-top { border-top: 1px dotted #999;} /*for horizontal line between content*/ 
body #content-home .spaced { margin: 10px 0; padding: 10px 0 0 0 }
img.imgRight { margin: 0 0 10px 5px; }
img.imgRight.last { margin: 8px 0 0 5px; }

/* ----############--------- Social Networking icons below Navigation ---------############----*/
/*Home Pages*/
#socialnav-home {
	float:left; 
	clear:both;
	/*height:2em;*/
	width:100%;
	padding: .4em 0;
	margin:0;
	background-color:#FFF;
	font-size: .8em;
}
#socialnav-home a { font-weight: normal; }

#socialnav-home #scienceNetworks {float:left; width:200px; padding-left:8px;}
#socialnav-home #socialNetworking {padding:.4em 6px 0 0; text-align:right; vertical-align:bottom; float: right;}
#socialnav-home img {vertical-align:text-bottom;}
.drop-menu-soc {font-size:.7em; letter-spacing:normal;}

/*Drop Menu*/
#socialnav-home .socLinksCont { float: left; }
#socialnav-home .socNavCont { float: left; margin-left:5px; }
#socialnav-home #socNav { 
	list-style-type: none; 
	font-size: .8em; 
	line-height: 1.6em;
	text-align: left;
	margin:3px 3px 0 0;padding:0 0 0 5px;
	width: 16em;
	background: #F5FAF9 url(../images/icons/dropdown_arrow.gif) no-repeat 99% 50%;
	border: 1px solid #666;
	position: relative;
	z-index:999;
}


#socialnav #socNav ul li.topdrop {font-size:.85em; text-align:center; font-weight:bold;}
#socialnav-home #socNav li ul { 
	display:none;
	position:absolute;
	z-index:999;
	top:1.33em;left:.2em;
	font-size:1.2em;
	list-style-type:none;
	margin:0;padding:0;
	background-color:#F5FAF9;
	border: 1px solid #333;
	border-top: none;
}
#socialnav-home #socNav li ul li { margin:0;padding:3px 5px; border-bottom:1px solid #444; font-size:.9em; }
#socialnav-home #socNav li ul li a { text-decoration: none; font-size: 1.1em; }
#socialnav-home #socNav li:hover ul { display:block; }
#socialnav #socNav li ul li:hover {background-color: #D8EBE4;}


/* ----############--------------- END Social Networking icons ---------------############----*/









/* ----############------------------ Center Content -------------------############----*/
#content-home {
	float:left; 
	display: block;
	width:100%;
	margin: 0 0 1em 0;
	padding:0;
	text-align:left;
	border-top: 1px dotted #666;
	font-size: .8em;
	line-height: 1.2em;
}

#alertBox{ 
	border: 3px solid #990000; 
	color: #990000;
	background-color:#ddd; 
	text-align:center; 
	padding: 10px;
	margin: 10px 0;
	font-weight: bold;
}
#alertBox a{ color: #660000}

#content-home h1 {margin:.6em 0 1em 0; font-size: 1.4em; line-height:1.3em; color: #BF3B2F; }
#content-home h2 {margin:15px 0 8px 0; font-size: 1.1em; line-height:1.3em; color: #333; }
#content-home h2.c-head {color:#fff; background-color:#333; padding-left: .6em;}
#content-home h3 {margin:1.6em 0 .4em 0; font-size: 1em; line-height:1.3em; color: #000; }
#content-home h4 {margin:1.6em 0 0 0; font-size: 1em; line-height:1.2em; color: #000; }
#content-home ul { list-style:none; margin:10px 0;padding:0; }
#content-home ul li { margin:0;padding:0; font-size: 1.2em;}
#content-home ul li a { margin:0;padding:0; }
#content-home ul.real { list-style: disc inside; margin: 5px; }
#content-home p { margin: 10px 0 5px 0; font-size: .85em; }
#content-home p.rollover { margin: .2em 0;}
#content-home ul li p { font-size: .85em; }

.padbottom {padding-bottom: .7em;}




/*----############-------------Left Column----############-------------*/
#leftcol .pubs h3.discover {padding: .6em; margin:0; background-color:#333;}
#leftcol .pubs h2.earthNspace {padding:3px 16px;line-height:1.2em;font-size:1.2em;margin-bottom:0;}
#leftcol .pubs .discoverScience {background:url(/images/home/imgDiscoverScience2.jpg) no-repeat; height:188px;width:233px;}
/*#leftcol .pubs .publicationImg {background:url(/images/home/pubs-top/Book_GM161.jpg) no-repeat; height:190px;width:233px;}*/
#leftcol .pubs .publicationImg {background:url(/images/home/pubs-top/SP_62.jpg) no-repeat; height:190px;width:233px;}

#content-home #leftcol {
	width:230px;
	margin: 0 5px 0 0;
	padding: 0 5px 5px 5px;
	float: left;
}


/*Resource Box*/

/* ~~~~~~~~~~~~~~ Details - HOVER effects (inside resources) ~~~~~~~~~~~~~~ */
#container .homeSprite.videoImg{background-position:-166px -5px;}
#content-home #leftcol .details .resources {background-position: -117px -68px;}
#content-home #leftcol .details .getInv {background-position: -162px -68px;}
#content-home #leftcol .details .details_bullet {background-position: -202px -71px;height:8px;width:6px;margin-right:3px;vertical-align:middle;}

/* See body styles for IE5.5 and 6 fix for :hover effects on list items*/
#content-home #leftcol div.details:first-child{margin-top:13px;}
#content-home #leftcol div.details{padding:6px 6px 5px 6px;margin-top:14px;margin-bottom:15px;line-height:15px;width:222px;border:1px solid #999999;} 
#content-home #leftcol .details img{margin-right:5px;}
#content-home #leftcol div.details ul{margin:4px 0 0 0;padding:0;}
#content-home #leftcol div.details ul li{line-height:auto; margin:0;padding:3px 3px 3px 8px;font-weight:bold;border-bottom:1px solid #FFFFFF;display:block;font-size:.8em;font-family:Verdana, Arial, Helvetica, sans-serif;}
#content-home #leftcol div.details ul li a{color:#000;text-decoration:none;border: 1px solid #F3F6EE;vertical-align:middle;}
#content-home #leftcol div.details ul li:hover{display:block;list-style-type:none;}
#content-home #leftcol div.details ul li:hover a{/*color:#00704A;*/color:#0065A4;text-decoration:underline;}
#content-home #leftcol div.details ul li{background-color:#F3F6EE; /*background-color:#F3F6FB;*/}
#content-home #leftcol div.details ul li:hover{background-color:#fff;}
/* ==== Color Groups ==== */
#content-home #leftcol p.rowhead {padding:2px 0 2px 5px;margin:0;background-color:#004e7c;color:#fff;font-weight:bold;font-size:.85em;}
#content-home #leftcol p.rowhead2 {margin:.45em 0 0 0;}

/*Publications*/
#content-home div.pubs {float:left; padding:0; margin-top: 1.5em; margin-bottom:2em;font-size:.9em;border:1px solid #666; background-color:#eee;}
#content-home div.pubs.mtg { margin:3px 0; }
#content-home div.pubs h2 {margin:0 0 3px 0;background: #004469 url(/images/layout/hbg_blue_grad.jpg) repeat-y 0 0; color:white; padding: 3px 0 3px 10px; border-bottom: 2px solid #888; }
#content-home div.titlebox {margin:0; padding: .7em .7em .2em .7em; background-color:#333333;}
#content-home div.p-read {padding: .6em .8em; font-size:.85em;}
#content-home p.indent {margin-left: 2em;}
#content-home h3.articleTitle {margin:.5em 0 0 0; font-size: 1em; line-height:1.3em; color: #fff; }
#content-home h4.journalTitle {margin:.4em 0 0 0; font-size: .95em; line-height:1.2em; color: #fff; font-style:italic; font-weight:bold;}
#content-home p.articleDesc {margin: 1em .2em .6em .2em; line-height:1.2em; color:#FFFFFF; font-size: .95em; }


/*Special Ad - Left Col*/
#content-home div.special {float:left; padding:0; margin-top: 1.5em; margin-bottom:2em;border:1px solid #333; width:233px;}
#content-home div.special img.ad {margin:0; padding:0;}






/*------------------Divider boxes with Blue Heads----------------------------*/

#content div.bluehead h2 {margin:0 0 3px 0;background: #004469 url(/images/layout/hbg_blue_grad.jpg) repeat-y 0 0; color:white; padding: 3px 0 3px 10px; border-bottom: 2px solid #888; }



/*----############-------------Center Column----############-------------*/
#content-home #content {
	width: 745px;
	float: left;
	/*border-left: 1px dotted #666;*/
	padding-left: 8px;
	padding-right: 0;
	padding-top: 1em;
	border: none;
}

#content-home .getInvolved{width:160px;height:140px;background: url(/get_involved/images/btnGet_involved_front.png) no-repeat; display:block;float:left;margin:5px 0 5px 5px;}
/* hover for get involved image */
#content-home .getInvolved:hover,
#content-home .getInvolved:focus,
#content-home .getInvolved:active {background-position: 0 -140px;}

/*#content-home .getInvolved{width:160px;height:150px;background: url(/images/home/imgJa10SpDeadline160px.jpg) no-repeat; display:block;float:left;margin:0 0 5px 5px;}*/



#content-home .midBottomLeft {float: left; width:66%; margin: 5px 0; }
#content-home .midBottomRight {float: left; width:30%; margin: 5px 0; }
#content-home .midBottomLeft { border-right: 1px dotted #666; padding-right: 8px; }
#content-home .midBottomRight { margin-left: 8px; }

#content .agu_news ,
#content .events { margin-top: 15px; }
#content .story_list { background:url(/images/home/bg_grad_eee_down.gif) repeat-x 0 0;}
#content .top.story_list {float:left; background-position: 0 -150px; width:516px;}
#content .events .story_list {background-position: 0 -160px;width:506px;}

#content-home .weatherbox { margin-top: 21px; padding:0; border: 1px solid #CCCCCC; background-color:#F9F3E6; width:500px}
#content-home .weatherbox  .wb-header {padding:0; margin:0; }
#content-home .weatherbox  .wb-bottom {background-color:#fff; border-top: 4px solid #FCB040; margin-top:0; padding-top:0;}
#content-home div.weatherbox p {margin-right: 1em;}
#content-home .weatherbox p.view {font-size: 1.3em;}
#content-home .weatherbox p.view a {text-decoration:underline; color:#00704A;}


.allMeetings{float:right;font-size:.95em;}
#content .events span.allMeetings a {color:white;text-decoration:underline;padding-right:22px;position:relative;}
#content .events span.allMeetings a:hover {text-decoration:none;}

#content .agu_news h2,
#content .events h2 { /*background: #333 url(/images/layout/hbg_black_grad.jpg) repeat-y 0 0;*/ background: #004469 url(/images/layout/hbg_blue_grad.jpg) repeat-y 0 0;color:white;margin:0;font-size:.9em;padding:3px 5px 3px 8px;_height:22px;min-height:22px;position:relative;line-height:1.8em; }
#content .events h2.events { margin-top:10px;width:auto;float:none; }
#content .agu_news a {text-decoration:none;}

#content h2 .title {vertical-align:top;*display:inline-block;}
#content .agu_news h2 .icoNews {height:21px;width:26px;*width:29px;background-position: -3px -31px;margin-top:-3px;*margin-top:0;}

#content .agu_news h2 .icoRssLnk {border: 1px solid transparent;_border-color:#004469;}
#content .agu_news h2 .icoRss {height:20px;width:20px;background-position: -116px -32px;margin-top:-5px;cursor:pointer;}

#content .events h2 .icoNewsES,
#content .events h2 .icoEvents {height:21px;width:26px;*width:29px;background-position: -39px -31px;margin-top:-3px;*margin-top:0;}
#content .events h2 .icoEvents {background-position:-74px -31px;width:32px;*width:35px;}

.newsLinks {text-align:right;float:right;position:relative; margin-top:3px;*margin-top:6px;_margin-top:6px;*line-height:1em;}
#content .newsLinks a {color:white;text-decoration:underline;position:relative;}
#content .newsLinks a:hover,
#content .newsLinks a:focus,
#content .newsLinks a:active {text-decoration:none;}
.newsLinks .newsArchive { top:-3px; border-right: 1px solid white; padding-right: 5px; margin-right: 5px; }
.newsLinks .newsArchive-end { top:-3px; padding-right: 1px; margin-right: 5px; }

#content .agu_news .rss { position:absolute;margin:0;right:5px;top:.3em; }

#content .agu_news h3 { margin:0;padding:2px 0 2px 17px; background-color: #ccc; font-size:.85em; color:#333;}
#content .agu_news p.headline {border-top:1px solid #ccc; padding: 5px 5px 7px 10px; margin:0;}
#content .agu_news p.first { border-top:none;}
#content .agu_news p.blurb {padding: 0 5px 7px 10px; margin:0 0 .2em 0;}
#content .top_stories { width:516px; float:left; border-right: 1px dotted #666; }
#content .multimedia { width:225px; float:left; }
#content .multimedia .top.story_list {padding-left:5px;width:223px;}
#content .multimedia p { clear:both; border:none; }
#content .multimedia .video { float:left;padding-left:0px;font-weight:bold;}

#content .multimedia a.title { float:left; width:110px; margin-top: 5px; }
#content .videop p {line-height: 1.1em;}

#content div.events { width:506px; float:left;margin: 10px 10px 0 0; }
#content div.feeds { width:227px; float:left; margin-top:10px; }
#content div.events a, #content div.feeds a {text-decoration:none;}

#content .events p {padding: 8px 0 7px 10px; margin:0; }
/*
used to be here before but had to add this again 11-4 */
#content .events p.first { border-top:none;}
#content .events p.headline {
border-top:1px solid #CCCCCC;
margin:0;
padding:5px 5px 7px 10px;
}
#content .events .imgLeft { margin:.3em 5px 0 0; }



/*******Middle Right column*******/
/*#content .newsfeeds { 
	margin:0;
	padding:10px 15px 0;
	border: 1px solid #aaa;
	background: transparent url(/images/home/bg_grad_eee_down.gif) repeat-x scroll 0 0;
}
#content .newsfeeds h2 { margin: 0 0 0; }
#content .newsfeeds p {line-height: 1.4em;margin: 0 0 5px;}
#content .newsfeeds ul { margin-top: 5px; }
#content .newsfeeds li { font-size: .85em; line-height: 1.5em; }
#content-home .newsfeeds ul.rsslist li a {display:block;padding:2px 0 2px 17px;line-height:1.2em;background:url(/images/icons/icoRSS_12x12.gif) 0 50% no-repeat;min-height:12px;_height:12px;}
#content .newsfeeds ul.bullet li {list-style-type:disc;margin-left:18px;}
#content #poll {
	border: 1px solid #aaa;
	background: transparent url(/images/home/bg_grad_eee_down.gif) repeat-x scroll 0 0;
}
#content #poll p { font-size: 1em; }
#content-home .announcements, #content-home #poll { margin: 10px 0 5px 0; }
#poll form { display: block; padding: 0 10px 10px; margin: .2em auto 0 auto;  }
#poll label { display: block; }
#poll label input { margin-right: 5px; }
#poll .buttons { margin: 10px 0 0 0; text-align: center;}*/
/******End Middle Right Column******/


/*******Middle Right column*******/
#content .newsfeeds { 
	margin:0;
	padding:7px;
	border: 1px solid #B2B2B2;
	background-color:#EEEEEE;
	/*background-color:#F3F6EE;*/
}
#content .newsfeeds h2 { margin: 0 0 0; }
#content .newsfeeds p {line-height: 1.4em;margin: 0 0 5px;}
#content p.subNewsfeed {margin-left: 3em;}
#content .newsfeeds a {color:#4B721D;}
#content .newsfeeds a:hover {color:#0033FF; text-decoration:underline;}
#container 
#content .newsfeeds ul { margin-top: 8px; }
#content .newsfeeds li { font-size: .85em; line-height: 1.3em; padding-bottom: .8em; }

/*#content .newsfeeds ul.feedsSprite {list-style-type:none;}
#content .newsfeeds ul.feedsSprite li {background: url(/images/home/sprites_home.png) no-repeat -117px -68px;height:15px;}*/
#content li.feeds_bullet {list-style-image:url(/images/icons/arrowGraycircle.gif); margin-left: 3em;}

#content-home .newsfeeds ul.rsslist li a {display:block;padding:2px 0 2px 17px;line-height:1.2em;background:url(/images/icons/icoRSS_12x12.gif) 0 50% no-repeat;min-height:12px;_height:12px;}
#content .newsfeeds ul.bullet li {list-style-type:disc;margin-left:18px;}
#content .newsfeeds p.blogpost {/*border-bottom: 1px solid #CCC;*/ padding-bottom: .5em;}

#content #poll {
	border: 1px solid #aaa;
	background: transparent url(/images/home/bg_grad_eee_down.gif) repeat-x scroll 0 0;
}
#content .newsfeeds-inside { 
	margin:0;
	padding:10px 12px;
	border: 1px dotted #78A22F;
	background-color:#FFFFFF;
}

#content #poll p { font-size: 1em; }
#content-home .announcements, #content-home #poll { margin: 10px 0 5px 0; }
#poll form { display: block; padding: 0 10px 10px; margin: .2em auto 0 auto;  }
#poll label { display: block; }
#poll label input { margin-right: 5px; }
#poll .buttons { margin: 10px 0 0 0; text-align: center;}

/******End Middle Right Column******/





/* ----############------------------ Galeriffic Sideshow ----------------############----*/
#galeriffic_container {
	width: 568px;
	float:left;
	padding: 7px 2px 20px 7px;
	color:#000;
	background-color: #f7f7f7;
	border: 1px solid #aaa;
	color:#000;
	position:relative;
}
#galeriffic_container img {padding: 0 2px; }

#galeriffic_container div.content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float:left;
	width:100%;
}

#galeriffic_container div.navigation-container {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
	   
  font-size: .7em;
}
#galeriffic_container ul.thumbs {margin:0;padding:0px;}
#galeriffic_container ul.thumbs li {float:left;padding:0;margin:0 2px 0 0;list-style: none;}
#galeriffic_container ul.thumbs li a {position:relative; text-decoration:none;}
#galeriffic_container ul.thumbs li a img {padding:1px;border:1px solid #ccc;}

#galeriffic_container ul.thumbs li .thumbPreview { 
	display:none;
	z-index:999999;
	position:absolute;
	bottom:30px;
	left:0;
	padding-bottom:1px;
	cursor:pointer;
/*
	opacity:0.90;
	filter: alpha(opacity = 90);
*/	
}

#galeriffic_container ul.thumbs li .thumbPreview .innerTbPrev { display:block; padding:0; text-align:center; }
#galeriffic_container ul.thumbs li .thumbPreview img { height:105px; width: 150px; border: 3px solid #555; padding:0; }
#galeriffic_container ul.thumbs li .tbOverCaption { display:none; text-align:center; font-weight:normal; font-size:.8em; color:white; line-height: 1em; width:150px; background-color:#999; }
#galeriffic_container ul.thumbs li .thumbArrow { width:32px;height:11px;background:url(/images/slideshow/nav/tb_dn_arrow.gif) no-repeat 7px 0; }

#galeriffic_container a,#galeriffic_container a:visited{}

#galeriffic_container div.content  a:focus,
#galeriffic_container div.content  a:active {text-decoration: underline;}
#galeriffic_container div.content  a:hover {text-decoration: none; color:#fff;}

#galeriffic_container div.controls {position:absolute;right:5px;bottom:3px;width:250px;font-size:.8em;z-index:999;}
#galeriffic_container div.controls a {padding:0px;color:#333;}
#galeriffic_container div.ss-controls {float: right;}
#galeriffic_container div.ss-controls a { width:114px;height:17px;display:block;margin:0; }
#galeriffic_container div.ss-controls a.pause { background:url(/images/slideshow/nav/stop_slideshow2.gif) no-repeat; }
#galeriffic_container div.ss-controls a.play { background:url(/images/slideshow/nav/start_slideshow2.gif) no-repeat; }

#galeriffic_container div.nav-controls {float: left;}



#galeriffic_container div#slideshow,
#galeriffic_container div#caption {float: left;}

#galeriffic_container div.slideshow {width:304px;height:214px;}
div.slideshow a.advance-link {
	display: block;
	width: 304px; /* This should be set to be at least the height of the largest image in the slideshow */
	height: 214px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
	text-decoration: none;
}



#galeriffic_container div#caption{
	width:255px;
  height: 256px;
	padding:0;margin:0;
  font-size: .85em;
  border-left: none;
  overflow: auto;
  overflow-y: auto;
	position:relative;
	left:5px;
}

/* for IE7+ ClearType rendering bug */
/*  */
#galeriffic_container div#caption *{ background-color:#f7f7f7; }

#galeriffic_container .caption .image-title { font-weight: bold; padding: 2px 0 5px 5px; color:#0065A4; font-size: 1.3em; border-bottom:3px solid #ccc;}
#galeriffic_container .caption .image-title a {text-decoration:none;}
#galeriffic_container .caption .image-desc { margin-left: 5px; margin-top: .4em; }
#galeriffic_container .caption .download{ margin-left: 5px; }
#galeriffic_container .image-wrapper img { position:absolute;z-index:1;left:0;top:0;padding:1px;border:1px solid #333; width:300px; height:210px; }
#galeriffic_container .caption p {font-size: 1em;}

div.slideshow a.advance-link:hover, 
div.slideshow a.advance-link:active, 
div.slideshow a.advance-link:visited {text-decoration: none;}
div.loader {
	position:absolute;
	z-index:2;
	top: 0;
	left: 0;
	background: #f7f7f7 url('/images/slideshow/nav/loader.gif') no-repeat 50% 50%;
	width: 577px;
	height: 235px;
	
}
span.image-caption {
	display: block;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}
div.slideshow span.image-wrapper {
	position: absolute;
	top: 0;
	left: 0;
}
#galeriffic_container .photo-index { display:none; }
#galeriffic_container div.slideshow {position:relative;}
#galeriffic_container div.content a:hover {text-decoration:none;color:#777;}
#galeriffic_container .pageLink { display:none; }


galeriffic_container a.hidden {visibility: hidden;}

/* ----############------------------ END Center Content -----------------############----*/