/* ID Styles */

#content { 
	display:block; 		/* set up as a block */
	height:100%; 		/* set height to full page */
	max-height:100%;
	overflow:auto;	 	/* add scroll bars as required */
	padding-left:10px; 	/* pad left to avoid navigation div if required */
	position:relative; 	/* set up relative positioning so that z-index will work */
	z-index:3; 			/* allocate a suitable z-index */
}

#head {
	position:fixed; 
	margin:0; top:0; 
	right:18px; 
	display:block; 
	width:100%; 
	height:100px; 
	background:url(../images/Banniere/ranomanga_horizontal.jpg) #def; 
	font-size:4em; 
	z-index:5; 
	color:#666666;
}
#foot {
	position:fixed; 
	margin:0; 
	bottom:0px; 
	right:18px; 
	display:block; 
	width:100%; 
	height:15px; 
	background:#def; 
	color:#999999; 
	text-align:center;
	z-index:4; 
	padding-top:15px;
}

#left {
	position:fixed; 
	left:0px; 
	top:100px; 
	height:100%; 
	width:100px; 
	font-size:10pt; 
	z-index:4;
}
#musiciens {
 	position:absolute; 
	left:0px; 
	top:230px; 
	height:200px; 
	width:100px; 
	font-size:10pt; 
	z-index:4;
}
* html #head, * html #foot,* html #left {position:absolute;}

#pad1 {display:block; width:18px; height:100px; float:left;}
#pad3 {display:block; width:18px; height:50px; float:left;}

#content p {padding:5px;}

#wordsleft {
	float:left;
	top:0px;
	left:10px;
	height:100%px;
	width:20%;
	border:0px solid #000;
	margin:0px;
	padding:0px;	
	height:100%;
}

#wordsleft_1{
	float:left;
	top:10px; 
	left:10px;
	width:45%;
	height:100%;
	border:0px solid #000;
	margin:5px;
	padding:5px;	
}
#wordsleft_2{
	float:left;
	top:10px; 
	left:10px;
	height:100%;
	width:45%;
	border:0px solid #000;
	margin:5px;
	padding:5px;
}
#wordsleft_discographie{
	float:left;
	top:10px; 
	left:10px;
	height:100%;
	width:45%;
	border:0px solid #000;
	margin:5px;
	padding:5px;
}
#wordscenter{
	float:center;
	top:10px; 
	left:10px;
	width:100%;
	height:100%;
	border:0px solid #000;
	margin:5px;
	padding:5px;
}
#wordsright { 
	azimuth:right; 
	float:right; 
	top:10px; 
	height:100%;
	width:20%;
	border:0px solid #000; 
	margin:5px; 
	padding:5px;
}
#wordsright_1 { 
	azimuth:right; 
	position:relative; 
	float:right; 
	top:0px; 
	right:10px; 
	width:45%; 
	border:0px solid #000; 
	margin:5px; padding:5px;
	height:100%;
}
#wordsabsolute {
	position:absolute; 
	top:50px; 
	left:45px; 
	border:0px solid #000; 
	margin:5px; 
	padding:5px;
 	color: #EAEAEA; 
	font-size:24px; 
	width:200; 
	letter-spacing:0.1em
}
#wordsrelative {
	position:relative; 
	top:10px; left:30px; 
	background:#dda; 
	border:0px solid #000; 
	margin:5px; 
	padding:5px; 
	font-size:2em; 
	color:#c00; 
	width:150px;
	height:100%;
}
#wordsrelative_1 {
	position:relative; 
	top:10px; left:30px;
	border:0px solid #000; 
	margin:5px; 
	padding:5px;
	color:#c00; 
	width:150px;
	height:100%;
}
#wordsrelative_2 {
	position:relative; 
	top:10px; left:30px;
	border:0px solid #000; 
	margin:5px; padding:5px; 	
	color:#c00; 
	width:300px;
	height:100%;
}

#navigation a {
	font:11px georgia;
	/*color: #99CCFF;*/
	font-weight:bold;
	text-decoration: none;
	letter-spacing:.1em;
	line-height:16px;
	display:block;
	padding:10px;
	border: 1pt solid rgb(20,40,95);
	border-right-width: 0px; 
	border-left-width: 0px; 
	}
	
#navigation a:hover {
	/*color:#ffffff;*/
	border: 1pt dotted red;
	border-right-width: 0px; 
	border-left-width: 0px; 
	}
	
#sidebarHeader {
	padding: 0px 4px 14px 4px;
	}

#logo {
	font:18px georgia;
	color: #CC3300;
	line-height:24px;
	letter-spacing:.4em;
	}

#tagline {
	font:12px georgia;
	color: #CC3300;
	line-height:18px;
	letter-spacing:.4em;
	}
	
#dateformat a {
	color:#99CCFF;
	font:11px georgia;
	color: #99CCFF;
	letter-spacing:.2em;
	text-decoration:none;
	font-weight:bold;
	}
	
#dateformat a:hover {
	color: #ffffff;
	}

#katsa acronym {
	border-bottom: none; 
	background-color:#FFFFCC; 
	background-image:url(../images/katsa.gif); 
	background-repeat:no-repeat; 
	background-position:top left;  
	height:auto; width:auto;
	 }
/* Class Styles */

.bodyText {
	color:#FFFFFF;
	line-height:20px;
	letter-spacing:0.1em;
	margin-top:0px;
	font-family: arial;
	font-size: 10pt;
	text-align: justify;
	}

.myPageName{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:48px;
	color: #EAEAEA;
	font-weight:bold;
	font-stretch: extra-expanded;
	line-height:10px;
	letter-spacing:0.4em;
	margin-left:50px;
	margin-top:24px;
	}
	
.mySubHeader {
	font-size :24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #EAEAEA;
	font-weight:bold;
	letter-spacing:0.1em;
	margin-left:5px;
	line-height:30px;
	}	
		
.pageName{
	font:22px georgia;
	color: #CC3300;
	line-height:20px;
	letter-spacing:.1em;
	}
	
.subHeader {
	font-size :24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top:5px;  
 	font-weight:bold;
	letter-spacing:0.1em;
	line-height:24px;
	}	
	
.sidebarHeader {
	font:14px georgia;
	color: #99CCFF;
	font-weight:bold;
	letter-spacing:.1em;
	line-height:16px;
	}	
	
.detailText {
	color:#CC8300;
	text-align: justify;
	}
	
.smallText {
	font-family:arial;
	font-size : 10pt;
	color:#CC8300;
	}
	
.pad2 {
display:block;
height:100px; /* height to miss header */
}
.pad5 {
display:block;
height:110px; /* height to miss header */
}
.pad4 {
display:block;
height:25px; /* height to miss footer */
}