#wrapper {margin: 0 auto;
		  width: 85%;
		  min-width: 960px; max-width: 1200px;
		  background-color; #ffffff;
		  color: #B3C7E6;}
		  
		  
hr {
width: 100%;
height: 8px;
margin-left: auto;
margin-right: auto;
background-color:#0033ff;
color:#0033ff;
border: none;
margin-top: 0;
margin-bottom:15px;
}

header {background-color: #000000;}

		  
#cf {
  position:relative;
  height:550px;
  width:100%;
  margin: 50px auto;
}

#cf img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}	

 @keyframes cf3FadeInOut {
  0% {
  opacity:1;
}
45% {
opacity:1;
}
55% {
opacity:0;
}
100% {
opacity:0;
}
}

#cf img.top {
animation-name: cf3FadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 10s;
animation-direction: alternate;
}
		  
nav  ul	{
	width: 100%;
	float: left;
	margin: auto;
	padding: 0;
	list-style: none;
	overflow: hidden; 
	background-color: #ffffff;
	border-bottom: 0px solid #cccccc; 
	border-top: 0px solid #cccccc; }
	
nav li {
	float: left;
	}
	
nav li a {
	display: block;
	padding: 0.5px 15px;
	text-decoration: none;
	font: 20px Verdana, Sans-Serif;
	font-weight: normal;
	color: #000000;
	border-right: 0px solid #000000; }
	
nav li a:hover {
	color: #ffffff;
	background-color: #ff3333; }
	
table 	{	position: relative;
			margin: auto;
			width: 300px;}	

td, th	{ position: relative;
		font: 35px Verdana, Sans-Serif;
		font-weight: bold;
		color: #666666;
		border-style: none;
		padding: 45px;
		top: 10px;
		left: 425px;
		margin: auto;	}
	
img.icon	{	width: 85px;
				height: 85px;
				top: 5px;
				margin: auto;	}		


		}
#mobile	{display: none;
		}
#desktop{display: inline;	
		}
@media only screen and (max-width: 1024px){
		body{margin: 0; background-image: none;}
		#wrapper{width: auto; min-width: 0; margin: 0; box-shadow: none;}
		h1{background-position: center; background-repeat: no-repeat; height: 85px;}
		nav{float: none; width: auto; padding-top: 0; margin-top: 0;}
		nav li{display: inline;}
		nav a{padding: 1em; font-size: 1.3em; width: 8em; font-weight: none;}
		nav ul{padding: 0; margin: 0; text-align: center; list-style-type: circle;}
		main{float: none; padding: 2em; margin: 0; font-size: 85%;}
		#mobile{display: inline;}
		#desktop{display: none;}