/*template.css*/
#guide {
  width: 1024px;
  height: 1px;
  background: red;
}
.hidden {
  display: none;
}

.orange {
  font-weight: bold;
}

.warning {
  color: red;
  font-size: 18px;
  text-align: center;
}

.devNote {
  background: red;
  color: white;
  font-weight: bold;
}

.underline {
  text-decoration: underline;
}

h1 {
  padding: 18px 0 8px 0;
  margin: 0;
  color: rgb(59, 59, 59);
  font-size: 22px;
}

.motto {
  font-size: 18px;
  text-align: justify;
}

h2 {
  color: rgb(59, 59, 59);
  font-size: 12px;
  margin: 0 10px 8px 0;  
}




#centerColumn table {
  border: solid 1px rgb(59, 59, 59);
  margin: 0 20px 8px 0;
}

#centerColumn table td {
  padding: 8px;
  margin: 0;
  border: solid 1px rgb(59, 59, 59);
  text-align: justify;
}

#centerColumn table th {
  padding: 4px;
  margin: 0;
  border: solid 1px rgb(59, 59, 59);
}

.specSheet {
  text-align: justify;
}

.specSheetSmall {
  width: 450px;
  margin: auto;
  text-align: justify;
}

.specSheet table {
  margin: auto;
}

.specSheetSmall table {
  width: 450px;
}

body {
  margin: 0;
  font-family: helvetica, sans-serifs, verdana;
  font-size: 12px;
  background: white;
}

  #page {
    position: relative;
  }
  
    #header {
      position: relative;
      /*width: 1024px;*/
      height: 90px;
    }
    
      #applicationsMenu {
        position: relative;
        margin: 27px 0 0 0;
        background: url('/tempWater/images/bannerSlice.jpg') 0 27px repeat-x;
      }
      
      #header table {
        height: 81px;
        position: relative;
        width: 100%;
      }
      
      #header table td {
        position: relative;
      }
      
      .isoLogo {
        width: 280px;
        background: url('/tempWater/images/tableLogoSmall.jpg') 100% no-repeat;
      }
      
      .solutions {
        background: url('/tempWater/images/solutions.jpg') 0 0 no-repeat;
        height: 27px;
        text-align: right;
      }
      
      .hideLine {
        height: 16px;
        overflow: hidden;
      }
        .appTd {
          vertical-align: text-top;
          height: 28px;
        }
        
        .appLink {
          position: relative;
          top: 0px;
          display: block;
          height: 22px;
          padding: 6px 8px 0 8px;
          background: rgb(59, 59, 59);
          /*border: solid 1px rgb(59, 59, 59);
          border-left: solid 1px white;*/
          color: white;
          font-weight: bold;
          text-decoration: none;
          text-align: center;
        }
        
        
      #logo {
        display: block;
        position: relative;
        left: 6px;
        top: 4px;
        width: 169px;
        height: 46px;
        background: no-repeat url('/tempWater/images/isoLogo.jpg');
      }
      
      .homeLink {
        display: block;
        position: absolute;
        left: 95px;
        top: 30px;
        color: rgb(59, 59, 59);
        text-decoration: none;
      } 
      
        #upLinks {
          position: absolute;
          top: 5px;
          right: 5px;
          color: rgb(145, 145, 145);
        }
        
          .upLink {
            color: rgb(145, 145, 145);
            text-decoration: none;
          }
  
    #subTopMenu {
      background: rgb(180,180,180);
      vertical-align: text-top;
    }
    
    #subTopMenuDiv {
      
    }
    
    .subAppLink {
      font-weight: bold;
      display: block;
      float: left;
      color: black;
      margin: 2px 5px 2px 5px;
      padding: 2px;
      text-decoration: none;
      background: rgb(180,180,180);
      border: solid 1px rgb(180,180,180);
    }
  
  #main {
    position: relative;
  }
  
    #leftColumn {
      float: left;
      width: 243px;
    }
    
    #centerColumn {
      float:left;
      width: 531px;
      color: rgb(0, 44, 82);
    }
    
    #rightColumn {
      /*width is specified in navHighlight.js to fit screen*/
      float: left;
      color: rgb(0, 44, 82);
      text-align: justify;
    }
    
      .headingSpacer {
        height: 55px;
        width: 55px;
      }
      
        .clearBoth {
          clear: both;
        }
        
      .leftNav, .leftNavClose {
        width: 191px;
        margin: 55px 0 0 0;
        border-top: solid 4px rgb(59, 59, 59);
        border-bottom: solid 4px rgb(59, 59, 59);
      }
      
      .leftNav {
        margin: 55px 0 0 0;
      }
      
      .leftNavClose {
        margin: 25px 0 0 0;
      }
        
        .leftLink {
          display: block;
          border-bottom: dotted 2px rgb(59, 59, 59);
          width: 175px;
          padding: 8px 8px 4px 8px;
          color: rgb(59, 59, 59);
          text-decoration: none;
        }

        .leftLinkLast {
          display: block;
          width: 175px;
          padding: 8px 8px 8px 8px;
          color: rgb(59, 59, 59);
          text-decoration: none;
        }
    
    /*Center Column Styles*/
      
      .titleSheet {
        text-align: center;
        font-size: 18px;
        color: purple;
      }
      
      .highlight {
        background: rgb(0, 44, 82);
        color: white;
        padding: 10px;
        font-weight: bold;
        
      }
      
      .logo {
        float
      }
      
      .logo img{
        float: left
      }
      
      #centerColumn a:link {
      color: rgb(14, 171, 0);
      text-decoration: underline;
      }
      
      #centerColumn a:visited {
        color: rgb(14, 171, 0);
        text-decoration: underline;
      }
      
      #centerColumn a:hover {
        color: rgb(14, 171, 0);
        text-decoration: none;
      }
      
      #centerColumn a:active {
        color: rgb(14, 171, 0);
        text-decoration: none;
      }
      
      .boxed {
        margin: 0 200px 20px 0;
        border: solid 1px rgb(59, 59, 59);
        padding: 10px;
      }
      
      .study {
        margin: 2px 20px 20px 10px;
        padding: 5px;
        border: solid 1px rgb(173, 220, 255);
      }
      
      .study h2 {
        cursor: pointer;
      }
      
      
      .expandIcon {
        float: left;
        margin: 2px 2px 0 0;
        
      }
      
      .innerStudy {
        display: none;
        margin-left: 20px;
      }
    
      .subAppIcon {
        display: block;
        padding: 14px 0 0 56px;
        height: 40px;
      }
      .subAppIconLink {
        border: solid 1px grey;
        padding: 5px;
        width: 140px;
        float: left;
        height: 180px;
        margin-left: 10px;
      }
      
      .subAppIconImg {
        height: 140px;
        width: 140px;
      }
      
      #drinkingIcon {
        background: url('/tempWater/images/drinkingLogo2.jpg') no-repeat;
      }
      
      #distributionIcon {
        background: url('/tempWater/images/distributionIcon2.jpg') no-repeat;
      }
      
      #wastewaterIcon {
        background: url('/tempWater/images/sewageIcon2.jpg') no-repeat;
      }
    
      #pulpAndPaperIcon {
        background: url('/tempWater/images/pulpAndPaperIcon2.jpg') no-repeat;
      }
      
      #biopharmIcon {
        background: url('/tempWater/images/biopharmIcon2.jpg') no-repeat;
      }
      
      #foodProcessingIcon {
        background: url('/tempWater/images/foodProcessingIcon2.jpg') no-repeat;
      }
      
      #bottledWaterIcon {
        background: url('/tempWater/images/bottledWaterIcon2.jpg') no-repeat;
      }
      
      
      
      #centerColumn ol {
        margin: 0 0 0 20px;
        padding: 0 20px 8px 22px;
      }
      
      #centerColumn ul {
        margin: 0 0 0 20px;
        padding: 0 20px 8px 22px;
      }
      
      #centerColumn p {
        margin: 0 20px 8px 0;
        text-align: justify;
      }
      
      li.tightList {
        margin: 0 0 0px 0;
        padding: 0;
        text-align: justify;
      }
      
      li.spacedList {
        margin: 0 0 8px 0;
        padding: 0;
        text-align: justify;
      }
    
      .rightImage {
        float: right;
        margin: 20px;
      }
    
      .rightImageTight {
        float: right;
        margin: 20px 0 20px 20px;
      }
    
      #centerColumn form {
        border: solid 1px rgb(59, 59, 59);
        width: 400px;
        margin: auto;
      }
      
      #formFormat {
        width: 300px;
        margin: auto;
        margin-top: 10px;
        margin-bottom: 10px;
      }
      
      .formElement {
        text-align: left;
        height: 25px;
        padding: 0 0 0 10px;

      }
      
      .largeFormElement {
        text-align: left;
        padding: 0 0 0 10px;

      }
      
      #centerColumn .inputText {
        width: 130px;
      }
      
      #centerColumn .inputSubmit {
        display: block;
        margin: auto;
      }
      
      #centerColumn label {
        display: block;
        width: 120px;
        float: left;  
      }
      
      #centerColumn textarea {
        clear: both;
        overflow: auto;
        width: 250px;
        height: 150px;
        margin: auto;
      }
      
      .required {
        color: red;
      }
      
      .ecoBen {
        font-weight: bold;
        color: rgb(0, 128, 0);
      }
      
      .waterQual {
        font-weight: bold;
        color: rgb(0, 0, 146);
      }
      
    /*Right Column Styles*/
  
      #rightColumn a:link {
        color: rgb(14, 171, 0);
        text-decoration: underline;
      }
        
      #rightColumn a:visited {
          color: rgb(14, 171, 0);
          text-decoration: underline;
      }
        
      #rightColumn a:hover {
          color: rgb(14, 171, 0);
          text-decoration: none;
      }
        
      #rightColumn a:active {
          color: rgb(14, 171, 0);
          text-decoration: none;
      }
  
      #currentFeatures {
        /*border-left: solid 2px rgb(59, 59, 59);*/ 
      }

      .feature {
        border: dotted 1px green;
        margin: 0 10px 10px 10px;
        padding: 15px;
      }
      

  #footer {
    position: relative;
    color: rgb(145, 145, 145);
  }  
    
    #footer a {
      text-decoration: none;
      color: rgb(145, 145, 145);
    }
    
    .center {
      text-align: center;
    }
    
    .small {
      font-size: 10px;
    }