/*Justification*/
@media all
{
  body
  {
    text-align:left;
  }
  p
  {
    text-align:justify;
  }
  .blurb,.venue,.footer,.footer p
  {
    text-align:center;
  }
  TH, TD
  {
    text-align:left;
  }

  H1
  {
    text-align:center;
  }
}


@media all             
{

BODY
{
  font-size:small;
  margin-left:1ex;
  margin-right:1ex;
  margin-top:0.5em;
  margin-bottom:1em;
  background-color:white;
  color:black;
}

* html body
{
  width: 96.5%;
}

img
{
  border:0px;
}

P
{
  font-size:small;
  margin: 0.6em 1em;
  padding:0ex;
}


TD P
{
  margin: 0px;
}

LI P
{
  margin: 0.4em 0em;
}

TH, TD
{
  font-size:small;
  padding: 0.25ex 1ex;
}

CAPTION
{
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  font-weight:bold;
  font-size:medium;
}

H1, H2, H3, H4, H5, H6
{
  font-weight:bold;
  margin:0.5em 0em;
}

H1
{
  font-size:200%!important;
}

H2
{
  font-size:180%!important;
}

H3
{
  font-size:150%!important;
}

H4
{
  font-size:120%!important;
}

H5
{
  font-size:100%!important;
}

H6
{
  font-size:80%;
}

LI
{
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}

INS
{
  font-style:italic;
  font-weight:bold;
  padding: 0.2ex 0.6ex;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
  text-decoration:none;
  font-size:110%;
  line-height:1.5em;
}

#mark
{
 float:left;
 margin-left:8px;
 margin-right:8px;
 margin-top:40px;
 width:190px;
 color:black;
 font-style:italic;
}

.left
{
  float:left;
  width:300px;
}


#right
{
  margin-left:0px;
  width:auto;
/*  background-image:none;*/
}

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

.venue
{
  font-size: medium;
  font-weight:bold;
  margin-top : 0.5ex;
  margin-bottom : 0.5ex;
}

.blurb
{
  font-style:italic;
}
}

@media print
{

BODY
{
  font-family: "Arial","Helvetica",sans-serif;
  margin-top: 1ex;
  margin-bottom:1ex;
}

A
{
  font-weight:bold;
  text-decoration:none;
}


a:link {color:black}
a:visited {color:black}

.noprint
{
  display:none;
}

}

@media screen
{

/* In the case where some of the content of the iframe has disappeared behind the bottom strapline
   add some margin so that there is little risk of any useful content being lost when scroll bar
   is at hard bottom */
html
{
  margin-bottom:8px;
}

/* This helps keep the  in the same place when pages are differing lengths
   It works well in Firefox and IE but badly in Opera */
html
{
  overflow-y:scroll;
}


body
{
  font-family: "Verdana","Arial","Helvetica",sans-serif;
  margin-top:0px;
  background-repeat: no-repeat;
  background-attachment:fixed;
  background-position: 99% 0.5cm;
  background-image:url(logo2010.gif);
}

/* should usually be a div */
#top
{
  margin-right:220px!important;
  min-height: 200px;
  width:auto;
  margin-left:0px;
}

/* should usually be a div */
#topmark
{
  margin-left:220px;
  margin-right:220px;
  min-height: 200px;
  background-color:white;
}

a
{                   
  text-decoration:none;
  font-weight:bold;
  color:#1B572C;
}


h1, h2, h3, h4, h5, h6
{
  font-family: "Arial","Helvetica",sans-serif;
  color:#1B572C;
}

a:link 
{
  color:#1B572C;
}

a:visited
{
  color:black;
}

a:link:hover
{
  text-decoration:underline;
}

a:visited:hover
{
  text-decoration:underline;
}

.main
{
  width:90ex;
  background-color:white;
  margin-right:auto;
  margin-left:auto;
}

#print1
{
  width:216px;
  position:fixed;
  right:1%;
  top:240px;
  font-size:smaller;
  text-align:center
}

#print2
{
  width:216px;
  position:fixed;
  right:1%;
  top:260px;
  font-size:smaller;
  text-align:center
}

* html #print1,* html #print2
{
  position:absolute;
}

#logo
{
  width:216px!important;
  height:282px;
  margin-top:0.5cm;
  margin-right:0px;
  margin-left:0px!important;
  background-repeat:no-repeat;
  visibility:hidden;
}
}