/* general element settings */    
    body {
      font-family: verdana, "MS Trebuchet", helvetica, Arial, sans-serif;
      }
    img { 
      /*  no image to have a border */
      border: 0;
      }
    a, a:visited {
      text-decoration: underline;
      color: #333;
      }
    a:hover {
      color: #5C296E;
      }
    div { /* turn all margins borders and padding off */
      margin: 0;
      border:0;
      padding: 0 ;
      }
    h1 {
      padding: 0 ;
      font-size: 1.05em;
      }
    h2, h3 {
      font-size: 0.95em;
    }
    p { 
      margin: 0;
      border: 0;
      padding: 0.5em 1em;
    }
/* specific id and class settings */    
/* generic page id and classes */
    #lleft{
      border: 0;
      margin: 0;
      padding: 2em 0 1em 0;
    }
    #logo {
      margin: 0;
      border: 0;
      padding: 1em 1em 1em 1.5em;
      }
    #hdr_txt {
      text-align: left;
      font-variant: small-caps;
      letter-spacing: 0.1em;
      margin: 0;
      border: 0;
      font-size: 1.1em;
      padding: 1.0em 0;
      }
    #hdr_txt h2 {
      background: #fefefe url(images/stairway.png) left center no-repeat;
      color: #5c296e ;
      font-size: 1.25em;
      /* font-family: Garamond, Georgia, 'Palatino Linotype','Times New Roman', Times, serif;
       */
      font-family: serif;
      padding-left: 55px;
      height: 45px;
      line-height: 2.2em;
      border-left: 0.1em #5c296e solid;
      border-bottom: 0.1em #5c296e solid;
      }
    #top_line, #base {
      margin: 0;
      padding: 0;
      border: 0;
      font-weight: bold;
      }
    #top_line {
      background: #5c296e url(images/purplephone.png) left no-repeat; /* purple */
      /* background: #cebd5a url(images/goldphone.png) left no-repeat; /* gold */
      /* background: #193b90 url(images/ephone.png) left no-repeat; /* blue */
      }
    #tl_text  {
      background-color: #5c296e; /* purple */
      font-size: 0.98em;
      color: #fefefe;
      margin-left: 35px;/* phone gif is 30 wide */
      padding: 0.2em;
      }
    #b-top {
      clear: both;
      margin: 0;
      border: 0;
      padding: 0 0 0.5em 1em;
      font-weight: normal;
      font-size: 0.8em;
      }
    #b-top p {
      margin: 0;
      padding: 0;
      border: 0;
    }
    #tl_text a { /* need to make sure link is the right colour */
      color: #fefefe;
      }
    #top-img {
      text-align: center;
      margin : 0 ;
      }
    #middle {
      margin: 1em 0 0 0;
      border: 0;
      padding: 0.5em 0.1em;
      }
    #menu {
      margin: 0;
      border: 0;
      padding: 0 0 1em 0;
      width: 260px;
      }
    ul#menu_list {
      margin: 0.1em 0.5em;
      padding: 0;
      border-right: 0.5em solid #fefefe; 
      list-style: none;
      }
    .mu_item {
     background: #fefefe url(images/stairway.22.png) left no-repeat;
      margin: 2px 0;
      padding: 0.3em 0.1em 0.3em 2.30em;
      color: #5c296e;
      background-color: #fefefe;
      font-weight: bold;
      font-size: 0.9em;
      line-height: 1.5em;
      height: 22px;
      width: 240px; 
    }
    .mu_item a, .mu_item a:visited { /* a:visited forces IE to show the right colour */
      display: block; /* this helps FF and Opera recognise links while in menu but not over text */
      width: 240px; /* need to add this for IE  to recognise link outside text */
      color: #5c296e;
      background-color: #fefefe;
      /*height: 22px;*/
      width: 240px; 
      }
    .mu_item #index a {
      color: #fefefe;
      /*background-color: #5c296e;*/
      }
    .box {
      margin: 0 0.5em;
      border: 0.05em solid #000;
      padding: 0; 
      width: 200px;
      float: left;
    }
    #cover { /* deals with specific cover your tracks box formatting */
      margin: 0;
      border-bottom: 0.1em solid #8f108f;
      padding: 0.2em 0 0.2em 0.5em;
      font-size: 1.15em;
      background: #a00 url(images/warning.triangle.30.gif) left no-repeat;
      color: #fefefe;
      padding-left: 2.5em;
      }
    #cover a, #cover a:visited {
      color: #fefefe;
      background-color: #a00;
      }
    #coverdetail {
      margin: 0;
      border: 0;
      padding: 0.5em;
      font-size: 0.95em;
      }
    #coverdetail a:hover {
      color: #333;
      background-color: #fee;
    }
    .bx-head {
      margin: 0;
      padding: 0.2em 0 0.2em 0.5em;
      border-bottom: 0.1em solid #5c296e;
      font-size: 1.15em ;
      background-color: #5c296e; /* purple */
      color: #fefefe;
    }
    .bx-bold {
      margin: 0;
      padding: 0.1em 0 0 0.5em ;
      font-weight: bold;
      }
    .bx-data {
      margin: 0;
      border: 0;
      padding: 0 0.2em 0.1em 0.5em; 
      font-weight: normal;
      }
    .bx-data a:hover {
      color: #333;
      background-color: #ecdef1;
      }
    #sponsors {
      float: left;
      margin: 0 0.5em;
      border: 0;
      padding: 0 0.5em 0 1em;
      }
    #base-container{
      margin: 1em 0 0 0;
      border: 0;
      padding: 0.2em 0 0.2em 0.5em;
      float: left;
      }
   .sp-enc {
      float: left;
      height: 115px;
      width: 25em;
      margin: 1em 0.5em 0.5em 1em;
      padding: 0;
      border: 0;
     }
   .sp-img {
      float: left; 
      margin: 0;
      border: 0;
      padding: 0;
     }
   .sp-txtenc {
      margin: 0;
      border: 0;
      padding: 0;
      }
   .sp-txt {
      margin: 0;
      border: 0;
      padding: 0.5em;
      font-weight: normal;
      font-size: 0.9em;
     }
    #b-right {
      clear: both;
      padding: 0;
      margin: 0;
      border: 1px solid #5c296e; /* purple */
      background-color: #5c296e;  /* purple */
      /* border: 1px solid #193b90; /* blue */
      /* background-color: #193b90;  /* blue */
      color: #fefefe;
      font-size: 0.9em;
      }
    #content {
      margin: 0.9em 0;
      border: 0;
      padding: 0 0.1em;
      line-height: 1.5em;
      }
    #content a, #b-top a, #content a:visited, #b-top a:visited, .wa_src a:visited  {
      text-decoration: #5c296e;
      color: #333;
      background-color: #fefefe;
      border-bottom: 0.1em solid #5c296e;
      }
    #content a:hover, #b-top a:hover {
      text-decoration: none;
      border-bottom: 0.1em solid #b592c2;
      }
    #content h1 {
      margin: 1.2em 0 0.5em 0;
      background-color: #5c296e;
      color: #fefefe;
      padding: 0.1em 0.5em;
      }
    #content h2 {
      margin: 0.5em 0.1em 1.5em;
      border: 0;
      padding: 0.1em 0.5em;
      color: #5c296e;
      border-left: 0.1em solid #5c296e ;
      border-bottom: 0.1em solid #5c296e;
      }
    #content .ref1 {
      border: 0;
      margin: 0;
      padding: 0.1em 0.5em;
      display: inline;
      color: #5c296e;
      font-weight: bold;
    }
    #content ul {
      padding: 0.5em 3em ;
      margin: 0;
      border: 0;
      }
    #content p {
      text-indent: 2em;
      }
     .emph {
       font-style: italic;
       }
/* specifc page ids and classes */    
    #pg-covertracks p a, #pg-covertracks p a:visited {
      color: #333;
      background-color: #fcc;
      }
    #pg-covertracks h1 { /* this one is here to get the right colour for the cyt page */
      color: #fefefe;
      background-color: #a00;
      }
     .ct_warn_b {
       font-weight: bold;
       }
     #ct_iplus {
       background: #fefefe url(images/iplus-point.jpg) left no-repeat;
       padding: 0 0.5em;
       }
     .ct_warn_r {
       color: #a00;
       padding: 0 0.5em 0 7.5em;
       }
     .wa_src {
       font-style: italic;
       }
     #storypage {
       margin: 0;
       padding: 0;
       border: 0;
       }
    .smll-it-txt {
      font-size: 0.9em;
      font-style: italic;
      }