/***********************************************/
/* css_main.css                            */
/* Use with mapumba website          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/


body {
	background-color: #000000;
	background-image: url(images/BackPICOne.jpg);
	background-attachment:fixed;	
	background-repeat:no-repeat;
	overflow:scroll;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #CCCCCC;
	text-align:justify;
	
}

h2 {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 18px;
text-align: center;
color:#999999;

}

h3{
font-weight:600;

}

h4{

font-size:17px;
color:#CC9900;
}

a:link, a:visited {
    color:#999999;
    text-decoration:none;
	
}

a:hover {
     color:#FFFF99;
	 
}


.Centerstyle {
text-align:center;
}

.TitlesColorStyle {
    color:#CC9966;
		
}

.TitlesColorStyle2 {
color: #CC9933;
}

.resize {
max-width: 282px;
width: 282px;
height : auto;
}
.resize {
max-height: 413px;
width: auto;
height : 413px;

}

/************************************/
/*  IDs */
/*************************************/

#Title_image{

    position:absolute;
	p
	width:472px; 
	height:65px; 
	z-index:5; 
	top: 10px; 
	left: 80px; 
	font: Arial, Helvetica, sans-serif;
	font-size: xx-large;
	font-weight:600;
	font-size-adjust:inherit;
	visibility: visible;
	
}

#Navbar {
	position:absolute;
	width:310px; height:24px;
	z-index:2;
	top: 75px;
	left: 80px;	
	visibility: visible;
	text-decoration: none;
	padding: 2px 0px 0px 0px;
	color:#999999;
	
}

#Navbar a{	
	color: #CC9900;
	text-decoration: none;
}

#Navbar a:hover {
    color: #FFFFFF;
	padding: 6px 0px 0px 0px;
		
}

.NavbarStyle {
	font-size: 14px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: 300;
		
}
	
#Main_text {
	position:absolute;
	left: 80px;
	top: 100px;
	width:458px;
	height:415px;
	z-index:6;
	visibility: visible;
	border: thin solid #666666;
	padding:6px 6px 6px 6px;
	overflow:auto;
	scrollbar-face-color: #000000;
	scrollbar-highlight-color: #CC9900;
	scrollbar-shadow-color: #333333;
	scrollbar-3dlight-color: #000000;
	scrollbar-arrow-color: #CC9900;
	scrollbar-track-color: #333333;
	scrollbar-darkshadow-color: #000000;
		
}

#Videos_main {
	position:absolute;
	left: 80px;
	top: 100px;
	width:760px;
	height:415px;
	z-index:6;
	visibility: visible;
	border: thin solid #666666;
	padding:6px 6px 6px 6px;
	overflow:auto;
	scrollbar-face-color: #000000;
	scrollbar-highlight-color: #333333;
	scrollbar-shadow-color: #333333;
	scrollbar-3dlight-color: #333333;
	scrollbar-arrow-color: #666666;
	scrollbar-track-color: #000000;
	scrollbar-darkshadow-color: #000000;
		
}

#videos_small {
	position:absolute;
	left: 80px;
	top: 532px;
	width:458px;
	height:380px;
	z-index:7;
	visibility: visible;
	border: thin solid #666666;
	padding:6px 6px 6px 6px;
	overflow:auto;
	scrollbar-face-color: #000000;
	scrollbar-highlight-color: #333333;
	scrollbar-shadow-color: #333333;
	scrollbar-3dlight-color: #333333;
	scrollbar-arrow-color: #666666;
	scrollbar-track-color: #000000;
	scrollbar-darkshadow-color: #000000;

}
#pic_frame {
	position:absolute;
	left: 554px;
	top: 100px;
	width:284px;
	height:415px;
	z-index:6;
	visibility: visible;
	border: thin solid #666666;
	padding:6px 6px 6px 6px;
		
}

#album_gallery {
	position:absolute;
	left: 554px;
	top: 100px;
	width:284px;
	height:415px;
	z-index:6;
	visibility: visible;
	border: thin solid #666666;
	padding:6px 6px 6px 6px;
		
}

#Audio_player {
	position:absolute;
	width:320px;
	height:90px;
	left: 554px;
	top: 10px;
	z-index:7;
	font:Arial, Helvetica, sans-serif;
	color:#cc9900;
	background-color: #000000;
	
}

#Audio_player2 {
	position:absolute;
	left: 80px;
	top: 100px;
	width:456px;
	height:415px;
	z-index:6;
	visibility: visible;
	border: thin solid #666666;
	padding:6px 6px 6px 6px;
	
}

#trans_lyrics {
	position:absolute;
	left:450px;
	top:75px;
	width:140px;
	height:18px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:500;
	border-style:dotted;
	border-color:#CC9900;
	color:#CC9900;
}

#translations {
	position:absolute;
	visibility:hidden;
	left: 80px;
	top: 560px;
	width:380px;
	height:200px;
	z-index:6;
	visibility: visible;
	border: thin solid #666666;
	padding:6px 6px 6px 6px;
		
}

#lyrics {
	position:absolute;
	visibility:hidden;
	left: 480px;
	top: 560px;
	width:356px;
	height:200px;
	z-index:6;
	visibility: visible;
	border: thin solid #666666;
	padding:6px 6px 6px 6px;
		
}

/*#transparency {
   position:absolute;
   left: 30px; top: 100px
   width:380px; height:353px; 
   z-index:3; visibility: visible;
   left: 30px; top: 100px;
   filter: alpha(opacity=75); 
   -moz-opacity: .75; 
   background-color:#000000;
  */

#Events {
	position:absolute;
	left: 554px;
	top: 570px;
	width:296px;
	height:240px;
	z-index:8;
	visibility: visible;
	border: thin solid #666666;
	font-size:12px;
	overflow:auto;

}

#Navbar_network {
	position:absolute;
	width:296px;
	height:30px;
	text-align:right;
	z-index:2;
	top: 530px;
	left: 558px;
	visibility: visible;
	text-decoration:none;
	padding: 2px 0px 0px 0px;
	color:#999999;
	
}

#Navbar_network_music {
	position:absolute;
	width:296px;
	height:30px;
	text-align:center;
	z-index:2;
	top: 66px;
	left: 558px;
	visibility: visible;
	text-decoration:none;
	padding: 2px 0px 0px 0px;
	color:#999999;
	
}

#AllRights {
	position:absolute;
	width:200px;
	height:13px;
	z-index:12;
	left: 80px;
	top: 1000px;
	visibility: visible;
	font-size: 10px;

}