/*		----------------------------------------------------------------
			This is the kf-fobp.css file - INTERACTIVE
			kf  September 2006
		----------------------------------------------------------------  */
body { background:#eefffa; font-family:verdana,arial,helvetica,sans-serif; font-size:8pt; color:#008b00; text-align:center; }


#leftcolumn { float:left; width:30%; background:#f0f0f0; margin-left:15px; margin-right:15px;
				padding-left:20px; padding-right:20px; padding-top:20px; padding-bottom:20px;
				border-left:2px solid #aae5bb; border-right:8px ridge #aae5bb; border-top:2px dashed #aae5bb;
				border-bottom:8px double #aae5bb; }


a:link { color:#800000; text-decoration:none }
a:visited {color:#800000; text-decoration:none; }
a:hover { color:white; background: #008b00;}
a:active { background:#ccddff; }

/* 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:#ccffff; font-family: verdana, arial, helvetica, sans-serif;
		font-size: 10px; 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: 7pt; }
.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:7pt;  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}
.buttonboxleft { float:left; width:180px; text-align:right; }
.buttonboxright { float:right; width:180px; text-align:left; }

.larger {font-size:18px; font-weight:bold; }
.likeh3 { font-family: verdana; font-size:16px; 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}


#pagebox { width:710px; margin:0px auto; background-color:white; text-align:left; }

#topbox {width:700px; margin:0px; background-color:white; }

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

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

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


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


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

#lefttopbox { float:left; width:120px; height:400px; background:white; }

#leftbottombox { float:left; width:120px; height:100px; background:white; }

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

#behindbox { float:left;  z-index:5; }

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


/* Transparent text area - from http://www.cameraontheroad.com/?p=166  */
.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:relative; 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;	}

#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;}
.event { float:left; width:95%; border:1px solid blue; }
------>