.box170 {/*this is a box */
  background: #FFFFFF;
  color : #354D27;
  float : right;
  text-align: center;
  width : 170;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  padding : 2px;
  margin: 2px;
  border-color : #FF0000;
  border-style : groove;
  border-width : 0px;/* the border property in longhand*/
  }
  
  .box170grey {/*this is a box */
  background: #F1EFEF;
  color : #000000;
  float : right;
  text-align: left;
  width : 170;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  padding : 5px;
  margin: 2px;
  border-color : #FF0000;
  border-style : groove;
  border-width : 0px;/* the border property in longhand*/
  }
  
  .box200 {/*this is a box */
  background: #FFFFFF;
  color : #354D27;
  float : right;
  text-align: center;
  width : 200;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  padding : 2px;
  margin: 2px;
  border-color : #FF0000;
  border-style : groove;
  border-width : 0px;/* the border property in longhand*/
  }
  
  .box400 {/*this is a box */
  background: #F1EFEF;
  color : #354D27;
  text-align: left;
  width : 400;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  padding : 5px;
  margin: 2px;
  border-color : #FF0000;
  border-style : groove;
  border-width : 0px;/* the border property in longhand*/
  }  
  
    .box400plain {/*this is a box */
  background: #F1EFEF;
  color : #000000;
  text-align: left;
  width : 400;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  padding : 5px;
  margin: 2px;
  border-color : #FF0000;
  border-style : groove;
  border-width : 0px;/* the border property in longhand*/
  }
  
      .box350 {/*this is a box */
  background: #CCCCCC;
  color : #000000;
  text-align: left;
  width : 350;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  padding : 5px;
  margin: 2px;
  border-color : #FF0000;
  border-style : groove;
  border-width : 0px;/* the border property in longhand*/
  }