/*		----------------------------------------------------------------
			This is the kf-fobp.css file - brockwellpark.com

			kf  September 2006


			body made darker for snowflakes 061128
			previously #eefffa
		----------------------------------------------------------------  */
body { background:white; font-family:verdana,arial,helvetica,sans-serif; font-size:10px; color:#008b00; text-align:center; }


#pagebox { position:absolute; top:5px; left:80px; width:745px; margin:0px auto; background-color:white; text-align:left; }

#volunteerpagebox { position:absolute; top:20px; left:30px; width:550px; margin:0px auto; background-color:white; text-align:left; }

.pagebox_new { float:left; width:99%; height:700px; background-color:white; text-align:left;  margin-top:10px;
		font-family:verdana,arial,helvetica; padding-bottom:10px; margin-bottom:10px;
		border:1px solid silver; }

#topbox {position:relative; width:100%; margin:0px; background-color:white; }

#logobox {  float:left; width:120px;  margin-left:5px; margin-right:10px;
				padding:0px; background-color:white; }

#topmiddlebox { float:left; width:250px;  margin:0px; padding:0px;
				font-family: verdana, arial, helvetica, sans-serif; font-size:18px;
				line-height:25px; color:#008b00; background-color:white; }

#topleftbox { float:left; width:100px;  margin:0px; padding:0px;
				font-family: verdana, arial, helvetica, sans-serif; font-size:12px;
				line-height:25px; color:#008b00; background-color:white; text-align:left; }
#toprightbox { float:left; width:600px;  margin:0px; padding:0px;
				font-family: verdana, arial, helvetica, sans-serif; font-size:12px;
				line-height:25px; color:#008b00; background-color:white; text-align:right;
				border:0px solid silver; }

/*	Having text-align:right in the topright class stops the scroller working in IE ??????   */
.topright { float:left; width:330px;  margin:0px; padding:0px;
				font-family: verdana, arial, helvetica, sans-serif; font-size:12px;
				line-height:25px; color:#008b00; background-color:white;
				border:0px solid silver;}

#bottombox { width:740px; margin:0px; background-color:white; }

#leftbox {  float:left; width:130px; height:500px; background:white; margin-left:1px; margin-right:5px;
			padding-left:1px; padding-right:9px; padding-top:10px; padding-bottom:10px;
			border-left:none; border-right:3px double black; ; border-top:none;
			border-bottom:none; font-family:Arial; font-size:13px; font-decoration:normal;
			font-weight:normal; line-height:1.1; color:#800000; }


#lefttopbox { float:left; width:125px; height:410px; background:white;
				border:0px solid green; }

#leftbottombox { float:left; width:125px; height:150px; background:white;
				padding:0px; border:0px solid yellow; }

#rightbox { float:left; width:570px;  margin-left:3px; padding:0px;
				font-family:arial,helvetica, sans-serif; font-size:11px;
				color:black; background-color:white; }

.rightbox { float:left; width:570px;  margin-left:3px; padding:0px;
				font-family:arial,helvetica, sans-serif; font-size:11px;
				color:black; background-color:white; }



.formbox { width:93%; margin:5px; padding:5px; padding-left:25px; background-color:#cceeda;
			font-size:12px; color:#00008b; text-align:left;
			filter:alpha(opacity=100);  -moz-opacity:1.0;  	opacity:1.0;  -khtml-opacity:1.0;}


.rowbox { position:relative; width:98%;  line-height:1.5;  clear:both; padding-top:1px;  }
.largerowbox { float:left; width:98%;  line-height:1.5;  clear:both; padding-top:1px; font-size:18px; font-weight:bold; text-align:center; }

.reversebox { position:relative; width:98%;  line-height:1.5;  clear:both; padding:2px; font-size:14px;
		font-weight:bold; color:white; background-color:navy; text-align:center; line-height:1.3; }
.small_label { float:left; width:26%; font-size:12px; margin-top:5px;}
.labelbox { float:left; width:24%; }
.labelboxred { float:left; width:24%; color:red; }
.inputbox { float:right; width:75%;  }
.small_input { float:right; width:70%; margin-top:5px;  }
.smallbox { float:left; width:8%; }
.thirdbox { float:left; width:66%; }

a:link { color:#800000; text-decoration:none }
a:visited {color:#800000; text-decoration:none; }
a:hover { color:white; background:#008b00;}
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; }


/* 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:12px; color:black; padding:2; }

input, select, textarea { background:white; font-family: verdana, arial, helvetica, sans-serif;
		font-size:12px; color:#00008b }

.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; }
.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}

hr { color:#00008b;}

.smallitalic {font-size:9px;  font-style:italic}
.reverse { font-size: 12px; font-family: verdana; font-weight:bold; color:#ddeeff; background-color:#00008b; }

.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; }
.likeh2 { font-family: verdana; font-size:18px; font-weight:bold; color:#00008b}
.likeh3 { font-family: verdana; font-size:14px; font-weight:bold; color:#00008b}
.likeh4 { font-size: 12px; font-weight:bold; color:#00008b}

.centerh3 { font-family:verdana; font-size:16px; font-weight:bold; color:#00008b}


#messagebox { float:left; width:240px;  margin:0px; padding:0px;
				font-family: verdana, arial, helvetica, sans-serif; font-size:18px;
				line-height:25px; color:#008b00; background-color:yellow; }

#textbox { width:700px; margin:5px; padding:0px; }



#behindbox { position:relative; top:+0px; left:+0px; z-index:5; }

#infrontbox { position:absolute; top:+0px; left:+0px; z-index:20; }


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

.transbox0 { 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=0);
			-moz-opacity:0.0;
			opacity:0.0;
			-khtml-opacity:0.0;	}

.transboxposter { position:absolute; z-index:10;
			border:0px; padding:0px;
			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;  }

#centerbox { float:left;  width:90%; background:#f0f0f0; margin-left:15px; margin-right:15px;
			padding-left:20px; padding-right:20px; padding-top:20px; padding-bottom:20px;
			border-left:8px double #aae5bb; border-right:8px double #aae5bb; border-top:8px double #aae5bb;
			border-bottom:8px double #aae5bb; text-align:left; }

#exercisebox { float:left; width:100%; background:#f0f0f0; margin-left:1px; margin-right:1px;
			padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px;
			border-left:4px double #aae5bb; border-right:4px double #aae5bb; border-top:4px double #aae5bb;
			border-bottom:4px double #aae5bb; }

#weeknumbox { float:left; vertical-align:top; width:100%; background:#f0f0ff; margin-left:1px; margin-right:1px;
			padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px; text-align:center;}

#debugbox { float:left; width:30%; background:#f0f0f0; margin-left:5px; margin-right:5px;
			padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px;
			border-left:2px dashed #aae5bb; border-right:2px dashed #aae5bb; border-top:2px dashed #aae5bb;
			border-bottom:2px dashed #aae5bb; text-align:left;}

#smallwindowbox { position:absolute; top:5px; left:5px; width:95%; margin:0px auto; background-color:white;
			padding:5px; text-align:left; font-size:12px; font-weight:normal; color:#00008b;}

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:12px; }

.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:15px; color:green; font-weight:bold; text-transform:uppercase; }
.postcodebutton { font-size: 15px; font-weight:normal; background:green; color:white; }

.haveyoueverbeen { width:97%; margin:5px; padding:5px; padding-left:5px; background-color:#cceeda;
			font-size:12px; color:#00008b; text-align:left; }

#posterbox { position:absolute; top:5px; left:80px; width:740px; height:600px; margin:0px auto; background-color:white; text-align:left;
			background-image:url(big_draw_poster/big_draw_poster_web_2007_0.gif); background-repeat:no-repeat;
			background-position: top left; }

.photobox { float:left; border:1px solid green; margin:2px; width:396px; height:262px; font-size:16px; text-align:left; }

.descriptionbox  { float:left; border:1px solid green; margin:2px; width:376px; height:242px;
			font-size:12px; text-align:left; padding:10px; }
.descriptionboxwide  { float:left; border:1px solid green; margin:2px; width:778px;
			font-size:14px; text-align:left; padding:10px; }

.consultationbox { float:left; width:98%;   clear:both; padding:3px;  margin-bottom:10px; border:0px solid black; }

.gatebox { float:left; width:198px; }

.overlay { position:absolute;  z-index:20; background-color:white; padding:1px; }

.objectiontypebox { float:left; color:#00008b; width:233px; height:auto; margin:3px; padding:2px;
			border:1px solid #00008b; z-index:1; }

.objectiontypewide { float:left; color:#00008b; width:48%; height:auto; margin:3px; padding:2px;
			border:1px solid #00008b; z-index:1; }

.numberbox { float:left; background-color:#00008b; width:30px; padding:2px; font-size:24px;
			color:white; font-weight:bold; text-align:center; margin-right:3px; }

.smallbrown { font-size:10px; color:brown; }

.memberrow { float:left; width:100%;  line-height:1.4;  clear:both; margin-bottom:2px;
		font-family:verdana; font-size:14px; background:#efefef;  margin-left:2px; padding-top:2px; padding-bottom:2px; }
.membernumber { float:left; width:8%;  font-family: verdana; font-size:14px;font-weight:bold;
		color:#ddeeff; background-color:#00008b; text-align:center;  margin-left:5px;}
.membernumber a:link { color:#ddeeff; background-color:#00008b; }
.membernumber a:visited {color:#ddeeff; background-color:#00008b; }
.membernumber a:active { color:#ddeeff; background-color:#00008b; }


.membername { float:left; width:24%; padding-left:10px; line-height:1.0; }
.memberaddress { float:left; width:27%; padding-left:5px; font-size:11px; line-height:1.0; }
.delround { font-size:9px; font-weight:bold; color:white; background-color:navy;
			padding-left:2px; padding-right:2px; text-align:center; }
.membershiptype { float:left; width:14%; padding-left:10px; font-size:12px; line-height:1.0; }
.currentmember { float:left; width:21%; padding-left:5px; font-size:12px;  line-height:1.0; }

.paymentrow1 { float:left; width:99%; height:20px; margin:2px; margin-bottom:0px; margin-top:10px;
			padding-left:1px; padding-right:1px; padding-top:2px; padding-bottom:1px;
			background-color:#cceeda; 	font-size:12px; color:#00008b; text-align:left;
			border-top:1px solid green; z-index:10; }

.paydate { float:left; width:29%; padding-right:1px; font-size:10px; line-height:1.0; text-align:right; }
.paymentrow1 select { background:#cceedd; font-family:verdana, arial, helvetica, sans-serif;
		font-size:10px; color:#00008b;  z-index:20;  }

.payamount  { float:left; width:8%; margin-left:2px; font-size:10px; line-height:1.0; text-align:right; }

.paymentrow1 input { background:#cceedd; font-family: verdana, arial, helvetica, sans-serif;
			font-size:10px; color:#00008b; }

.paytype  { float:left; width:33%; margin-left:3px; font-size:10px; line-height:1.0;   }
.paytax  { float:left; width:5%; margin-left:1px; font-size:10px; line-height:1.0;  text-align:center;  }
.paymethod { float:left; width:24%; padding-right:0px; font-size:10px; line-height:1.0; text-align:right; }


.paymentrow2 { float:left; width:99%; height:20px; margin:2px; margin-bottom:10px; margin-top:0px;
			padding-left:1px; padding-right:1px; padding-top:1px; padding-bottom:2px;
			background-color:#ddffeb; 	font-size:12px; color:#00008b; text-align:left;
			border-bottom:1px solid green;  z-index:8; }

.paymentrow2 select { background:#ddffeb; font-family:verdana, arial, helvetica, sans-serif;
		font-size:10px; color:#00008b;  z-index:10; }

.paymentrow2 input { background:#ddffeb; font-family: verdana, arial, helvetica, sans-serif;
		font-size:10px; color:#00008b; }

.paybuttons { float:left; width:10%; padding-right:0px; line-height:1.0;
		text-align:right; border:0px solid red; }
.paybuttons input { font-family: verdana; font-size: 8px; font-weight: bold; background:#00008b;
			color:white; border:1px solid red; }

.hotnews { position:relative; width:98%;  line-height:1.5;  clear:both; padding:3px; text-align:left;
			background-color:#99ff99; font-family:verdana; font-size:12px; font-weight:normal; color:teal;
			border:3px dashed white; }

.sportbox { float:left; width:24%; font-size:10px; text-align:left; }
.linkbox { float:left; width:49%; font-size:10px; text-align:left; cursor:pointer; }
.linkboxinternalold { float:left; width:47%; font-size:10px; color:#00008b; text-align:center;
			background-color:#ccffcc; border:0px solid green; margin-right:2%; margin-left:0%;}
.linkboxinternal { float:left; width:49%; font-size:10px; color:#00008b; text-align:left; cursor:pointer;
			background-color:#ccffcc; }
.piclinkbox { float:left; width:47%; margin-right:3%; font-size:13px;
			text-align:left; background-color:#e8e8e8; padding:2px; }
.smallblue { font-size:10px; font-weight:bold; color:#00008b; text-align:center; }

.navigationbox { float:left; font-size:14px; width:99%; height:25px; line-height:1.5; border:0px solid silver; }


/*Example CSS for the two demo scrollers*/

#pscroller1{
width: 200px;
height: 100px;
border: 1px solid black;
padding: 5px;
background-color: lightyellow;
}

#pscroller2{
width: 380px;
height: 20px;
border: 0px solid black;
padding: 3px;
}

#pscroller2 a{
text-decoration: none;
}

.ordinary { //class to apply to your scroller(s) if desired
}

.ordinary a:link { color:green; background-color:white; }
.ordinary a:visited { color:green; background-color:white; }
.ordinary a:active { color:green; background-color:white; }
.ordinary a:hover { color:silver; background-color:green; }

-->