.container {
  position: absolute;
  //position: fixed;
  
  bottom: 20px;
  padding:5px;
  height: 20px; 
  left: 0px;
  background-color:#285338;
  border:1px solid #285338;
  width:99%;
  overflow:hidden;
}

.chart {
  position: absolute;
  //position: fixed;
  
  bottom: 50px;
  padding:5px;
  left: 0px;

  width:99%;
  overflow:hidden;
}


.center {
    position: absolute;
    left: 0;
    top: 25%;
    width: 100%;
    text-align: center;
    font-size: 20px;
    color:#ffffff;
  	background-color:#285338;
  	font-family: "Helvetica";
  	margin:0px;  
}
.marquee{
  display:block;
  position:relative;
  width:975px;
  height:60px;
  animation:scroll 5s linear infinite;
  animation-iteration-count: 1;
  padding:3px;  
}

.marquee:hover {
  animation-play-state: paused
}

.logos {
    position: absolute;
    bottom: 80px;
    width: 100%;
    text-align: center;
  	margin:0px;  
}
.img1 {
  width:975px;
  height:25px;
  font-size: 20px;
  color:#ffffff;
  background-color:#285338;
  font-family: "Helvetica";
  margin:0px;
  float:left;
}

.img2 {
  width:975px;
  height:25px;
  font-size: 18px;
  color:#ffffff;
  background-color:#285338;
  font-family: "Helvetica";
  margin:0px;
  float:left;
}

.img3 {
  width:975px;
  height:25px;
  font-size: 14px;
  color:#ffffff;
  background-color:#285338;
  font-family: "Helvetica";
  margin:0px;
  float:left;
}


/* Make it move */
@keyframes scroll{ 
0% {left:1200px;}
100% {left:0px;}
}


p.padding {
	padding-top: 50% ;
	padding-left: 1cm	;
	// padding-bottom: 1cm ;
	}

body { 
	background-image: url("FinhamNW-no_logo.jpg");
	background-size: 100% 100%;
	// background-size:cover;
	
	background-attachment: fixed;
	
	// background-size:1200 750; 
	background-position: fixed;
	background-repeat: no-repeat;
	}

 

#Main { 
  //border: solid 1px #285338;
  //border-radius: 10px;
  // background: #ffffff;
  // padding: 20px;   
  
  position: absolute; 
  //position: fixed;
  
  top: 25%;
  left: 12%;
	color: #285338; 
	background-color:   ;
	font-family: "Helvetica";
  font-size: 18px;	
  // font-weight: bold;
  
  width:600px; 
  height: 190px;  
  
	}

 
#cookiebox { 
  border: solid 2px #000000;
  border-radius: 10px;
  background: #7d7d7d;
  padding: 10px; 
  
  position: relative; 
  // position: absolute; 
  // position: fixed;
  overflow: auto;
  // top: 60%;
  // left: 12%;
	color: #ffffff; 
	font-family: "Helvetica";
  font-size: 14px;	
  // font-weight: bold;
  width:500px; 
  height: 100px;  
  
	}  
	 
#disclaimer { 

  border: solid 2px #000000;
  border-radius: 10px;
  background: #ce0606;
  padding: 10px; 
  
  position: relative; 
  // position: absolute; 
  // position: fixed;
  overflow: auto;
  // top: 60%;
  // left: 12%;
	color: #ffffff; 
	font-family: "Helvetica";
  font-size: 14px;	
  // font-weight: bold;
  width:580px; 
  height: 60px;    
	}	
	
	 
	
	
#Desc { 
  position: absolute; 
  left: 2%;
	color: #285338; 
	background-color:   ;
	font-family: "Helvetica";
  font-size: 16px;	
  // font-weight: bold;
	}

#strapline {
  position: absolute; 

  text-align: center;
	bottom: 10px; 
	font-size: 18px;
  color:#ffffff;
  background-color:#285338;
  font-family: "Helvetica";
  margin:0px;
  }

#back { position: absolute; right: 10px; bottom:60px; }

#alert_stat {
	position: absolute; 
	left: 2px; 
	bottom: 2px; 	
	font-size: 10px;
	color:#ffffff;
}


#enter { 
			position: absolute; 
			right: 10px; 
			bottom: 1px; 
			font-size: 15px;							
			}

/* #next { position: absolute; right: 0px; bottom: 15px; } */


/* used for buttons on Crime Figures screen */
#buttons2 { position: absolute; right: 10px; top:150px; }

#scroll {
	position: absolute; 
	right: 15px; 
	bottom:5px; 
	font-size: 10px;
	}

#more {
	position: absolute; 
	right: 15px; 
	bottom:5px; 
	font-size: 15px;
	}
	
#terms { 
	position: absolute; 
	left: 10px; 
	bottom: 1px; 
	font-family: "Helvetica";
  font-size: 16px;
  color: #ffffff;
	}
	
#content {
  position: absolute; 
  // position: fixed;
  left: 10%;
	// top: 10%; 
  top:60;
  } 

#textbox {
  //background-color:#ffffff;
  border: solid 2px #285338;

  overflow: auto; 
  // width:580px; 
  // width:600px; 
  // width:700px;
  //width:65%;
  width:85%;
  
  // height:200px;
  // height: 300px;
  //height: 400px;
  height: 85%;

  
  border-radius: 10px;
  background: #ffffff;
  padding: 20px; 

  }
  
#textbox_small {
  //background-color:#ffffff;
  border: solid 2px #285338;

  overflow: auto; 
  width:550px; 
  //width:600px; 
  // width:700px;
  //width:65%;
  //width:85%;
  
  // height:200px;
  height: 300px;
  //height: 250px;
  //height: 85%;

  
  border-radius: 10px;
  background: #ffffff;
  padding: 20px; 

  }
  
#subtext {
	color: #285338; 
	background-color:   ;
	font-family: "Helvetica";
  font-size: 10px;	

}



#blank {
	position: absolute; 
	right: 0px; 
	top:0px; 

}

.fade-out {
  animation: fadeOut ease 3s;
  -webkit-animation: fadeOut ease 3s;
  -moz-animation: fadeOut ease 3s;
  -o-animation: fadeOut ease 3s;
  -ms-animation: fadeOut ease 3s;
  
}



@-moz-keyframes fadeOut { 0% { opacity: 1; visibility: visible; }  100% { opacity: 0; visibility: hidden; }} 
    @-webkit-keyframes fadeOut { 0% { opacity: 1; visibility: visible; }  100% { opacity: 0; visibility: hidden; }} 
    @-ms-keyframes fadeOut { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: hidden; }} 
    @-keyframes fadeOut { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: hidden;  }}