@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,100,700,900,500);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700);
body {
	font-size: 1.6em;
	margin-top: 40px;
	background-color:#000;
}

.mobile-main-title {display:none;}
.img-thumbnail {
    background-color: #5C5C5C;
    border: 1px solid #fff;
    border-radius: 6px;
    padding: 1px;
	/*margin:15px;*/
}

/*for certificate Send Name to Sun form*/
/*
#formBackground {background: url('../The-Mission/Name-to-Sun/images/Form-Background.png') no-repeat top center;background-size:100% auto;padding:20px 20px 0;border-radius: 25px;}
*/


/*
#formBackground #sendNameBox {margin-top:140px;}
#formBackground #info-box {padding-top:30px;}

@media (max-width: 500px) {

	#formBackground #sendNameBox {margin-top:0px;padding:0px;}
	#formBackground #info-box {padding-top:0px;}
	
}
@media (max-width: 1195px) {
		#formBackground #sendNameBox {margin-top:70px;}
		
}*/

#sendNameForm input[type=email],
#sendNameForm input[type=text] {
  height: 3rem;
  margin: 0 0 .5rem;
  /*width: 100%;*/
  font-size:1em;
}
#sendNameForm label {font-weight:normal;}
#sendNameForm .control-label {padding-right:0;}
#sendNameForm input[type=email],
#sendNameForm input[type=text] {
  background: rgb(255,255,255,1);
  border: none;
  /*border-bottom: 5px solid #ffab2c;*/
  box-sizing: border-box;
  outline: none;
}

#sendNameForm input[type=email]:required,
#sendNameForm input[type=text]:required {
  box-shadow: none;
  outline: none;
}

#sendNameForm .inputs--filled label {
	transform: scale(.9);/*translate(0, 0) */
	color:#fff;
	
}

#sendNameForm .inputs--invalid input {
  animation: shake 0.3s cubic-bezier(.36,.07,.19,.97) both;
  background: url(//assets.petermueller.io/codepen/dailyui-001/ico-invalid.svg) center right no-repeat;
  border-bottom: 3px solid red;
  box-shadow: none;
  color: #ccc;
  transform: translate3d(0, 0, 0);
}

@keyframes shake {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }

  33% {
    transform: translate3d(-6px, 0, 0);
  }

  66% {
    transform: translate3d(6px, 0, 0);
  }
}

#sendNameForm .inputs--invalid label {
  color: #ff8e00;
}

#sendNameForm label {
	color:#fff;
  display: inline-block;
  /*transform: translate(5px, 28px) scale(1);*/ 
  transition: 0.15s;
  /*
 -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.5);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.5);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.5);
	*/
margin-bottom:0px;
}









.click-to-enlarge {
	font-weight: normal;
	font-style: italic;
	font-size: .9em;
	
}
p {
	font-family: "Open Sans";
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto';
}
button, input, optgroup, select, textarea {
    color: #000;
}
a {
	color: #B4E0E3;
}
a:focus, a:hover {
	color: #78BADB;
}

    ul.special_bullet {
    list-style: none;
    }

    ul.special_bullet>li:before {
font-family: 'FontAwesome';
content: '\f00c ';
padding-right:10px;
    }
	ul.special_bullet li {
	text-indent:-25px;
	padding-left:25px;
	}
	
.navbar {
	background:rgba(0, 0, 0, 1) url(../images/backgrounds/bg_starsBlue.jpg) repeat scroll 0 0;
	border-bottom: #fff 1px solid;
min-height:90px;
}

.navbar-inverse .navbar-brand {
	color: #fff;
	font-family: 'Roboto';
	font-size:1.7em;
	font-weight:bold;
	height:20px;
	padding-top:35px;
}
.navbar-inverse .navbar-nav {margin-right:10px;margin-top:30px;}
.navbar-inverse .navbar-nav > li > a {
	padding-right: 2px;
	font-weight: bold;
	color:#fff;
	padding-top:5px;
	padding-bottom:2px;
	margin-bottom:8px;
} 
.navbar-inverse .navbar-nav > li.active > a {color:#ffab2c;border-bottom:3px solid #fff;}
.divider hr {
	height: 0px;
}

hr.divider-01 {height: 5px;border: 0;box-shadow: 0 8px 8px -8px #8c8b8b inset;}

div.top-sub-nav {
	margin: 50px 0 50px;
}
div.top-sub-nav a {
	margin-bottom: 10px;
}
.divider hr {
	width: 20%;
	border-top: 1px dotted #fff;
	margin-top: 20px;
}
h2.title-faded {
	opacity: .2;
	font-size: 3.5em;
	text-transform: uppercase;
	border-bottom: 1px #fff solid;
}


.feature-box {
	background-color:#000;
	border: #666666 2px solid;
	margin:5px;
	overflow:auto;
	border-radius:10px;
}
.feature-box h3 { 
margin: 10px 20px 0;
}
.feature-box p{
font-size:.9em;
margin: 10px 20px 10px;
}
.feature-box a.btn {
margin: 10px;
}

section {
	overflow: auto;
	padding: 90px 0 50px;
	border-bottom:3px #373737 solid;
}
section#introduction {
	padding: 70px 0 0;
	text-align: center;

}
section h2.main {
	font-weight: 400;
	letter-spacing: -1px;
	text-transform: uppercase;
	text-align: center;
	font-size: 2.6em;
}
section h3 {
	font-size:1.9em;
	opacity:.7;
	margin-bottom:20px;
}
section div.feature-box h3 {
	font-size:1.7em;
	margin:0px;
	padding:10px 10px 0px;
}
section div.feature-box p {
	margin:0px;
	padding:0px 10px 10px;
	color:#fff;
	font-size:.9em;
	background-color:#000;
}
section h3.main {
	font-weight: 300;
	letter-spacing: -1px;
}
section.bg-black h3.main, section.bg-medium-gray h3.main {
	text-shadow: 2px 2px 4px #000000;
}
section h4.main, section h4 {
	font-weight: normal;

	font-size: 1.4em;
	margin: 20px 0 10px;
}
section.bg-black h2.main, section.main-intro h2.main {
	color: #ffab2c;
	text-shadow: 2px 2px 4px #000000;
}
section.main-intro h2.main {
font-size:3.5em;
}
section.bg-black h3.main, section.bg-black h4.main, section.main-intro h4.main {
	color: #fff;
	text-align: center;
}
section.bg-light h2.main, section.bg-white h2.main {
	color: #04345D;
}
section h3.just-the-facts, section h3.learn-more {
	opacity:.7; text-transform:uppercase;font-size:1.5em;
}

.launch-details {margin:50px;font-size:1.5em;}
.launch-countdown {color:#fff; font-size:2.8em; opacity:1;  margin:0 auto;text-shadow: 2px 2px 4px #000000; text-align:center;border:1px #fff solid;max-width:60vw;padding:10px;}
.bg-1 {
	background: url('../images/backgrounds/bg_blueplane.jpg') no-repeat center center fixed;
	color: #fff;
	background-size: cover;
}
.bg-stars-black {
	background: url('../images/backgrounds/bg_starsBlack.png') no-repeat top center fixed;
	color: #fff;
	background-size: cover;
}
.bg-sun {
	background: url('../images/backgrounds/bg_sun.png') no-repeat top center fixed;
	color: #fff;
	background-size: cover;
}
.bg-spacecraft {
	background: url('../images/backgrounds/bg_spacecraft.png') no-repeat top center fixed;
	color: #fff;
	background-size: cover;
}
.bg-stars-blue {
	background: url('../images/backgrounds/bg_starsBlue.jpg') no-repeat bottom center fixed;
	color: #fff;
	background-size: cover;
}
.bg-timeline {
	background: url('../images/backgrounds/bg_timeline.png') no-repeat bottom center fixed;
	color: #fff;
	background-size: cover;
}
.bg-objectives {
	background: url('../images/backgrounds/bg_objectives.png') no-repeat bottom center fixed;
	color: #fff;
	background-size: cover;
}
.bg-instruments {
	background: url('../images/backgrounds/bg_instruments.png') no-repeat bottom center fixed;
	color: #fff;
	background-size: cover;
}
.bg-community {
	background: url('../images/backgrounds/bg_community.png') no-repeat bottom center fixed;
	color: #fff;
	background-size: cover;
}
.bg-launch {
	background: url('../images/backgrounds/bg_launch.png') no-repeat bottom center fixed;
	color: #fff;
	background-size: cover;
}
.bg-hotshots {
	background: url('../images/backgrounds/bg_sunEarth.png') no-repeat bottom center fixed;
	color: #fff;
	background-size: cover;
}
.bg-environment {
	background: url('../images/backgrounds/bg_sunEarth.png') no-repeat bottom center fixed;
	color: #fff;
	background-size: cover;
}
.bg-learn {
	background: url('../images/backgrounds/bg_learn.png') no-repeat bottom center fixed;
	color: #fff;
	background-size: cover;
}
.bg-sunearth {
	background: url('../images/backgrounds/bg_sunEarth.png') no-repeat bottom center fixed;
	color: #fff;
	background-size: cover;
}
.bg-corona {
	background: url('../images/backgrounds/bg_corona.jpg') no-repeat bottom center fixed;
	color: #fff;
	background-size: cover;
}
.bg-stars-earth {
	background: url('../images/backgrounds/bg-stars-earth.png') no-repeat bottom center fixed;
	color: #fff;
	background-size: cover;
}
.bg-participate {
	background: url('../images/backgrounds/bg_participate.png') no-repeat bottom center fixed;
	color: #fff;
	background-size: cover;
}
/************ START: FOR INVERSE THEME WHERE THERE IS DARK TEXT ON A LIGHT BACKGROUND ************/
.bg-light {
	background-color: #ececec;
}
.bg-white {
	background-color: #fff;
}
.bg-white a{
	color: #032F54;
	text-decoration:underline;
}
.bg-light p, .bg-light h1, .bg-light h2, .bg-light h3, .bg-light h4, .bg-light h5, .bg-light table, .bg-light li, .bg-white p, .bg-white h1, .bg-white h2, .bg-white h3, .bg-white h4, .bg-white h5, .bg-white table, .bg-white li {
	color: #333;
}
.bg-light .table-striped > tbody > tr:nth-child(2n+1) > td, .bg-light .table-striped > tbody > tr:nth-child(2n+1) > th, .bg-white .table-striped > tbody > tr:nth-child(2n+1) > td, .bg-white .table-striped > tbody > tr:nth-child(2n+1) > th {
	background-color: #cdcdcd;
}
/************ END: FOR INVERSE THEME WHERE THERE IS DARK TEXT ON A LIGHT BACKGROUND ************/

/************ START: FOR INVERSE THEME WHERE THERE IS LIGHT TEXT ON A DARK BACKGROUND ************/
.bg-medium-gray {
	background-color: #222;
}
.bg-black {
	background-color: #000;
}
.bg-medium-gray p, .bg-medium-gray h1, .bg-medium-gray h2, .bg-medium-gray h3, .bg-medium-gray h4, .bg-medium-gray h5, .bg-medium-gray table, .bg-medium-gray li, .bg-black p, .bg-black h1, .bg-black h2, .bg-black h3, .bg-black h4, .bg-black h5, .bg-black table, .bg-black li {
	color: #ececec;
}
.bg-medium-gray .table-striped > tbody > tr:nth-child(2n+1) > td, .bg-medium-gray .table-striped > tbody > tr:nth-child(2n+1) > th, .bg-black .table-striped > tbody > tr:nth-child(2n+1) > td, .bg-white .table-striped > tbody > tr:nth-child(2n+1) > th {
	background-color: #cdcdcd;
}
/************ END: FOR INVERSE THEME WHERE THERE IS LIGHT TEXT ON A DARK BACKGROUND ************/
/****** end TEMPLATE ******/





.btn-custom { background-color: hsl(13, 100%, 49%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fe7b56", endColorstr="#f93600"); background-image: -khtml-gradient(linear, left top, left bottom, from(#fe7b56), to(#f93600)); background-image: -moz-linear-gradient(top, #fe7b56, #f93600); background-image: -ms-linear-gradient(top, #fe7b56, #f93600); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fe7b56), color-stop(100%, #f93600)); background-image: -webkit-linear-gradient(top, #fe7b56, #f93600); background-image: -o-linear-gradient(top, #fe7b56, #f93600); background-image: linear-gradient(#fe7b56, #f93600);  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.29); -webkit-font-smoothing: antialiased;color:#fff !important;border: #9F1A02 2px solid;}
.btn-custom:hover { background-color: hsl(13, 100%, 49%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c95536", endColorstr="#f93600"); background-image: -khtml-gradient(linear, left top, left bottom, from(#c95536), to(#f93600)); background-image: -moz-linear-gradient(top, #c95536, #f93600); background-image: -ms-linear-gradient(top, #c95536, #f93600); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c95536), color-stop(100%, #f93600)); background-image: -webkit-linear-gradient(top, #c95536, #f93600); background-image: -o-linear-gradient(top, #c95536, #f93600); background-image: linear-gradient(#c95536, #f93600); border:#fe7b56 2px solid;}



/*
.alert-infoX::before {
	content: "\00BB ";
	padding-right: 10px;
}
*/
#contact {/***for footer**/
	background-color: #000;
	color: #fff;
	border-top:#999 solid 4px;
	padding:20px 0 20px;

}
.text-muted {
	color: #ddd;
}

.main-page-news {
	max-height: 300px;
	overflow: auto;
	color:#fff;
	padding: 15px;
	text-align: left;

	font-size:1em;
	border-radius:10px;
border:3px #000 solid;
	/* offset-x | offset-y | blur-radius | spread-radius | color */
	box-shadow: -2px 2px 5px 1px rgba(0,0,0,.5);
	
	 /* webkit example */
	background-image: -webkit-gradient(
	  linear, left top, left bottom, from(rgba(0,0,0,0.5)),
	  to(.1,#333333), color-stop(rgba(75,75,75,0.5))
	);
	/* mozilla example - FF3.6+ */
	background-image: -moz-linear-gradient(
	  rgba(0, 0, 0, .1) 0%, rgba(75, 75, 75, 0.5) 95%
	);
	/* approximately a 33% opacity on blue */
	filter: progid:DXImageTransform.Microsoft.gradient(
	  startColorstr=#550000FF, endColorstr=#550000FF
	);
	
	/* IE8 uses -ms-filter for whatever reason... */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(
	  startColorstr=#550000FF, endColorstr=#550000FF
	);
}

.main-page-news a {
	color:#fff;
	text-decoration:underline;
}
.main-page-news h3, .main-page-box h3 {
	margin: 0px;
	font-size:1.2em;
	font-weight: bold;
	margin-bottom: 10px;
}
.main-page-news h4 {
	font-size:.9em;
	text-transform:uppercase;
	font-weight: bold;
	margin-top:0px;
}



.main-page-video-box {color:#fff; font-size:.9em; opacity:1;background-color:#000;border:1px #999 dotted; overflow:auto; text-align:left; border-radius:10px;padding:10px;}
.main-page-video-box h4 {margin: 10px 0px 0px 0px;font-size:1.3em;}
.main-page-video-box p {font-size:.9em;}

.captionBox {
	border: 1px #999 solid;

}
.captionBox p {
	font-size: .9em;margin:5px;padding:5px; font-style:italic;
}

#video-background {
	background-color: #000;
	position: fixed;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
opacity:.5;
	transition: 1s opacity;
}
.stopfade {
	opacity: .5;
}
video {
	display: block;
}/*With these in place, IE8 can at least style the <video> element with a background image. */

/*
@media (max-width: 467px) {
.main-intro {
	background: url('../includes/SPP-Intro-Thumb.png') center center / cover no-repeat;
}
#video-background {
	display: none;
}
}
*/
#vidpause {
	margin: 5px 10px;
	font-size: .9em;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
}

.main-intro article {
	color: #fff;
	text-shadow: 2px 2px 4px #000000;
}
/*
	
.main-intro article h1,.main-intro article h2,.main-intro article h3{line-height:.6em;}
.main-intro article h1{ font-size:2.6em; font-weight:bold;}
.main-intro article h2{ font-size:2em;}
.main-intro article h3{ font-size:1em;}
*/

.main-box {
	background-color: #fff;
	opacity: .8;
	margin: 2px;
	padding: 5px;
	min-height: 160px;
}
.transToBlack {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+100&0+0,1+100 */
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 75%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 75%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); /* IE6-9 */
}
/***************Main page: News Center***************************/
/*.newsCenter-contactBox {margin:0 0 10px;padding:10px; border:#fff dotted thin;min-height:170px;}*/
.featuredcontainer img {
	float: left;
	border: 1px solid #ccc;
	padding: 1px;
	margin: 10px;
}
#list {
	margin-top: 5px;
}
#side-a {
	float: left;
	margin: 5px;
}
#side-a img {
	border: 1px solid #ccc;
	padding: 1px;
}
.featuredcontainer .title {
	font-size: 1.1em;
	font-weight: bold;
}
#list ha3 {
	margin-top: -10px;
}
.ha3 {font-size:1em;line-height:1.2em;}
.caption-text {
	font-style: italic;
	font-size: .8em;
}
/* ----------------------------------------------------- */
/* PORTFOLIO 
/* Portfolio carousel, portfolio list, single portfolio
/* ----------------------------------------------------- */
/* general portfolio item with hovered caption */
.portfolio-item {
	position: relative;
	/*border: 2px #fff solid;*/
	border: 1px #999 dotted;
}
.portfolio-item .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.7);
}
.portfolio-item .info {
	position: absolute;
	top: 50%;
	margin-top: -49px;
	width: 100%;
	text-align: center;
	color: #fff;
}
.portfolio-item .media-wrapper {
	overflow: hidden;
}
.portfolio-item .title {
	font-family: inherit;
	color: #fff;
}
.portfolio-item .brief-description {
	font-weight: 300;
}
.portfolio-item .overlay, .portfolio-item .info {
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	-webkit-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
}
.portfolio-item img {
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	max-width: 100%;
}
.portfolio-item:hover img {
	-moz-transform: scale(1.3, 1.3);
	-ms-transform: scale(1.3, 1.3);
	-webkit-transform: scale(1.3, 1.3);
	transform: scale(1.3, 1.3);
}
.portfolio-item:hover .overlay, .portfolio-item:hover .info {
 filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
	z-index: 1;
}
.portfolio-item a, .portfolio-item a:hover, .portfolio-item a:focus {
	color: #fff;
}
.portfolio-item .btn {
	background-color: #372939;
	border: 1px solid #7d5a73;
}
.portfolio-item .btn:hover, .portfolio-item .btn:focus {
	color: #fff;
	background-color: #7d5a73;
	border: 1px solid #fff;
}

/*shadow-content = the side boxes on the main page that need clear buttons*/
/* btn-cta is the top buttons on each subpage */
.shadow {
	margin-bottom:15px;
}
.shadow-content .btn-default, .btn-cta {
	background-color: transparent;
	border-color: #fff;
	color: #fff;
	z-index: 100;
	padding:10px 20px 10px;
}
.shadow-content .btn-default { /*for side buttons under "Learn More"*/
font-size:1.1em;
padding-left:5px;
}
.shadow-content .bg-black .btn {
	-moz-user-select: none;
	background-image: none;
	border: 1px solid #fff;
	border-radius: 3px;
	cursor: pointer;
	display: inline-block;

	line-height: 1.42857;
	margin-bottom: 0;
	padding: 10px 20px 10px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	vertical-align: middle;
	white-space: nowrap;
}


.btn-sidenav {
	text-align: left;
	min-width: 200px;
	border: hidden;
	padding-left: 0px;
}
/**********inset shadow box**********/
div.shadow {
	box-shadow: inset 5px 5px 10px rgba(0,0,0,0.9);
	border: #fff 1px solid;
	padding: 0px 20px 10px;
	overflow: auto;
}
div.shadow-content {
}
/*--------------SIDE YEARS NAVBAR------------------*/
.navbarSIDE {
	background: url("../images/side-menubar-test/menu01.png") no-repeat scroll 0 0 transparent;
	height: 445px;
	left: 0;
	position: fixed;
	top: 115px;
	width: 40px;
	z-index: 500;
}
.navbar_back {
	background: url("../images/side-menubar-test/menu03.png") no-repeat scroll 0 0 transparent;
	height: 445px;
	left: 0;
	position: fixed;
	top: 477px;
	width: 40px;
	z-index: 498;
}
.anio_2012 {
	background: url("../images/side-menubar-test/menu02.png") no-repeat scroll 0 -45px transparent;
	height: 22px;
	left: 0;
	position: fixed;
	text-indent: -999999px;
	top: 160px;
	width: 40px;
	z-index: 500;
}
.anio_2011 {
	background: url("../images/side-menubar-test/menu02.png") no-repeat scroll 0 -75px transparent;
	height: 22px;
	left: 0;
	position: fixed;
	text-indent: -999999px;
	top: 191px;
	width: 40px;
	z-index: 500;
}
.anio_2010 {
	background: url("../images/side-menubar-test/menu02.png") no-repeat scroll 0 -107px transparent;
	height: 22px;
	left: 0;
	position: fixed;
	text-indent: -999999px;
	top: 221px;
	width: 40px;
	z-index: 500;
}
.anio_2009 {
	background: url("../images/side-menubar-test/menu02.png") no-repeat scroll 0 -137px transparent;
	height: 25px;
	left: 0;
	position: fixed;
	text-indent: -999999px;
	top: 252px;
	width: 40px;
	z-index: 500;
}
.anio_2008 {
	background: url("../images/side-menubar-test/menu02.png") no-repeat scroll 0 -167px transparent;
	height: 25px;
	left: 0;
	position: fixed;
	text-indent: -999999px;
	top: 282px;
	width: 40px;
	z-index: 500;
}
.anio_2007 {
	background: url("../images/side-menubar-test/menu02.png") no-repeat scroll 0 -199px transparent;
	height: 25px;
	left: 0;
	position: fixed;
	text-indent: -999999px;
	top: 314px;
	width: 40px;
	z-index: 500;
}
.anio_2006 {
	background: url("../images/side-menubar-test/menu02.png") no-repeat scroll 0 -228px transparent;
	height: 25px;
	left: 0;
	position: fixed;
	text-indent: -999999px;
	top: 342px;
	width: 40px;
	z-index: 500;
}
.anio_2005 {
	background: url("../images/side-menubar-test/menu02.png") no-repeat scroll 0 -259px transparent;
	height: 25px;
	left: 0;
	position: fixed;
	text-indent: -999999px;
	top: 373px;
	width: 40px;
	z-index: 500;
}
.anio_2004 {
	background: url("../images/side-menubar-test/menu02.png") no-repeat scroll 0 -290px transparent;
	height: 25px;
	left: 0;
	position: fixed;
	text-indent: -999999px;
	top: 405px;
	width: 40px;
	z-index: 500;
}
.anio_2003 {
	background: url("../images/side-menubar-test/menu02.png") no-repeat scroll 0 -322px transparent;
	height: 25px;
	left: 0;
	position: fixed;
	text-indent: -999999px;
	top: 437px;
	width: 40px;
	z-index: 500;
}
.anio_2002 {
	background: url("../images/side-menubar-test/menu02.png") no-repeat scroll 0 -353px transparent;
	height: 25px;
	left: 0;
	position: fixed;
	text-indent: -999999px;
	top: 469px;
	width: 40px;
	z-index: 500;
}
.anio_2001 {
	background: url("../images/side-menubar-test/menu02.png") no-repeat scroll 0 -385px transparent;
	height: 25px;
	left: 0;
	position: fixed;
	text-indent: -999999px;
	top: 499px;
	width: 40px;
	z-index: 500;
}	
											
/*--------------------------------------*/


/*********** video playlist ********************/
#video_player { 
  display: table; line-height: 0;
  font-size: 0; background: #000;
  max-width: 1000px;
  margin: 0 auto;
}
#video_container { 
  position: relative;
}
#video_player div, #video_player figcaption { 
  display: table-cell;
  vertical-align: top; 
}
#video_container video { 
  position: absolute; 
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
}

#video_player figcaption a { display: block; }
#video_player figcaption a { 
  opacity: .5;
  transition: 1s opacity; 
  display: inline-block;
  width: 15%; 
}
#video_player figcaption a img, figure video { 
  width: 100%; height: auto; 
}
#video_player figcaption a.currentvid, #video_player figcaption a:hover, #video_player figcaption a:focus { opacity: 1; }


  #video_player video, #video_player figcaption { 
    display: table-row; 
  }
#video_container { padding-top: 56.25%; }

/*********** datatables ********************/
.dataTable tbody a {color:#000;}
.dataTable tbody a { text-decoration:underline;}



/*******floating menu on subpages*************/
#fl_menu{position:absolute; top:90px; left:0px; z-index:9999; width:140px; height:50px; border-right:1px solid #fff; border-bottom:1px solid #fff; border-top:1px solid #fff; background-color:#000;}
#fl_menu .label{padding-left:10px; line-height:50px;  font-weight:bold; color:#fff; letter-spacing:2px;}
#fl_menu:hover{background:#333;}
#fl_menu .menu{display:none;}
#fl_menu .menu .menu_item{display:block; background:#000; color:#bbb; border-top:1px solid #333; padding:5px 10px; font-size:12px; text-decoration:none;}
#fl_menu .menu a.menu_item:hover{background:#333; color:#fff;}



/*Pinterst like tiles*/
.pinBoot {
  position: relative;
  max-width: 100%;
  width: 100%;
}

.white-panel {
  position: absolute;
  padding:10px;
	background-color:#000;
	border: #666666 2px solid;
	margin:3px;
	overflow:auto;
	border-radius:10px;
	font-size:.9em;
}
/*
stylize any heading tags withing white-panel below


.white-panel:hover {
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
  margin-top: -5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
*/



/*when browser goes below 1300px wide, the top nav wraps - so add more padding on top to accomodate*/
@media (max-width: 1300px) {

	body {
		margin-top: 90px;
	}
	.navbar-inverse .navbar-nav {
	margin-top:0px;
}
	section {
	padding-top: 140px;
	}
}


@media (max-width: 984px) {
	.navbar-inverse .navbar-nav {
		margin-top:0px;
	}
	section {
	
	padding-top: 160px;
	}
}


/*when browser goes between this range, add left padding to accomodate for floating side bar nav
@media only screen and (max-width: 1490px) and (min-width: 992px)
{
		.container {padding-left:150px;}
}*/
/*when browser goes below 767px wide, the top nav wraps - so add more padding on top to accomodate*/
@media (max-width: 767px) {

	body {
		margin-top: 0px;
	}
	.main-page-news {margin-right:0px;}
}