body {
background-image: url(../images/background.jpg);
	background-size: 100% 100%;
    background-repeat: no-repeat;
}

#crossfade > img { 
   
	width: 100%;    
	height: 200px;
    margin-left: auto;
	margin-right: auto;
	text-align: center;
	position: absolute;
	top: 0px
    
    color: transparent;
    opacity: 0;
    z-index: 0;
    background-image: url(../images/1.jpg);
	background-size: 100% 200px;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 30s linear infinite 0s;
    -moz-animation: imageAnimation 30s linear infinite 0s;
    -o-animation: imageAnimation 30s linear infinite 0s;
    -ms-animation: imageAnimation 30s linear infinite 0s;
    animation: imageAnimation 30s linear infinite 0s; 
}
#crossfade > img:nth-child(2)  { 
    background-image: url(../images/2.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
#crossfade > img:nth-child(3) { 
    background-image: url(../images/3.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
#crossfade > img:nth-child(4) { 
    background-image: url(../images/4.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
#crossfade > img:nth-child(5) { 
    background-image: url(../images/5.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}

@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

#menu {
    padding: 0px;
    margin-top: 0px;
    margin-right:auto;
    margin-bottom: 0px;
    margin-left: auto;
    text-align:center;
	top: 200px;
	position: relative;
        }
#menu ul {
    margin: 0px;
    padding: 0px;
	}
#menu ul li {
    background-color: #666666;
    border: 1px solid #CCCCCC;
    position: relative;
    list-style-type: none;
    display: inline-block;
	width: 15%;
	}
#menu ul li a {
    font-family: "Times New Roman", Times, serif;
    font-size: 18px;
    line-height: 30px;
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
    display: block;
    height: 30px;
    width: 100%;
}
#menu ul ul {
    position: absolute;
    visibility: hidden;
    top: 31px;
}
#menu ul li:hover ul {
    visibility: visible;
}
#menu ul li:hover {
    background-color: #999999;
}
#menu ul li ul li a:hover {
    background-color: #CCCCCC;
}
#menu ul li a:hover {
    color: #FFFFFF;
}
#content {
color: white; 
font-size: 22px;
}