<style>

#grad1 {
    height: 200px;
    background: -webkit-linear-gradient(left, rgba(255,0,0,0), rgba(255,0,0,1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(255,0,0,0), rgba(255,0,0,1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(255,0,0,0), rgba(255,0,0,1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1)); /* Standard syntax (must be last) */
}

@font-face {
 font-family: "Nasa";
 src: url(http://frccountdown.hosthorde.net/Style/Nasalization.ttf);
}


html,body {
	margin:0;
	padding:0;
	height:100%;
	width:100%
}
.fadein { position:relative; width:500px; height:332px; }
.fadein img { position:absolute; left:0; top:0; }
body{ background-color: transparent;background-size: 100%;}
h1{
font-family: "Nasa",Arial;
color:white;
background-color:rgba(0, 0, 0, 0.5);
}
#songc{
color:white;
background-color: #000000;
width:800px;
height:600px;
padding: 6px;
}
#footer {
    background-color:rgba(0, 0, 0, 0.5);
    color:white;
    clear:both;
    text-align:center;
	padding:10px;	 
	bottom:0
	position:absolute;
}
.count
{
	border-collapse: collapse;
	border: 2px solid black;
	width:80%;
	text-align:center;
	background-color: rgba(0, 0, 0, 0.5);
	
}
.count td
{
	font-family: "Nasa",Arial;
	border: 3px solid black;
	font-size:150%;
	background-color: rgba(0, 0, 0, 0.0);
    color: rgba(255, 255, 255, 1.0);
	border-color: rgba(255, 255, 255, 1.0);
}

.week_select
{
	text-align:center;
	background-color: white;
    color: black;
	width: 100%;	
}

<!--
.wrapper {
position: relative;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -7em;

}
-->

.wrapper {
min-height:100%;
position:relative;
}




.footer{
height: 6em;
text-align:center;
background-color:rgba(0, 0, 0, 0.5);
color:white;
position: absolute;
left: 0px;
bottom: 0px;
right: 0px;
}


.slideshowback
{
background-color: black;
width:100%;
height:100%;
	position: absolute;
	top:0;
	left:0;
	z-index: -1;
}
.slideshowback img.imgbot
{
	position: absolute;
	z-index: -1;
	bottom: 0px;
	left: 0px;
	width: 100%;
	overflow: hidden;
	
}

.slideshowback img.imgtop
{
	position: absolute;
	z-index: -1;
	top: 0px;
	left: 0px;
	width: 100%;
	overflow: hidden;
}

title {
    display: none;
}

.pic_information {
font-family: "Nasa",Arial;
position: absolute;
color:white;
background-color:rgba(0, 0, 0, 0.8);
top: 50%;
left: 5%;
min-height: 0%;
font-size: 1.0em;
padding: 6px;
border-radius: 10px
}

.navi {
position: absolute;
color:white;
background-color: rgba(0, 0, 0, 0.0);
top: 30%;
left: 5%;
font-size: 1.2em;
padding: 6px;
}

.get_app {
position: absolute;
color:white;
background-color: rgba(0, 0, 0, 0.5);
top: 40%;
right: 5%;
font-size: 1.2em;
padding: 6px;
border-radius: 10px
}

a{color: yellow;}
.navib {
width:100%;
font-size:80%;
font-family: "Nasa",Arial;
border: 1px solid #666;
border-radius: 5px;
background: rgb(94,94,94); /* Old browsers */
background: -moz-linear-gradient(top, rgba(94,94,94,1) 0%, rgba(150,150,150,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(94,94,94,1) 0%,rgba(150,150,150,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(94,94,94,1) 0%,rgba(150,150,150,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e5e5e', endColorstr='#969696',GradientType=0 ); /* IE6-9 */
}
.navib:hover {
background: rgb(147,147,147); /* Old browsers */
background: -moz-linear-gradient(top, rgba(147,147,147,1) 0%, rgba(150,150,150,1) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(147,147,147,1) 0%,rgba(150,150,150,1) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(147,147,147,1) 0%,rgba(150,150,150,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939393', endColorstr='#969696',GradientType=0 ); /* IE6-9 */
}
.navib:active {
	position:relative;
	top:1px;
}



</style>
