@charset "UTF-8";
body { margin: 0; padding: 0; text-align: center; /* this centers the wrapper in IE 5* browsers. Left-align within wrapper */ background-image: url(/VICAR-DOCS/images2/bg.jpg); background-repeat: no-repeat; background-color: #213452; font-family: Helvetica, Arial, Verdana, sans-serif; color: #4b5c68; }
/*** vertical margin control **************************/

h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, dl, address { /* this zeroes out all margins */ margin: 1em 0; padding: 0px; }
h1, h2, h3, h4, h5, h6 { margin-top: .7em; margin-bottom: 0px; /* margin is created by the top margin of the element beneath it */ }
blockquote { margin: 2em 10%; }
img { border: 0; }
/*** presentation styles ******************************/

.form_field { font-size: .7em; background-color: #213e59; border: 1px solid #687b8e; color: #FFFFFF; }
.form_field_inner { background-color: #fff; border: 1px solid #cdcfd0; height: 18px; padding-left:5px; color: #666666; vertical-align: middle; }
h1 { font-size: 1.4em; color: #43545e; }
h2 { font-size: 1.3em; color: #9cabb7; }
h3 { font-size: 1em; color: #447caf; }
h4 { font-size: .9em; color:#43545e; }
.headline_home_links {  /*rare exception. using this method for design integrity on home page only. standard would be to use modified h2 */ margin-top: -0.1em; font-size: 1.2em; color: #9cabb7; font-weight: bold; }
.date { font-weight: bold; }
/*TODO - combine with bold class? */

.home_links_box A:link { text-decoration:none; color:#4b5c68; font-size: .8em; line-height:1.3em; }
.home_links_box A:visited { text-decoration:none; color:#4b5c68; font-size: .8em; line-height:1.3em; }
.home_links_box A:hover { text-decoration:underline; font-size: 0.8em; line-height:1.3em; }
.home_links_box A:active { text-decoration:none; color:#4b5c68; font-size: .8em; line-height:1.3em; }
.hr_page_hd { background: url(/VICAR-DOCS/images2/divhr.gif) repeat-x; height: 30px; background-position: center; margin-top: 5px; }
.hr_page_hd_subhead { /* only for pages that contain a subhead - jpl facility */ background: url(/VICAR-DOCS/images2/divhr.gif) repeat-x; height: 10px; background-position: center; margin-bottom: 15px; }
.hr_custom { background: url(/VICAR-DOCS/images2/divhr.gif) repeat-x; height: 30px; background-position: center; }
.hr_custom_dark { background: url(/VICAR-DOCS/images2/divhrdark.gif) repeat-x; height: 30px; background-position: center; }
.hr_custom_kids { background: url(/VICAR-DOCS/images2/divhrkids.gif) repeat-x; height: 40px; background-position: center; }
.hr_custom_edu { background: url(/VICAR-DOCS/images2/divhredu.gif) repeat-x; height: 40px; background-position: center; }
.hr_custom_home_right { /* margin collapse on home page only */ background: url(/VICAR-DOCS/images2/divhrhome.gif) repeat-x center; width: 477px; height: 3px; margin-right: 18px; }
.hr_custom_home_left { /* margin collapse on home page only */ background: url(/VICAR-DOCS/images2/divhrhome.gif) repeat-x center; width: 476px; height: 3px; margin-left: 18px; }
.jpl_indepth_box_content_1 img { margin-right: 14px; float: left; margin-top: 0; }
#jpl_indepth_box p { font-size: 0.8em; }
#jpl_indepth_box .date { margin-top: -0.1em; }
/*TODO - .date class reference - combine with bold */

#footer p { color:#868a8d; font-size: 0.8em; }
#footer .footer_credits p { color:#868a8d; font-size: 0.6em; }
/***********#footer A:link { text-decoration:none; color:#868a8d; font-size: 1em; line-height:.5em; }
#footer A:visited { text-decoration:none; color:#868a8d; font-size: 1em; line-height:.5em; }
#footer A:active { text-decoration:none; color:#868a8d; font-size: 1em; line-height:.5em; }
#footer A:hover { text-decoration:none; color:#fff; font-size: 1em; line-height:.5em; }***********/
#footer A:link { text-decoration:none; color:#868a8d; font-size: 0.9em; line-height:.5em; }
#footer A:visited { text-decoration:none; color:#868a8d; font-size: 0.9em; line-height:.5em; }
#footer A:active { text-decoration:none; color:#868a8d; font-size: 0.9em; line-height:.5em; }
#footer A:hover { text-decoration:none; color:#fff; font-size: 0.9em; line-height:.5em; }
table.home_links { width: 100%; border: 0px; border-collapse: 0; border-spacing: 0; }
table.home_links td { padding: 10px 10px 0 0; text-align: left; vertical-align: text-top; }
#contentbox_inner_main_2 p { font-size: 0.8em; line-height: 1.3em; }
.contentbox_main { font-size: 0.7em; line-height: 1.3em; }
#contentbox_sb_factoid p { line-height: 1.3em; }
#contentbox_sb_factoid h4 { margin: 0; text-transform: uppercase; }
#contentbox_sb_factoid img { margin-top: -10px; }
#contentbox_sb_factoid { height: 360px; }
/*************** end presentation styles *******************/

#wrapper_top { width: 989px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */ margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ text-align: left; /* this overrides the text-align: center on the body element. */ margin-top: 12px; margin-bottom: 5px; border: 2px solid #1f3243; position: relative; }
#top { padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */ height: 88px; background: url(/VICAR-DOCS/images2/mast.jpg); }
/* nav teir 0 (NASA, JPL HOME, CalTech). Using invisible hovered links over bg */

#nav_tier_0 a { position: absolute; text-decoration: none; }
#nav_tier_0 i { visibility:hidden; }
a#nasa { top: 5px; left: 10px; width: 85px; height: 80px; }
a#jplhome0 { top: 15px; left: 100px; width: 300px; height: 30px; }
a#caltech { top: 50px; left: 100px; width: 300px; height: 20px; }
/* nav tier 1 (JPL HOME, EARTH, SOLAR SYSTEM, STARS & GALAXIES, SCI/TECH) begin */

#nav_tier_1 { padding: 0; margin: 0; width: 507px; height: 10px; left: 480px; position: relative; top: 10px; }
#nav_tier_1 ul#tier_1 li a { /* image replacement for nav */ text-indent: -9999px; overflow: hidden; text-decoration: none; }
#tier_1 { width: 507px; height: 10px; background:url(/VICAR-DOCS/images2/tnav1.gif); margin: 0; padding: 0; /* aligns tier 1 nav to the right */ position: relative; }
#tier_1 li { margin: 0; padding: 0; list-style:none; position:absolute; top: 0; }
#tier_1 li, #tier_1 a { height: 10px; display: block; }
#jplhome { left: 0px; width: 65px; }
#earth { left: 65px; width: 54px; }
#solarsystem { left: 119px; width: 105px; }
#starsgalaxies { left: 225px; width: 118px; }
#scitech { left: 342px; width:158px; }
#jplhome a:hover { background: transparent url(/VICAR-DOCS/images2/tnav1.gif) 0px -10px no-repeat; } /* these negative values position the rollover image */
#earth a:hover { background: transparent url(/VICAR-DOCS/images2/tnav1.gif) -65px -10px no-repeat; }
#solarsystem a:hover { background: transparent url(/VICAR-DOCS/images2/tnav1.gif) -119px -10px no-repeat; }
#starsgalaxies a:hover { background: transparent url(/VICAR-DOCS/images2/tnav1.gif) -225px -10px no-repeat; }
#scitech a:hover { background: transparent url(/VICAR-DOCS/images2/tnav1.gif) -342px -10px no-repeat; }
/* end nav tier 1 */

/* begin nav tier 2 */

#nav_tier_2 { padding: 0; margin: 0; width: 507px; height: 10px; position: relative; top: 20px; left: 480px; }
#nav_tier_2 ul#tier_2 li a { /* image replacement for nav */ text-indent: -9999px; overflow: hidden; text-decoration: none; }
#tier_2 { width: 507px; height: 10px; background:url(/VICAR-DOCS/images2/tnav2.gif); margin: 0; padding: 0; position: relative; }
#tier_2 li { margin: 0; padding: 0; list-style:none; position:absolute; top: 0; }
#tier_2 li, #tier_2 a { height: 10px; display: block; }
#jplemailnews { left: 221px; width:105px; }
#rss { left: 335px; width:38px; }
#podcast { left: 382px; width:57px; }
#video { left: 452px; width:43px; }
#jplemailnews a:hover { background: transparent url(/VICAR-DOCS/images2/tnav2.gif) -221px -10px no-repeat; }
#rss a:hover { background: transparent url(/VICAR-DOCS/images2/tnav2.gif) -335px -10px no-repeat; }
#podcast a:hover { background: transparent url(/VICAR-DOCS/images2/tnav2.gif) -382px -10px no-repeat; }
#video a:hover { background: transparent url(/VICAR-DOCS/images2/tnav2.gif) -452px -10px no-repeat; }
/* end nav tier 2 */

/* begin nav tier 3 - primary navigation */

#nav_tier_3 { padding: 0; margin: 0; width: 989px; height: 26px; position: relative; }
#nav_tier_3 ul#tier_3 li a { text-indent: -9999px; overflow: hidden; text-decoration: none; }
#tier_3 { width: 989px; height: 26px; background:url(/VICAR-DOCS/images2/pnav.gif); margin: 0; padding: 0; position: relative; }
#tier_3 li { margin: 0; padding: 0; list-style: none; position: absolute; top:0; }
#tier_3 li, #tier_3 a { height: 26px; display: block; }
#news { left: 0px; width: 124px; }
#missions { left: 124px; width: 122px; }
#multimedia { left: 247px; width: 124px; }
#kids { left: 372px; width: 122px; }
#education { left: 495px; width:122px; }
#public { left: 617px; width:124px; }
#work { left: 740px; width:125px; }
#about { left: 865px; width:127px; }
#news a:hover { background: transparent url(/VICAR-DOCS/images2/pnav.gif) 0px -26px no-repeat; }
#missions a:hover { background: transparent url(/VICAR-DOCS/images2/pnav.gif) -124px -26px no-repeat; }
#multimedia a:hover { background: transparent url(/VICAR-DOCS/images2/pnav.gif) -247px -26px no-repeat; }
#kids a:hover { background: transparent url(/VICAR-DOCS/images2/pnav.gif) -372px -26px no-repeat; }
#education a:hover { background: transparent url(/VICAR-DOCS/images2/pnav.gif) -495px -26px no-repeat; }
#public a:hover { background: transparent url(/VICAR-DOCS/images2/pnav.gif) -617px -26px no-repeat; }
#work a:hover { background: transparent url(/VICAR-DOCS/images2/pnav.gif) -740px -26px no-repeat; }
#about a:hover { background: transparent url(/VICAR-DOCS/images2/pnav.gif) -865px -26px no-repeat; }
/**** end nav tier 3 - main navigation ****/

/**** home elements only ****/
#wrapper_middle_1 { width: 990px; margin: 0 auto; text-align: left; position: relative; height: 402px; }
#content_video_player { float: right; /* since this element is floated, specify width */ width: 320px; padding: 0; margin: 0; height: 398px; border: 2px solid #1d3242; }
#content_top_stories { padding: 0; margin: 0; width: 660px; height: 398px; border: 2px solid #1d3242; float: left; }
#form_wrap { position: relative; width: 280px; height: 20px; left: 690px; top: 30px; text-align: right; }
.searchbutton { vertical-align: middle; }
#wrapper_middle_2 { width: 990px; margin: 0 auto; text-align: left; padding: 0; }
#middle_2_border { padding: 0; border: 0px solid #1f3243; background-color:#FFFFFF; clear: both; margin: 0px 0 5px 0; }
.home_links_box { padding: 0; margin: 0; }
#contentbox_news_features { float: left; width: 293px; padding: 18px; height: 180px; }
#contentbox_most_viewed { float: left; width: 294px; padding: 18px; background: url(/VICAR-DOCS/images2/dividerhomenewslinks2b.gif) repeat-x; height: 180px; }
#contentbox_upcoming_events { float: right; width: 294px; margin: 0; padding: 18px; background: url(/VICAR-DOCS/images2/dividerhomenewslinks3b.gif) repeat-x; height: 180px; }
#contentbox_featured_mm { margin-top: 20px; }
.ticker_col_1_content { padding: 18px; }
.ticker_col_1_content img { margin: 0; }
.ticker_col_1_content p { margin: 0; }
.ticker_td { vertical-align: top; }
.ticker_td p, h4 { margin-bottom: .5em; }
#jpl_indepth_col_1 { width: 494px; float: left; padding: 0px; margin-bottom: 18px; }
#jpl_indepth_col_2 { width: 495px; float: right; padding: 0px; background: url(/VICAR-DOCS/images2/dividerjplindepth2.gif) repeat-y; margin-bottom: 18px; }
#jpl_indepth_headline_row { font-size: 1.2em; color: #9cabb7; font-weight: bold; background:url(/VICAR-DOCS/images2/tickerhdbg.gif) repeat-x; height: 30px; width: 953px; margin: 16px 18px 0; }
#wrapper_bottom { width: 990px; margin: 0 auto; margin-top: 2px;}
#contentbox_headline p { margin: 0; }
/****** end home elements ******/

/******** Begin inner styles ***********/


#inner_header { height: 40px; width: 965px; padding-left: 24px; margin: 0; float: left; position: absolute; background: #8ba5b8 url(/VICAR-DOCS/images2/news/hdbg.jpg); z-index: 100; }
#inner_header_kids { height: 40px; width: 965px; background-image:url(/VICAR-DOCS/images2/kids/hdbgkids.gif); padding-left: 24px; margin: 0; float: left; position: absolute; }
#inner_header_edu { height: 40px; width: 965px; background-image:url(/VICAR-DOCS/images2/edu/bgedu.gif); padding-left: 24px; margin: 0; float: left; position: absolute; }
#inner_header_themes { height: 80px; width: 965px; margin: 0; }
#story_utilities, #story_utilities_kids, #story_utilities_edu { width: 632px; float: right; position: relative; padding-right: 24px; text-align: right; z-index: 200; }
#story_utilities_themes { width: 400px; padding-right: 24px; text-align: right; position: relative; float: right; }
/******** #contentbox_inner_header { height: 1%; /* IE6 DISAPPEARING SUBNAV HACK. */ }***********/
#contentbox_inner_header { height: 90; /* IE6 DISAPPEARING SUBNAV HACK. */ }
#snav { padding-left: 24px; margin: -5px 0 0 0; font-size: .8em; font-weight: bold; color: #7a94a7; }
#snav_rollovers { /* required for headers that have a drop-down menu showing */ padding-left: 24px; margin: -37px 0 0 0; font-size: .8em; font-weight: bold; color: #7a94a7; background-color:#FFFFFF; /* IE6 hack */ }
#snav_rollovers2 { /* required for headers that have two drop-down menus showing */ padding-left: 24px; margin: -114px 0 0 0; font-size: .8em; font-weight: bold; color: #7a94a7; background-color:#FFFFFF; /* IE6 hack */ }
#snav A:link, #snav_rollovers A:link, #snav_rollovers2 A:link { text-decoration: none; color: #7a94a7; }
#snav A:visited, #snav_rollovers A:visited, #snav_rollovers2 A:visited { text-decoration: none; color: #7a94a7; }
#snav A:hover, #snav_rollovers A:hover, #snav_rollovers2 A:hover { text-decoration: none; color: #4d6a7f; }
#snav A:active, #snav_rollovers A:active, #snav_rollovers2 A:active { text-decoration: none; color: #7a94a7; }
#snav_edu { padding-left: 24px; margin: -5px 0 0 0; font-size: .8em; font-weight: bold; color: #649dda; }
#snav_edu A:link { text-decoration: none; color: #649dda; }
#snav_edu A:visited { text-decoration: none; color: #649dda; }
#snav_edu A:hover { text-decoration: none; color: #3d7cbf; }
#snav_edu A:active { text-decoration: none; color: #649dda; }
#contentbox_sb_images A:link { text-decoration: none; color: #275ec3; }
#contentbox_sb_images A:visited { text-decoration: none; color: #275ec3; }
#contentbox_sb_images A:hover { text-decoration: underline; }
#contentbox_sb_images A:active { text-decoration: none; color: #275ec3; }
A:link { text-decoration: none; color: #275ec3 }
A:visited { text-decoration: none; color: #275ec3 }
A:hover { text-decoration: underline; }
A:active { text-decoration: none; color: #275ec3 }
#most_viewed_box A:link, #contentbox_inner_sidebar_edu A:link { text-decoration: none; color: #666666; font-size: 0.8em; }
#most_viewed_box A:visited, #contentbox_inner_sidebar_edu A:visited { text-decoration: none; color: #666666; font-size: 0.8em; }
#most_viewed_box A:hover, #contentbox_inner_sidebar_edu A:hover { text-decoration: underline; font-size: 0.8em; }
#most_viewed_box A:active, #contentbox_inner_sidebar_edu A:active { text-decoration: none; color: #666666; font-size: 0.8em; }
#contentbox_sb_notable A:link { text-decoration: none; color: #275ec3; }
#contentbox_sb_notable A:visited { text-decoration: none; color: #275ec3; }
#contentbox_sb_notable A:hover { text-decoration: underline; }
#contentbox_sb_notable A:active { text-decoration: none; color: #275ec3; }
#inner_body { margin: 0 auto; padding: 0; position: relative; height: 1%; }
#contentbox_inner_main { width: 640px; padding: 0 24px 0 24px; float: left; position: relative; height: 1%; margin-bottom: 24px; }
.h1news { margin-top: 22px; margin-bottom: 4px; }
#contentbox_inner_main_mm_videos { width: 941px; padding: 8px 24px 0 24px; position: relative; }
.border_work { border: 1px solid #87a1b4; margin: 50px 24px 0 24px; }
#contentbox_inner_main_2 { /* for the 'work' and 'public events' pages */ width: 542px; padding: 12px; float: left; position: relative; margin: 0; border-top: 1px none; border-right: 1px solid #87a1b4; border-bottom: 1px none; border-left: 1px none; }
#contentbox_inner_main_themes { /* ie 6/7 hack. margins alone cause double float issues, so using a combination of padding/margin to align. causes two pixel shift */ width: 554px; float: left; position: relative; margin: 12px; margin: 6px 0 0 0; padding-left: 24px; }
#contentbox_inner_main_edu { /* ie 6/7 hack. margins alone cause double float issues, so using a combination of padding/margin to align. causes two pixel shift */ width: 554px; float: left; position: relative; margin: 12px; margin: 26px 0 0 0; padding-left: 24px; }
#contentbox_inner_main_edu p { font-size: 0.8em; line-height: 1.4em; }
#contentbox_inner_main_edu h1 { margin-top: 0; }
#contentbox_inner_main_edu .border { border: 1px solid #aac6e3; padding: 20px; }
#contentbox_inner_main_edu .swfpad { padding: 20px 0 20px 0; }
#contentbox_inner_main p { font-size: 0.8em; line-height: 1.5em; }
#contentbox_mininav { width: 450px; float: right; font-size: 0.8em; margin: 0; text-align: right; margin-top: 24px; }
#contentbox_mininav_bottom { width: 450px; float: right; font-size: 0.8em; margin: 0; text-align: right; }
#contentbox_search_stretch { width: 450px; margin: 0 0 0 490px; text-align: right; position: absolute; }
#contentbox_inner_main_kids { width: 941px; padding: 40px 24px 0 24px; position: relative; }
.kids_h1 { font-weight: bold; font-size: 1.3em; color: #389fda; }
#kids_border { padding: 0 9px 0 14px; border: 1px solid #74b1d4; margin-top: 14px; }
.kids_banner01 { background-image: url(/VICAR-DOCS/images2/kids/kidsbannerspaceplace.jpg); }
.kids_banner02 { background-image: url(/VICAR-DOCS/images2/kids/kidsbannervirtualfieldtrip.jpg); }
.kids_banner03 { background-image: url(/VICAR-DOCS/images2/kids/kidsbannercoolcosmos.jpg); }
.kids_banner04 { background-image: url(/VICAR-DOCS/images2/kids/kidsbanneraskdrc.jpg); }
.kids_banner05 { background-image: url(/VICAR-DOCS/images2/kids/kidsbannerkidsspace.jpg); }
.kids_banner06 { background-image: url(/VICAR-DOCS/images2/kids/kidsbannermarsfun.jpg); }
.kids_banner07 { background-image: url(/VICAR-DOCS/images2/kids/kidsbannerssexplore.jpg); }
.kids_banner01, .kids_banner02, .kids_banner03, .kids_banner04, .kids_banner05, .kids_banner06, .kids_banner07 { float: left; position: relative; width: 910px; height: 223px; }
.contact_bg { background-image: url(/VICAR-DOCS/images2/work/contactsbg.gif); position: relative; width: 550px; height: 154px; }
.contact_content { width: 325px; height: 125px; position: absolute; margin: 38px 0 0 16px; line-height: 1.2em; }
.contact_content p { margin: 0; }
.kids_content { width: 210px; height: 110px; position: relative; margin: 50px 0 0 660px; font-size: 0.8em; font-weight: bold; line-height: 1.2em; }
#contentbox_headline { padding-bottom: 16px; }
#contentbox_headline .headline { float: left; margin: 0 20px 0 0; }
.table_top { vertical-align: top; }
#contentbox_headline .date { font-size: .8em; }
.table_top h3, h4 { margin-top: 0; }
#contentbox_inner_sidebar_public .table_top p { margin-top: 0; margin-bottom: 1em; }
#contentbox_inner_sidebar_themes { width: 362px; float: right; margin: 16px 0 0 0; padding-right: 24px; }
#contentbox_inner_sidebar_themes p { font-size: .8em; }
#contentbox_inner_sidebar { width: 275px; padding: 0 24px 0 0; float: right; }
#contentbox_inner_sidebar p { font-size: .8em; }
#contentbox_inner_sidebar_work { width: 365px; float: right; margin: 64px 0 0 18px; padding-right: 24px; }
#contentbox_inner_sidebar_public { /* double float ie fix. affects public events, work at jpl, edu */ width: 365px; float: right; margin: 64px 0 0 18px; padding-right: 24px; }
#contentbox_inner_sidebar_public .sidebar_header, #contentbox_inner_sidebar_work .sidebar_header { font-size: 1.2em; font-weight: bold; color: #FFFFFF; background: #cdcfd0; padding: 6px 0px 6px 14px; margin: 0; }
#contentbox_inner_sidebar_public p, #contentbox_inner_sidebar_work p { font-size: .8em; margin-bottom: 0; line-height: 1.2em; }
#contentbox_inner_sidebar_public .border, #contentbox_inner_sidebar_work .border { padding: 20px 14px 20px 14px; border: 1px solid #cdcfd0; margin-bottom: 20px; }
#contentbox_inner_sidebar_edu { width: 365px; float: right; margin: 26px 0 0 20px; position: relative; padding: 0 24px 50px 0; }
#contentbox_inner_sidebar_edu .border { border: 1px solid #aac6e3; padding: 20px; }
#contentbox_inner_sidebar_2 { /* for the 'work' and 'public events' pages */ width: 340px; padding: 0 16px 0 0; float: right; margin: 0; }
#contentbox_inner_sidebar_nosearch { width: 275px; padding: 0 24px 0 0; float: right; margin: 0; }
#contentbox_inner_sidebar_nosearch p { font-size: 0.8em; }
#search_form_inner { margin-top: 20px; padding: 0; }
#contentbox_images_border { border: 1px solid #cdcfd0; padding: 0 24px 16px 24px; margin-top: 16px; }
#contentbox_image_sites { border: 1px solid #cdcfd0; padding: 0 14px 14px 14px; margin-top: 16px; }
#contentbox_image_sites p { font-size: 0.8em; margin: 0; line-height: 1.3em; }
#contentbox_image_sites h2 { margin-bottom: 0.6em; }
#contentbox_images_border_special { border: 1px solid #cdcfd0; padding: 0 24px 16px 24px; margin-top: 24px; }
#contentbox_images_border_special p { margin-bottom: 0; }
#contentbox_images_border_special h4 { margin-top: 1em; }
#contentbox_sb_most_viewed { background: #CDCFD0; padding: 0; margin: 0; }
#most_viewed_box { padding: 5px 20px 20px 20px; }
#most_viewed_box .numbering { font-size: 1.7em; font-weight: bold; color: #8b8e90; padding: 0 14px 0 0; }
#contentbox_sb_notable { background: #CDCFD0; padding: 0; margin: 0; }
#contentbox_sb_notable .notable { padding-left:10px; }
.wrappernotable { padding: 20px 10px 10px 10px; font-size: 0.9em; }
.wrappernotable td { vertical-align: top; }
.wrappernotable p { margin-top: 0; margin-bottom: 0; line-height: 1.6em; }
#contentbox_sb_notable .hr_custom { height: 7px; }
#contentbox_sb_contacts { margin-bottom: 24px; }
#contacts_box { padding: 20px 22px; background: #CDCFD0; margin: 0; }
#contacts_box p { font-size: .8em; line-height: 1.2em; }
.archives_border { padding: 24px; margin: 20px 0 24px 0; border: 1px solid #cdcfd0; }
.media_room_border { padding: 24px; margin: 20px 0 24px 0; border: 1px solid #cdcfd0; }
.media_room_border h2 { margin-top: 0; margin-bottom: 1em; }
#contentbox_inner_sidebar_edu h2 { margin: 0; color: #8AB2DA; font-size: 1.1em; }
.bold { font-weight: bold; }
#contentbox_sb_explore { background-color: #c4c5c7; margin-bottom: 24px; }
#explore_box { padding: 24px 24px 24px 24px; }
#explore_box p { margin: 0; }
#contentbox_inner_sidebar_edu td { padding: 6px 0 10px 0; }
#columnYear { float:left; width: 285px; border-right: 1px solid #CCCCCC; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; }
#columnTheme { float:right; width: 285px; }
#inline_img { float: left; position: relative; width: 149px; color: #016caa; font-size: 0.8em; margin: -6px 20px 0 0; padding: 0; }
#inline_img .hr_custom { height: 5px; }
.contentbox_resources { height: 75px; padding-bottom: 16px; }
.contentbox_resources .headline { float: left; margin: 0 20px 0 0; }
.contentbox_resources p { font-size: .8em; margin: 0; line-height: 1.6em; }
.photo_caption { font-size: 0.7em; line-height: 1.3em; }
.vnav_caption { font-size: 0.7em; font-weight: bold; line-height: 1.3em; }
.hd_underline { color: #7a94a7; font-weight: bold; padding-bottom: 8px; border-bottom: 1px solid #7a94a7; letter-spacing: 0.1em; }
#mm_latest img { margin-bottom: 6px; }
/********* end inner styles ************/

/*******#footer { padding: 0; margin: 0 auto; border: 2px solid #1f3243; margin-bottom: 10px; background-color: #0e171f; height: 62px; }******/
#footer { padding: 0; margin: 0 auto; border: 2px solid #1f3243; margin-bottom: 10px; background-color: #0e171f; height: 76px; }
#footer p { margin: 0; padding: 0; }
#footer .usa_gov { width: 200px; margin-top: 10px; float: left; margin-left: 10px; }
/*******#footer .footer_credits { float:right; margin-right: 20px; margin-top: 16px; line-height: 1em; text-align: left; }******/
/*******#footer .footer_credits { float:right; margin-right: 20px; margin-top: 25px; line-height: 1em; text-align: left; }*******/
#footer .footer_credits { float:right; margin-right: 16px; margin-top: 20px;  line-height: 1em; text-align: left; }
#footer .footer_nav { margin-top: 24px; }
/********#footer .footer_nav_inner { margin-top: 24px; margin-left: 200px; }*********/
/********#footer .footer_nav_inner { margin-top: 16px; margin-left: 30px; }********/
#footer .footer_nav_inner { margin-top: 20px; margin-left: 25px; }
.clear { clear:  both; } /* use after floats so that they are contained in wrapper div */
.headline_work_test { font-size: 1.3em; font-weight: bold; margin: -20px 0 0 38px; position: absolute; background: #FFFFFF; }
.bold_blue, .bold_grey, .bold_brown { font-weight: bold; }
.bold_blue { color: #0630ba; }
.bold_brown { color: #7d4a3e; }
.lead_image img { /* this creates the vertical space for lead images only. images that are right below the main page header */ margin-top: 10px; }
.sb_img_top img { /* vertical space for sidebar images - if they are first in the sidebar. about pages */ margin-top: 25px; }
.press_kits p { margin-top: 0; }
.subhead { margin: 10px 0 0 0; color: #BBBBBB; font-size: 0.8em; }
.sidebar_spcr { height: 25px; }
/*************** Multimedia Page bottom nav ******************/

#mm_navcontainer { margin: 10px 0 0 0; padding: 0; height: 20px; }
#mm_navcontainer ul { border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; }
#mm_navcontainer ul li { display: block; float: left; text-align: center; padding: 0; margin: 0; }
#mm_navcontainer ul li a { background: #fff; height: 18px; border-top: 1px solid #87a1b4; border-left: 1px solid #87a1b4; border-bottom: 1px solid #87a1b4; border-right: 1px solid #87a1b4; padding: 5px 8px 5px 8px; margin: 0 0 10px 0; color: #87a1b4; text-decoration: none; display: block; text-align: center; font: normal 1em Helvetica, Arial, Verdana, sans-serif; }
#mm_navcontainer ul li a:hover { color: #fff; background: #87a1b4; }
#mm_navcontainer a:active { background: #c60; color: #fff; }
#mm_navcontainer li#active a { background: #c60; border: 1px solid #c60; color: #fff; }
/* start bottom table style */

table.mm_bottom_nav td { font-size: 0.7em; padding: 5px; width: 11%; }
/************************ end Multimedia bottom nav *********************************/
.sidebar_earth { /*color change only for h2 */ color: #8fa384; }
.sidebar_ss { color: #9f8c84; }
.sidebar_stars { color: #9f8e9a; }
#contentbox_inner_main_themes p { font-size: 0.8em; line-height: 1.4em; margin-top: 1em; }
.earthbg, .ssbg, .starsbg { padding: 6px 22px 22px 22px; margin-bottom: 20px; line-height: 1.1em; }
.earthbg { background: #e0e7dc; }
.ssbg { background: #e4e0de; }
.starsbg { background: #ded9dc; }
.theme_earth_border { border: 1px solid #9db192; padding: 22px 22px 24px; margin: 10px 0 20px 0; }
.theme_ss_border { border: 1px solid #aba09c; padding: 22px 22px 24px; margin: 10px 0 20px 0; }
.theme_stars_border { border: 1px solid #c0b2bc; padding: 22px 22px 24px; margin: 10px 0 20px 0; }
.theme_earth_hd2 { font-weight: bold; color: #5e6f55; font-size: 1.3em; }
.theme_earth_hd2b { font-weight: bold; color: #a6aa91; font-size: 1.3em; }
.theme_stars_hd2 { font-weight: bold; color: #614e5b; font-size: 1.3em; }
.theme_stars_hd2b { color: #614e5b; margin-top: 0px; }
.theme_ss_hd2 { color: #885643; margin-top: 0px; }
.theme_ss_hd2bolder { color: #885643;/* need to create a bolder attribute - see  comp 'phoenix mars lander header'*/ }
.theme_hd4 { font-weight: bold; color: #3976a0; font-size: 1.1em; }
.themessbstoryhd { font-size: .9em; font-weight: bold; color: #3976a0; }
.hr_custom_ss { background: url(/VICAR-DOCS/images2/themes/divhrss.gif) repeat-x; height: 30px; background-position: center; }
.hr_custom_earth { background: url(/VICAR-DOCS/images2/themes/divhrearth.gif) repeat-x; height: 30px; background-position: center; }
.hr_custom_starsgalaxies { background: url(/VICAR-DOCS/images2/themes/divhrstarsgalaxies.gif) repeat-x; height: 30px; background-position: center; }
.group1 { /* needed for randomizer script */ visibility: hidden; }
/* temporary bottom new nav css */
#div0 { position:absolute; left:50; top:50; width:930px; height:200px; clip: rect(0 930 200 0); visibility: hidden; }
#div1 { position:absolute; left:50; top:50; width:930px; height:200px; clip: rect(0 930 200 0); visibility: hidden; }
#div2 { position:absolute; left:50; top:50; width:930px; height:200px; clip: rect(0 930 200 0); visibility: hidden; }
#div3 { position:absolute; left:50; top:50; width:930px; height:200px; clip: rect(0 930 200 0); visibility: hidden; }
#div4 { position:absolute; left:50; top:50; width:930px; height:200px; clip: rect(0 930 200 0); clear: both; visibility: hidden; }
.mm_video_nav { font-size: .7em; }

#header { padding: 0;  height: 98px; background-color: #001a35; /* for IE */ filter: alpha(opacity=80); /* CSS3  
standard */ opacity: 0.8; vertical-align: middle;}