/*  universal margin and padding removal  */
* {margin:0;padding:0}

ul, ol, li {
padding-left: 24px;
}


/* putting the left margin into the body tag got rid of a persistent problem with the page_top margin being too large in IE from the third page onwards  */
  body {
    Background: #ffc;   /*   6c9  ffa  */
    font-family: arial;
   }

  #banner {
    padding-top: 15px;
    float: none;
   }

/* $notice is formatted twice
   once in the div
   and a second time only when it has a value so formatting doesn't appear when not needed  */

  #notice {
    position: absolute;
    top: 12px;
    margin: auto;
    margin-left: 40%;
    text-align: center;
    align: center;
    color: #00527f;
    font-family: verdana, arial, helvetica, sans serif;
    font-size: 10pt;
    }


  .notice {
    background: #fff;
    border: 1px solid #999;
    padding: 2px;
    }

  .main_container {
    margin-right: 70px;
    margin-left: 70px;  
    }



  a:link, a:visited, a:active {
    text-decoration: none;
    }

  a:link {color: #003399;}
  a:visited {color: #003399;}

  a:hover {
    color: red;
    text-decoration: underline;
    }

  #topbar {
    height: 91px;
    }


  #main_header {
    margin: 4px;
    background: url('menu_bkgrnd.gif') repeat-x bottom;  /*#fafcf4 */
    border:1px solid #999;
    padding: 0;
  }

 /* colour for left column currently not used.  Width restricts right hand column */
   .level0 {
    width:100%; }
    
   /* this fixes the first column break  */
  .level1 {
    margin-left:0%;
    }

   /* colour for right column */
  .level_2 {
    background:#999;
    position:relative;
    width:inherit;
    }

   /* colour for main column white and right padding and location of main content
   */
  .main_content {
    position: relative;
    margin-right: 2em;
    background:#fff;  
    padding-left:  50px;
    padding-right:  50px;
    padding-top: 20px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    font-family: 'arial';
    font-size: .9em;
    line-height: 1.4;
   }

  .main_content p, .main_content li {
    margin-top: 6px;
    margin-bottom: 12px;
    }

  .main_content a:hover {
    color: red;
    text-decoration: underline;
    }

  /*  header document  
  .main_header {
    padding: 0px 6px 0px 6px;
    }*/

  .footnote_left {
    margin-top:0px;
    }

  .footnote_right {
    margin-top:0px;
    }


  /* content of left bar  */
  .lftBar {
    position:absolute;
    top:9px;
    left:9px;
    height: 400%;
    }

  /* content of right bar with relative width like level2
  uses relative  */
  .rgtBar {
    position:absolute;
    width:7em;
    top:0;
    right:0;}


  .section_menu {
    border-top: 1px solid red;
    border-bottom: 1px solid red;
    padding: 2px;
    margin-right: 5%;
    }




/*  top of page with no shadow to the right  */
  .page_top {
    margin-left: 0%;
    margin-right: 1.8em;
    margin-bottom:0px;
    padding-top: 4px;
    height: 45px;
    background: #fff;
    border-left: 1px solid #000;
    border-top: 1px solid #000;    
    border-right: 1px solid #000;
    }    

/*  top of page header  */
  .page_top_header {
    height: 150px;
    padding: 8px;
    }    


/*  bottom of page shadow   */
  .page_bottom {
    margin-left:3%;
    padding-left:9px;
    margin-top:0px;
    background: #999;
    height: 40px;
    }    

/*  putting the header to the right of the logo  */
  .logo {
    float: left;
    padding: 10px;
    padding-bottom: 0px;
    width: 5%;
    border-bottom: 0;
    }

/*  format header:- bottom padding gets rid of green line in Opera  */
  .header {
    margin-left: 0%;
    margin-top: 12px;
    padding-bottom: 2px;    
    display: block;
    float: left;
    width: 70%;
    overflow: visible;
    }


 /* main headings that page links point towards  */
  h1 {
    padding-left:.3em;
    margin-bottom: 0;
    font:1.5em 'arial';
    color: #000;
    font-weight: normal;
    text-decoration: none;
    } 

  .googleads {
    text-align: center;
    margin:auto;
    }

/* 
position and formatting of date.  Left margin is different in IE, see hack
 */

  .date {
    margin-top: 10px;    
    font-family: 'arial';
    font-size: 7pt;
    padding-right: 20px;
    }


  .line {
    color: #cc3366;
    width: 100%;
    size: 2px;
    }

  .spacer {
    height: 25px;
    }



/* page content menus.  Linktext uses h4 to enable centering.  Using P or H4 with linktext formatting attributes causes space to appear under tha page on hover */

/*  .linktext a:hover {  */
/*    background:#ccc;     */
/*    }                    */

  .linktext {
    list-style-type: none;
    font-family: 'arial'; 
    margin: 0pt 2pt 0pt 0;
    padding: 4px;
    }

  .linktext a:link, .linktext a:visited, .linktext a:active {
    text-decoration: none;
    background: none;
    }

  .here {
    border-bottom: 1px solid blue;
    }

/*  linktext  */

  h4, .prev, .next{
    font-size: .7em; 
    font-weight: normal; 
    }

    .prev {
    float: left;
    width: 50%;
    margin-left: 4px;
    background: none;
    }

    .next {
    float: right;
    margin-right: 4px;
    background: none;
    }

/*  not used  */

 h2 {
    font-family: 'Century Gothic'; 
    font-size: 18pt; 
    font-weight: bold
    }
 
/*  date  */
h3 {
    font-family: 'arial'; 
    font-size: 1em; 
    font-weight: bold;
    padding-bottom: 0pt;
    }

/*  editor applied settings  */
h5 {
    font-size: 12pt; 
    font-weight: bold;
}

h6 {
    font-size: 12pt; 
    text-decoration: underline;
}

  .countertext {
    font-size: .9em; 
    font-family: 'Arial'; 
    font-weight: normal;
    }

  em {
    Font-family: 'Century Gothic'; 
    font-size: 1.2em;
    font-weight: normal;
    font-style: italic;
    }


  /*  blog edited by and written by */
  .postinfo {
    margin-left: 50px;
    margin-right: 50px;
    font-size: 8pt;
    text-align: right; 
    color:#333333;
    }

  .commentform {
    font-size: 11pt;
    width: 100%;
    text-align: center;
    color: red;
    }

  .commentby {
    font-size: 8pt;
    }