/* form styles */

      input {
      padding:0.15em;
      width:14em;
      border:1px solid #ff0000;
      background:#e3e3e3;
      font-size:1.1em;
      -moz-border-radius:0.4em;
      -webkit-border-radius:0.4em;
      -khtml-border-radius:0.4em;
      border-radius: 0.4em;
      }
      input:hover, input:focus {
      border-color:#ff6600;
      background:#d1d1d1;
      }


/* out of index.htm */

   body {
      background-color: #FFFFFF;
      font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
      font-size:20px;
      color:#5A5A54;
      }
      /* no apparent effect - yet
      ul,li{margin:0; border:0; padding:0;}
      ul{margin-bottom:20px;}
      li{list-style:none; display:block;}
      #main_page {
      width:856px;
      padding-top:20px;
      background:#FFFFFF;
      }
      *html #main_page{overflow:auto;}
      end of stuff with no apparent effect*/

      h3 {
      margin:0;
      border:0;
      padding:0;
      color:#313029;
      font-weight:normal;
      }
      h3 {
      font-size:12px;
      line-height:32px;
      color:#53524b;
      background:url(h3-left.jpg) top left no-repeat #e0dfd0;
      font-weight:bold;
      }
      h3 div {
      background:url(h3-right.jpg) top right no-repeat;
      height:32px;
      line-height:32px;
      padding:0 10px;
      }
      #left-feature-box {
      width:455px;
      float:left;
      font-size:11px;
      margin-left: 5px; /*rw*/
      margin-right: 10px; /*rw*/
      }
      #left-feature-box .section-w {
      border:solid 4px #e0dfd0;
      border-top:none;
      background:#f4f4e9;
      padding:12px;
      margin-bottom:20px;
      }
      #left-feature-box .section-w a {
      text-decoration:underline;
      }
      #left-feature-box .section-w a:hover {
      text-decoration:none;
      }
      /* Right feature box 				*/
      #right-feature-box {
      width:455px;
      float:left;
      font-size:11px;
      }
      #right-feature-box .section-w {
      border:solid 4px #e0dfd0;
      border-top:none;
      background:#f4f4e9;
      padding:12px;
      margin-bottom:20px;
      }
      #right-feature-box .section-w a {
      text-decoration:underline;
      }
      #right-feature-box .section-w a:hover {
      text-decoration:none;
      }
      ul, li {
      margin:0;
      border:0;
      padding:0;
      }
      ul {
      margin-bottom:10px;
      }
      li {
      list-style:none;
      display:block;
      }
      li.tick {
      background:#FFFFff url(16-em-check-brightgreen.png) no-repeat;
      /*  border-left: 10px;*/
      text-indent: 20px;/* padding:1px; */
      }
      li.star {
      background:#FFFFff url(16-star-hot.png) no-repeat;
      /*  border-left: 10px;*/
      text-indent: 20px;
      }
      #feature-items-left li {
      padding-bottom:2px;
      border-bottom:solid 1px #e0dfd0;
      margin-bottom:2px;
      }
      #feature-items-left a:link, #feature-items-left a:visited {
      text-decoration:none;
      }
      #feature-items-left li a:hover {
      text-decoration:underline;
      color:#53524b;
      }
      #feature-items-right li {
      padding-bottom:2px;
      border-bottom:solid 1px #e0dfd0;
      margin-bottom:2px;
      }
      #feature-items-right a:link, #feature-items-right a:visited {
      text-decoration:none;
      }
      #feature-items-right li a:hover {
      text-decoration:underline;
      color:#53524b;
      }
      .style2 {
      font-size:16px;
      color:#5A5A54;
      margin-bottom: 40px
      }
      .style3 {
      font-size:13px;
      color:#5A5A54;
      margin-bottom: 25px
      }
      .style4 {
      font-size:11px;
      color:#5A5A54;
      margin-bottom: 40px
      }
      .style5 {
      font-size:9px;
      color:#5A5A54;
      margin-bottom: 4px
      }
      div#main {
      margin-left: 30px;
      margin-right: 30px;
      }
      div#logo {
      margin-top:-5px;
      margin-left: -20px;
      margin-bottom:-5px;
      }
      .container {
      width:945px;  /* BBC news is 947*/
      margin:0 auto;
      margin-top: 2px;
      clear:both;
      }
      a:link, a:visited {
      text-decoration: none;
      }
      a img {
      border: none
      }      /* 'none' stops main image (screenshot) having a blue border. can also just say img instead of a img */
      a:hover {
      text-decoration: underline
      }    /* these stop general links eg in social bookmarks from being underlined until hovered */
      /* a:hover img {border: solid 1px; border-color: #f33;} */   /* put back border when hovering on image.  */
      a:hover {  /* wakeup IE  - yes, this works - without it, no added border in IE6 */
      border-width: 0;
      }

/* end section from index.htm */