body {
  margin: 0; 
  padding: 0; 
  text-align: center; /* this centers the wrapper in IE 5* browsers. Left-align within wrapper */
  background-image: url(../img/jpl/bg.gif);
  background: url(../img/city_bg.jpg) scroll center top no-repeat;
  background-repeat: no-repeat;
  background-color: #1b2026; 
  font-family: Helvetica, Arial, Verdana, sans-serif; 
  color: #4b5c68;
  font-size:13px;
}

#page {
  position:relative;
  margin-top:0px;
}

#user-status {
    background-color:#fff;
    position:absolute;
    top:170px;
    right:0px;
    padding:3px 10px;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
    font-size:90%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    text-shadow: 0 1px 0 #bbbbbb;
}

#sponsor-logos {
  float:right;
  margin-top:-100px;
}

#sponsor-logos img {
  height:60px;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

#sponsor-label {
  float:left;
  font-size:1.1em;
  letter-spacing:0.05em;
  vertical-align:top;
  padding-top:0px;
  padding-right:5px;
  color:#fff;
  text-transform:uppercase;
  text-shadow: 0 1px 0 #000000;
  
  
}


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; }

/****** link elements ******/
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 }
/******* end link elements ******/


h3.block-title {

  background-image: linear-gradient(bottom, rgb(0,129,180) 0%, rgb(0,106,155) 100%);
  background-image: -o-linear-gradient(bottom, rgb(0,129,180) 0%, rgb(0,106,155) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(0,129,180) 0%, rgb(0,106,155) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(0,129,180) 0%, rgb(0,106,155) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(0,129,180) 0%, rgb(0,106,155) 100%);

  background-image: -webkit-gradient(
	  linear,
	  left bottom,
	  left top,
	  color-stop(0, rgb(0,129,180)),
	  color-stop(1, rgb(0,106,155))
  );
  
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  color: #FFFFFF;
  font-size: 1.2em;
  padding: 8px 12px;
  text-shadow: 0 1px 0 #000000;
}

.block-title.first {
  margin-top:0px;
  margin-left:0px;
}





header {

}

header h1 {
  font-size:38px;
  color:#fff;
  margin:20px 0 0;
  text-shadow: 0 1px 0 #000000;
  line-height:1.5em;
  text-align:left;
}

header h2 {
  color:#fff;
  margin:0px;
  text-align:left;
  text-shadow: 0 1px 0 #000000;
  line-height:2em;
}
header h2 small {
  color:#fff;
  font-size:70%;
}

div.container {
  width:940px;
}


#footer {
  text-align:left;
  /*background-color:#0e171f;*/
  color:#868A8D;
  font-size:small;
  margin:20px auto 10px;
  padding:15px 0 0;
  
  background-color: #fff;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 1px 1px 3px 1px rgba(8, 8, 8, 0.4);
}

#footer div.footer-text {
  text-align:center;
}
#footer div.footer-text a:after {
  content: ' | ';
}

#footer div.footer-credits {
  text-align:left;
}

.box, .decorated {
  background-color:#fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  
  -webkit-box-shadow:  1px 1px 3px 1px rgba(8, 8, 8, .4);
  box-shadow:  1px 1px 3px 1px rgba(8, 8, 8, .4);
}

div.nav-menu ul {
  list-style:none;
  text-align:left;
}

div.nav-menu ul li {
  line-height:1.5em;
  width:100%;
}

div.nav-menu ul li a {
  background-image: linear-gradient(bottom, rgb(243,243,243) 0%, rgb(255,255,255) 100%);
  background-image: -o-linear-gradient(bottom, rgb(243,243,243) 0%, rgb(255,255,255) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(243,243,243) 0%, rgb(255,255,255) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(243,243,243) 0%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(243,243,243) 0%, rgb(255,255,255) 100%);

  background-image: -webkit-gradient(
	  linear,
	  left bottom,
	  left top,
	  color-stop(0, rgb(243,243,243)),
	  color-stop(1, rgb(255,255,255))
  );
  
  display:block;
  width:200px;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  margin: 5px 0;
  padding: 0.3em .75em;
  text-decoration:none;
  color:#0072a3;
}

div.nav-menu ul li a:hover {
  background-image: linear-gradient(bottom, rgb(211,211,211) 0%, rgb(255,255,255) 100%);
  background-image: -o-linear-gradient(bottom, rgb(211,211,211) 0%, rgb(255,255,255) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(211,211,211) 0%, rgb(255,255,255) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(211,211,211) 0%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(211,211,211) 0%, rgb(255,255,255) 100%);

  background-image: -webkit-gradient(
	  linear,
	  left bottom,
	  left top,
	  color-stop(0, rgb(211,211,211)),
	  color-stop(1, rgb(255,255,255))
  );
}

div.carousel div.carousel-caption {
    position:relative;
    background: none repeat scroll 0 0 rgba(30,30,30, 0.75);
    margin-top:5px;
    border-radius: 5px 5px 5px 5px;
    line-height:1.2em;
    padding-bottom:10px;
}