body {
	margin: 0px;
	padding: 0px;
      font-size: large;
}

h2 {
	
	font-family: Arial, Helvetica, sans-serif; 
	text-align: left;
      font-size: 120%;
      color:#00004A;
      font-weight: 600;

}


#top{
	text-align: center;
	color: #000000;
      padding-top:15px;
      padding-bottom:15px;
      width:100%;
}




#top-up {dispay: inline;
         margin-left:5%;
         margin-right:5%;
         text-align: right;
}
#top-menu {dispay: inline;
         margin-left:5%;
         margin-top:1%;
         margin-bottom:1%;         
         text-align: left;
         background-color:#0080C0;                 
         padding-top:10px;
         padding-bottom:10px;
}


#top-menu a, a:link, a:visited {
      font-size: x-large;
      font-family: Arial, Helvetica, sans-serif; 
	text-decoration: none;
	color: #E5EBF7;
      padding-left:20px;
      padding-right:20px;
      padding-top:10px;
      padding-bottom:10px;
}
 
#top-menu a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
#top-menu a:active {
	text-decoration: none;
	color: #0080C0;
      background-color:#A2D9F7;
}
#top-adv {display:block;
         margin-left:5%;
         margin-top:1%;
         margin-bottom:1%;         
         text-align: left;
         font-size: 300%;
         font-weight: 700;
         font-family: Arial, Helvetica, sans-serif;
         color:#00004A;
}

#mid-top {dispay: block;
         margin-top:3%;                  
         text-align: center;
         background-color:#0080C0;                 
         padding-top:5px;
         padding-bottom:5px;
         font-family: Arial, Helvetica, sans-serif;
         color:#ffffff;
         font-size: xx-large;
}
#mid-mid {dispay: block;
         margin-bottom:1%;                  
         text-align: center;
         background-color:#A2D9F7;                 
         padding-top:5px;
         padding-bottom:5px;
         font-family: Arial, Helvetica, sans-serif;
         color:#000000;
         font-size: x-large;
         color:#00004A;
         
}

.res {dispay: block;
         width:90%;
         transition: 0.4s;
}
.res:hover {dispay: block;
         width:100%;
}


#mid-title {display:block;
         
         margin-top:3%;
         margin-bottom:3%;         
         text-align: center;
         font-size: xx-large;
         font-weight: 500;
         font-family: Arial, Helvetica, sans-serif;
         color:#00004A;
}


#mid-adv {dispay: inline;
         margin-left:20%;
         margin-right:20%;
         text-align: right;
}
#mid-title1 {display:block;
         
         margin-top:3%;
         margin-bottom:3%;         
         text-align: center;
         font-size: xx-large;
         font-weight: 500;
         font-family: Arial, Helvetica, sans-serif;
         color:#00004A;
}
#mid-title2 {display:block;
         
         margin-top:3%;
         margin-bottom:3%;         
         text-align: center;
         font-size: 250%;
         font-weight: 500;
         font-family: Arial, Helvetica, sans-serif;
         color:#6699FF;
}

#mid-title3 {display:block;
         width:100%;
         margin-top:3%;
         margin-bottom:3%;         
         text-align: center;
         font-size: x-large;
         font-weight: 600;
         font-family: Arial, Helvetica, sans-serif;
         color:#00004A;
}

#mid-title3 a:link{
            color:blue;
            text-decoration: underline;
}
#mid-title3 a:hover{
            color:blue;
            text-decoration: none;
}

h1 { width:100%; 
	padding-top:10px;

	text-align: center;
      font-size: 130%;
      font-family: Times New Roman; 
      color: #990000;
      font-weight: 500;
      
}

#txt {
      
	paddding: 20px;
	font-family: Times New Roman, Helvetica, Arial, sans-serif;
      font-size: x-large;
      text-align: justify;
}
#txt a, a:link, a:visited {font-size: x-large;
                           font-family: Times New Roman, Helvetica, Arial, sans-serif;
}

#footer {font-size: large;
         font-family: Arial, Helvetica, sans-serif;
         padding-bottom:30px;
       }
#footer a, a:link, a:visited {font-size: 130%;
color: #095399; padding:10px;text-decoration: none;}

#footer a:hover{
color: #267AC9;}

}
#img_container {
  position:relative;  
  width:100%;

  margin:0 auto;
}

#img_container 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;
}


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

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

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

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

#img_container img.top {
 -webkit-animation-name: cf3FadeInOut;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 20s;
  -webkit-animation-direction: alternate;

  -moz-animation-name: cf3FadeInOut;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 20s;
  -moz-animation-direction: alternate;

  -o-animation-name: cf3FadeInOut;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 20s;
  -o-animation-direction: alternate;

  animation-name: cf3FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 20s;
  animation-direction: alternate;
}
#img_container img.mid {
 -webkit-animation-name: cf3FadeInOut;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 10s;
  -webkit-animation-direction: alternate;

  -moz-animation-name: cf3FadeInOut;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 10s;
  -moz-animation-direction: alternate;

  -o-animation-name: cf3FadeInOut;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 10s;
  -o-animation-direction: alternate;

  animation-name: cf3FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 10s;
  animation-direction: alternate;
}