/* ================================================ */
/* Amersham Festival Web Site Style Sheet 2008      */
/*    for Screen Resolutions <=800                  */
/* Author: Graham Bowler                            */
/*                                                  */
/* Last Update: 3 Jan 2009                         */
/* Reason: Eliminate Firefox bugs                    */
/* ================================================ */


body {
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
	border: 6px solid #87000E;
/*	background-color: red;  testing  */
      background-color: white; 
	font-family: Arial, Verdana, sans-serif;
	font-size: medium;
	color: black;
	}
#divdescription {z-index:100;border-right: #87000E 2px solid; padding-right: 4px; border-top: #87000E 2px solid; padding-left: 4px; font-size: 60%; visibility: hidden; padding-bottom: 4px; border-left: #87000E 2px solid; width: 110px; color: #000000; padding-top: 4px; border-bottom: #87000E 2px solid; position: absolute; background-color: #ffffff}

#banner {
	background-image: url(files/banner12l.jpg);
	width: 100%;
	height: 85px;
	background-repeat: no-repeat;
	}

#banner2 {
	background-image: url(files/banner12r800.jpg);
	position: absolute; top: 30px; left: 310px; 
	width: 100%;
	height: 85px;
	background-repeat: no-repeat;
	}

#buttonbar {
	background-color: #87000E;
	height: 20px;
	border: 2px solid white;
	position: relative;
	top: 0px;
	}

.button {
	background-color: black;
	height: 16px;  width: 6em;
	border: 2px solid #87000E;
	position: absolute;
	top: 93px;
	color: white; text-align: center; vertical-align: middle;
	}

.buttontext {
	color: white; text-align: center; vertical-align: middle;
	font-size: 89%; font-weight: bold; margin-top: 0; line-height: 1em;
	}


.prevnext {
	background-color: #D4DADF; 
	height: 16px;  width: 3em;
	border: 1px solid #87000E;
	position: absolute;
	top: 93px;
	}


.prevtext {
	color: black; text-align: center; vertical-align: middle;
	font-size: 89%; font-weight: bold; margin-top: 0; line-height: 1em;
	}


#contentframe { background-color: #D4DADF; border: 6px solid #D4DADF; }


#detailframe { background-color: #FFFFFB; border: 2px solid #87000E;
	margin-left: 30px; margin-right: 30px;  margin-bottom: 10px;
	padding-left: 20px; padding-right: 20px; padding-bottom: 10px;
	position: relative;
	top: -20px;
	}
#gone {
	font-size: large
	font-weight: bold;
	text-align: left;
	color: red;
	font-style: italic;
	}

#pagetitle { 
	position: relative;
	top: -15px;
	padding-left: 55px;
	font-size: x-large;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 0;
	}

#eventdate { 
	position: relative;
	font-size: medium;
	font-weight: bold;

	}

#eventlocation { 
	position: relative;
	top: -3.2em;
	margin-right: 0%;
	padding-right: 30px;
	margin-bottom: -1.5em;
	font-size: medium;
	font-weight: bold;
	text-align: right;

	}

#detailheader { 

	font-size: medium;
	font-weight: bold;
	margin: 0 auto; text-align:center;

	}

.programmelist { 

	margin: 0 auto; text-align:center;

	}

.detailtext { 

	font-size: x-small;
	font-weight: bold;
	text-align: justify;
	margin-top: 30px;
	margin-bottom: 0;

	}

.attract { 
	color: #87000E;
	background: #FFFFFB;
	font-style: italic;
	}

#footer {
	background-color: #87000E; 
	height: 12px;
	margin-top: 0;
	margin-left: 0px; margin-right: 0px;
	}

#copyright {
	color: white;
	font-size: 50%;
	font-family: "Times New Roman", serif;
	padding: 0px 0  0 10px;
	text-align: left;
	}


.programmeitem {
      font-size:small; font-weight: normal;
	margin-top: 0px; margin-bottom: 0px;

	}

.composer{
      font-size:small; font-weight: bold;
	margin-top: 0px; margin-bottom: 0px;

	}

.ticketprices{
      font-size:small; font-weight: bold;
	}

.sponsor{
      font-size:small; font-weight: bold; text-align: center;
	}

.updated {
	position: absolute;
	right: 5%;
	color: white;
	font-size: 100%;
	font-family: "Times New Roman", serif;
	padding: 0px 0  0 10px;
	text-align: right;
	}

.picleft { float: left; padding-right: 10px; padding-bottom: 10px; padding-top: 3px;}

.picright { float: right; padding-left: 10px; padding-bottom: 10px; padding-top: 3px; }

.piccentre { padding-bottom: 10px; padding-top: 3px;}

.photocredit { font-size: 50%;font-style: italic; font-weight: bold; margin-top: 2px; line-height: 0.4em }

.dropcap {
float: left;
position: relative;
font-size: x-large;
font-weight: bold;
color: #87000E;
line-height: 1em;
margin: 3px 4px 4px 0;
padding: 2px 6px 4px 6px;
border: 1px solid #87000E;
background: #FFFFFF;
}

.searchtitle { display: none; color: white; font-size: x-small; font-style: normal; font-weight: bold; position: absolute; top: 0px; right: 30px; }
.pagestatus { display: none; color: yellow; font-size: x-small; position: absolute; top: 20px ; right: 30px;  }
.contentowner { display: none; color: yellow; font-size: x-small; position: absolute; top: 40px ; right: 30px; }

.linktextcolour {color: #87000E;}

p, h2, h3 { color: black; }
h1 {font-size: medium; font-weight: bold; color: black; }

table.msotablegrid {border:1.0pt solid windowtext; color: black; margin-bottom: -1em; font-size: x-small; font-weight: bold;
}

a:link {color: #87000E; font-style: normal; cursor: pointer; cursor: hand;}  /* see http://developer.mozilla.org/en/docs/Giving_'cursor'_a_Hand for reason I give two cursor attributes, one of which is non-CSS2-compliant  */
a:visited {color: #87000E; font-style: normal}
a.buttontext:link {color: white; font-style: normal; text-decoration: none;} 
a.buttontext:visited {color: white; font-style: normal; text-decoration: none;} 
a.prevtext:link {color: black; font-style: normal; text-decoration: none;} 
a.prevtext:visited {color: black; font-style: normal; text-decoration: none;} 

a.popup:link {color: black; font-style: normal; text-decoration: none;} 
a.popup:visited {color: black; font-style: normal; text-decoration: none;} 
/* ================================================= */