/*		----------------------------------------------------------------
			This is the hayeschoir.css file - brockwellpark.com

kf  October 2007
		----------------------------------------------------------------  */
body { background-image:url(pix/gj_back_web.jpg); background-repeat:repeat;
		font-family:arial,helvetica,sans-serif; font-size:10px; color:#00008b; text-align:center; }


#mainbox { position:absolute; top:3px; left:80px; width:740px; height:650px; margin:0px; background-color:#f9f9f9;;
				margin-top:10px; padding:5px; text-align:left; }

#pagebox { position:absolute; top:3px; left:80px; width:740px; height:600px; margin:0px;
				margin-top:10px; padding:5px; text-align:left;
				z-index:6; font-family:arial,helvetica,
			sans-serif; font-size:12px; font-weight:normal; color:black;
			background:#f9f9f9; display:block;
			filter:alpha(opacity=0);
			-moz-opacity:0.0;
			opacity:0.0;
			-khtml-opacity:0.0;	}

.bigtext { position:absolute; z-index:9; margin:0px; font-size:95pt;
			font-weight:bold; color:#990066; }

#hayesphil_xx { position:absolute; z-index:9; margin:0px; font-size:30pt;
			font-weight:bold; color:#990066; display:block; text-align:center;
			filter:alpha(opacity=0);
			-moz-opacity:0.0;
			opacity:0.0;
			-khtml-opacity:0.0;	}


.header{ position:relative; width:98%; z-index:8;  margin:0px; font-size:12px;
			font-weight:normal; border:0px; }

.photobox { position:absolute; z-index:1;  margin:0px; font-size:8pt;
			font-weight:normal; border:0px; color:#999999; }

.rotatedtext { writing-mode:tb-rl; }

.rowbox { float:left; width:95%;  font-size:10px; color:black; text-align:center; }

a:link { color:#ffffff; text-decoration:none; }
a:visited {color:#aaaaaa; text-decoration:none; }
a:hover { color:red;   }
a:active { background:#ccddff; }

.nohover a:hover { background-color:transparent; }
.nohover a:link { background-color:transparent; }
.nohover a:visited { background-color:transparent; }
.nohover a:active { background-color:transparent; }

.ordinary a:hover { color:red; background-color:#cacaca; }
.ordinary a:link { color:black; }
.ordinary a:visited { color:black; }
.ordinary a:active { color:black; }

/* table {border-right: 1px solid #000000;border-top: 1px solid #000000;border-left: 1px solid #000000;
border-bottom: 1px solid #000000; border-spacing:3; border-collapse: collapse; }
*/
table {border-right: none; border-top: none; border-left: none;
	border-bottom: none; border-spacing:3; border-collapse: collapse; }

td { font-size:10pt; color:black; padding:2; }

input, select { background:white; font-family: verdana, arial, helvetica, sans-serif;
		font-size:12px; color:#00008b }
textarea {color:#00008b; background:#ccffff; font-family: verdana, arial; font-size: 10pt;
		border-top: none; border-left: none; border-right: none; border-bottom:none; cursor: hand;}

.lookout { background-color: #ffcccc; }
.alright { background-color:#eeeeff; }
.noborder {border-right:none; border-top:none; border-left:none;
				border-bottom:none; border-spacing:3; border-collapse: collapse; }
.smalltext { font-size:9px; font-weight:normal; line-height:1; }
.smallertext { font-size:8px; font-weight:normal; line-height:1; color:#aa0033;}
.tinytext { float:left; width:99%; font-size:8px; font-weight:normal; line-height:1.5; color:navy;}
.coltable {background:#eeffee; border-right:1px solid #000000;border-top:1px solid #000000;
		border-left: 1px solid #000000;
		border-bottom: 1px solid #000000; border-spacing:3; border-collapse: collapse; }
.colnoborder {background:#eeffee; border-right:none; border-top:none; border-left:none;
		border-bottom:none; border-spacing:3; border-collapse: collapse; }
.yellowback { background:yellow ; }
.colr { color:green; }
.bpark { font-weight:bold; font-size:29px; color:#008b00; }

H1 { font-size: 40px; }
H2 { font-size: 18px; color:#00008b }
H3 { font-family: verdana; font-size: 16px; color:#00008b}
H4 { font-size: 12px; color:#00008b}
p	{ font-size: 9px; color:#00008b}

.likeh1 { font-size: 40px; color:#00008b }
.likeh2 { font-size: 18px; color:#00008b }
.likeh3 { font-family: verdana; font-size:16px; font-weight:bold; color:#00008b}
.likeh4 { font-size: 12px; font-weight:bold; color:#00008b}

hr { color:#00008b;}

.smallitalic {font-size:7pt;  font-style:italic}
.reverse { font-size: 12px; font-family: verdana; font-weight:bold;
	color:#ddeeff; background-color:#00008b; padding-left:2px; padding-right:2px; }

.button { font-family: verdana; font-size: 10px; font-weight: bold; background:#00008b;
			color: white; border: 1px solid red}

.larger {font-size:18px; font-weight:bold; }

.centerh3 { font-family:verdana; font-size:16px; font-weight:bold; color:#00008b}
.composer { color:navy; font-style:italic; margin-left:20px; }
.datetime { width:85%; margin-top:3px; margin-left:10%; color:white;
		font-size:12px; background-color:navy; }
.nextconcert { width:85%; margin-top:3px; margin-left:10%; color:white;
		font-size:12px; background-color:#aa0033; }
.venue { color:navy; font-size:11px; }

.soloistleft { float:left; width:45%; padding-right:15px; font-size:14px; color:navy; text-align:right; }
.soloistright { float:left; width:45%; padding-left:15px; font-size:14px; color:navy; text-align:left; }
.soloistrow { float:left; width:95%;  font-size:14px; color:navy; text-align:center; }

/* Transparent text area - from http://www.cameraontheroad.com/?p=166  */

.transbox0 { position:absolute; z-index:8; font-family:arial,helvetica,
			sans-serif; font-size:12px; font-weight:normal; color:black;
			margin:5px; border:0px solid #008b00; padding:3px;
			background:#f9f9f9; display:block;
			filter:alpha(opacity=0);
			-moz-opacity:0.0;
			opacity:0.0;
			-khtml-opacity:0.0;	}

.transbox70 { position:absolute; z-index:10; font-family:arial,helvetica,
			sans-serif; font-size:12px; font-weight:normal; color:black;
			margin:5px; border:1px solid #008b00; padding:3px;
			background:#FFFFFF; display:block;
			filter:alpha(opacity=70);
			-moz-opacity:0.7;
			opacity:0.7;
			-khtml-opacity:0.7;	}

.transbox80 { position:absolute; z-index:10; font-family:arial,helvetica,
			sans-serif; font-size:12px; font-weight:normal; color:black;
			margin:5px; border:1px solid #008b00; padding:3px;
			background:#FFFFFF; display:block;
			filter:alpha(opacity=80);
			-moz-opacity:0.8;
			opacity:0.8;
			-khtml-opacity:0.8;	}

.transbox90 { position:absolute; z-index:10; font-family:arial,helvetica,
			sans-serif; font-size:12px; font-weight:normal; color:black;
			margin:5px; border:1px solid #008b00; padding:3px;
			background:#FFFFFF; display:block;
			filter:alpha(opacity=90);
			-moz-opacity:0.9;
			opacity:0.9;
			-khtml-opacity:0.9;	}

.transbox100 { position:absolute; z-index:10; font-family:arial,helvetica,
			sans-serif; font-size:11px; font-weight:normal; color:black;
			margin:5px; border:1px solid #008b00; padding:3px;
			background:#FFFFFF; display:block;  }


a:hover.nohover { background:black; }

.announcement { position:relative; width:90%; background:teal; margin-left:25px; margin-top:5px;
			padding:5px; border:4px double #aae5bb;  font-size: 18px; color:white; text-align:center; }

.lefthalf { float:left; width:49%; text-align:left; }
.righthalf { float:left; width:49%; text-align:right; }

.third { float:left; width:32%; text-align:left; padding-right:3px; padding-left:3px; border-right:1px solid black; cursor:pointer; }

.resolutionbox { float:left; width:510px; text-align:left; padding:5px; margin:5px; margin-left:10px;
		margin-right:20px; border:1px solid silver; font-size:10pt; }

.namebox { float:left; width:71%; padding:2px;  padding-left:0px; }
.nameboxfor { float:left; width:71%; padding:2px;  padding-left:0px; background:#ccffcc; }
.nameboxagainst { float:left; width:71%; padding:2px;  padding-left:0px;  background:#ffcccc; }

.forbox { float:left; width:25%; padding:2px; background:green; color:white; text-align:center;  }

.againstbox { float:left; width:25%; padding:2px; background:red; color:white; text-align:center; }

.postcoderow { float:left; width:98%; background:#ccffcc; padding:3px;}
.postcodemessage { float:left; width:55%; text-align:right; padding-right:5px; }
.postcodebox { float:left; width:43%; text-align:left; padding-left:5px; padding-top:3px; }
.postcodeinput { text-align:left; background:white; font-size:13pt; color:green; font-weight:bold; text-transform:uppercase; }
.postcodebutton { font-size: 13pt; font-weight:normal; background:green; color:white; }

.linkbox { float:left; width:144px; text-align:left; background-color:#00008b; font-size:12px;
		color:white; font-weight:bold; padding:2px; padding-left:5px; margin:1px;  margin-left:0px; }

.sublink { float:left; width:170px; text-align:left; padding:1px; padding-left:5px; margin:1px;  margin-left:0px; font-size:9pt;  }
.sublink a:link { color:#00008b; }
.sublink a:hover { color:red; }
.sublink a:visited {  color:#777777; }

#coverbox { position:absolute; top:10px; left:80px; width:690px; height:660px; margin:0px; background-color:#f9f9f9;;
				margin-top:10px; padding:5px; text-align:left;
				background-image:url(silver_jubilee_1970/silver_jubilee_cover_web.png); background-repeat:no-repeat; }
------>