

/*
<style type="text/css">
non nested comment
*/







body {
	height:200;
	width:100%;
	font-family:Verdana, Arial, sans-serif;
	font-size:100%;
 	margin:0%;
 	border:0%;
 	padding:0%;
	}
/*
 	margin-right:3%;
*/

#divbackgroundimage{
	style:z-index:-1;
	position:absolute;
}
/*
z-index:-1; for "pagemoved"
*/

#imgbackgroundimage{
	background-repeat:no-repeat;
	}
/*
	 width:141px;
*/
	
#divwholepagebox{
	position:relative;
	top:2em;
	height:100%;
	width:94%;
	left:3%;
	}

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	#divheader2 {
		width:100%;
		left:3%;
	 	margin:0%;
	 	border:0%;
	}
	/*
		height:7em;
	*/
	
		#spanheaderleft2 {
			width:19%;
			float:left;
			text-align:center;
			background-color:#DCED8F;
			height:100%;
		}
	/*
			background-color:#DCEDff;
	*/
	
				#img20140205 {
				}
	/*
					height:100%;
	*/
	
	
		#spanheadercentre2 {
			float:left;
			background-color:#DCED8F;
			padding:1%;
			width:60%;	/*62% - 1% - 1% padding*/
			font-weight:bold;
			font-size:200%;
			font-style:italic;
		}
	/*
			height:100%;
	*/
	
		#spanheaderright2 {
			width:19%;
			float:left;
			text-align:center;
			background-color:#DCED8F;
			height:100%;
		}
	/*
			vertical-align:top;
	*/
				#img20140204 {
				top:20%;
				}
	/*
					z-index:2;
	 */

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
#divheader {
	width:100%;
	left:3%;
 	margin:0%;
 	border:0%;
}
/*
	background-color:cyan;
*/

	#spanheaderleft {
		width:19%;
		float:left;
		top:0em;
		vertical-align:top;
		height:100%;
		text-align:center;
		background-color:#DCED8F;
	}
/*
		background-color:#DCEDff;
*/

			#img20140205 {
				vertical-align:top;
				position:relative;
				z-index:4;
				height:70px;
			}
/*
				height:100%;
*/


	#spanheadercentre {
		float:left;
		background-color:#DCED8F;
		padding:1%;
		width:60%;	/*62% - 1% - 1% padding*/
		font-weight:bold;
		font-size:200%;
		font-style:italic;
	}
/*
		height:100%;
*/

	#spanheaderright {
		background-color:#DCED8F;
		width:19%;
		float:left;
		top:0em;
		vertical-align:top;
		height:100%;
		text-align:center;
	}
/*
height:6.3em;
*/
			#img20140204 {
				vertical-align:top;
				position:relative;
				z-index:2;
				height:50px;
			}
/*
 */
 
 
 
#divmotto{
	font-size:100%;
	font-style:italic;
	font-weight:bold;
	float:center;
	width:100%;
	text-align:center;
	background-color:#E4521E;
	padding:0%;
	clear:both;
	color:#DCED8F;
 	margin:0%;
 	border:0%;
	}
	/*
	margin-left:auto;
	 */





#divmiddle{
	width:100%;
	margin:0%;
	border:0%;
	}
	/*
	height:550px;
	*/
	
	#spanmiddleleftspace{
		height:100%;
		width:19%;
		margin-top:0px;
		margin-left:auto;
		margin-right:auto;
		float:left;
		}
	/*
		background-color:yellow;
	*/

	#spanmiddletable{
		height:100%;
		width:62%;
		float:left;
		left:10%;
	}
	/*
		float:left;
	*/
	
	#spanmiddleiframe{
		height:100%;
		width:81%;
		background-color:#cccccc;
		float:left;
		display:none;
	}
/*
		display:inline;
*/

		#iframe20120831{
			height:100%;
			width:100%;
		}

			#diviniframe{
				font-size:"130%";
				font-family:Arial, Helvetica, sans-serif;
				font-weight:bold;
				color:#E4521E;
				background-color:#DCED8F;
				margin-top:0%;
				padding-top:0%;
				}
				/*
				padding:1%;
				*/

			#childwhite{
				padding:1%;
				margin-left:auto;
				margin-right:auto;
				color: #DD0000;
				background-color:white;
				width:94%;
				}
			/*
				padding:2%;
			*/

			h1{
				color: #E4521E;
				font-size:120%;
				text-align:center;
				line-height:150%;
				width:100%;
				}
				/*
				child pages
				*/
	
	#spanmiddlenavcol{
		height:100%;
		width:19%;
		background-color:#E4521E;
		text-align:center;
		float:left;
	}
	/*
		width:90%;
	*/
		#divnavcol{
			width:90%;
			margin-top:0px;
			margin-left:auto;
			margin-right:auto;
			text-align:center;
			}
			#divnavcoltop{
				margin:auto;
				margin-top:5%;
				text-align:left;
				width:100%;
				}

			#clickfor{
				background-color:#E4521E;
				color:white;
				font-weight:bold;
				text-align:left;
				margin-left:5%;
				}

			.navlink{
				background-color:white;
				width:80%;
				margin-left:5%;
				margin-top:5%;
				margin-bottom:7%;
				}

			#clickpicture{
				background-color:#E4521E;
				color:white;
				font-weight:bold;
				}

			#playtune{
				margin:auto;
				margin-top:5%;
				text-align:left;
				width:100%;
				background-color:white;
				}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/*
start 20140924 #footer	
*/	
#footercontainer3 {
    float:left;
    width:100%;
		background-color:#BBB;
    overflow:hidden;
    position:relative;
}
/*
effective width 100% - 30% - 40% = 30%
*/
#footercontainer2 {
    float:left;
    width:100%;
		background-color:#CCC;
    position:relative;
    right:30%;
}
#footercontainer1 {
    float:left;
    width:100%;
		background-color:#DDD;
    position:relative;
    right:40%;
}
#footercol1 {
    float:left;
    width:26%; /*30% - 2% - 2% margins*/
    position:relative;
    left:72%; /*100% - 30% + 2% margins */
    overflow:hidden;
		text-align:center;
}

#footercol2 {
    float:left;
    width:36%; /*40% - 2% - 2% margins*/
    position:relative;
    left:76%; /*100% - 30% + 2% + 2% + 2% margins */
    overflow:hidden;
		text-align:center;
}

#footercol3 {
    float:left;
    width:26%; /*30% - 2% - 2% margins*/
    position:relative;
    left:80%; /*100% - 30% + 2% + 2% + 2% + 2% + 2% margins */
    overflow:hidden;
		text-align:center;
}
/*
end 20140924 #footer	
*/	
	
	
	
	
	
	
	
	
	
	


#divpagemoved{
	width:100%;
	text-align:center;
	color:red;
	font-weight:bold;
  background:#FFFFDD;
}








/*
flora #E4521E, grey/green #DCED8F
idebate logo dark red #E4521E, logo dark brown #68380B, grey/green #DCED8F
kit dark red #ED1B24, grey/green #DCED8F
cotonou dark purple #880066, light ochre #FFEEBB
gloryhouse latest dark red #FF0000, light green #DCED8F
gloryhouse was colorimpact,tetrad,artistic, dark = green #C1E400, light = orange, #FF3100
omokubo light = grey/green #DCED8F, dark = red #ED1B24,  logo grey/green = #BECD7C
*/


a:link    {color:#0000bb;text-decoration:underline;}
a:visited {color:#cc00cc;text-decoration:underline;}
a:hover   {color:#0000ff;text-decoration:underline;font-size:100%;}
a:active  {color:#ff0000;text-decoration:underline;}

/*
a:hover   {color:#0000ff;text-decoration:underline;font-size:100%;}
*/

/*
EOF
*/
