body, html {font-family: "Georgia, Times New Roman", Times, serif; font-size: 101%; background-color: #fff; color:#000; margin: 0; border: 0; padding: 0; }

#sidebar {display: block; width: 200px; float: left; margin: 0 20px 20px 0; }
#content {padding: 1em; }
#nogutter {padding-left: 220px;}

#content img {display: block; margin: 0 1em 1em 1em; border: 2px solid #063;}
#content img.imgright {float: right; margin-right: 0;}
#content img.imgleft {float: left; margin-left: 0;}
#content img.imgcenter {float: none; margin: 1em auto; }

#menufoot img {display: block; margin: 0 0  1em 0; border: 0;}


body, p, h1, h2, h3, h4, li, dd  
{font-family: "Century Gothic", "Tempus Sans ITC", Arial, sans-serif;	color: #000; margin-bottom: 1em;}


h1, h2, .menuitem, a {  font-family: Papyrus, "Century Gothic", "Tempus Sans ITC", Verdana, Arial, sans-serif, serif;  font-weight: bold; color: #063;}

h1 { font-size: 120%; }
h2 { font-size: 110%; }

a {color: #063; text-decoration: none;}
a:link {  color: #063;}
a:hover {  color: #666; text-decoration:underline;}
a:active {  color: #063;}

.clearleft {clear: left;}
.clearright {clear: right;}
.clearboth {clear:both;}

h1.camp, h1.guestbook, h1.park, h1.walking, h1.hosts, h1.info, h1.book, h1.gethere, h1.when, h1.africahouse, h1.zambia, h1.read, h1 i.press
 {display: block; background-repeat:no-repeat;  width: 310px; height: 40px; border: 0; clear: none; margin: 0 0 0 220px; padding: 0;}
h1.camp { background-image:  url(graphics/KutandalaCamp.gif) ; }
h1.guestbook { background-image: url(graphics/GuestBook.gif); }
h1.park { background-image: url(graphics/TheNorthLuangwaNationalPark.gif); }
h1.walking { background-image: url(graphics/WalkingintheNorthLuangwa.gif); }
h1.hosts { background-image: url(graphics/RodandGuz.gif); }
h1.info { background-image: url(graphics/SafariInformation.gif); }
h1.book { background-image: url(graphics/HowtoBook.gif); }
h1.gethere { background-image: url(graphics/HowtogetHere.gif); }
h1.when { background-image: url(graphics/WhentoVisit.gif);  margin: 0; clear: left;}
h1.africahouse { background-image: url(graphics/TheAfricaHouse.gif); margin: 0;}
h1.zambia { background-image: url(graphics/Zambia.gif);  margin: 0;}
h1.read { background-image: url(graphics/FurtherReading.gif);  margin: 0;}
h1.press  { background-image: url(graphics/PressCuttings.gif); }

h1 span {display: none;}

#nogutter h1 {margin: 0;} /*becasue no gutter has the margin*/


div.cutting {border: 1px solid #063; width: 15em; padding: 0; margin: 1em 4em 2em 0; float: left;}
div.cutting.cuttingwide {width: 30em; padding: 0; margin: 1em 4em 2em 0;}
div.cutting.cuttinggutter {width: 180px; padding: 0; margin: 10px; float: none;}
div.cutting p.quotetop {  font-family: "Georgia, Times New Roman", Times, serif; font-size: 90%; color: #ffc; font-weight: bold; text-align:center; background-color: #063; margin: 0; border: 0; padding: 1em 0.5em;}
div.cutting .quote {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; color: #000; background-color: #ffc; padding: 0.5em; margin: 0; border: 0;}
div.cutting p.quotesource {  font-family: "Georgia, Times New Roman", Times, serif; font-size: 80%; color: #000; background-color: #fff; text-align:center; border-top: 1px solid #063; padding: 0.5em; margin: 0;}
#content div.cutting img {display: block; margin: 0 auto; }



#menu {width: 200px; height: 280px; margin: 0; border: 0; padding: 0; background-image:url(graphics/m_map.gif); background-repeat:no-repeat;}
#menu ul {list-style:none;  margin: 20px 0 0 0; border: 0; padding: 0;}
#menu li {margin: 0; border: 0; padding: 0; height: 40px;}
#menu img {border: 0;}
#menu li:hover {  background-color: #ffc;}

@media print {
#sidebar, #footer {display: none;}
#header {padding: 0;}
h1, h1 span {display:block; margin: 0;}
div.cutting {border: 1px 0 0 0; width: 95%; padding: 0; margin: 1em ; float: none;}
div.cutting.cuttingwide {width: 95%; }
div.cutting.cuttinggutter {width: 95%; }
div.cutting p.quotesource {  border: 0; }
div.cutting a {display: none;}
}

#headback { background: #ffc url(fw/kutbanner_flip.jpg) repeat-x; height: 138px; width: 100%; text-align:center; padding: 0; margin: 0; border: 0; }
#header { background: transparent url(fw/kutbanner.jpg) no-repeat; height: 32px; width: 100%; text-align:center; padding: 106px 0 10px 0; margin: 0; border: 0; }
h1#header {font-size: 110%}
h1#header a {font: 110% bold "Georgia, Times New Roman", Times, serif; color: #063; width: 100%; margin: 0; border: 0; padding: 0; }

.leftquote { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; color: #ffc; background-color: #063; text-align:center; padding: 1em; width: 80%; margin: 0 auto;}

#bottomquote { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; color: #ffc; background-color: #063; text-align:center; padding: 1em 0; width: 100%; margin: 0; clear: both;}

#footer {font-family: "Georgia, Times New Roman", Times, serif; font-size: 90%; color: #063; background-color: #ffc;width: 100%; padding: 1em 0; border: 0; margin: 0 auto; text-align:center;}
#footer img {border: 0;}
#footer a.right {float: right; padding: 0 2em 0 0; display: block; width: 67px;}
#footer a.left {float: left; clear: left; padding: 0 0 0 2em; width: 46px;}
#footer img.copyright {margin: 0 auto;}
#footer h3 {text-align:center; width: 30em; margin: 0 auto; border: 0;}