body, html {  
background-color: #fff; 
color: #000; 
margin: 0; padding: 0; border: 0; 
font-size:100.1%; font-weight: normal;
font-family: "Bookman Old Style", "Times New Roman", serif;
}

#popuppage {padding: 1em;}

body.cheetah { background:url(footprints/Cheetah_128x200.gif) repeat-y;}
body.elephant { background:url(footprints/Elephant_128x200.gif) repeat-y;}
body.leopard { background:url(footprints/Leopard_128x200.gif) repeat-y;}
body.baboon { background:url(footprints/Baboon_128x200.gif) repeat-y;}
body.wilddog { background:url(footprints/Wild%20Dog_128x200.gif) repeat-y;}
body.wildebeest { background:url(footprints/Wildebeest_128x200.gif) repeat-y;}
body.zebra { background:url(footprints/Zebra_128x200.gif) repeat-y;}
body.rhino { background:url(footprints/Rhino_128x200.gif) repeat-y;}
body.mountain { background:url(footprints/mountain_bg.gif) repeat-y;}
body.man { background:url(footprints/Man_128x200.gif) repeat-y;}
body.nobg { background-image:none ;}


#content {border-top: 2px solid black; clear: both; padding: 1em;}
#header h1{display:none;}
#header h2{display:none;}
#header {background: url(graphics/logo.gif) no-repeat 280px;}


h1, h2, h3 {  font-family: Garamond, "Times New Roman", serif;}

h1,h2,h3 {clear:both;}

h1 {  font-size: 140%; }
h2 {  font-size: 130%;}
h3 {  font-size: 120%; font-weight: bold;}
p, li {  font-size: 100%;}

a {  text-decoration: none; font-weight: bold; color: #000;}
a:hover {  text-decoration: none; background-color: #ccc;}

img.ic, img.ir, img.il {display: block; border: 1px solid black; }
img.ic { margin: 10px auto; }
img.ir { margin: 10px 0 10px 10px; float:right; }
img.il { margin: 10px 10px 10px 0; float:left; }

.clear {clear:both}

hr {  color: #000;}
.menu {  color: #000000; background-color: #fff; font-weight: bold; font-family: "Bookman Old Style", "Times New Roman", serif;}

.menuback {  background-repeat: repeat-y; background-color: #990;}
.backtext {  background-repeat: no-repeat;}

.back {  background-repeat: no-repeat;}
.bullet {	font-size: medium;}


#footer {  font-family: Arial, Helvetica, sans-serif; font-size: smaller; text-align: center; margin: 0; padding: 0; border: 0;}
#footer .footleft {width: 16%; float: left; text-align:left; padding: 2%;}
#footer .footmiddle {width: 55%; float: left; text-align:center; padding: 2%;}
#footer .footright {width: 16%; float: left; text-align:right; padding: 2%;}


ul.elephant {list-style-image:url(footprints/Elephant_32.gif);}
ul.mountain {list-style-image:url(footprints/mountain_32.gif);}
ul.zebra {list-style-image:url(footprints/Zebra_32.gif);}
ul.baboon {list-style-image:url(footprints/Baboon_32.gif);}
ul.man {list-style-image:url(footprints/Man_32.gif);}



ul#vmenu {margin: 0; padding: 0; border: 0; list-style: none;}
ul#vmenu span {display: none;}
ul#vmenu li {}

ul#vmenu a {background:no-repeat ; border: 0; width: 180px; height: 35px; display: block;}
ul#vmenu a:hover {background:no-repeat; }

ul#vmenu a.m2       {background: url(fw/menu2006_r2_c2.gif); }
ul#vmenu a.m2:hover {background: url(fw/menu2006_r2_c2_f2.gif); }

ul#vmenu a.m4       {background: url(fw/menu2006_r4_c2.gif); }
ul#vmenu a.m4:hover {background: url(fw/menu2006_r4_c2_f2.gif); }

ul#vmenu a.m5       {background: url(fw/menu2006_r5_c2.gif); }
ul#vmenu a.m5:hover {background: url(fw/menu2006_r5_c2_f2.gif); }

ul#vmenu a.m7       {background: url(fw/menu2006_r7_c2.gif); }
ul#vmenu a.m7:hover {background: url(fw/menu2006_r7_c2_f2.gif); }

ul#vmenu a.m8       {background: url(fw/menu2006_r8_c2.gif); }
ul#vmenu a.m8:hover {background: url(fw/menu2006_r8_c2_f2.gif); }

ul#vmenu a.m9       {background: url(fw/menu2006_r9_c2.gif); }
ul#vmenu a.m9:hover {background: url(fw/menu2006_r9_c2_f2.gif); }

ul#vmenu a.m10       {background: url(fw/menu2006_r10_c2.gif); }
ul#vmenu a.m10:hover {background: url(fw/menu2006_r10_c2_f2.gif); }

ul#vmenu a.m11       {background: url(fw/menu2006_r11_c2.gif); }
ul#vmenu a.m11:hover {background: url(fw/menu2006_r11_c2_f2.gif); }

ul#vmenu a.m12       {background: url(fw/menu2006_r12_c2.gif); }
ul#vmenu a.m12:hover {background: url(fw/menu2006_r12_c2_f2.gif); }

ul#vmenu a.m13       {background: url(fw/menu2006_r13_c2.gif); }
ul#vmenu a.m13:hover {background: url(fw/menu2006_r13_c2_f2.gif); }

ul#vmenu a.m14       {background: url(fw/menu2006_r14_c2.gif); }
ul#vmenu a.m14:hover {background: url(fw/menu2006_r14_c2_f2.gif); }




ul#hmenu {margin: 0; padding: 0; border: 0; list-style: none;}
ul#hmenu span {display: none;}
ul#hmenu ul {margin: 0; border: 0; padding: 0;}
ul#hmenu li {margin: 0; border: 0; padding: 0;}

ul#hmenu a {background:no-repeat; margin: 0; border: 0; padding: 0; width: 182px; height: 30px; display: block; float: left; }
ul#hmenu a:hover {background:no-repeat; }

ul#hmenu a.m11       {background: url(fw/topbuttons/jo_safaris.gif); }
ul#hmenu a.m11:hover {background: url(fw/topbuttons/jo_safaris_f2.gif); }

ul#hmenu a.m12       {background: url(fw/topbuttons/tanzania.gif); }
ul#hmenu a.m12:hover {background: url(fw/topbuttons/tanzania_f2.gif); }

ul#hmenu a.m13       {background: url(fw/topbuttons/holidays.gif); }
ul#hmenu a.m13:hover {background: url(fw/topbuttons/holidays_f2.gif); }

ul#hmenu a.m20       {background: url(fw/topbuttons/wildlife.gif); }
ul#hmenu a.m20:hover {background: url(fw/topbuttons/wildlife_f2.gif); }

ul#hmenu a.m21       {background: url(fw/topbuttons/activities.gif); }
ul#hmenu a.m21:hover {background: url(fw/topbuttons/activities_f2.gif); }

ul#hmenu a.m22       {background: url(fw/topbuttons/mobile.gif); }
ul#hmenu a.m22:hover {background: url(fw/topbuttons/mobile_f2.gif); }

ul#hmenu a.m23       {background: url(fw/topbuttons/vehicles.gif); }
ul#hmenu a.m23:hover {background: url(fw/topbuttons/vehicles_f2.gif); }

ul#hmenu a.m24       {background: url(fw/topbuttons/camps.gif); }
ul#hmenu a.m24:hover {background: url(fw/topbuttons/camps_f2.gif); }

ul#hmenu a.m25       {background: url(fw/topbuttons/coast.gif); }
ul#hmenu a.m25:hover {background: url(fw/topbuttons/coast_f2.gif); }

ul#hmenu a.m31       {background: url(fw/topbuttons/kilimanjaro.gif); }
ul#hmenu a.m31:hover {background: url(fw/topbuttons/kilimanjaro_f2.gif); }

ul#hmenu a.m32       {background: url(fw/topbuttons/meru.gif); }
ul#hmenu a.m32:hover {background: url(fw/topbuttons/meru_f2.gif); }

ul#hmenu a.m33       {background: url(fw/topbuttons/lengai.gif); }
ul#hmenu a.m33:hover {background: url(fw/topbuttons/lengai_f2.gif); }


ul#hmenu a.m41       {background: url(fw/topbuttons/walking.gif); }
ul#hmenu a.m41:hover {background: url(fw/topbuttons/walking_f2.gif); }

ul#hmenu a.m42       {background: url(fw/topbuttons/ngorongoro.gif); }
ul#hmenu a.m42:hover {background: url(fw/topbuttons/ngorongoro_f2.gif); }

ul#hmenu a.m43       {background: url(fw/topbuttons/tarangire.gif); }
ul#hmenu a.m43:hover {background: url(fw/topbuttons/tarangire_f2.gif); }


ul#hmenu a.m51       {background: url(fw/topbuttons/filmmaking.gif); }
ul#hmenu a.m51:hover {background: url(fw/topbuttons/filmmaking_f2.gif); }

ul#hmenu a.m52       {background: url(fw/topbuttons/horseback.gif); }
ul#hmenu a.m52:hover {background: url(fw/topbuttons/horseback_f2.gif); }


ul#hmenu a.m61       {background: url(fw/topbuttons/bring.gif); }
ul#hmenu a.m61:hover {background: url(fw/topbuttons/bring_f2.gif); }

ul#hmenu a.m62       {background: url(fw/topbuttons/watch.gif); }
ul#hmenu a.m62:hover {background: url(fw/topbuttons/watch_f2.gif); }

ul#hmenu a.m63       {background: url(fw/topbuttons/read.gif); }
ul#hmenu a.m63:hover {background: url(fw/topbuttons/read_f2.gif); }


ul#hmenu a.m71       {background: url(fw/topbuttons/safari_guides.gif); }
ul#hmenu a.m71:hover {background: url(fw/topbuttons/safari_guides_f2.gif); }

ul#hmenu a.m72       {background: url(fw/topbuttons/mountain_guides.gif); }
ul#hmenu a.m72:hover {background: url(fw/topbuttons/mountain_guides_f2.gif); }

ul.camplist {margin: 0; padding: 0; border: 0; list-style: none;}
ul.camplist span {display:none;}
ul.camplist img {border: 0;}
ul.camplist li {margin: 0; border: 0; padding: 0; display: block; width: 210px; height: 200px;float: left; text-align:center;font-size: 80%;}

/* css for the nice title from http://kryogenix.org/code/browser/nicetitle/nicetitle.css*/
div.nicetitle {
    position: absolute;
    padding: 4px;
    top: 0px;
    left: 0px;
    color: white;
    font-size: 13px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    width: 25em;
    font-weight: bold;
    background: url(/graphics/ntbg.png);
    
    /* Mozilla proprietary 
    -moz-border-radius: 12px;*/
}
div.nicetitle p {
    margin: 0; padding: 0 3px;
}
div.nicetitle p.destination {
    font-size: 9px;
    text-align: left;
    padding-top: 3px;
}
/* end of css for the nice title */


 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none; border:0;}
#header h1, #header h2{display: block; margin: 0 auto;}
img#factoid {display:none;}
#content {border: 0;}
ul#hmenu {display:none;}
div#footer {display:none;}
ul.elephant { list-style:disc;   }
ul.mountain {list-style:disc;  }
ul.zebra { list-style:disc;   }
ul.baboon { list-style:disc;   }
ul.man { list-style:disc;   }

ul.camplist { padding-left: 5em;  list-style:disc; }
ul.camplist span {display:inline; padding-left: 1em;}
ul.camplist img {display:none;}
ul.camplist li { width: 80%; height: 3em; float: none; text-align:left;font-size: 80%;}
}