.screenWide{width: 100%; clear: both;}
.pageWide{width: 1000px; margin: 0 auto; clear: both;}

.cols1_1, .cols3_1, .cols3_2, .cols3_3, .cols3_12, .cols3_23, .cols2_1, .cols2_2, .cols4_1, .cols4_2, .cols4_3, .cols4_4, .cols4_23,.cols4_34, .cols4_123, .cols4_234, .cols6_1, .cols6_2, .cols6_3, .cols6_4, .cols6_5, .cols6_6 {
  box-sizing: border-box;
  float: left;
  padding: 20px;
}
.cols1_1{width: 100%;}
.cols3_1, .cols3_2, .cols3_3{width: 33.33%;}
.cols3_12, .cols3_23{width: 66.66%;}
.cols2_1, .cols2_2, .cols4_23, .cols4_34{width: 50%;}
.cols4_1, .cols4_2, .cols4_3, .cols4_4{width: 25%;}
.cols4_123, .cols4_234{width: 75%;}
.cols6_1, .cols6_2, .cols6_3, .cols6_4, .cols6_5, .cols6_6{ width: 16.66%;}



#mainStructure{
  width: 100%;
  height: 100%;
}



/* TOP SECTION */
#mainStructureTop{
  height: 125px;
  background-color: var(--bodyBar1Bg);
}

#mainStructureTop #headerContainer{
  position: relative;
}


#mainStructureTop #headerContainer #headerBar{
  width: 100%;
  box-sizing: border-box;
  position: fixed;
  z-index: 4000;
  background-color: var(--headerBg);
  background-image: url('/images/structure/header_bg.jpg');
  background-repeat: no-repeat;
  background-size: auto;
  background-position: top;
  box-shadow: 0px 1px 2px rgba(20,20,20,.3);
}

#mainStructureTop #headerContainer #headerBar.deployed{
  height: 125px;
}

#mainStructureTop #headerContainer #headerBar.minimal{
  height: 90px;
}



#mainStructureTop #headerContainer #headerBar #headerLogo{
  left: 10px;
  position: absolute;
}

#mainStructureTop #headerContainer #headerBar #headerLogo.deployed{
  top: 15px;
  height: 100px;
}

#mainStructureTop #headerContainer #headerBar #headerLogo.minimal{
  top: 8px;
  height: 75px;
}



#mainStructureTop #headerContainer #headerBar #headerNav{
  right: -5px;
  position: absolute;
}

#mainStructureTop #headerContainer #headerBar #headerNav.deployed{
  top: 93px;
}

#mainStructureTop #headerContainer #headerBar #headerNav.minimal{
  top: 62px;
}





#mainStructureTop #headerContainer #headerBar #headerButtons{
  right: 15px;
  position: absolute;
  text-align: right;
}

#mainStructureTop #headerContainer #headerBar #headerButtons.deployed{
  top: 8px;
}

#mainStructureTop #headerContainer #headerBar #headerButtons.minimal{
  top: 2px;
}


#mainStructureTop #headerContainer #headerBar #headerButtons img{
  width: 30px;
  top: 10px;
  position: relative;
  margin-right: 5px;
}







/* MIDDLE SECTION */
#mainStructureMiddle{
  height: auto;
  position: relative;
}

#mainStructureMiddle div.pageWide{
  overflow: auto;
}


#mainStructureMiddle div.screenWide{
  overflow: auto;
}








/* BOTTOM SECTION */
#mainStructureBottom{
  overflow: auto;
  color: #fff;
  padding: 0;
  background-color: var(--footerBg);
  background-position: cover;
}

#mainStructureBottom a{
  color: #fff;
}


#mainStructureBottom #logo{
  max-height: 80px;
  display: block;
  margin: 18px 0 0 70px;
}

#mainStructureBottom #footerNavigation{
  list-style-type: none;
  margin: 20px auto;
  padding-left: 40px;
  font-size: 16px;
  border-left: solid 1px #fff;
}

#mainStructureBottom #footerNavigation ul li{
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 0;
  font-size: 14px;
}


#mainStructureBottom .vcard{
  font-size: 13px;
  margin-left: 40px;
}


#mainStructureBottom li{
  margin: 0;
  padding: 0;
}


#mainStructureBottom #loginBar{
  margin: 1em auto;
  font-size: 14px;
}

#mainStructureBottom #sponsors{
  border-bottom: solid 1px #eee;
}

#mainStructureBottom #sponsors table{
  margin: 1em auto;
  width: 100%;
}

#mainStructureBottom #sponsors td{
  text-align: center;
  vertical-align: middle;
}

#mainStructureBottom #sponsors img{
  max-width: 150px;
  margin: 10px 0;
}

#mainStructureBottom #copyright{
  font-size: 12px;
  padding: 0 0 10px 0;
  text-align: center;
}