/* style for body */
body  { font-size: 76%; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; background-color: white; }


/* styles for menu at top */
div.topmenu
{ position:relative;left:100px; }
/* top menu is a row in a table */
table.topmenu td
{ 
  vertical-align : text-bottom;
  height:40px;
  font-family: Georgia, Arial;
  font-size:large;
  padding-right:5px;  

}
/* add a right hand border to first 4 menu items */
td.topmenu0
{   border-right: 1px solid #cc9900;   }
td.topmenu1
{   border-right: 1px solid #cc9900;   }
td.topmenu2
{   border-right: 1px solid #cc9900;   }
td.topmenu3
{   border-right: 1px solid #cc9900;   }
/* links in top menu don't have underline */
table.topmenu a
{   text-decoration: none; }
/* colours for links and slightly different shade for hovering */
td.topmenu0 a:visited, td.topmenu0 a
{  color:#AD051D; }
td.topmenu0 a:hover, td.topmenu0 a:visited:hover
{  color:#DD455D; }
td.topmenu1 a:visited, td.topmenu1 a
{  color:#D56603; } /* was FBD10D */
td.topmenu1 a:hover, td.topmenu1 a:visited:hover
{  color:#FBD10D; } /* was #FBF14D */
td.topmenu2 a:visited, td.topmenu2 a
{  color:#04701B; } /* was 089C2B */
td.topmenu2 a:hover, td.topmenu2 a:visited:hover
{  color:#48CC6B; }
td.topmenu3 a:visited, td.topmenu3 a
{  color:#08249C; }
td.topmenu3 a:hover, td.topmenu3 a:visited:hover
{  color:#4864CC; }
td.topmenu4 a:visited, td.topmenu4 a
{  color:#AD051D; }
td.topmenu4 a:hover, td.topmenu4 a:visited:hover
{  color:#DD455D; }

div.page-body
{ 
  margin-left: 100px;
  margin-top: 40px;
  font-family: Verdana, Arial, Georgia;
}

/* used on homepage before the main table. */
div.opening-words
{
  margin-top: -20px; 
  margin-right: 60px;  
  padding-bottom: 10px;
  font-family: Verdana,  Arial, Georgia;
}

div.opening-words p { line-height: 140%; margin-top: 8px; margin-bottom: 8px;}



table p /* homepage main table */
{ 
  font-size: 12px;
  margin: 0px;
}
table.frontpage
{ 
  margin-right: 60px;
  margin-left: -10px;
}
h4.item1, h4.item1 a /* heading style that matches the colour for top menu item1 */
{ 
  margin: 0px;
  font-family: Georgia, Arial;
  color:#D56603;
  text-decoration: none;
} 

h4.item2, h4.item2 a
{ 
  margin: 0px;
  font-family: Georgia, Arial;
  color:#04701B; /* was #089C2B */
  text-decoration: none;
} 

h4.item3, h4.item3 a
{ 
  margin: 0px;
  font-family: Georgia, Arial;
  color:#08249C;
  text-decoration: none;
} 

h4.item4, h4.item4 a
{ 
  margin: 0px;
  font-family: Georgia, Arial;
  color:#AD051D;
  text-decoration: none;
} 

h4.item5, h4.item5 a
{ 
  margin: 0px;
  font-family: Georgia, Arial;
  color:#40055B; /*#663938;*/
  text-decoration: none;
} 


h4.item6, h4.item6 a
{ 
  margin: 0px;
  font-family: Georgia, Arial;
  color:#060404;
  text-decoration: none;
} 

h5
{ 
  font-size: 100%;
  margin-top:20px;
  margin-bottom:10px;
}

div.events
{
  margin: 10px;
  width: 60%;
  margin-left: 20px;

}

/* give images a simple fixed border */
div.pic, div.pic a, div.pic a:visited, div.pic a:hover
{ margin: 0px; padding: 0px; border: none;  }

div.pic img
{ 
  border: 1px solid #000000;   
  padding: 0px;
  margin-right: 8px;
}

div.pic_left img
{ 
  float: left;
  border: 1px solid #000000;   
  padding: 0px;
  margin-right: 8px;
  margin-bottom: 12px;
}


div.pic_right img
{ 
  float: right;
  border: 1px solid #000000;   
  padding: 0px;
  margin-left: 8px;
  margin-bottom: 12px;

}


/* basic footer */
div.footer
{ 
  margin: 40px;
  padding-bottom: 5px;
  clear: both;
}

/* styles for the header banner */
div.header-container /* containing region */
{ 
  width:100%;
  border-bottom: 1px solid #000000;
  border-top: 1px solid #000000;
}
div.header /* the actual banner for homepage with flame logo */
{ 
  position:relative;
  left:100px;
  width:80%;
  height:100px;
  background-image: url(../images/flame.gif);
  background-repeat: no-repeat;
  background-position: 10px;
  padding-left:100px;
  padding-top:32px
}
div.header h1 /* style for main heading in the banner */
{ 
  border: 0px;
  margin: 0px;
  padding: 0px;
  font-family: Arial; 
  font-weight: normal;
  font-size:24px;
}
div.header h2 /* style for subheading in the banner. */
{ 
  border: 0px;
  margin: 0px;
  padding: 0px;
  font-weight: normal;
  font-family: Georgia; 
  font-size:18px; 
}

/* 3 main columns used across site */
div.left-column {   float: left; width: 150px; margin: 0px; padding-top: 0px; margin-right: 10px }
div.middle-column  { color: #242424; padding-top: 5px; width: 60%;  float: left;  }
div.middle-column p { line-height: 140%; margin-top: 8px; margin-bottom: 8px;}

/*
div.right-column {  margin-bottom: 10px; width: 150px; margin-left: 10px; padding-top: 0px; margin-right:10px; float: right; }
*/
div.right-column {   float: left; width: 150px; margin-top: 10px; 
margin-bottom: 10px; padding-top: 0px; margin-left: -100px; margin-right: 50px }

div.rightcol 
	{
	float: right;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 20px;
	width: 120px;
	border-left: thin solid #248987;  
	font-size: 0.8em;
	}

/* global sidenav style */
div.sidenav    { margin: 0px; }
div.sidenav p    { text-align: left; margin: 0px; display: block; width: 150px }
div.sidenav a   { font-size: 100%; text-decoration: none; margin: 0px; padding: 6px 5px; width: 160px; display: block; line-height: 130% }

/* colour schemes... */
/* SCHEME 0 */
.colours0 div.header-container {  background-color:#C08080; }
.colours0 div.header {  background-color: #800000; 
background-image: url(../images/flame0.gif);
}
.colours0 div.header h1 { color: #ffe;  }
.colours0 div.header h2 { color:#ffe; }

/* SCHEME 1 */
/* sidenav colour. */
.colours1 div.sidenav a  {  color: #2C2B24; background-color: #FEEF94; border-bottom: 1px solid #DACA59; }
.colours1 div.sidenav a:hover { color: #2C2B24; background-color: #FAE66E;  }
/* header colours.*/
.colours1 div.header-container { background-color:#FCF2B9; }
.colours1 div.header {  background-color: #FBD10D; 
background-image: url(../images/flame1.gif);
}
.colours1 div.header h1 { color: #606060; }
.colours1 div.header h2 { color:#606060; }


/* SCHEME 2 */
/* sidenav colour. */
.colours2 div.sidenav a   {  color: #191A17; background-color: #dcef88; border-bottom: 1px solid #C0D174; }
.colours2 div.sidenav a:hover { color: #191A17; background-color: #C4E556;  }
/* header colours.*/
.colours2 div.header-container { background-color:#BDE5BD; }
.colours2 div.header {  background-color: #089C2B;
background-image: url(../images/flame2.gif);}
.colours2 div.header h1 { color: #ffffff; }
.colours2 div.header h2 { color:#ffffff; }

/* SCHEME 3 */
/* sidenav colour. */
.colours3 div.sidenav a   {  color: #191A17; background-color: #88a4fC; border-bottom: 1px solid #808080; }
.colours3 div.sidenav a:hover { color: #191A17; background-color: #08249C;  }
/* header colours.*/
.colours3 div.header-container { background-color:#6884fC; }
.colours3 div.header {  background-color: #08249C;
background-image: url(../images/flame3.gif);}
.colours3 div.header h1 { color: #ffffff; }
.colours3 div.header h2 { color:#ffffff; }

/* SCHEME 4 */
/* sidenav colour. */
.colours4 div.sidenav a   {  color: #191A17; background-color: #e0a0a0; border-bottom: 1px solid #808080; }
.colours4 div.sidenav a:hover { color: #191A17; background-color: #9C2408;  }/* header colours.*/
.colours4 div.header-container {  background-color:#C08080; }
.colours4 div.header {  background-color: #800000;
background-image: url(../images/flame0.gif);}
.colours4 div.header h1 { color: #ffe;  }
.colours4 div.header h2 { color:#ffe; }

/* calendar */
div.calendar-months ul { list-style: none; padding: 0px; margin: 0px; }
div.calendar-months li   { float: left; font-size: 110%; text-decoration: none; margin: 0px; padding: 5px 4px; display: block; line-height: 110% }
div.calendar-months li, div.calendar-months a
{ 
  font-size: 110%;
  color: #f0f0a0;
}
div.transparent {
    filter:alpha(opacity=90);
    background-color: gold;
    padding: 10px;
    display:none;
    position:absolute;
    color: black;
    font-size: 120%;
    border: 1 yellow solid;
}
table.calendar
{ 
  width: 100%;
  font-size: 120%;
  font-family: Arial;
  border: 4 #C08080 solid;
  margin-bottom: 40px;
  margin-top: 10px;

}
table.calendar tr:nth-child(even), table.calendar tr.even { background:#fff;}
table.calendar tr:nth-child(odd),  table.calendar tr.odd { background:#ddd;}

table.calendar td
{ 
  padding: 10px;
}
td.popup
{ 
  text-decoration: underline;
}

span.caption
{ 
  font-size: 10pt;
  font-style: italic;
  font-family: Arial;
  width: 300px;
}

table.programme
{ 
flush:both;
margin-left:50px; 
margin-top:20px;
font-size: 100%;
font-family: Arial;
}