body {

  font-family: arial, helvetica, serif;

  text-align: center;

  margin: 30px 0 30px 0;

}



embed  {

  margin: 0;

  border: 0;

  padding: 0;

}



.childscontainer  {

  padding-bottom: 15px;

}



#footer  {

  margin: 0 auto; 

  color: #fff;

  color: #3493A7;

  padding-top: 10px;

  width: 734px;

  height: 40px;

  text-align: center;

  font-size: 12px;

}



#footer a {

  color: #3493A7;

}



h1  {

  font-size: 20px;

  margin: 0;

}



h2  {

  font-size: 17px;

  margin: 0;

}



p  {

  margin-top: 4px;

  padding: 0;  /* dave  */

}



#rightit {

  float: right;

}



.squish {

  padding: 20px;

}



.diffcolor  {

  background-color: #3493A7;

}



.menucolor  {

  background-color: #156F89;

}



a {

  color: #fff;

  text-decoration: none;

}



ul  {

/*  margin: 0;  */

/*  padding-left: 30px;   seems needed to indent IE menu. does NOT cause overwide FF menu!  */

  list-style: none;

}



li  {

  padding-left: 15px;

}



li.active  {

  background-image: url(images/bluebutton.gif);

  background-repeat: no-repeat;

  background-position: 0 5px;

}



.squish a {

  color: #000;

  text-decoration: none;

}



.squish ul {

  list-style-type: disc;

}



.squish li  {

  padding: 0;

}



.squish h1 {

  color: #154F89;

}



#myajaxmenu  {

  font-size: 12px;

  float: left;

  margin: 0;

  padding-left: 20px;  /* key to fixing over wideness.  WEIRD... I adjusted this and the line below, but the IE line wanted to be the same!  Same with height line below!!!!  */ 

  width: 120px !important;   /* compensate for padding only for FF!  */

  width: 140px;   /* IE grabs this, and does not care about padding  */

  padding-top: 10px;

  height: 110px !important;  

  height: 120px;  /* IE grabs this, and does not care about padding  */

}



#myajaxmenu2  {

  font-size: 12px;

  float: left;

  margin: 0;

  padding-left: 20px;  /* key to fixing over wideness.  WEIRD... I adjusted this and the line below, but the IE line wanted to be the same!  Same with height line below!!!!  */ 

  width: 120px !important;   /* compensate for padding only for FF!  */

  width: 140px;   /* IE grabs this, and does not care about padding  */

  padding-top: 10px;

  height: 110px !important;  

  height: 120px;  /* IE grabs this, and does not care about padding  */

}



#headerInside  {

  width: 734px;

  height: 120px;

  background: #156F89 left url(images/top-left-box.gif) no-repeat;

}



#header  {

  width: 734px;

  height: 120px;

  background: #156F89 left url(images/top-left-box.gif) no-repeat;

}



#secondHeader  {

  width: 734px;

  height: 120px;

  background: right #8CD3E5 url(images/blueDeborah.gif) no-repeat;

}



#sidebarInside  {

  font-size: 13px; 

  color: #7B7B7B;

  float: left;

  width: 280px;

/*  width: 279px;    /* dave   for border  */

/*  height: 400px;  */

  background-color: #fff;

}



#contentInside  {

  font-size:  12px;

  float: right;

  width: 534px;

  width: 454px !important;

  width: 452px;   /* dave for IE border  */

/*  height: 400px;   */

  background-color: #fff;

}



#sidebar  {

  float: left;

  width: 140px;

/*  height: 400px;  */

/*  height: 480px;   dave   for flash in content  */

/*   background-color: #6B8A3E;   Old green colour */
  
  background-color: #8cd3e5;

}



#sidebarInside img {

  padding: 0;

  margin: 0; 

}



#content  {

  padding: 0;

  text-align: right;

 width: 594px;

  width: 734px;   /* dave   wider to eliminate sidebar  */

/*  height: 400px;   test   */

  background-color: #fff;

/*   background-color: #6B8A3E;   Old green colour */
  
  background-color: #8cd3e5;
}



#wrapper  {

  /*   background-color: #6B8A3E;   Old green colour */
  
  background-color: #8cd3e5; /* fills in left col  */
  
  width: 734px;

  text-align: left;

  margin: 0 auto; 

  border: 1px solid #156F89;

}



#wrapperInside  {

  padding: 0;

  background-color: #fff;  /* fills in left col  */

  width: 734px;

  text-align: left;

  margin: 0 auto; 

  border: 1px solid #156F89;

}



.cls  { clear: both;}