@import url("/styles/print.css");

/**
 * Styles that are global to all subpages in the style of the Homepage go in here.
 */

 /* Home Page Styles */

/**
 * Home Page Colors
 * 1st  Color = #67201D
 * 2A   Color = #F0FEED
 * 2B   Color = #000000
 * 2C   Color = #67201D
 * 3A   Color = #B3A68B
 * 3B   Color = #666666
 * 4th  Color = #993333
 * 5th  Color = #67201D
 * 6A   Color = #B3A68B
 * 6B   Color = #993333
 * 7th  Color = #DADACC
 * 8A   Color = #DADACC
 * 8B   Color = #999999
 * 9th  Color = #67201D
 * 10th Color = #DADACC
 */

/* Global Styles */

body {
	background: url('/graphics/background_home.gif');
}

div#search-section-bar, div#container-padding {
	background-image: url('graphics/home_logo.jpg');
}


div, p, span {
	color: black;
}

a, .content-box-padding span.p em, span.link {
  color: #4B7394
}

a:visited {
  color: #4B7394
}

.content-box-padding span.p em {
  text-decoration: underline;
	font-style:      normal
}

.arrow {
  background: url('/graphics/home_arrow.gif') center right no-repeat;
}

.arrow:visited {
  background-image: url('/graphics/home_arrow_visited.gif');
}

/* To allow for proper cascading without needing !important, reiterate .arrow:hover here */

.arrow:hover {
  background-image: url('/graphics/rollover_arrow.gif');
}

.inset {
  /* Spec: 8A Color */
  background: #DADACC
}

.nav-box-padding {
  /* Spec: 1st Color */
	border: solid #4B7394 1px;

	background-color: #AAC6DA;
}

.nav-box-padding span.h1 { background-color: #16222C; }
.nav-box-padding span.h2 { color: #16222C; }
.nav-box-padding span.p  { color: black; }

span.nuts-and-bolts-icon {
  width: 80px !important;
	height: 80px !important;
	background: url('/graphics/nuts_bolts_promo80x80.gif')
}

/* Advanced News Search Link */

a#advanced-news-search {
  display: inline;
	float: right;
	padding-right: 16px;
	background: url('graphics/newscenter_circle_arrow.gif') right center no-repeat;
	margin-right: 10px;
}

a#advanced-news-search:hover {
  background-image: url('../graphics/rollover_arrowcir.gif');
}

/* Primary Container and Its Contents */

div#container {
  /* Spec: 5th Color */
	border-right:  solid #4B7394 1px;
	border-bottom: solid #4B7394 1px;
	border-left: solid #4B7394 1px;
}

div#container, div#container-padding, div#search-section-bar {
  background-color: black
}

.box-image {
  /* Spec: 1st Color */
  border: solid #67201D 1px
}

.nav-box-padding a {
  color: #CC6600;
}


/* Side Menu Definitions */

div.menu-box li {
  background-color: #16222c;
}

div.menu-box li a {
  background-image: url('/about_us/graphics/about_side_nav_menu_item.gif');
	color: white;
}

div.menu-box li a:visited {
  color: white;
}

div.menu-box li a:hover {
  background-image: url('/graphics/side_nav_menu_item_hover.gif') !important;
}

div.menu-box li.active {
  /* Spec: 4th Color */
  background-color: #6d9cc0
}

div.menu-box li.active a.active {
  background-image: url('/about_us/graphics/about_side_nav_menu_item_active.gif');
}

div.menu-box li.active a:hover {
  color: #007173 !important;
  background-image: url('/graphics/side_nav_menu_item_hover_dark.gif') !important;
}

div.menu-box, div.menu-box ul.submenu li {
  /* Spec: Color 2 */
  background-color: #6d9cc0;
}

div.menu-box ul.submenu li.selected-submenu a.active {
  background-image: url('/about_us/graphics/about_side_nav_menu_item_active.gif');
  color: #032525
}

div.menu-box ul.submenu li a:visited {
  color: #032525
}

div.menu-box h1 a {
  background-image: url('/about_us/graphics/about_side_nav_menu_header_active.gif');
}

div.menu-box h1.active a {
  background-image: url('/about_us/graphics/about_side_nav_menu_header.gif');
}

div.menu-box h1 a:hover {
  background-image: url('/about_us/graphics/about_side_nav_menu_header_hover.gif');
}


div#nav-box-container h3 {
  color: #6D9CC0
}

div#subpage-content a,
div#subpage-content a:visited {
  /* Spec: Color 1 */
  color: #4B7394;
}

div#subpage-content h1,
div#subpage-content span.h1 {
  /* Spec: Color 1 */
  background-color: #67201D;
}

div#subpage-content span.h1 a {
  color: white;
	text-transform: uppercase
}

div#subpage-content h2 {
  /* Spec: Color 1 */
  color: #67201D;

  /* Spec: Color 2a */
  background: #F0EEDD url('/newscenter/graphics/newscenter_h2_background.gif') center center repeat-x;
}

div#subpage-content a:hover h2 strong {
  color: #00B2B3 !important;
  text-decoration: underline;
}

div#subpage-content h2 span.normal-case {
  text-transform: none;
	color: white
}

div#subpage-content h2 strong {
  /* Spec: Color 2a */
  background-color: #F0EEDD;
  padding-left: 0;
  padding-right: 5px
}

div#subpage-content table th {
  /* Spec: Color 8b */
  background-color: #999999;
}

div#subpage-content table td.side-header {
  /* Spec: Color 10 */
  background-color: #DADACC;
}

div#subpage-content table td.top-header {
  /* Spec: Color 10 */
  background-color: #DADACC;
}

div#subpage-content table td {
  /* Spec: Color 9 */
  background: #FCFAEE;

  border-top: solid #938C84 1px;
  border-right: solid #938C84 1px;
}

div#subpage-content form input.button {
  /* Spec: Color 6a */
  background-color: #B3A68B;
}

div#subpage-content {
  width: auto !important;
	max-width: 740px;
	min-width: 400px;
}

div#subpage-content h3 {
  padding: 0 !important;
  height: 13px;
  margin-top: 10px !important;
	clear: none !important;
	background: url(/graphics/footer_blue_bar.gif) center repeat-x;
}

div#subpage-content h3 span {
  padding-top: 0 !important;
  padding-right: 10px;
	background-color: #E4E4E4;
  color: #4B7394;
  font-size: 13px;
  height: 13px;
  line-height: 13px;
	text-transform: uppercase !important
}

div.alert {
	border: solid #6D9CC0 1px;
	margin-right: 210px;
	background-color: #F3ECEB
}

a.back-to-top {
	background-image: url(/graphics/footer_up_arrow.gif);
	margin-top: 10px;
}

a.back-to-top:hover {
	background-image: url(/graphics/footer_up_arrow_hover.gif);
}

div#subpage-content h3 span a.arrow {
  padding-right: 20px;
}

div#subpage-content-container {
  background-color: #6D9CC0;
}

div#subpage-content-container div,
div#subpage-content-container span,
div#subpage-content-container p,
div#subpage-content-container li {
  font-size: 12px;
	line-height: 140%
}

div#subpage-content-body {
  background-color: #E4E4E4;
	width: 100%;
	padding: 0;
	margin: 0;
}

div#subpage-content-body div.subpage-right-inset-container {
  background-color: #E4E4E4;
}

div#subpage-content-body div.subpage-right-inset {
	background-color: #F8F3F3;
}

div#subpage-content-body div.subpage-right-inset div.subpage-inset-padding-border {
  border-bottom: solid #67201D 1px
}

div.subpage-right-callout-padding {
	background-color: #AAC6DA
}


div#subpage-content h1#page-title {
  /* Spec: Color 1 */
	color: #6D9CC0;

  background: none;
	padding-left: 0;
	padding-top: 18px;
	padding-bottom: 30px
}

div#subpage-content div.box-with-title h4,
div#subpage-content span.h4 {
	background-color: #6D9CC0;
	color: white
}

.img-wrapper-caption {
  background-color: #CCC;
}

a.return-arrow {
  background-image: url(graphics/home_back_arrow.gif);
}

a.return-arrow-separator {
  border-right-color: #4B7394;
}

h4 {
	color: black !important;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0 !important;
	text-transform: uppercase
}

/* New Menu Stuff */

div#hubblesite-menu-box {
  background-color: #16222c;
}

ul.level-1 li a {
  background-image: url(/about_us/graphics/about_side_nav_menu_header.gif);
}

ul.level-1 li.active.final a {
  background-image: url(/about_us/graphics/about_side_nav_menu_header_active.gif);
}

ul.level-1 li a:hover {
  background-image: url(/about_us/graphics/about_side_nav_menu_header_hover.gif) !important;
}

ul.level-1 ul.level-2 li a {
  color: white;
}

ul.level-1 ul.level-2 li {
  border-bottom-color: #6D9CC0
}

ul.level-1 ul.level-2 ul.level-3 li {
  background-color: #e4e4e4
}

ul.level-1 li.final ul.level-2 a,
ul.level-2 li a {
  background-image: url(/about_us/graphics/about_side_nav_menu_item.gif);
}

ul.level-2 li.active {
  background-color: #6d9cc0
}

ul.level-1 ul.level-2 li.active a {
  background-image: url(/about_us/graphics/about_side_nav_menu_item_active.gif);
}

ul.level-1 ul.level-2 li.active ul.level-3 li.active.final a {
  background-image: url(/about_us/graphics/about_side_nav_menu_item_active.gif);
}

ul.level-1 ul.level-2 ul.level-3 li.active.final a {
  color: #032525;
}

ul.level-1 ul.level-2 ul.level-3 li.active.final ul.level-4 li.inactive a {
  color: inherit
}