body, html  {
	color : #000;
	background-color : #fff;
	font: 100.01% "Times New Roman", Times, serif;
	border: 0; margin: 0; padding: 0;
}
/*was 740 px*/

#main {display: block; width: 100%; margin: 0 auto; position: relative; }
#sidebar {display: block; width: 140px; position: absolute; top: 0; left: 0; border: 0;; }
#header {display: block; margin: 0 auto 0 140px; background-color: #336601;
background-image:url(../images/atztitlebar.gif); background-repeat:no-repeat; background-position: 42% 5px;  height: 121px;}
/*lion sits in the header and should display about it*/
#lion {
	background:  url(../images/lion.jpg);
	width: 100%;
	background-position: top right;
	background-repeat: no-repeat;
	border: 0;
	height: 120px;
}
#content {display: block; margin: 0 auto 0 150px; border: 0; padding: 1em 1em 1em 0;}


#sidebar{}
#header h1 {display: none;}


p, h1, h2, h3, h4, li, ul  {font-family: "Times New Roman", Times, serif;}

p  {}
h1, h2, h3, h4 {clear: both;}
h1  {	color : #fff; font-size: 150%;}
h2 {	color: #004000;	font-size: 130%;	text-transform: capitalize;}
h3 {	color: #004000;	font-size: 120%;}
h4 {	color: #004000;	font-size: 110%;}
li {	font-size: 95%;	list-style-type: disc;}
ul {	font-size: 95%;}

.listitem {font-size: 90%;}

a  {color: #004000;; text-decoration: underline;}
a:link  {color : black; }
a:visited  {color : #004000; }
a:active  {	color : black; }
a:hover  {color : black; }



#footer {	clear: both; font: 80% Arial, Helvetica, sans-serif; text-align: center; border-top: 2px solid #004000;padding-top: 1em;}


img {display: block; float: left; margin: 0 1em 1em 0; border: 2px solid #004000;}
.imgright {display: block; float: right; margin: 0 0 1em 1em;}
.imgcenter {display: block; clear: both; float: none; margin: 1em auto;}

.randompic {display: block; border: 0; float: none; margin: 0; width: 140px; height: 120px;}

.guidephotos img {display: block; float: left; margin: 0 10px 10px 0; border: 2px solid #004000;}

.clear {clear: both;}
.rule {clear: both;  margin-top: 0.5em; border-top: 2px solid #004000; padding-top: 0.5em;}

div.members {border: 2px solid #360; border-top: 0; color: #000; background-color:#fff; padding: 0.5em; }
.members p{ font: 70% Arial, Helvetica, sans-serif; text-align:center;}
.members img {border: 0; margin: 0 auto;}
.members img.tato {border-right: 3px solid #fff;}



.link {  color: #004000; text-decoration: underline}
.sample {  background-image: url(../images/sample.jpg); background-repeat: repeat-y; background-position: center top}


.subnav {	width: 126px; border: 2px solid #360; border-top: 1px solid #336601; background-color:#dbfeb8; padding: 5px; } /*sidebar=140 - border and padding*/
.subnav h2{	text-align: center; font-size: 100%; }
.subnav h3{	text-align: center; font-size: 90%; margin: 0 0 0.5em 0; }
.subnav p{	text-align: center; font-size: 80%; }
.subnav li{	text-align: left; font-size: 80%; margin: 0; list-style:none; }
.subnav ul {padding: 0 0 0 10px; margin: 0;}
.subnav li {padding: 0; margin: 0 0 5px 0; }
.subnav a {text-decoration: none; margin: 0; } 
.subnav a:link {	color: #004000;	} 
.subnav a:visited {	color: #004000;	} 
.subnav a:hover {	color: white;	}
.subnav a:active {	color: #004000;	} 
.subnav a:hover, .subnav li:hover {background-color: #693; color: white;	}
.subnav h2, .subnav h3, .subnav h4, .subnav p, .subnav li
{	font-family:Verdana, Arial, Helvetica, sans-serif; }



/*.itinerary p { text-indent: -5em; margin: 1em 0 0 5em;}
p.nohang {text-indent: 0; margin: 1em 0 0 5em;}*/

.itinerary p { margin: 0;}
.itinerary p.plan {font-style:italic; font-weight:bold; margin: 0; }
.itinerary p.day {font-weight:bold; margin: 1em 0 0 0;}
.itinerary p > p {margin: 1em 0 0 0;}
.itinerary h2 {text-transform: uppercase;}


.displaybox {display: block; float: right; margin: 0 0 1em 1.5em; width: 250px; border: 2px solid #360; background-color:#dbfeb8; padding: .5em; }
.displaybox h1 {color: #004000; font-size:105%; font-weight:bold; margin: 0;}
.displaybox h2 {color: #004000; font-size:100%; font-weight:bold; margin: 0;}
.displaybox h3 {color: #004000; font-size:90%; font-weight:bold; margin: 0;}
.displaybox p {color: #004000; font-size:80%; font-weight:normal; margin: 0.5em 0;}
.displaybox li {color: #004000; font-size:80%; font-weight:normal; margin: 0;}
.displaybox h1, .displaybox h2, .displaybox h3, .displaybox h4, .displaybox p, .displaybox li
{	font-family:Verdana, Arial, Helvetica, sans-serif; }


/*for the booking form*/
legend {font: 90% normal Verdana, Arial, Helvetica, sans-serif; color: #004000; border: 1px solid #004000; padding: 0.5em;background-color: #9c6;}
.bookform p, .bookform label {font: 80% normal Verdana, Arial, Helvetica, sans-serif; text-align: left;}

.bookform label, .bookform input, .bookform select {
display: block; min-width: 20%; float: left; margin: 0.5em 0 0 0; }

.bookform label {clear: both; width: 20%; text-align: right;  padding: 0 1em 0 0 ; border: 0}

.bookform fieldset {clear: both; border-color: #9c6; margin: 1em; padding: 0 1em 1em;}
.boxes label { width: 160px; clear: none;}
.boxes input {display: inline; float:none;  }

fieldset.bookform {background-color:#dbfeb8; border-color: #004000;}


.atz .box {width: 304px; min-height: 200px; border: 0; padding: 0; float: left; margin: 0 1em 1em 0;}
.atz p {clear: both; font-weight: bold;}
.atz img {border: 0;}

ul.karibu li {
	float: left; padding: 0 3em; 0 0; list-style: none;
}

@media print {
#sidebar, #menuwrap {display: none;}
#main {display: block; width: 100%; margin: 0; }
#header {height: 4em;}
#header h1 {display: inline;}
#content {margin: 0;}
}