html{
	background-image:url('image/background.jpg');
}

#home {
	z-index: -999;
  	min-height: 100%;
  	min-width: 59.375%;
  	width: 100%;
  	height: 100%;
  	position: fixed;
  	top: 0;
  	left: 0;
   	
}

body {
    border-radius: 1.25%;
    border-width: 2em;
    line-height: 125%;
    margin: 0 auto;
    padding: 2%;
    text-align: center;
    width: 80%;
    color: #999; 
    background-color: #0D0C10;
	
}

header{
	background-image: url("image/header.jpg");
    height: 200px;
    position: relative;
}	

h1{
	color: #57220B;
    float: right;
    font-family: 'Ribeye',cursive;
    text-align: center;
    text-shadow: 2px 2px #d0e2f0;
	line-height: 125%;
}

h1 img{
	height: 25%;
	width: 25%;
	display: block;
	position: relative;
	top: -0.75em;
	float: right;
}

#station{
	margin: 10px;
}

#station video{
	box-shadow: -2px 0px 20px #57220B;
	margin-top: 3%;
	height: 75%;
	width: 75%;
}

#vacation, #sponsor{
	box-shadow: 1px 1px 1px 1px #8A360F;
	border-width: 1em;
	text-align: center;
	margin: 10px;
	border: 1em;
	display: inline;
	height: 400px;
	width: 240px;
	float: left;	
}

#vacation video, #sponsor video{
	width: 75%;
	margin-top: 5%;
	margin-bottom: 5%;
}

#vacation p, #sponsor p{
	text-align: left;
	padding: 1em;
	width: 214px;
}	

h2{
	color: #8A360F;
	font-size: 50px;
	font-family: 'Bilbo Swash Caps', cursive;
}	

#events{
    float: left;
    width: 240px;
}

#events ul{
	
}

#events li{
	list-style-type: none;
	border: 1em;
	border-width: 1em;
	text-align: left;
	margin: 1em;
}
#events a{
	color:#d0e2f0;
	text-decoration: none;
}

#events a:hover{color:#ef8843;}
		
#music{
	float: right;
    position: relative;
    top: 2em;left: -2em;
    width: 15%;
}

#music p{
	text-align: left;
}			

footer{
	background-image: url("image/header.jpg");
    clear: left;
    color: #0D0C10;
}