@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

#kontena{
	
	width: 1080px;
	position:relative;
	margin:0 auto;
	
}

body {
	background-color:#000000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	scrollbar-base-color:#575758;
	overflow: visible;
	text-decoration: none;
	color: #d0a742;
	font-family: Arial, Helvetica, sans-serif;
	
	
}

h1.insidecontent { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color:#FFCC00; font-size:14px;

}

#layouting {
	margin:0 auto;
	position:relative;
	top:50px;
	width:360px;
	height:490px;
	
}

#layouting2 {
	margin:0 auto;
	position:relative;
	top:100px;
	width:650px;
	height:700px;
}


p.rightz { font-size:9px;
padding-bottom:-10em;
	color:#a85300;
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
} 

p.rightzone { font-size:9px;
padding-bottom:-10em;
	color:#909090;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}


p.main { font-size:12px;

padding-bottom:-10em;
line-height:auto;
text-align:justify;
	color:#d0a742;
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
} 

h3 a
	{
color:#d0a742;
	
	}
.main a
	{
color: #CCC;
	
	}


#footer {
	postion:absolute;
	
	width:360px;
	height:50px;
	
}

#enterlink  {
	postion:absolute;
	width:50px;
	height:25px;
	top: 200px;
	margin:0 auto;
	z-index:2000;


}

a.footer { 
	font-size:12px;
	padding: 0px;
	text-decoration: none;
	color: #CCC;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

a.footer:hover {
	font-weight: bold;
font-size:12px;
  color: #000000;
	padding: 0px;
	text-decoration:underline;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}



#topbanner {
	postion:absolute;
	background-color:#393939;
	top:43px;
	width:1080px;
	height:200px;
	float: right;
	position: absolute;
	visibility: visible;
	z-index: 6;
	vertical-align: middle;
}



#anim {
	postion:absolute;
	top:305px;
	left:15px;
	width:284px;
	height:200px;
	float: right;
	position: absolute;
	visibility: visible;
	z-index: 25;
	vertical-align: middle;
}



h3.pagename {font-family: Arial, Helvetica, sans-serif; font-size:90%; color:#ffcc4e;}
h3.lowerbox {font-family: Arial, Helvetica, sans-serif; font-size:80%; color:#ffcc4e;}




#contents {
	postion:absolute;
	background-color:#000000;
	top:18em;
	left:311px;
	width:734px;
	height:400px;
	float: right;
	position: absolute;
	visibility: visible;
	z-index: 6;
	vertical-align: middle;
}

#contents p {
	font-size:12px;}
	
	#contents a {
	font-size:12px;
	color: #a85300;}
	
#leftmenu {
	postion:absolute;
	background-color:#393939;
	top:18em;
	width:310px;
	height:400px;
	float: right;
	position: absolute;
	visibility: visible;
	z-index: 11;
	vertical-align: middle;
}


#leftcurvedbar {
	postion:absolute;
	top:43px;
	left:98px;
	width:auto;
	height:auto;
	float: right;
	position: absolute;
	visibility: visible;
	z-index: 7;
	vertical-align: middle;
}

#rightcurvedbar {
	postion:absolute;
	top:43px;
	left:1158px;
	width:auto;
	height:auto;
	float: right;
	position: absolute;
	visibility: visible;
	z-index: 7;
	vertical-align: middle;
}

#logoinside {
	postion:absolute;
	top:53px;
	left:118px;
	width:auto;
	height:auto;
	float: right;
	position: absolute;
	visibility: visible;
	z-index: 8;
	vertical-align: middle;
}

#footertxt {
	background-color:#1f1f1f;
	postion:absolute;
	top:689px;
	left:98px;
	width:1080px;
	height:55px;
	float: right;
	position: absolute;
	visibility: visible;
	z-index: 12;
	vertical-align: middle;
}

#tatologo {
	postion:absolute;
	top:698px;
	
	width:200px;
	height:71px;
	z-index: 12;
	overflow: visible;
	position: absolute;
	visibility: visible;
	right: auto;
}

#tatotext {
	postion:absolute;
	top:715px;
	left:62px;
	width:auto;
	height:auto;
	z-index: 12;
	overflow: visible;
	position: absolute;
	visibility: visible;
}

#homebtn {
	postion:absolute;
	top:240px;
	left:39px;
	width:auto;
	height:auto;
	z-index: 12;
	overflow: visible;
	position: absolute;
	visibility: visible;
}

#txtfooter {
	postion:absolute;
	top:751px;
	
	width:1080px;
	height:114px;
	position: absolute;
	visibility: visible;
	z-index: 15;
}


div.scroll { postion:absolute; top:150px;

height: 350px;
width: 744px;
overflow: auto;
border: 7px solid #000000;
background-color: #000000;
padding: 8px;
z-index: 18;
}





a.breadcrumb { 
	font-size:12px;
	padding: 0px;
	text-decoration: none;
	color: #d0a742;
	font-family: Arial, Helvetica, sans-serif;
	
}

a.breadcrumb:hover { font-weight: bold;
font-size:12px;
  color: #d0a742;
	padding: 0px;
	text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif;
}



/*hapa inaanza gal yangu jerry*/
div.galscroll { 
postion:absolute; top:100px;
height: 800px;
width: 750px;
overflow: auto;
border: 7px solid #000000;
background-color: #000000;
padding: 8px;


}



#galcontents {
	postion:absolute;
	background-color:#000000;
	margin:0 auto;
	


}


#galcontents a
	{
color:#d0a742;
	
	}




/* Begin CSS Drop Down Menu */

#menuh-container
	{
	width:1127px;
	height:auto;
	position: absolute;
	top: 15em;
	z-index: 2000;
	}

#menuh
	{
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
	width:100%;
	float:left;
	
	margin-top: 1em;
	font-weight:bold
	}
		
#menuh a
	{
	text-align: center;
	display:block;
	border: 1px solid #d0a742;
	white-space:nowrap;
	margin:0;
	padding: 0.6em;
	}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	color: #d0a742;
	background-color:#a25000;
	text-decoration:none;
	}
	
#menuh a:hover						/* menu on mouse-over  */
	{
	color: black;
	background-color:#d0a742;
	text-decoration:none;
	}	
	
#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
	/*background-image: url(navdown_white.gif);*/
	background-position: right center;
	background-repeat: no-repeat;
	}
	
#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
	{
	/*background-image: url(nav_white.gif);*/
	background-position: right center;
	background-repeat: no-repeat;
	}

#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:14em;	/* width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
	}

#menuh li
	{
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{
	display:block;
	}

#termsbox {
	position:absolute;
	top:707px;
	left:400px;
}
#termsbox2 {
	position:absolute;
	top:707px;
	left:569px;
}

/* End CSS Drop Down Menu */