/* extpages styles */

html { font-family: verdana, sans-serif; }

/* viewport */
@-ms-viewport { width: device-width; }

/* background colour */
body {background-color: #F8FEFA; margin:0;}

/*  master div external page layout  */
* {
  box-sizing: border-box;
}

/* flexbox */
.flexbox {
     display: flex;
     flex-direction: column; 
     }

/*  div all rows typically image placeholder left of page   */
.left {
  background-color: #F8FEFA;
  width: 100%;
  height: auto;
  padding: 15px 6px 0px 12px;
  margin: 0px;
  }

/* For mobile phones , .right  */
@media only screen and (max-width: 620px) {
   .left {
    width: 100%;
  }
}

/* For breadcrumb navigation  */
ul.breadcrumb {
  font-size: 12px;
  color: #18745C;
  padding: 0px 0px 0px 10px;
  list-style: none;
  background-color: #F8FEFA;
}
ul.breadcrumb li {
  display: inline;
  font-size: 12px;
}
ul.breadcrumb li+li:before {
  padding: 2px;
  color: #18745C;
  content: "/\00a0";
}
ul.breadcrumb li a {
  color: #18745C;
  text-decoration: none;
}
ul.breadcrumb li a:hover {
  color: #23a985;
  text-decoration: underline;
}

/* webrefs unordered list */
 ul.webrefs {
  max-width: 100%;
  list-style-type: none;
  padding: 0;
  border-top: 2px solid #E1F6E8;
  border-right: 2px solid #E1F6E8;
  border-bottom: 2px solid #E1F6E8;
  border-left: 4px solid #18745C;
 }
 ul.webrefs li {
  font-size: 12px;
  padding: 4px 16px;
  border-bottom: 2px solid #E1F6E8;
  line-height: 20px;
}
 ul.webrefs li:last-child {
  border-bottom: none
}

/* Newneedle styles */

/* image style float left */
img.mypic {
           max-width:100%;
           height: auto;
           float: left;
           padding: 0px 30px 5px 0px;
           }

/* image style float right */
img.mypicright {
           max-width:100%;
           height: auto;
           float: right;
           padding: 0px 30px 5px 0px;
           }

/* unordered list */
ul.gen { 
  margin: 5px 0px 0px 0px;
  line-height:120%;
  list-style-position: inside;
}

/* list items */
li.gen { 
  font-size:14px;
  padding: 5px 0px 5px 0px;
}

/* unordered list for navigation obsolete
ul.nav { 
  font-size:12px;
  text-align: left;
  list-style-type: none; 
  padding: 0; 
  margin: 0px 0px 10px 0px;
  width: 50%;
}
*/
/* list items for nav obsolete
li.nav { 
  padding: 7px;
  border-bottom: 1px solid #ddd;
}
*/

 /* p small text*/
p.smtx {
       font-size:10px;
       text-align: left;
       margin: 10px 0px 0px 0px;
}

/* p small page header */
p.hd {
     font-family:verdana;
     font-size:10px;
     text-align:left;
     background-color:#E1F6E8;
     padding:2px 0px 1px 0px;
     line-height:16px;
}
/* p large header used to be H3 */
p.lhd {
     font-size:24px;
     text-align: left;
     font-weight: bold;
     color: #18745C;
     line-height: 1.4;
     float: left;
     margin: 0px 0px 0px 0px;
     width: 230px;
}

/* p general paragraph */
p.myp {
     font-size:14px;
     margin: 6px 0px 0px 0px;
     line-height: 1.60;
}

/* span general span */
span.mys {
         font-size:14px;
         margin: 15px 5px 15px 10px;
         line-height: 1.75;
}

/* my bold text */
.myb {
     font-weight: bold;
}