/* General styles */
    html, body
    {   margin:0;
        padding:0;
        height:100%;
    }

    body {
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
        background:#fff;
        min-width:600px;  /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		font-size:12px;
        font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
      }
	a, a:visited, a .pdf, a .ppt, a .doc{
        /*color:#369;*/
        color: #0033FF;
        text-decoration: none;
	}
	a:hover {
        /*color:#fff;
		background:#369;*/
		text-decoration:underline;
	}

    a img
    {
      border: none;
    }


    h1, h2, h3 {
        margin:.8em 0 .2em 0;
        padding:0;
        color: #253B74;
    }

    h4, h5
    {
      margin: 0 0 0 0;
      color: #253B74;
    }

    hr
    {
      background: #CCCCCC;
      height: 1px;
      border: none;
    }



    p {
        margin:.4em 0 .8em 0;
        padding:0;
    }

H1 {
	FONT-SIZE: 2em
}
H2 {
	FONT-SIZE: 1.7em
}
H3 {
	FONT-SIZE: 1.5em
}
H4 {
	FONT-SIZE: 1.3em
}
H5 {
	FONT-SIZE: 1.1em
}
H6 {
	FONT-SIZE: 0.8em
}

    /* images styles  */
    img {
		/*margin: 2px 2px 2px 3px ;*/
        /*border: 1px #BBBBBB solid;
        padding:2px;*/
	}

    .box {
        background-color: #ffffff;
        border: 1px solid #CCCCCC;
        padding: 2px;
     }

     .box-title
     {
       background:#003399; color:#ffffff; padding:3px;
       font-weight: bold;
     }


    .picture {
        background-color: #ffffff;
        border: 1px solid #BBBBBB;
        padding: 2px;
        font: 11px arial, verdana, sans-serif;
        font-weight: bold;
        text-align: center;
     }
    .picture img {
        /*border: 1px solid #CCCCCC;*/
        vertical-align:middle;
        margin-bottom: 0px;
    }
    .right {
        /* margin: 0.5em 0pt 0.5em 0.8em; */
        margin: 2px 0px 4px 5px;
        float:right;
    }
    .left {
        /* margin: 0.5em 0.8em 0.5em 0; */
        margin: 2px 5px 4px 0px;
        float:left;
    }
    /*  */

    /*  master */

    #master
    {
        width: 980px;
        margin-left: auto;
        margin-right: auto;
        border: #336699 1px  solid;
        border-bottom: #336699 2px  solid;


    }

    /**/

    /* Masthead */

    #masthead
    {
      background-image: url(img/Graphic1.gif) ;
      width:980px;
      height:100px;
    }

    /* top menu styling*/

#header {
        clear:both;
        float:left;
        width:100%;
        background: #FFFFFF;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 0px;
        /*margin-bottom: 5px;*/
        border-bottom: #FFFFFF 5px solid;
    }

	#header p,
	#header h1,
	#header h2 {
	    padding:.4em 15px 0 15px;
        margin:0;
	}

 #header ul {
	    clear:left;
	    float:left;
        width:100%;
	    list-style:none;
	    margin:5px 0 0 0;
	    padding:0px;
        background: #99CCFF;
 }
 #header ul li {
	    display:inline;
	    list-style:none;
	    margin:0;
	    padding:0;
	}
	#header ul li a {
	    display:block;
	    float:left;
	    margin:0 0 0 1px;
	    padding:3px 10px;
	    text-align:center;
	    /*background:#eee;*/
	    color:#fff;
	    text-decoration:none;
	    position:relative;
	    left:15px;
		line-height:1.3em;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
	}

    #header ul li a:hover {
	    background:#369;
		color:#fff;
	}

      #header ul li.active a{
	    color:#ffffff;
	    background:#369;
	    font-weight:bold;
	}

    #header ul li#home a.active,  #header ul li#home a:hover
    {
      background: #369; color:#ffffff;
    }

     #header ul li#about a.active, #header ul li#about a:hover
    {
      background: #000080; color:#ffffff;
    }

     #header ul li#programmes a.active,  #header ul li#programmes a:hover
    {
      background: #008000; color:#ffffff;
    }

     #header ul li#meetings a.active, #header ul li#meetings a:hover
    {
      background: #800000; color:#ffffff;
    }

    #header ul li#information a.active, #header ul li#information a:hover
    {
      background: #FFCC00; color:#ffffff;
    }

    #header ul li#contact a.active, #header ul li#contact a:hover
    {
      background:#660099 ; color:#ffffff;
    }

/**/


.main table
{
  /*width: 1000px;*/
  background: #EBF1FF;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  border-right: #EBF1FF 3px solid;
  border-left: #EBF1FF 3px solid;
  border-bottom: #EBF1FF 4px solid;

  /*float: left;*/
}
.main td
{
  vertical-align: top;
}

/* main */

.centercol table
{
   border:none;
   float:none;
}

.centercol ul
{
  margin-left: 0px; padding-left: 30px;
}


td.centercol
{
  /*border: #003366 1px solid;*/
  /*width: 600px;*/
  width: 100%;
  padding: 10px 10px 10px 20px;
  background: #FFFFFF;
  font-size: 97%;
  font-family: Verdana, Tahoma, sans-serif;
  border: #999999 1px solid;
  color: #101010;
  line-height: 19px;
}

td.left
{
  /*background: #CCFFCC;*/
  width: 200px;
  padding: 0 3px 0 3px;
}

td.right
{
  width: 200px;
 padding: 0 3px 0 3px;
  /*background: #FFFFCC;  */
}

.centred
{
 text-align: center;
}

.footer
{
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background: #ffffff;
  width:100%;
  padding: 10px 0 10px 0;
  font-size: 10px;

}

/**/

/*  left menu styling **/

    .menuheader
    {
      background: #369;
      color: #ffffff;
      font-weight: bold;
      padding: 2px 0px 2px 0px;
      text-indent: 3px;
    }
    .subheader
    {
      text-indent: 3px;
      font-weight: bold;
    }


    #menu
    {
      /*margin-left: auto;
      margin-right: auto;*/
      width: 200px;
      padding-top: 0px;
      border: #777777 1px solid;
      margin-bottom: 8px;
    }

    #menu ul
    {
        list-style-type: none;
        /*font-family: Arial, Helvetica, sans-serif;*/
        font-size: 11px;
        width: 200px;
        padding: 0px;
        margin: 0px;
    }

    #menu a
    {
      display: block;
/*padding: 3px; */
/*width: 200px; */
background-color: #FFFFFF;
border-bottom: 1px solid #EBF1FF;
/*text-indent: 5px;*/
padding: 2px 0px 2px 5px;
/*margin-left: 5px; */
    }


    #menu a:link, #navlist a:visited
    {
      color: #304F8E;
text-decoration: none;
    }

    #menu a:hover, #menu ul li.active a
{
background: #80AAD5;
        color: #ffffff;
        text-decoration: none;

}

#menu ul ul a
{
   /*text-indent: 12px;*/
   padding-left:12px;
}

.centercol table
{
   border-left: #666666 1px solid;
   border-top:  #666666  1px solid;
   background: none;
}

.centercol table td
{
  border-bottom: #666666  1px solid;
  border-right:  #666666  1px solid;
  padding: 5px;
  background: none;
}


  /* pdf document links styling*/

    .pdf, .ppt, .doc
    {   background-position: 3px 0px;
        padding-left: 20px;
        line-height:16px;
        /* display:block;*/
	}

    .pdf
    {   background: url(images/pdf.png) no-repeat;
	}

	.ppt
	{  background: url(images/ppt.png) no-repeat;
	}

   	.doc
	{  background: url(images/doc.png) no-repeat;
	}

    /* special styling for tables in content area  */

    .spl1
    {
      margin-left: auto;
    margin-right: auto;
    }


    table.spl1
    {
      width:90%;
      border:  none;
    }

    table.spl1 td
    {
      border: none;
      border-bottom: #CCCCCC 1px solid;
    }

    table.borderless, table.borderless td
    {
       border: none;
       text-align:left;
    }

    .orangebg
    {
        background: #FFCC33;
        padding: 3px 1px 3px 3px;
    }

   /* */

   /* gallery layout styling  ....aaargh TABLES!!! */

.gallery
{ font-size:11px;
  line-height: 16px;
}

.gallery table
{ border:0px;

}

.gallery table td, .gallery table tr,.gallery table th, tr .gallery, td .gallery
{ border: 0px;
}
/*  */

/* alternating colour styles for meetings/conferences page*/

.mtgbox_on
{  background: #F2F2F2;
   padding:5px;
}

.mtgbox_off
{  background: #ffffff;
   padding:5px;
}


/*******/

.date
{
    font-size: 11px;
    font-weight:bold;
    color:#CC0000;
}

/* *********************** */

.fp_banner
{
  background: url(/media/banners/header_images/rotate.php) no-repeat;
  padding: 1px 0 0 10px;
}