#pageWrapper {
  max-width: 1000px;
  margin: auto;
}

div.inside-inside {
   float: left; 
}

@media only screen and (min-width: 769px) {
  div.inside-inside {
   width: 435px; 
  }
}

@media only screen and (max-width: 450px) {
  #pageWrapper {
    font-size: 100%;
  }
  #content {
    margin-left: 1px;
  }
  #contentColumnContainer {
    border-right: 0px;
  }
  #masthead h1 {
    top: -20px;
  }
  #leftColumn {
    float: left;
    width: 90%;
    margin-left: 10px;
  }
  div.inside-inside {
   padding-left: 5px; 
   max-width: 95%;
  }
  #pre {
    max-width: 95%;
    overflow: scroll;
    margin-left: 5px;
  }
}

@media only screen and (min-width: 451px) and (max-width: 768px) {
  div.inside-inside {
   float: left; 
  }
  div.inside-inside p {
    max-width: 98%;
  }
  div.inside-inside ul {
    max-width: 85%;
  }  
  #masthead {
    max-width: 350px;
  }
  ul.nshnav {
    text-align: left;
    line-height: 25px;
    margin-left: 15px;
  }
  ul.nshnav li {
    display: block;
  }
  #cornerLogo .placeHolder {
    height: auto;
    width: auto;
  }
  #cornerLogo .placeHolder p {
    margin-top: 0;
  }
  #pageWrapper {
    margin: 0;
  }
  #content {
    padding: 0;
    margin-left: -20px;
  }
  #contentColumnContainer {
    border-right: 0px;
  }
  #innerColumnContainer {
    max-width: 400px;
  }
  #innerContent {
    float: none;
  }
  #innerContent .inside > div {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #000;
  }
  #leftColumn {
    width: 140px;
    margin-left: -150px;
  }
  #middleColumn {
    max-width: 400px;
  }
  #rightColumn {
    float: left;
    width: auto;
  }
  .leftBlock {
    padding: 0;
  }
  #pre {
    max-width: 400px;
    overflow: scroll;
  }
}