* {margin:0 auto; font-size:12px;}
.clear {clear:both;}
body{background-color:#D6D4D4; FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;}
.site {margin:8px 11% 30px 11%; box-shadow: 10px 10px 5px #4F4F4F;}
.logo {float:left; max-width:26%; height:auto;}
	.logo img{max-width:100%;}
.slogan{max-width:74%; }
	.slogan img{max-width:100%; height:auto;}
.top{background-color:#AA100E; color:#4BFBA0; min-height:100px; }
.menu{background:#000000; min-height:35px; color:#FFFFFF; font-size:12px;}
	.hmenu {float:left; padding-left:5px;}
	.lmenu {float:right; padding:10px 5px 1px 5px; }
	.lmenu a:link, .lmenu a:visited, .lmenu a:active, .lmenu a:hover{text-decoration:none; color:white;}
.choice{background-color:#B4045F; height:20px; padding:25px 0 25px 15%; }
.middle{background-color:#F3F3F3; min-height:800px;}
.left{background:#F3F3F3; min-height:800px; float:left; width:21.5%; padding:0 1% 0 1%;
box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.8);}
   .l1 {background:#EF8BEF; border-style:dashed; border-width:thin; border-color:#B4045F; padding:3px;}
   .l1:hover{background:#EEE5CC; color:#EA7209;}
   .l2{margin:5px 0; background:#EEE5CC; padding:3px;}
.mid{background-color:#FFFFFF; min-height:800px; width:58.5%; padding:0.5%; float:left; box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.8);}
	.content {padding:5%;}
		.cpurp {color:#C6100E;}
		.cblack{color:#000000;}
		.cblue{color:blue;}
		.cyellow{color:#FFBC00;}
	.c_left {width:50%; float:left;}
	.c_right {width:50%; float:right;}
.midh1{background-color:#B4045F; text-align:center;}
.right{background-color:#86121B; min-height:808px; float:left; width:15%; padding:0 1% 0 1%; color:#FFFFFF;}
.box{height:80px; width:10%; background-color:#EEE5CC;}
.footer{ color:#000000; min-height:20px; text-align:center;}
.rfloat{float:right;}

ul {list-style: none;margin: 0 auto; padding: 0; width:130px; height:50px; margin-top:5%; margin-bottom:5%; position: relative;}
li {position: absolute;}
li:nth-child(8) {animation: xfade 16s 0s infinite;}
li:nth-child(7) {animation: xfade 16s 2s infinite;}
li:nth-child(6) {animation: xfade 16s 4s infinite;}
li:nth-child(5) {animation: xfade 16s 6s infinite;}
li:nth-child(4) {animation: xfade 16s 8s infinite;}
li:nth-child(3) {animation: xfade 16s 10s infinite;}
li:nth-child(2) {animation: xfade 16s 12s infinite;}
li:nth-child(1) {animation: xfade 16s 14s infinite;}
  
@media only screen and (max-width: 881px) {
	.logo, .rfloat, .hmenu, .lmenu{float:none;}
	.logo, .slogan {float:left; max-width:100%; height:auto;}
	logo img, .slogan img {max-width:100%;}
	.menu{ font-size:16px; line-height:200%;}
	.left, .mid, .right {width:100%; float:none;}
	.c_left,.c_right {width:100%; float:none;}
	.right {min-height:200px;}
	#welcome {width:90%;}
	.site {margin:8px 6% 30px 6%;}
	.slide {display:none;}
	
    }
@media only screen and (min-width: 882px) and (max-width: 1025px) {   
    } 
 @media only screen and (min-width: 1026px) and (max-width: 1281px) {
    }   
 @media only screen and (min-width: 1282px) { 	    
    }
    
@keyframes xfade{
  	17% {opacity:1;}
  	25% {opacity:0;}
  	100% {opacity:1;}