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

/**
 * Styles global to The Telescope go in here.
 */

/**
 * The Telescope Colors
 *
 * Color 1:  #553139
 * Color 2:  #E4E0D7
 * Color 3:  #A6A09A
 * Color 4:  #995765
 * Color 5:  #2C1625
 * Color 6:  #947879
 * Color 7:  #29181C
 * Color 8:  #938C84
 * Color 9:  #F8F3F3
 * Color 10: #D9D3CC
 */

/* Global Styles */

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

div.menu-box li a, div#intro-text, div.nav-box span.p, a.nav-box span.p {
  /* Spec: 2nd Color */
  color: #E4E0D7;
}

div#subpage-content p {
	line-height: 140%
}

a {
  text-decoration: none
}

a, span.link {
  /* Spec: 5th Color */
  color: #2C1625;
}

img.link {
  border-color: #2C1625
}

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

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

div.inset { 
  /* Spec: Color 8 */
  background: #938C84
} 

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

	background-color: #241317
}

.nav-box-padding span.h1 {
  background-color: #66484A
}

.nav-box-padding span.h2 {
  /* Spec: Color 4 */
  color: #995765
}

.icon {
  /* Spec: Color 1 */
  border: solid #553139 1px ! important
}

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

/* Primary Container and Its Contents */

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

.box-image {
  /* Spec: 1st Color */
  border-color: #553139
}

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

.content-box-padding {
  /* Spec: 3rd Color */
	background-color: #A6A09A;
	/* Spec: 1st Color */
	border:     solid #553139 1px;

  background-image: url('graphics/telescope_grad4.jpg');
}

.content-box span.h1 {
  /* Spec: 1st Color */
	background-color: #553139;

  background-image: url('graphics/telescope_grad1.jpg');
}

.content-box span.h2 {
  /* Spec: 4th Color */
	background-color: #947879;
	/* Spec: 5th Color */
	color:      #2C1625;

  background-image: url('graphics/telescope_grad2.jpg');
}

div#subpage-content h1#page-title {
	color: #fff;
}

/* Side Menu Definitions */

div.menu-box h1, div.menu-box li {
  /* Spec: 4th Color */
  border-bottom: solid #995765 1px
}

div.menu-box li {
  /* Spec: 7th Color */
  background-color: #29181C;
}

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

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

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

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

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

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

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

div.menu-box ul.submenu li.selected-submenu a.active {
  /* Spec: Color 1 */
  color: #553139;
  background-image: url('graphics/telescope_side_nav_menu_item_active.gif');
}

/* Subpage Styles */

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

div#intro-text div.darker, form#search-hubblesite {
  /* Spec: Color 3 */
	color: #A6A09A
}

div#subpage-content a {
  /* Spec: Color 1 */
  color: #553139;
}

div#subpage-content a:visited {
  /* Spec: Color 6 */
  color: #947879
}

div#subpage-content div.content {
  /* Spec: Color 2 */
	background-color: #E4E0D7;
}

div#subpage-content div.content-lighter {
  /* Spec: 9th Color */
  background-color: #F8F3F3;
}

div#subpage-content ol.questions {
  background-color: #EEE6E7;

  /* Spec: Color 1 */
	border-bottom: solid #553139 1px
}

div#subpage-content h1 {
	/* Spec: Color 1 */	
	background-color: #553139;
}

div#subpage-content h3 {
	/* Spec: Color 2 */
	background-image: url('graphics/telescope_h2_background.gif');
}

div#subpage-content h3 span {
  /* Spec: Color 1 */
  color: #553139;
	
  /* Spec: Color 2 */
  background-color: #E4E0D7;
}

div#subpage-content h4 {
  margin: 15px 0 5px;
}

div#subpage-content h4.top {
  margin-top: 0
}

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

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

div.subpage-body {
  background-color: #E4E0D7
}

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

/*
div#subpage-content table td {
  Spec: 8th Color
  border-top: solid #938C84 1px;
	border-right: solid #938C84 1px; 

	background: #FCFAEE;
}

div#subpage-content table th {
	Spec: Color 8
	background-color: #938C84;
}

*/

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


/* Boxes with titles */
div.box-with-title {
  border-color: #66484A;
	background-color: #D9D3CC
}

div#subpage-content div.box-with-title h4 {
	background-color: #66484A;
	color: white
}


/* Images with Captions */
/* All of these need to be refactored into global.css */

.img-wrapper img,
.img-wrapper-caption {
	border-color: #553139;
}

div#subpage-content a.img-wrapper-caption:hover {
  border-color: #00b2b3
}

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

div#subpage-content .img-wrapper-caption p,
div#subpage-content .img-wrapper-caption span.p {
  color: #666;
}

a.img-side-caption {
  background: #a6a09a;
}

a.img-side-caption img {
  border-coor: #66484A 
}

a.img-side-caption:hover img {
  border-color: #00ffff !important
}

a.img-side-caption span.h4 {
	color: white;
}

a.img-side-caption span {
  float: none
}

a.img-side-caption:hover span.link {
  color: #00ffff !important;
}

a.img-side-caption span.caption-title {
  display: block;
	color: white;
	font-weight: bold;
}

div.sidebar-caption {
  background-color: #a6a09a;
}

.georgia-caption {
  font: italic 14px Georgia;
	color: #666;
	text-align: center;
	padding-bottom: 10px
}

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

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

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

div#subpage-content a.return-arrow:visited {
  color: #2C1625
}

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

div#subpage-content a.button, div#subpage-content a.button:visited {
	color: #E4E0D7
}

a.button-130px {
  background-image: url('graphics/telescope_button_130.gif');
}

a.button-190px {
  background-image: url('graphics/telescope_button_190.gif');
}

/* Special classes */

.left-clearing {
  clear: left
}

/* New Menu Stuff */

div#hubblesite-menu-box {
  background-color: #29181C;
}

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

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

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

ul.level-1 ul.level-2 li a {
  color: #E4E0D7
}

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

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

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

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

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

/* Back links */
div#subpage-content a#back-to-sm4-home {
  color: #ffcc66;
  padding-left: 14px;
  background: url(graphics/sm4_ffcc66_return_arrow.gif) 2px center no-repeat;
}

div#subpage-content a#back-to-sm4-home:hover {
  background-image: url(graphics/sm4_return_arrow_hover.gif);
}