/*
 *  Created by Joannou Ng.
 */

/* Global styles */

body {
    color: #333;
    background-color: #006;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a:link, a:active, a:visited {
	color: #666;
	text-decoration: none;
}

a:hover {
	color: #999;
	text-decoration: underline;
}

a#astro:link, a#astro:hover, a#astro:active, a#astro:visited {
	color: #3b7394;
}

a#earth:link, a#earth:hover, a#earth:active, a#earth:visited {
	color: #ac9700;
}

a#bio:link, a#bio:hover, a#bio:active, a#bio:visited {
	color: #668030;
}

.RedText {
    color: #c00;
}

/* SciBull header styles */

#sciBullHeader {
    width: 774px;
    height: 94px;
    background: #fff url(/sciencebulletins/images/navbarbg.gif) repeat-x scroll 0px 56px;
}

#sciBullHeader h1 {
    margin: 0;
    padding: 0;
}

#sciBullHeader h1 a {
    display: block;
    width: 774px;
    height: 56px;
    text-decoration: none;
    overflow: hidden;
    color: #000;
}

#sciBullHeader h1 a span {
    width: 774px;
    height: 56px;
    position: absolute;
    cursor: pointer;
    left: 0px;
}

#sciBullHeader #home a span {
    background: transparent url(/sciencebulletins/images/banner.gif) no-repeat scroll 0px 0px;
}

#sciBullHeader #astro a span {
    background: transparent url(/sciencebulletins/images/astrobanner.gif) no-repeat scroll 0px 0px;
}

#sciBullHeader #earth a span {
    background: transparent url(/sciencebulletins/images/earthbanner.gif) no-repeat scroll 0px 0px;
}

#sciBullHeader #bio a span {
    background: transparent url(/sciencebulletins/images/biobanner.gif) no-repeat scroll 0px 0px;
}

#sciBullHeader #bulletins {
    width: 303px;
    margin: 0;
    padding: 0;
    float: right;
}

#sciBullHeader #bulletins li {
    list-style-type: none;
    float: left;
}

#sciBullHeader #bulletins li a {
    display: block;
    width: 101px;
    height: 38px;
    text-decoration: none;
    overflow: hidden;
}

#sciBullHeader #bulletins li a span {
    width: 101px;
    height: 38px;
    position: absolute; 
    cursor: pointer;
}

#sciBullHeader #bulletins #astro a span {
    background: transparent url(/sciencebulletins/images/astrotab_off.gif) no-repeat scroll 0px 0px;
    left: 471px;
}

#sciBullHeader #bulletins #earth a span {
    background: transparent url(/sciencebulletins/images/earthtab_off.gif) no-repeat scroll 0px 0px;
    left: 572px;
}

#sciBullHeader #bulletins #bio a span {
    background: transparent url(/sciencebulletins/images/biotab_off.gif) no-repeat scroll 0px 0px;
    left: 673px;
}

#sciBullHeader #bulletins #astro a:hover span {
    background: transparent url(/sciencebulletins/images/astrotab_on.gif) no-repeat scroll 0px 0px;
}

#sciBullHeader #bulletins #earth a:hover span {
    background: transparent url(/sciencebulletins/images/earthtab_on.gif) no-repeat scroll 0px 0px;
}

#sciBullHeader #bulletins #bio a:hover span {
    background: transparent url(/sciencebulletins/images/biotab_on.gif) no-repeat scroll 0px 0px;
}

#sciBullHeader #bulletins #astroActive a span {
    background: transparent url(/sciencebulletins/images/astrotab_no.gif) no-repeat scroll 0px 0px;
    left: 471px;
}

#sciBullHeader #bulletins #earthActive a span {
    background: transparent url(/sciencebulletins/images/earthtab_no.gif) no-repeat scroll 0px 0px;
    left: 572px;
}

#sciBullHeader #bulletins #bioActive a span {
    background: transparent url(/sciencebulletins/images/biotab_no.gif) no-repeat scroll 0px 0px;
    left: 673px;
}

#sciBullHeader #stories {
    float: left;
    width: 471px;
    margin: 0;
    padding: 0;
}

#sciBullHeader #stories li {
    list-style-type: none;
    float: left;
}

#sciBullHeader #stories li a {
    display: block;
    height: 38px;
    text-decoration: none;
    overflow: hidden;
}

#sciBullHeader #stories li a span {
    height: 38px;
    position: absolute; 
    cursor: pointer;
}

#sciBullHeader #stories #feature a, #sciBullHeader #stories #featureActive a {
    width: 79px;
}

#sciBullHeader #stories #feature a span {
    background: transparent url(/sciencebulletins/images/featuretab_off.gif) no-repeat scroll 0px 0px;
    width: 79px;
    left: 0px;
}

#sciBullHeader #stories #snapshot a, #sciBullHeader #stories #snapshotActive a {
    width: 79px;
}

#sciBullHeader #stories #snapshot a span {
    background: transparent url(/sciencebulletins/images/snapshottab_off.gif) no-repeat scroll 0px 0px;
    width: 79px;
    left: 79px;
}

#sciBullHeader #stories #astroviz a, #sciBullHeader #stories #earthviz a, #sciBullHeader #stories #bioviz a, #sciBullHeader #stories #astrovizActive a, #sciBullHeader #stories #earthvizActive a, #sciBullHeader #stories #biovizActive a {
    width: 89px;
}

#sciBullHeader #stories #astroviz a span {
    background: transparent url(/sciencebulletins/images/astroviztab_off.gif) no-repeat scroll 0px 0px;
    width: 89px;
    left: 158px;
}

#sciBullHeader #stories #earthviz a span {
    background: transparent url(/sciencebulletins/images/earthviztab_off.gif) no-repeat scroll 0px 0px;
    width: 89px;
    left: 158px;
}

#sciBullHeader #stories #bioviz a span {
    background: transparent url(/sciencebulletins/images/bioviztab_off.gif) no-repeat scroll 0px 0px;
    width: 89px;
    left: 158px;
}

#sciBullHeader #stories #archive a, #sciBullHeader #stories #archiveActive a {
    width: 77px;
}

#sciBullHeader #stories #archive a span {
    background: transparent url(/sciencebulletins/images/archivetab_off.gif) no-repeat scroll 0px 0px;
    width: 77px;
    left: 247px;
}

#sciBullHeader #stories #feature a:hover span {
    background: transparent url(/sciencebulletins/images/featuretab_on.gif) no-repeat scroll 0px 0px;
}

#sciBullHeader #stories #snapshot a:hover span {
    background: transparent url(/sciencebulletins/images/snapshottab_on.gif) no-repeat scroll 0px 0px;
}

#sciBullHeader #stories #astroviz a:hover span {
    background: transparent url(/sciencebulletins/images/astroviztab_on.gif) no-repeat scroll 0px 0px;
}

#sciBullHeader #stories #earthviz a:hover span {
    background: transparent url(/sciencebulletins/images/earthviztab_on.gif) no-repeat scroll 0px 0px;
}

#sciBullHeader #stories #bioviz a:hover span {
    background: transparent url(/sciencebulletins/images/bioviztab_on.gif) no-repeat scroll 0px 0px;
}

#sciBullHeader #stories #archive a:hover span {
    background: transparent url(/sciencebulletins/images/archivetab_on.gif) no-repeat scroll 0px 0px;
}

#sciBullHeader #stories #featureActive a span {
    background: transparent url(/sciencebulletins/images/featuretab_on.gif) no-repeat scroll 0px 0px;
    width: 79px;
    left: 0px;
}

#sciBullHeader #stories #snapshotActive a span {
    background: transparent url(/sciencebulletins/images/snapshottab_on.gif) no-repeat scroll 0px 0px;
    width: 79px;
    left: 79px;
}

#sciBullHeader #stories #astrovizActive a span {
    background: transparent url(/sciencebulletins/images/astroviztab_on.gif) no-repeat scroll 0px 0px;
    width: 89px;
    left: 158px;
}

#sciBullHeader #stories #earthvizActive a span {
    background: transparent url(/sciencebulletins/images/earthviztab_on.gif) no-repeat scroll 0px 0px;
    width: 89px;
    left: 158px;
}

#sciBullHeader #stories #biovizActive a span {
    background: transparent url(/sciencebulletins/images/bioviztab_on.gif) no-repeat scroll 0px 0px;
    width: 89px;
    left: 158px;
}

#sciBullHeader #stories #archiveActive a span {
    background: transparent url(/sciencebulletins/images/archivetab_on.gif) no-repeat scroll 0px 0px;
    width: 77px;
    left: 247px;
}

/* Home styles */

#whiteBox {
	width: 744px;
	background-color: #fff;
	padding: 30px 15px 15px 15px;
	margin: 0px;
}

#whiteBox h1, #whiteBox #leftColumn h1 {
    color: #c00;
	font-size: 20px;
}

#whiteBox h1#title {
	padding-bottom: 5px;
    background: transparent url(/sciencebulletins/images/css_dotted_line.gif) repeat-x scroll bottom left;
}

#whiteBox #leftColumn {
    float: left;
    width: 543px;
    margin: 0;
    padding: 0;
}

#whiteBox #leftColumn p#first {
    margin-top: 0px;
}

#whiteBox #leftColumn #feature, #whiteBox #rightColumn #snapshot, #whiteBox #rightColumn #viz, #whiteBox #rightColumn #media {
    cursor: pointer;
}

#whiteBox #leftColumn #feature h2, #whiteBox #rightColumn #snapshot h2, #whiteBox #leftColumn #indexFeature h2 {
    font-size: 12px;
    color: #fff;
    padding: 3px 5px 3px 5px;
    margin: 0px 0px 1px 0px;
}

#whiteBox #leftColumn #feature #astro, #whiteBox #rightColumn #snapshot h2#astro, #whiteBox #rightColumn #viz h2#astro, #whiteBox #leftColumn #indexFeature h2#astro, #whiteBox #rightColumn #media h2#astro {
    background-color: #88bede;
}

#whiteBox #leftColumn #feature #earth, #whiteBox #rightColumn #snapshot h2#earth, #whiteBox #rightColumn #viz h2#earth, #whiteBox #leftColumn #indexFeature h2#earth, #whiteBox #rightColumn #media h2#earth {
    background-color: #ddcb48;
}

#whiteBox #leftColumn #feature #bio, #whiteBox #rightColumn #snapshot h2#bio, #whiteBox #rightColumn #viz h2#bio, #whiteBox #leftColumn #indexFeature h2#bio, #whiteBox #rightColumn #media h2#bio {
    background-color: #a2ca4f;
}

#whiteBox #leftColumn #feature #image, #whiteBox #leftColumn #indexFeature #image {
    cursor: pointer;
    width: 543px;
    height: 150px;
    margin: 0px 0px 1px 0px;
    padding: 0px;
}

#whiteBox #leftColumn #feature #text, #whiteBox #rightColumn #snapshot #text, #whiteBox #rightColumn #viz #text, #whiteBox #leftColumn #indexFeature #rightBox #text {
    background-color: #ebebeb;
    margin: 0px 0px 1px 0px;
    padding: 5px;
}

#whiteBox #leftColumn #feature #text h3, #whiteBox #rightColumn #snapshot #text h3, #whiteBox #rightColumn #viz #text h3, #whiteBox #leftColumn #indexFeature #rightBox #text h3 {
    color: #c00;
    margin: 0px;
    padding: 0px;
	font-size: 1.2em;
}

#whiteBox #leftColumn #feature #text #date, #whiteBox #rightColumn #snapshot #text #date, #whiteBox #rightColumn #viz #text #date, #whiteBox #leftColumn #indexFeature #rightBox #text #date {
    font-size: 10px;
    margin-bottom: 0px;
}

#whiteBox #leftColumn #feature #link {
    font-size: 10px;
    padding: 5px 23px 5px 5px;
    text-align: right;
    background: #ebebeb url(/sciencebulletins/images/storyarrow.gif) no-repeat scroll 525px 5px;
}

#whiteBox #rightColumn {
    float: right;
    width: 185px;
    margin: 0;
    padding: 0;
}

#whiteBox #rightColumn #viz h2 {
    font-size: 12px;
    color: #fff;
    padding: 3px 5px 3px 5px;
    margin: 10px 0px 1px 0px;
}

#whiteBox #rightColumn #snapshot #image, #whiteBox #rightColumn #viz #image, #whiteBox #rightColumn #media #image {
    width: 185px;
    height: 150px;
    margin: 0px 0px 1px 0px;
    padding: 0px;
}

#whiteBox #rightColumn #snapshot #link, #whiteBox #rightColumn #viz #link {
    font-size: 10px;
    padding: 5px 23px 5px 5px;
    text-align: right;
    background: #ebebeb url(/sciencebulletins/images/storyarrow.gif) no-repeat scroll 167px 5px;
}

#whiteBox #nasa {
    clear: both;
    background: transparent url(/sciencebulletins/images/nasafooter.gif) no-repeat scroll 0px 0px;
    height: 35px;
    padding: 13px 0px 0px 52px;
	font-size: 10px;
}

/* Index styles */

#whiteBox #leftColumn #indexFeature #leftBox {
    float: left;
    width: 185px;
    margin: 0px;
    padding: 0px;
}

#whiteBox #leftColumn #indexFeature #rightBox {
    float: right;
    width: 357px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
}

#whiteBox #leftColumn #indexFeature #leftBox h3 {
    font-size: 10px;
    font-weight: normal;
    padding: 5px;
    margin: 0px 0px 1px 0px;
}

#whiteBox #leftColumn #indexFeature #leftBox h3#astro {
    color: #3b7394;
    background-color: #c1d8e5;
}

#whiteBox #leftColumn #indexFeature #leftBox h3#earth {
    color: #ac9700;
    background-color: #efefb7;
}

#whiteBox #leftColumn #indexFeature #leftBox h3#bio {
    color: #668030;
    background-color: #ddefbb;
}

#whiteBox #leftColumn #indexFeature #leftBox #contents {
    background-color: #e0e0e0;
    padding: 5px;
    font-size: 10px;
}

#whiteBox #leftColumn #indexFeature #leftBox #contents ul {
    margin: 0px;
    padding: 0px;
}

#whiteBox #leftColumn #indexFeature #leftBox #contents ul li {
    list-style-type: none;
    padding: 0px 0px 3px 0px;
}

#whiteBox #leftColumn #indexFeature #rightBox #text .astro, #whiteBox #rightColumn #snapshot #text .astro, #whiteBox #rightColumn #viz #text .astro {
    color: #3b7394;
}

#whiteBox #leftColumn #indexFeature #rightBox #text .earth, #whiteBox #rightColumn #snapshot #text .earth, #whiteBox #rightColumn #viz #text .earth {
    color: #ac9700;
}

#whiteBox #leftColumn #indexFeature #rightBox #text .bio, #whiteBox #rightColumn #snapshot #text .bio, #whiteBox #rightColumn #viz #text .bio {
    color: #668030;
}

#whiteBox #leftColumn #indexFeature #rightBox #link {
    font-size: 10px;
    padding: 5px 23px 5px 5px;
    text-align: right;
    background: #ebebeb url(/sciencebulletins/images/storyarrow.gif) no-repeat scroll 339px 5px;
}

#storyArrowLink {
    font-style: italic;
    font-size: 10px;
	margin-top: 10px;
    padding: 5px 23px 5px 5px;
    text-align: right;
    background: transparent url(/sciencebulletins/images/storyarrow.gif) no-repeat scroll 325px 5px;
}

#feEssays #storyArrowLink a {
    font-size: 10px;
	color: #666;
}

/* Activity styles */

#whiteBox h3 {
    margin: 0px 0px 5px 0px;
    padding: 0px;
}

#whiteBox h3 a#back {
    background: transparent url(/sciencebulletins/images/back.gif) no-repeat scroll 0px 2px;
    padding: 0px 0px 0px 20px;
    margin: 0px;
	color: #ababab;
	text-decoration: none;
}

#whiteBox h3 a#back:hover {
	text-decoration: underline;
}

#whiteBox #leftColumn h1 {
    margin: 0px;
}

#whiteBox #leftColumn #topBorder {
    background: transparent url(/sciencebulletins/images/css_dotted_line.gif) repeat-x scroll 0px 0px;
    padding-top: 5px;
}

#whiteBox #leftColumn #link {
    text-align: right;
    background: transparent url(/sciencebulletins/images/popplus.gif) no-repeat scroll 532px 2px;
}

#whiteBox #leftColumn #link a#astro, #whiteBox #leftColumn #link a#earth, #whiteBox #leftColumn #link a#bio {
    font-style: italic;
    font-size: 10px;
    padding-right: 20px;
}

#whiteBox #leftColumn h2.Red {
    color: #c00;
	font-size: 14px;
    margin: 10px 0px 0px 0px;
}

#whiteBox #rightColumn #media h2 {
    font-size: 12px;
    color: #fff;
    padding: 5px 5px 5px 24px;
    margin: 0px 0px 1px 0px;
    background: transparent url(/sciencebulletins/images/f_media_icon.gif) no-repeat scroll 5px 5px;
}

#whiteBox #rightColumn #media #text {
    background-color: #ebebeb;
    margin: 0px 0px 0px 0px;
    padding: 5px;
    font-size: 10px;
}

#whiteBox #rightColumn #media #link {
    background-color: #ebebeb;
    margin: 0px 0px 0px 0px;
    padding: 5px;
    text-align: right;
}

#whiteBox #rightColumn #media #link.astro {
    background: #ebebeb url(/sciencebulletins/astro/images/popplus.gif) no-repeat scroll 169px 7px;
}

#whiteBox #rightColumn #media #link.earth {
    background: #ebebeb url(/sciencebulletins/earth/images/popplus.gif) no-repeat scroll 169px 7px;
}

#whiteBox #rightColumn #media #link.bio {
    background: #ebebeb url(/sciencebulletins/bio/images/popplus.gif) no-repeat scroll 169px 7px;
}

#whiteBox #rightColumn #media #link a {
    margin: 0px;
    font-style: italic;
    font-size: 10px;
    padding: 0px 16px 0px 0px;
}