/* FONT AND TEXT STYLES PAGE 142 and 159 FOR BACKGROUND FORMATTING 	*/
body {background-color: white; font-family: Arial, Helvetica, Sans-serif; color: black; font-size: 0.8em } 

/* MARGIN FOR THE LOGO PICTURE */
#logo1 {margin-left: 2.5%; margin-top: 15px; width: 940px} 

/* HEADER TEXTS */
h1 
{
font-size: 1.9em;
font-weight: bold;
color: white; 
font-family: "Verdana", "Arial", "Helvetica", sans-serif;
text-align: center;
background: #3BB9FF;
margin-top: 26px
}

#columntwoh2 
{
font-size: 1.4em;
font-weight: bold;
color: blue; 
font-family: "Verdana", "Arial", "Helvetica", sans-serif;
text-align: center 
}

h3 /* HEADING FOR INNER LINKS FOR HOME PAGE*/
{
font-size: 1em;
font-weight: bold;
color: blue; 
font-family: "Verdana", "Arial", "Helvetica", sans-serif;
text-align: left 
}

h4 
{
font-size: 1.2em;
font-weight: bold;
color: white; 
font-family: "Verdana", "Arial", "Helvetica", sans-serif;
text-align: left;
background: #3BB9FF;
margin-top: 26px;
margin-bottom: -0.5px;
padding-left: 3px;
padding-bottom: 2px
}


h5 
{
font-size: 1em;
font-weight: bold;
color: white; 
font-family: "Verdana", "Arial", "Helvetica", sans-serif;
text-align: left;
background: #3BB9FF;
margin-top: 5px;
margin-bottom: 5px;
margin-left: -3px;
padding-left: 10px;
padding-bottom: 2px;
width: 97%
}

h6 
{
font-size: 1.2em;
font-weight: bold;
color: white; 
font-family: "Verdana", "Arial", "Helvetica", sans-serif;
text-align: left;
background: #3BB9FF;
margin-top: 26px;
margin-left: 1%;
margin-bottom: -0.5px;
padding-left: 3px;
padding-bottom: 2px;
width: 98%
}



/* FLOATING IMAGE PG 164  MARGINS PG 167
#kenya_animals_home {float: right} */
#Kenya_animals_home_link {float: left; margin: 0em 1em 1em 0em}
#Kenya_people_home_link {float: right; margin: 0em 0em 0em 1em}
#Kenya_game_home_link {float: left; margin: 0em 1em 1em 0em}


#content_image1 {float: left; margin: 0em 1em 1em 0em}
#content_image2 {float: left; margin: 0em 1em 1em 0em}
#content_image3 {float: left; margin: 0em 1em 1em 0em}
#content_image4 {float: left; margin: 0em 1em 1em 0em}
#content_image5 {float: left; margin: 0em 1em 1em 0em}


#Floatleft1 {float: left; margin: 0em 1em 1em 0em}
#Floatleft2 {float: left; margin: 0em 1em 1em 0em}
#Floatleft3 {float: left; margin: 0em 1em 1em 0em}
#Floatleft4 {float: left; margin: 0em 1em 1em 0em}
#Floatleft5 {float: left; margin: 0em 1em 1em 0em}
#Floatleft6 {float: left; margin: 0em 1em 1em 0em}
#Floatleft7 {float: left; margin: 0em 1em 1em 0em}
#Floatleft8 {float: left; margin: 0em 1em 1em 0em}
#Floatleft9 {float: left; margin: 0em 1em 1em 0em}
#Floatleft10 {float: left; margin: 0em 1em 1em 0em}
#Floatleft11 {float: left; margin: 0em 1em 1em 0em}





/* PICTURES AT BOTTOM */
#bottominsidecolumn1piclink {float: left; margin: 0em 1em 0em 0em}
#bottominsidecolumn2piclink {float: left; margin: 0em 1em 0em 0em}
#bottominsidecolumn3piclink {float: left; margin: 0em 1em 0em 0em}
#bottominsidecolumn4piclink {float: left; margin: 0em 1em 0em 0em}

#bottominsidecolumn2piclink2 {float: left; margin: 0em 1em 0em 0em}
#bottominsidecolumn3piclink3 {float: left; margin: 0em 1em 0em 0em}
#bottominsidecolumn4piclink4 {float: left; margin: 0em 1em 0em 0em}



/* HORIZONTAL LINKS OR LINKS AT THE TOP */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#tabs {
	float:left;
	width:640px; 
	font-size:93%;
	line-height:normal;
	border-bottom:1px solid #666;
	margin-left: 148px; 
	margin-right: 100px; 
	margin-bottom:1em; /*margin between menu and rest of page*/
	overflow:hidden;
	}

#tabs ul {
	margin:0;
	padding:10px 10px 0 0px;
	list-style:none;
	
	}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	}

#tabs a {
	float:left;
	background:url("left.png") no-repeat left top;
	margin:0;
	padding:0 0 0 6px;
	text-decoration:none;
	}

#tabs a span {
	float:left;
	display:block;
	background:url("right.png") no-repeat right top;
	padding:6px 15px 4px 6px;
	margin-right:2px;
	color:#FFF;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	}

#tabs a:hover {
	background-position:0% -42px;
	}

#tabs a:hover span {
	background-position:100% -42px;
	}



/* VERTICAL LINKS , COLUMN 1 */

.links{
width: 159px; /* 16% width of menu*/
margin-left: 2.5%;
margin-top: 0px;
margin-bottom: 50px;
float: left;  /* This was added  */
clear: both
}

.links .headerbar{
font: bold 13px Verdana;
color: white;
 background: #606060; /*url(arrowstop.gif) no-repeat 8px 6px; */ /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 7px; /*31px is left indentation of header text*/
width: 96%;

}

.links ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.links ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.links ul li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.links ul li a:visited{
color: black;
}

.links ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}








/* DIV CONTAINERS FOR TOPLINKS - PAGE 177 AND PG 169 FOR BORDER STYLES 
#toplinks {float: left; width: 626px; margin-left: 180px; background-color: lemonchiffon; border-style: outset; border-color: rgb(255,246,143); border-width: 0.4em}

*/

/* DIV CONTAINERS FOR COBTACTS - PAGE 177 AND PG 169 FOR BORDER STYLES 
#contacts {float: left; width: 300px; margin-left: 130px; margin-right: 100px; margin-bottom: 30px; padding: 15px; background-color: lemonchiffon; border-style: outset; border-color: rgb(255,246,143); border-width: 0.4em}

*/

/* FORMATTING FOR TOP LINKS */
/*#toplinks  {position: absolute; top: 255px; left: 130px; width: 750px}

#toplinks ul {list-style-type: none; padding: 0px; margin: 0px}
#toplinks li  {display: block; float: left; font-size: 14px;
             background-color: rgb(255, 218, 185); border-width: 1px;
             width: 102px; height: 33px; text-align: center; margin-right: 2px}
#toplinks a  {display: block; color: black; text-decoration: none; margin-top: 7px}
#toplinks a:hover  {color: red; text-decoration: underline}

*/

/* FONT PG 145 & 149 */
h2 {font-size: 2em; letter-spacing: 0.4em; text-indent: 1em} 

/* BORDER STYLES PG 171 
address {clear: both; text-align: center; font: normal small-caps 0.8em sans-serif; border-top: 0.5em double grey; padding-top: 3em; padding-bottom: 3em; margin-left: 160px; width: 670px} 

*/

p {color: black; text-align: justify}
#p1 {font-size: 0.8em; font-family: sans-serif}
#p2 {font-size: 0.8em; font-family: sans-serif}
#b1 {font-size: 0.8em; font-family: sans-serif; margin-left: 20px}




/* HEIGHT, WIDTH PG 172  Not Used here. Check ID page 134 
#p1 {width: 500px; padding: 30px; border:10px solid green}  
*/

/* STYLE ID PAGE 134 */
#redh2 {color: red}
 

/* HEIGHT, WIDTH PG 172 
ul {width: 48px; padding: 3px; border:10px solid green} */

/* SETTING STYLE ON HEADING 3 - PAGE 174 */
h3 {width: 110px; padding-left: 1em}

/* OUTER DIV CONTAINERS. SETTING WIDTH OF PAGE LAYOUT - PAGE 175 */
#outer {width: 100%}

/* DIV CONTAINERS FOR LINKS - PAGE 177 AND PG 169 FOR BORDER STYLES
#links {float: left; width: 6em; background-color: lemonchiffon; margin-left: 21px; border-color: rgb(0, 154, 0); margin-top: 16px}

#links a  {color: blue; text-decoration: none; margin-top: 15px; margin-bottom: 15px}
#links a:hover  {color: red; text-decoration: underline}

*/

/* HYPERTEXT ELEMENTS- DISPLAY BLOCK OR INLINE. TEXT DECORATION = NONE TO REMOVE UNDELINE IN LINKS. BORDER GIVES BORDER TO LINKS  - A-HREF 
#links a {display: block; padding: 4px; margin: 5px 5px 5px 0px; font-size: 10pt; text-decoration: none; border: 1px solid black; background: rgb(255,255,192)} */



/* COLUMN 2 WITH CONTENT - PAGE 178 */
#columntwo {float: left; width: 445px;  margin-top: -12px; margin-bottom: 50px; padding-left: 0.8em; padding-right: 0.8em; font: normal 0.9em sans-serif} 


#columntwo a  {color: blue; text-decoration: underline} 
#columntwo a:hover  {color: red; text-decoration: underline}


/*#bottominsidecolumnparagraph1 {font-size: 1em; font-family: sans-serif; color: black}*/





/* margin-left: 100px; border-left: 0.1em solid green; border-right: 0.1em solid green*/ 

/* DISPLAY STYLE FOR THE LINKS ON THE LEFT - PAGE 180 
a {display: block; margin: 0.3em} */

/* COLUMN THREE FOR THE ADS ON THE RIGHT SIDE */
#columnthree {width: 316px; float: left; margin-top: 12px; margin-bottom: 50px; background-color: #E9E9E9}

/* DISPLAYS THE BOXES ON THE RIGHT FOR AD AND RELATED CONTENT */
#rightbox1 {float: left; width: 95%; Margin-top: 10px; margin-left: 7px; padding-left: 1px; padding-bottom: 1px; background-color: white;}

/* RIGHT BOX 2 */
#rightbox2 {float: left; width: 100%; margin-top: 30px; margin-right: 2px; margin-left: 0px; margin-bottom: 10px; padding-left: 1px; padding-bottom: 3px; background-color: white}

#rightbox2 a  {color: blue; text-decoration: none} 
#rightbox2 a:hover  {color: red; text-decoration: underline}


/* HYPERTEXT ELEMENTS- DISPLAY BLOCK OR INLINE. TEXT DECORATION = NONE TO REMOVE UNDELINE IN LINKS. BORDER GIVES BORDER TO LINKS  - A-HREF */

#rightbox2 a {display: block; padding-top: 5px; padding-left: 5px; padding-right: 3px; padding-bottom: 0px; margin: 1px 0px 0px 0px; font-size: 10pt; text-decoration: none; background: white}

#rightbox2 p {color: black; font: normal 1em arial; padding-left: 5px}


/*  border-bottom: 1px dashed blue; */

/* TEST FOR RIGHT BOX 2 */

#rightbox2inside1 {float: left; border-style: outset; border-width: 1px; padding-right: 5px}
#rightbox2inside2 {float: left; border-style: outset; border-width: 1px; padding-right: 5px}
#rightbox2inside3 {float: left; border-style: outset; border-width: 1px; padding-right: 5px}
#rightbox2inside4 {float: left; border-style: outset; border-width: 1px; padding-right: 5px}
#rightbox2inside5 {float: left; border-style: outset; border-width: 1px; padding-right: 5px}
#rightbox2inside6 {float: left; border-style: outset; border-width: 1px; padding-right: 5px}




/*; padding-top: 0em; padding-bottom: 1em; padding-left: 10px; padding-right: 1px; margin-left: 0%; width: 91%; background: white; height: 190px; border-style: outset;}
*/

/*
#rightbox2inside1 {font-size: 0.9em; font-family: san-serif; text-align: justify; color: black; padding-right: 12px; padding-bottom: 7px}
#rightbox2inside1 a:hover  {color: red; text-decoration: underline}
#rightbox2inside1 a {text-decoration: none}

*/


/* PICTURES AT RIGHT BOX 2 */
#rightbox2inside1piclink {float: right; margin: 0em 0em 0em 1em}
#rightbox2inside1piclink2 {float: right; margin: 0em 0em 0em 1em}
#rightbox2inside1piclink3 {float: right; margin: 0em 0em 0em 1em}
#rightbox2inside1piclink4 {float: right; margin: 0em 0em 0em 1em}
#rightbox2inside1piclink5 {float: right; margin: 0em 0em 0em 1em}
#rightbox2inside1piclink6 {float: right; margin: 0em 0em 0em 1em}



/*rgb(255,255,192) lemonchiffon ; border-style: outset; */


#rightbox3 {float: left; width: 95%; margin-left: 8px; margin-bottom: 3px; margin-top: 3px; padding-left: 0; padding-right: 0; background-color: white;}

/* RIGHT BOX 4 */

#rightbox4 {float: left; width: 91%; margin-top: 4px; margin-right: 5px; margin-left: 5px; margin-bottom: 15px; padding-left: 10px; padding-bottom: 10px; background-color: white; border-color: rgb(229, 229, 229); border-style: outset; border-width: 0.3em}


#rightbox4 a  {color: blue; text-decoration: none; margin-top: 15px; margin-bottom: 15px}
#rightbox4 a:hover  {color: red; text-decoration: underline}

/* HYPERTEXT ELEMENTS- DISPLAY BLOCK OR INLINE. TEXT DECORATION = NONE TO REMOVE UNDELINE IN LINKS. BORDER GIVES BORDER TO LINKS  - A-HREF */
#rightbox4 a {display: block; padding-top: 3px; padding-left: 3px; padding-right: 3px; padding-bottom: 10px; margin: 3px 6px 3px -4px; font-size: 10pt; text-decoration: none; border: 1px solid black; background: white}

#rightbox4 p {color: black; font: normal 0.7em arial}

/* BOTTOM COLUMN CURVED CORNERS. NOT USING BR BECAUSE OF TROUBLE WITH  */
/* INTERNET EXPLORER AND FIREFOX. FINE WITH CHROME */

.bottominsidecolumn1 { background: #E9E9E9 url(bl.jpeg) 0 100% no-repeat; float: left; font: normal 0.9em sans-serif; width: 22%;  height: 75%; border-width: 0px; margin-left: 10px; margin-right: 13px}

/*   padding-top: 0em; padding-bottom: 1em; padding-left: 10px; padding-right: 1em; margin-left: 18px; width: 20%;  height: 75%; border-style: outset; border-width: 1px}

.br {background: url(br.jpeg) 100% 100% no-repeat} */
.tl {background: url(tl.jpeg) 0 0 no-repeat}
.tr {background: url(tr.jpeg) 100% 0 no-repeat; padding: 10px}
.clear {font-size: 1px; height: 1px}

/* BOTTOM COLUMN 2 CURVED BORDERS */

.bottominsidecolumn2 { background: #E9E9E9 url(bl.jpeg) 0 100% no-repeat; float: left; font: normal 0.9em sans-serif; width: 22%;  height: 75%; border-width: 0px; margin-left: 18px; margin-right: 13px}


/* BOTTOM COLUMN 3 CURVED BORDERS */

.bottominsidecolumn3 { background: #E9E9E9 url(bl.jpeg) 0 100% no-repeat; float: left; font: normal 0.9em sans-serif; width: 22%;  height: 75%; border-width: 0px; margin-left: 18px; margin-right: 13px}


/* BOTTOM COLUMN 4 CURVED BORDERS */

.bottominsidecolumn4 { background: #E9E9E9 url(bl.jpeg) 0 100% no-repeat; float: left; font: normal 0.9em sans-serif; width: 22%;  height: 75%; border-width: 0px; margin-left: 18px; margin-right: 0px}



/* BOTTOM COLUMN - THESE ARE NOT USED BECAUSE WE ARE USING CLASS ABOVE */
/* BECAUSE FOR THE CURVED BOTTOM BOXES */

#bottomcolumn {clear: both; font: normal 0.9em sans-serif;   padding-top: 0px; padding-bottom: 1em; padding-left: 1px; margin-left: 22px; margin-bottom: 40px; width: 940px; background: white; height: 270px} /*#E9E9E9*/
#bottomcolumn p {color: black; font: normal 1em arial; padding-left: 5px}

#bottominsidecolumn1 {float: left; font: normal 0.9em sans-serif;   padding-top: 0em; padding-bottom: 1em; padding-left: 10px; margin-left: 18px; width: 188px; background: white; height: 203px; border-style: outset; border-width: 1px}

#bottominsidecolumn2 {float: left;  font: normal 0.9em sans-serif;   padding-top: 0em; padding-bottom: 1em; padding-left: 10px; margin-left: 14px; width: 188px; background: white; height: 203px; border-style: outset; border-width: 1px}


#bottominsidecolumn3 {float: left;  font: normal 0.9em sans-serif;   padding-top: 0em; padding-bottom: 1em; padding-left: 10px; margin-left: 14px; width: 188px; background: white; height: 203px; border-style: outset; border-width: 1px}


#bottominsidecolumn4 {float: left;  font: normal 0.9em sans-serif;   padding-top: 0em; padding-bottom: 1em; padding-left: 10px; margin-left: 14px; width: 188px; background: white; height: 203px; border-style: outset; border-width: 1px}


/* BOTTOM COLUMN TEXT AND COLOR FORMATTING */
.bottominsidecolumn1 {font-size: 1em; font-family: sans-serif; text-align: justify; color: black} /* padding-right: 12px; padding-bottom: 7px */
.bottominsidecolumn1 a:hover  {color: red; text-decoration: underline}
.bottominsidecolumn1 a {text-decoration: none}
.bottominsidecolumnparagraph1 {font-size: 1em; font-family: sans-serif; color: black}


.bottominsidecolumn2 {font-size: 1em; font-family: sans-serif; color: black; text-align: justify} /* padding-right: 12px; padding-bottom: 7px */
.bottominsidecolumn2 a:hover  {color: red; text-decoration: underline}
.bottominsidecolumn2 a {text-decoration: none}
.bottominsidecolumnparagraph2 {font-size: 1em; font-family: sans-serif; color: black}

.bottominsidecolumn3 {font-size: 1em; font-family: sans-serif; color: black; text-align: justify} /* padding-right: 12px; padding-bottom: 7px */
.bottominsidecolumn3 a:hover  {color: red; text-decoration: underline}
.bottominsidecolumn3 a {text-decoration: none}
.bottominsidecolumnparagraph3 {font-size: 1em; font-family: sans-serif; color: black}

.bottominsidecolumn4 {font-size: 1em; font-family: sans-serif; color: black; text-align: justify} /* padding-right: 12px; padding-bottom: 7px */
.bottominsidecolumn4 a:hover  {color: red; text-decoration: underline}
.bottominsidecolumn4 a {text-decoration: none}
.bottominsidecolumnparagraph4 {font-size: 1em; font-family: sans-serif; color: black}


/* BOTTOM COLUMN REFERENCE
#bottomcolumn {clear: both; text-align: center; font: normal small-caps 0.8em sans-serif; border-top-width: 0.5em; padding-top: 3em; padding-bottom: 3em; margin-left: 160px; width: 670px; border-top-color: blue; border-top-width: 1em; border-top: solid;}
*/