@charset "utf-8";
body {margin: 0;
 /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	/* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #CCC;
	background-color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	width: 100%;
	height: 100%;

}
#stripBody {

	background-color: #333;
	height: 100%;
}
#EthiopiaBody {
	background-color: #303030;
	color: #ccc;
	height: 100%;
	
}
#outerWrapper{
	
min-height: 800px;
}
#xbody {
	text-align: center;
	background-color: #999;
}
#xcontent{
	padding-top: 40px;


}



#closebutton {
	position: fixed;
	right: 10px;
	top: 10px;


}

	
#previews {
	position: fixed;
	left: 0px;
	top: opx;
	width: 100%;
	margin-right: 0;

	padding-left: 10px;
	padding-top:  3px;
	padding-bottom: 6px;
	font-size: 12px;
	background-color: #333;	
	

}
.minis {
	padding-top: 25px;
	background-color: #333;

}
.minis img {

	padding-right: 2px;
	margin-right: 0;
	border-bottom: 4px dashed #ffffff;

	overflow: visible;
}




	

	



.oneColFixCtrHdr #header {
	margin: 0;
	padding-top: 5px;
	padding-bottom: 7px;
	background-image: url(gimages/greyBG.gif);

}

#header img {
	position: relative;
	left: 7.5%;
	top: 15px;
}
	


	




#topmenu {
	width:100%;
	margin-left: auto;

	margin-right: auto;
	margin-top: 0px;
	position: absolute;
    top: 78px;
}




.oneColFixCtrHdr #header h2 {
	color: #F8F8FF;/* using padding instead of margin will allow you to keep the element away from the edges of the div */
	padding-top: 3px;
	width: 285px;
	position: relative;
	left: 7.5%;
}
.oneColFixCtrHdr #headerindex{
				background-color: #808080;
					overflow: hidden;
					padding-bottom: 10px;
	
	
	
}

.oneColFixCtrHdr #welcome {
	text-align: left;
	padding-top: 0px;
	font-size: 20px;




	
}

.oneColFixCtrHdr #text {


position: relative; top: 0px; left: 7.5%;
font-size: 14px;
width: 35%;
height: 100%;

z-index: 1;	
}

.oneColFixCtrHdr #ethiopiaText {


position: relative; top: 0px; left: 7.5%;
font-size: 14px;
width: 35%;
height: 100%;

z-index: 1;	
}




.oneColFixCtrHdr #mainContent {
	background: #333;
	text-align: left;
	width: 65%;
	margin-top: 0px;
	padding-bottom: 40px;
	padding-top: 10px;
	position: relative;
	left: 7.5%;
	min-height: 800px;

	
}
.oneColFixCtrHdr #mainContent p {
	width: 50%;
}
.oneColFixCtrHdr #mainContent img {
    border:1px solid #ccc;
	
}
#thumbnails {
	position: absolute;

    top: 25%;
	right: 2%;
	height: 75%;
    width: 100px;
    z-index: 1;
}
 #photo-gallery  {
	border-style:solid;
    border-width:3px;
	border-color: black;


}






#mainPhoto {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}




	
	







#slow6  {
	overflow: visible;
	
}





#slowT  {
	overflow: visible;
	
}

#slowE  {
	overflow: visible;
	
}

#slowS  {
	overflow: visible;
	
}

#slow10  {
	overflow: visible;
	
}

#Logoslow  {

	overflow: hidden;

	
	
}

.oneColFixCtrHdr #imagecontainer {
	overflow: hidden;


	
}
.oneColFixCtrHdr #myStrapper {
	position: relative;
	margin-top:-100px;
	margin-bottom: 30px;

}
	




	



.oneColFixCtrHdr #imageouterwrapper {
	position: relative;

	




	


	margin-top: -150px;
    margin-bottom: 2.5%;
	
}

.oneColFixCtrHdr #logoimageouterwrapper {
	position: relative;
	margin-top: -30%;
	margin-bottom: -13%;




	
}


.oneColFixCtrHdr #logoimageflow  {
}


	
.oneColFixCtrHdr #cat {
	
	position: relative;
	bottom: 20%;
	left: 0%;
	
}
	
	






	

	
	




#slowLogo{
	overflow: hidden;

	
}

.oneColFixCtrHdr #welcomeSLSH1 {
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 60px;
	
}



.menu2 {padding:0 0 0 0px;         	    
list-style:none;
height:35px;
border:1px solid #000;
background-repeat: repeat-x;
border-bottom:1px solid #444;
background:#fff url(pro_two/button1.gif);
border-width:0 1px;
position: relative;
bottom:20px;
margin:0;
 }

.menu2 li {float:left; position: relative; left: 6%;}
.menu2 li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu2 li a b {float:left; display:block; padding:0 16px 0 8px;}
.menu2 li.current a {color:#fff; background:url(pro_two/button3.gif);}
.menu2 li.current a b {background:url(pro_two/button3.gif) no-repeat right top;}
.menu2 li a:hover {color:#fff; background:#000 url(pro_two/button4.gif);}
.menu2 li a:hover b {background:url(pro_two/button4.gif) no-repeat right top;}
.menu2 li.current a:hover {color:#fff; background:#000 url(pro_two/button3.gif); cursor:default;}
.menu2 li.current a:hover b {background:url(pro_two/button3.gif) no-repeat right top;

}


.oneColFixCtrHdr #footer {
	background:#333;
	margin-left: auto;
	margin-right: auto;

	position: relative;
	bottom:0px;

	margin-top: auto;
	width: 100%;
	height: auto;
}	


.oneColFixCtrHdr #footerT {
	background:#333;
	margin-left: auto;
	margin-right: auto;

	position: relative;
	bottom:0px;


	width: 100%;
	height: auto;
}




	
	



	






   .menu2x {
	   z-index: 2;	

	padding:0 0 0 0px;
	margin:0;
	list-style:none;
	height:35px;
	background:#fff url(pro_two/button1.gif);
	position: relative;
	bottom:22px;
	
	border-top-width: 0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
}
.menu2x li {float:left; position: relative; left: 6.2%;}

.menu2x li a {display:block; float:left; height:35px; line-height:35px; color:#ccc; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu2x li a b {float:left; display:block; padding:0 16px 0 8px;}
.menu2x li.current a {color:#fff; background:url(pro_two/button3.gif);}
.menu2x li.current a b {background:url(pro_two/button3.gif) no-repeat right top;}
.menu2x li a:hover {color:#fff; background:#000 url(pro_two/button4.gif);}
.menu2x li a:hover b {background:url(pro_two/button4.gif) no-repeat right top;}
.menu2x li.current a:hover {color:#fff; background:#000 url(pro_two/button3.gif); cursor:default;}
.menu2x li.current a:hover b {background:url(pro_two/button3.gif) no-repeat right top;

}

   .menu2x2 {
	   z-index: 2;	

	padding:0 0 0 0px;
	margin:0;
	list-style:none;
	height:35px;
	background:#fff url(pro_two/button1.gif);
	position: relative;
	bottom:22px;
	
	border-top-width: 0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
}
.menu2x2 li {float:left; position: relative; left: 6.2%;}

.menu2x2 li a {display:block; float:left; height:35px; line-height:35px; color:#CCC; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu2x2 li a b {float:left; display:block; padding:0 16px 0 8px;}
.menu2x2 li.current a {color:#fff; background:url(pro_two/button3.gif);}
.menu2x2 li.current a b {background:url(pro_two/button3.gif) no-repeat right top;}
.menu2x2 li a:hover {color:#fff; background:#000 url(pro_two/button4.gif);}
.menu2x2 li a:hover b {background:url(pro_two/button4.gif) no-repeat right top;}
.menu2x2 li.current a:hover {color:#fff; background:#000 url(pro_two/button3.gif); cursor:default;}
.menu2x2 li.current a:hover b {background:url(pro_two/button3.gif) no-repeat right top;

}

.menu2xBOT {

    padding:0 0 0 0px;
	margin:0;
	list-style:none;
	height:35px;
	background:#fff url(pro_two/button1.gif);
	position: relative;
	bottom: 0px;
	
	border-top-width: 0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
}
.menu2xBOT li {float:left; position: relative; left: 6%;}

.menu2xBOT li a {display:block; float:left; height:35px; line-height:35px; color:#ccc; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu2xBOT li a b {float:left; display:block; padding:0 16px 0 8px;}
.menu2xBOT li.current a {color:#fff; background:url(pro_two/button3.gif);}
.menu2xBOT li.current a b {background:url(pro_two/button3.gif) no-repeat right top;}
.menu2xBOT li a:hover {color:#fff; background:#000 url(pro_two/button4.gif);}
.menu2xBOT li a:hover b {background:url(pro_two/button4.gif) no-repeat right top;}
.menu2xBOT li.current a:hover {color:#fff; background:#000 url(pro_two/button3.gif); cursor:default;}
.menu2xBOT li.current a:hover b {background:url(pro_two/button3.gif) no-repeat right top;

}