/* Local Styles for /index.php */

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

div, p, span {
	color: #ccc;
}

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

div.content-box span.p {
  padding-bottom: 2px
}

a:visited {
  color: #A94A36
}

.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');
}

span.h2 {
	color: #4B7394;
}

.icon {
  border: solid #4B7394 1px;
}

div.right-box .large-icon {
  width: 200px;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	float: none;
	margin-top: 5px;
	margin-bottom: 5px;
}

.nav-box .box-contents div,
.right-box,
.right-box div {
  color: #666
}

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

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

/* Primary Container */

div#container {
	border-right:  solid #002D4B 1px;
	border-bottom: solid #002D4B 1px;
	border-left: solid #002D4B 1px;
}

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

div#middle-content-container {
	margin-right: 10px;
}

div.remove-margin {
  margin-right: 0 ! important
}

div.right-box-container {
  margin-left: 10px;
	padding-left: 10px;
  width: 230px;
}

div.right-box-container div.right-box {
  margin-left: 0;
	margin-right: 0
}

div.external {
  font-style: oblique;
	color: #cccccc;
	display: block;
}

/* Global Page Content Box Definitions */

div.right-box, div.nav-box {
	border-bottom:  solid #4B7394 2px;
}

div.right-box-left-border {
  border-left: solid #4B7394 2px;
}

div.right-box-right-border {
  border-right: solid #4B7394 2px;
	padding-left: 6px;
}

.latest-image, .latest-video {
  text-align: center;
  margin-top: 10px;
  display: block;
  padding: 4px;
	text-decoration: none
}

.latest-image span.link, .latest-video span.link {
  text-decoration: underline;
	display: block;
	margin-bottom: 10px
}

.latest-image img, .latest-video img {
  border: solid black 1px;
}

.latest-image:hover img, .latest-video:hover img {
  border: solid #00B2B3 1px;
}

/* Nav Box Definitions */

div#nav-box-container {
  padding-top: 342px
}

/* Site Highlights Box */

div.highlights-box {
	background-color: #4b7394;
}

div.highlights-box-padding {
  padding:     5px;
	padding-top: 2px;
}

div.highlights-box span.h1 {
	color:          #aed6f4;
	padding:        0;
	font-size:      11px;
	font-weight:    bold;
	position:       static
}

div.warning {
  background:   url('graphics/alert_sm.gif') 2px center no-repeat #f0eedd;
	color:        black;
	font-size:    9px;
	padding:      4px;
	padding-left: 20px;
	margin:       0
}

/* NewsCenter box */

div#newscenter-box {
  margin-top: 24px ! important
}

div#newscenter-box .large-box-padding {
  background-image: url('graphics/boxes/news_grad3.jpg');
	background-color: #DADACC;
	border:     solid #67201D 1px;
}

div#newscenter-box a .box-image {
  border-color: #67201D;
}

div#newscenter-box span.p {
	color: black;
}

div#newscenter-box span.h1 {
  background-image: url('graphics/boxes/news_grad1.jpg');
	background-color: #67201D;
}

div#newscenter-box span.h2 {
  background-image: url('graphics/boxes/news_grad2.jpg');
	background-color: #B3A68B;
	color:      #67201D;
}

/* Gallery Box */

div#gallery-box .large-box-padding {
  background-image: url('graphics/boxes/gallery_grad3.jpg');
	background-color: #191D28;
	border:     solid #454F6E 1px;
}

div#gallery-box a .box-image {
  border-color: #454F6E;
}

div#gallery-box span.h1 {
  background-image: url('graphics/boxes/gallery_grad1.jpg');
	background-color: #454F6E;
}

div#gallery-box span.h2 {
  background-image: url('graphics/boxes/gallery_grad2.jpg');
	background-color: #6B7595;
	color:      #191D28;
}

/* Discoveries Box */

div#discoveries-box .large-box-padding {
  background-image: url('graphics/boxes/discoveries_grad3.jpg');
	background-color: #2E2716;
	border:     solid #6A5423 1px;
}

div#discoveries-box a .box-image {
  border-color: #6A5423;
}

div#discoveries-box span.h1 {
  background-image: url('graphics/boxes/discoveries_grad1.jpg');
	background-color: #6A5423;
}

div#discoveries-box span.h2 {
  background-image: url('graphics/boxes/discoveries_grad2.jpg');
	background-color:  #988355;
	color:      #3D2C00;
}

/* The Telescope Box */

div#telescope-box .large-box-padding {
  background-image: url('graphics/boxes/telescope_grad3.jpg');
	background-color: #29181C;
	border:     solid #553139 1px;
}

div#telescope-box a .box-image {
  border-color: #553139;
}

div#telescope-box span.h1 {
  background-image: url('graphics/boxes/telescope_grad1.jpg');
	background-color: #553139;
}

div#telescope-box span.h2 {
  background-image: url('graphics/boxes/telescope_grad2.jpg');
	background-color: #947879;
	color:      #3C2432;
}

/* Education and Museums Box */

div#education-box .large-box-padding {
  background-image: url('graphics/boxes/education_grad3.jpg');
	background-color: #2C2E1E;
	border:     solid #626643 1px;
}

div#education-box a .box-image {
  border-color: #626643;
}

div#education-box span.h1 {
  background-image: url('graphics/boxes/education_grad1.jpg');
	background-color: #626643;
}

div#education-box span.h2 {
  background-image: url('graphics/boxes/education_grad2.jpg');
	background-color: #8A8D6D;
	color:      #272A12;
}

/* Astronomy Box */

div#astronomy-box .large-box-padding {
  background-image: url('graphics/boxes/astronomy_grad3.jpg');
	background-color: #202B2E;
	border:     solid #44595C 1px;
}

div#astronomy-box a .box-image {
  border-color: #44595C;
}

div#astronomy-box span.h1 {
  background-image: url('graphics/boxes/astronomy_grad1.jpg');
	background-color: #44595C;
}

div#astronomy-box span.h2 {
  background-image: url('graphics/boxes/astronomy_grad2.jpg');
	background-color: #7C8782;
	color:      #002222;
}

/* Reference Desk Box */

div#reference-box .large-box-padding {
  background-image: url('graphics/boxes/reference_grad3.jpg');
	background-color: #291F18;
	border:     solid #543F30 1px;
}

div#reference-box a .box-image {
  border-color: #543F30;
}

div#reference-box span.h1 {
  background-image: url('graphics/boxes/reference_grad1.jpg');
	background-color: #543F30;
}

div#reference-box span.h2 {
  background-image: url('graphics/boxes/reference_grad2.jpg');
	background-color: #A38260;
	color:      #1A0D06;
}

/* Webb Telescope Box */

div#webb-box .large-box-padding {
  background-image: url('graphics/boxes/webb_grad3.jpg');
	background-color: #300004;
	border:  solid #611111 1px;
}

div#webb-box a .box-image {
  border-color: #611111;
}

div#webb-box span.h1 {
  background-image: url('graphics/boxes/webb_grad1.jpg');
	background-color: #611111;
}

div#webb-box span.h2 {
  background-image: url('graphics/boxes/webb_grad2.jpg');
	background-color: #947879;
	color:      #300004;
}

/* HubbleSite Description */

div.hubblesite-text-contents {
  overflow: hidden;
	color: #4B7394;
	text-align: center
}

div#hubblesite-text {
  border-bottom: none !important;
}

/* Footer */

div#footer {
  padding-bottom: 10px
}

/* Promos */

/** Global **/

a .event-arrow {
  position: absolute;
  width: 15px;
  height: 15px;
  background: url(/graphics/promos/yellow_black_arrow_15x15.gif) top left no-repeat;
}

a:hover .event-arrow {
  background-image: url(/graphics/promos/msg2_hst_go_hover_15x15.gif);
}

.promo {
  width: 198px;
  border-width: 1px;
  border-style: solid;
  position: relative;
  text-decoration: none;
  display: block;
  background-position: top left;
  background-repeat: no-repeat
}

.promo span {
  display: block;
  position: absolute;
  font-size: 13px;
  line-height: 144%;
  left: 11px;
}

a .event-link {
  line-height: 160%;
  color: #fc0
}

a:hover .event-link {
  color: #00b2b3
}

.event-link strong {
  text-transform: uppercase
}

.event-link em {
  display: block
}

/** World Science Festival **/

#world-science-festival-promo {
  background-image: url(/graphics/promos/world_science_festival_promo.gif);
  height: 382px;
  border-color: #bd0808;
}

#event-span {
  top: 215px;
}

#festival-event-location {
  top: 274px;
}

#world-science-festival-promo #festival-info {
  top: 336px;
}

#world-science-festival-promo .event-arrow {
  top: 338px;
  left: 114px;
}

/** USA Science & Engineering Festival Promo **/

#usa-sci-eng-promo {
  background-image: url(/graphics/promos/usa_science_festival_promo.gif);
  border-color: #d18e2e;
  margin-top: 10px;
  border-top-width: 10px;
  height: 325px
}

#usa-sci-eng-dates {
  top: 120px;
  color:#098BDD;
  font-weight:bold;
  font-size:16px;
}

#usa-sci-eng-event-location {
  top: 143px;
  line-height: 160%
}

#usa-sci-eng-place {
  top: 179px;
  color:#098BDD;
  font-weight:bold;
  font-size:16px;
}

#usa-sci-eng-event-expo {
  top: 202px;
  line-height: 160%
}

#usa-sci-eng-promo .event-arrow {
  top: 244px;
  left: 127px;
}

#usa-sci-eng-promo #find-out-more {
  top: 242px;
}



/* USA Science Festival Promo */

#usa-science-festival {
  background: url(graphics/promos/usa_science_festival_promo_190x420.gif) top left no-repeat;
  width: 188px;
  height: 249px;
  border: solid #d18e2d 1px;
  position: relative
}

#usa-science-festival span {
  color: #999;
  font-size: 13px;
  display: block;
  margin-top: 3px
}

#festival-dates strong,
#dc-nation-mall-expo strong,
#k-12-video-contest-header {
  color: #098bdd;
  font-size: 16px;
  font-weight: bold
}

#festival-dates,
#dc-nation-mall-expo,
#usa-science-festival-link,
#k-12-video-contest {
  position: absolute;
  left: 11px
}

#festival-dates {
  top: 118px
}

#dc-nation-mall-expo {
  top: 173px
}

#usa-science-festival strong {
  display: block
}

#usa-science-festival a {
  color: #ffcc12;
  font-size: 13px;
  text-decoration: none
}

#usa-science-festival a strong {
  text-transform: uppercase;
  padding-right: 20px;
  background: url(graphics/promos/yellow_black_arrow_15x15.gif) top right no-repeat;
}

#usa-science-festival a:hover strong {
  background-image: url(/graphics/promos/msg2_hst_go_hover_15x15.gif);
}

#usa-science-festival a em {
  display: block;
  margin-top: 5px
}

#usa-science-festival-link {
  top: 234px;
}

#k-12-video-contest {
  border-top: solid #ffcc12 1px;
  top: 283px;
  padding-top: 4px
 }

#k-12-video-contest div {
  background: url(graphics/promos/usa_festival_contest_squares.gif) top left no-repeat;
  padding-left: 40px;
  margin-top: 5px;
  height: 96px
}

#k-12-video-contest a strong {
  display: inline
}