html, body {height:100%; margin:0; padding:0;}
#page-background {position:fixed; top:0; left:0; width:100%; height:100%;}
#content {position:relative; z-index:1; padding:0px;}

body {   
    background-color: rgb(082,103,148);   
    height:2000px;   
    color:#FFFFFF;   
    font-family: Ubuntu, sans-serif;
} 

* {
  box-sizing: border-box;
}

body {   
    color: rgb(118,113,113);   
    height:2000px;   
    background-color:rgb(225,235,245);   
    background-color: rgb(118,113,113);  
    background-color: rgb(180,199,231);   
    background-color: rgb(255,255,255);   
    font-family: Ubuntu, sans-serif;
} 

.title {
  font-family: "Calibri Light", sans-serif;
}

.header {
  background-color: rgb(255,255,255);   
  padding: 0px;
  width: 100%;
}

.footer {
  background-color: rgb(118,113,113);  
  padding: 15px;
  width: 100%;
}

.logo {
  background-color: rgb(255,255,255);   
  padding: 0px;
  box-shadow: 0 1px 5px rgba(0,0,0,0.12), 0 1px 10px rgba(0,0,0,0.24);
}

table, th, td {
  border: 0px solid red;
}

th, td, tr {
  padding: 0px;
}

.BoxLeft {
  width: 5%;
  float: left;
  padding: 0px;
}

.BoxMiddle {
  width: 5%;
  float: left;
  padding: 15px;
}

.BoxRight {
  width: 5%;
  float: left;
  padding: 0px;
}

.BoxTitle {
  width: 100%;

  float: center;
  padding: 0px;
  background-color: rgb(255,255,255);   
}

.BoxTitleLeft {
  width: 520px;
  height:480px;   
  float: left;
  padding: 0px;
  background-color: rgb(255,255,255);   
}

.BoxTitleRight {
  width: 50%;
  height:220px;   
  float: left;
  padding: 0px;
  background-color: rgb(255,255,255);   
}


.BoxYellow {
  width: 30%;
  height: 220px; 
  float: left;
  padding: 0px;
  background-color: rgb(252,249,218);   
  box-shadow: 0 1px 5px rgba(0,0,0,0.12), 0 1px 10px rgba(0,0,0,0.24);
}

.BoxRose {
  width: 30%;
  height: 220px; 
  float: left;
  padding: 0px;
  background-color: rgb(252,223,215);   
  box-shadow: 0 1px 5px rgba(0,0,0,0.12), 0 1px 10px rgba(0,0,0,0.24);
}

.BoxBlue {
  width: 30%;
  height: 220px; 
  float: left;
  padding: 0px;
  background-color: rgb(225,235,245);   
  box-shadow: 0 1px 5px rgba(0,0,0,0.12), 0 1px 10px rgba(0,0,0,0.24);
}

.BoxGreen {
  width: 30%;
  height: 220px; 
  float: left;
  padding: 0px;
  background-color: rgb(212,236,220);   
  box-shadow: 0 1px 5px rgba(0,0,0,0.12), 0 1px 10px rgba(0,0,0,0.24);
}

.BoxPurple {
  width: 30%;
  height: 220px; 
  float: left;
  padding: 0px;
  background-color: rgb(240,229,235);   
  box-shadow: 0 1px 5px rgba(0,0,0,0.12), 0 1px 10px rgba(0,0,0,0.24);
}

.BoxGrey {
  width: 30%;
  height: 220px; 
  float: left;
  padding: 0px;
  background-color: rgb(238,242,245);   
  box-shadow: 0 1px 5px rgba(0,0,0,0.12), 0 1px 10px rgba(0,0,0,0.24);
}

.Box001 {
  width: 30%;
  height: 220px; 
  float: left;
  padding: 0px;
  background-color: rgb(0,140,140);   
  box-shadow: 0 1px 5px rgba(0,0,0,0.12), 0 1px 10px rgba(0,0,0,0.24);
}

.Box002 {
  width: 30%;
  height: 220px; 
  float: left;
  padding: 0px;
  background-color: rgb(0,160,160);   
  box-shadow: 0 1px 5px rgba(0,0,0,0.12), 0 1px 10px rgba(0,0,0,0.24);
}

.Box003 {
  width: 30%;
  height: 220px; 
  float: left;
  padding: 0px;
  background-color: rgb(0,180,180);   
  box-shadow: 0 1px 5px rgba(0,0,0,0.12), 0 1px 10px rgba(0,0,0,0.24);
}

.Box004 {
  width: 30%;
  height: 220px; 
  float: left;
  padding: 0px;
  background-color: rgb(0,200,200);   
  box-shadow: 0 1px 5px rgba(0,0,0,0.12), 0 1px 10px rgba(0,0,0,0.24);
}

.Box005 {
  width: 30%;
  height: 220px; 
  float: left;
  padding: 0px;
  background-color: rgb(0,220,220);   
  box-shadow: 0 1px 5px rgba(0,0,0,0.12), 0 1px 10px rgba(0,0,0,0.24);
}

.Box006 {
  width: 30%;
  height: 220px; 
  float: left;
  padding: 0px;
  background-color: rgb(0,240,240);   
  box-shadow: 0 1px 5px rgba(0,0,0,0.12), 0 1px 10px rgba(0,0,0,0.24);
}

@media screen and (max-width:800px) {
  .BoxLeft, .BoxMiddle, .BoxRight, .BoxYellow, .BoxRose, .BoxBlue, .BoxGreen, .BoxPurple, .BoxGrey, .BoxTitle, .BoxTitleLeft, .BoxTitleRight {
    width:100%; /* The width is 100%, when the viewport is 800px or smaller */
  }
}

.ContentYellow {
  width: 100%;
  float: left;
  padding: 0px;
  background-color: rgb(252,249,218);   
  box-shadow: 0 1px 5px rgba(0,0,0,0.12), 0 1px 10px rgba(0,0,0,0.24);
}

.ContentRose {
  width: 100%;
  float: left;
  padding: 0px;
  background-color: rgb(252,223,215);   
  box-shadow: 0 1px 5px rgba(0,0,0,0.12), 0 1px 10px rgba(0,0,0,0.24);
}

.ContentBlue {
  width: 100%;
  float: left;
  padding: 0px;
  background-color: rgb(225,235,245);   
  box-shadow: 0 1px 5px rgba(0,0,0,0.12), 0 1px 10px rgba(0,0,0,0.24);
}

.ContentGreen {
  width: 100%;
  float: left;
  padding: 0px;
  background-color: rgb(212,236,220);   
  box-shadow: 0 1px 5px rgba(0,0,0,0.12), 0 1px 10px rgba(0,0,0,0.24);
}

.ContentPurple {
  width: 100%;
  float: left;
  padding: 0px;
  background-color: rgb(240,229,235);   
  box-shadow: 0 1px 5px rgba(0,0,0,0.12), 0 1px 10px rgba(0,0,0,0.24);
}

.ContentGrey {
  width: 100%;
  float: left;
  padding: 0px;
  background-color: rgb(238,242,245);   
  box-shadow: 0 1px 5px rgba(0,0,0,0.12), 0 1px 10px rgba(0,0,0,0.24);
}

.Content001 {
  width: 100%;
  float: left;
  padding: 0px;
  background-color: rgb(0,140,140);
  color: rgb(255,255,255);   
  box-shadow: 0 1px 5px rgba(0,0,0,0.12), 0 1px 10px rgba(0,0,0,0.24);
}

.Content002 {
  width: 100%;
  float: left;
  padding: 0px;
  background-color: rgb(0,160,160);   
  color: rgb(255,255,255);   
  box-shadow: 0 1px 5px rgba(0,0,0,0.12), 0 1px 10px rgba(0,0,0,0.24);
}

.Content003 {
  width: 100%;
  float: left;
  padding: 0px;
  background-color: rgb(0,180,180);   
  color: rgb(255,255,255);   
  box-shadow: 0 1px 5px rgba(0,0,0,0.12), 0 1px 10px rgba(0,0,0,0.24);
}

.Content004 {
  width: 100%;
  float: left;
  padding: 0px;
  background-color: rgb(0,200,200);   
  color: rgb(115,115,115);   
  box-shadow: 0 1px 5px rgba(0,0,0,0.12), 0 1px 10px rgba(0,0,0,0.24);
}

.Content005 {
  width: 100%;
  float: left;
  padding: 0px;
  background-color: rgb(0,220,220);   
  color: rgb(115,115,115);   
  box-shadow: 0 1px 5px rgba(0,0,0,0.12), 0 1px 10px rgba(0,0,0,0.24);
}

.Content006 {
  width: 100%;
  float: left;
  padding: 0px;
  background-color: rgb(0,240,240);   
  color: rgb(115,115,115);   
  box-shadow: 0 1px 5px rgba(0,0,0,0.12), 0 1px 10px rgba(0,0,0,0.24);
}

.hide {
  display: none;
}

.ImgAnchor {
  position: absolute;
  top : 0px:
  Left: 0px:
  z-index:2;
}

.top {
  vertical-align: top;
}

a {
  color: rgb(255,255,255);
}

.WhiteLink {
  color: rgb(255,255,255);
}



.IMGcontainer {
  position: relative;
  text-align: center;
  color: white;
}

/* Top left text */
.TXTtop-left {
  position: absolute;
  top: 0px;
  left: 0px;
  color: rgb(118,113,113);
  color: rgb(0,0,0);
}

#IMCMenu {   
    position:relative;   
    top:15px;   
    left:0px;  
    text-align:center; 
    margin-left:-50px;  
    color: rgb(0,140,140);    

}   
#IMCMenu ul {   
    margin-bottom:00px;   
}   

#IMCMenu li {
    list-style: none;
    display: inline;
    margin: 0; padding: 0;
  }

#IMCMenu ul li a {   
    border:0px solid #999;   
    background: rgba(255,255,255,0.5);
    border-bottom:0px solid #FFFFFF;   
    text-decoration:none;   
    color:#3C69BD;   
    color: rgb(0,140,140);    
    display: inline;
    margin: 0.4em; padding: 0;
}  

#IMCMenu ul.Menu1 li a:hover {   
    border-color:#3C69BD;   
    border-bottom:2px solid;   
}   

area:link, area:hover, area:active, area:focus {
   border: 5px #f00 solid;
}