/*
  using http://www.sessions.edu/color-calculator
  colors: white:fcfcff blue:19416e  light-blue:3a5e87
  former: brown:6e4719 light-brown:805e39
*/
body,html{
  margin:0;
  padding:0;
}
body{
  border-top:15px solid #fcfcff; 
  background-color:#fcfcff;   /* white body color */
  font-family:'Open Sans',sans-serif; /* Tinos */
  color:#19416e;            /* text color */
  font-size: 14px; 
}
.wrapper{
  background-color:#19416e; /* main background color*/ 
  width:100%;
}
.header,.footer,.ctitle{ /* ctitle not used */
  position:relative;
  max-width:900px;
  margin:0 auto 20px auto; 
  background-color:#19416e; /* main background color*/
  color:#fcfcff;
  width:100%;
}
.iomt-title{
  margin-top:6px;
  width:100%;
  float:left;
  text-align:center;
  font:small-caps 900 14px georgia,serif;
}
.top-logos{
  float:left;
  border-radius:5px;
}
.logo-left{
  margin-left:7%;
  width:16%;
  margin-top:1%
}
.logo-mid{
  margin-left:1.6%;
  width:49%;
}
.logo-right{
  margin-left:1.6%;
  width:18%;
  margin-top:1%;
}
.mid-text-big, .mid-text-small{
  border-radius:5px;
  width:100%;
  margin-top:3%;
}
.mid-image{
  border-radius:5px;
  margin-top:3%;
  width:40%;
}
.mid-text-small{
  display:none;
}

.footer{
  margin-top:30px;
  text-align:center;
  padding:12px 0;
  font-size:12px 
}
.footer-powered{
  margin-top:10px;
  text-align:center; 
  font-size:10px;
  color:grey;
  padding:12px 0; 
}
a{
  text-decoration:none; 
}
a:hover{
  text-decoration:underline; 
}
.topmenu{
  padding:0;
  display:block;
  margin:12px auto 3px auto;
  width:100%;
  position: relative;
  text-align:center;
}
.topmenu li{
  list-style: none;
  display:inline;
  position: relative;
  margin:0 9px;
}
.topmenu li a{
  font-size: 13px;
  color:#fcfcff;
}
.altmenu{
  width:70%;
  margin:3px auto 0 auto;
  display:none; 
}
.container{
  width:96%;
  display:block;
  position:relative;
  margin: 12px auto;
}
.cols214{      /* left colfor 2-col 40:60 layout not used */
  margin-left:3%;
  width:52%;
}
.cols224{      /* right col for 2-col 40:60 layout  not used */
  margin-left:5%;
  width:32%;
}
.cols21{
  margin-left:0%;
  width:48%;
  float:left;
}
.cols22{
  margin-left:1.5%;
  width:48%;
  float:left;
}
.cols30{      /* wafers for 1-col layout */
  width:20%;
  float:left;
  padding:1px;
}
.cols32{      /* 1-col layout */
  width:60%;
  float:left;
}
.list_head{
  background-color:#3a5e87; /*  light-blue table */
  color:#fcfcff;
  text-align:center;
  padding:3px;
  border-top-left-radius:3px;
  border-top-right-radius:3px;
}
.list_body{
  border:1px solid #3a5e87; /*  light-blue table */
  margin-bottom:15px;
  padding:3px 6px 6px 6px;
  border-bottom-left-radius:3px;
  border-bottom-right-radius:3px;
}
.ctable{
  table-layout:fixed;
  width:100%;
  border-collapse:collapse;
}
.ctable td, .ctable th{
  padding:6px;
  border:1px solid #3a5e87; /*  light-blue table */
}
.ctable th{
  background-color:#3a5e87; /*  light-blue table */
  color:#fcfcff;
}
.ctitle{
  text-align:center;
  font-size:24px;
  font-weight:600;
}
.csubtitle{
  font-weight:600;
  font-size:16px;
  margin-bottom:18px;
}
/* Back to Top */
#toTop {
    background: url("../imgs/ui.totop.png") no-repeat scroll left top transparent;
    border: medium none;
    bottom: 6px;
    display: none;
    height: 40px;
    overflow: hidden;
    position: fixed;
    right: 10px;
    text-decoration: none;
    text-indent: -999px;
    width: 40px;
}
#toTopHover {
    background: url("../imgs/ui.totop.png") no-repeat scroll left -40px transparent;
    display: block;
    float: left;
    height: 40px;
    opacity: 0;
    overflow: hidden;
    width: 40px;
}
#toTop:active, #toTop:focus {
    outline: medium none;
}

.ilogoi{
  opacity: 0.6; 
  filter: alpha(opacity=60);
  width:90%;
  max-width:170px;
  display:table-cell;
}
#map_canvas { 
  border:1px solid grey;
  height: 230px; width: 100%;
}

@media (max-width: 800px) {
  
  .logo-left, .logo-right{
    width:21%;
    margin-left:2.2%;
  }
  .mid-text-big, .topmenu{
    display:none;
  }
  .mid-text-small, .altmenu{
    display:block;
  }
  .mid-image{
    width:50%;
  }
  .cols21, .cols22{
    margin:0;
    width: 100%;
    float:none;
  }
  .cols30 {
    width:12%;
  }
  .cols32 {
    width:76%;
  }
}
@media (max-width: 600px) {
  .logo-left, .logo-right{
    width:25%;
    margin-left:2.2%;
  }
  .logo-mid{
    margin-left:1.6%;
    width:42%;
  }
  .mid-image{
    width:60%;
  }
  .altmenu{
    width:90%;
  }
  .cols30 {
    width:5%;
  }
  .cols32 {
    width:90%;
  }
}
@media (max-width: 480px) {
  .cols30 {
    width:0%;
  }
  .cols32 {
    width:100%;
  }
}
.clear-both{
  width:100%; 
  clear:both; 
}
.padding60{
  padding:60px 0;
}