body, html  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 100%;
	color : black;
	/*background-image : url(images/04BGC.GIF);*/
	background-color: #E7F3D3;
	margin: 0;
	padding: 0;
	border: 0;
}

p, li  {	font-family : Arial, Helvetica, sans-serif;	font-size : 100%;}


h1,h2,h3,h4  {	font-family: "Berlin Sans FB", "Bookman Old Style", "Times New Roman", serif;	font-weight: normal;}

h1 {font-size : 200%; clear:left;}
h2 {font-size : 160%; clear:left;}
h3 {font-size : 140%; clear: both;}
h4 {font-size : 130%; clear: both; margin: .5em 0;}

.f {font-size: 70%;}

a  {	color : Black;  font-weight : bold;}
a:link  {	color : Black;}
a:visited  {	color : Black;}
a:hover  {	color : Gray;}
a:active  {	color : Black;}

img {border: 0;}


.bb {	background-color: #FFFFE0;}
.eb {	background-color: #FFFFE0;}
.nb {	background-color: #bcbc7a;}



hr { clear:both; height:1px;margin: -1px 0 0 0; padding:0; border:none;  visibility: hidden;  }


.digitalsafaris  {	font-size : small;	font-family : Comic Sans MS;	font-weight : bold;}

.david {	font-style: italic; background-color: #ccc; padding: 1em;}

.nav {float:none; width: 300px; margin: 0 auto; padding-top: 10px;}

.ex{	width: 94%;	max-width: 960px; padding: 0 2% 1em 2%; margin: 1em auto;	border: 1px solid #000000; clear: both; background-color: #bcbc7a;}

/*.ex h2 {display: block;  width: 25%; float: left; text-align: left; border: 0; margin: 0; padding: 0em; }
.ex h3 {display: block; width: 60%;  text-align: left; border: 0; padding-left: 25%;}*/

.exl {display: block; padding: .5em; float: right; border: 1px solid black; margin: 2px; background-color: #eee; z-index: 9;}

.exl p {font-size: 90%; margin: .5em; border:0; padding: 0;}
.ex ul {padding-left: 2em;}
.ex li {font-size: 90%;}
.ex h4 {clear: left;}


.exl p.f {font-size: 70%;}
.exd {background-color: #ffffe0; padding: 1em;}
.exd h4 {font-size: 150%;}
#ntz5 .exd {background-color: #ffe; }
.exquote {}
.extext {}
.exf {clear: both;}
.exf p {font-size : 80%; text-align:right; }
.ex h2 {clear:both; border-top: 2px solid #ffe;}

.book, 
.person, 
.dl, 
.source, 
.sourcelist, 
#ntz2 ul, 
.fp
{ background-color: #ffe; 
	width: 94%;
	max-width: 960px;
	margin: 0 auto 0; 
	padding: 2%;
	border: 1px solid black; clear:both; 
	z-index: 10; 
	overflow:visible; 
	position: relative;
}
.sourcelist {width: 70%}

.dl {padding-left:5em;}


.book img {float: right; margin: 0 0 2em 2em; z-index: 9; position:relative;}

#ntz0 ul {padding: 0; border: 0; margin: 0; }
#ntz0 li {float: left; list-style:none; padding-left: 1em; border: 0;}
#ntz0 .exl li {float: none; list-style:none; padding: 0 1em; border: 0;}
#ntz0 h3 {padding-top: 1em;}
#ntz0 .fp {z-index: 0;}


#ntz1 h3 {clear:both; width: 10em; padding: 0;  margin: 0;  float: left; font-weight:normal;}
#ntz1 ul {padding: 0; border: 0; margin: 0; float: left;}
#ntz1 li {float: left; list-style:none; padding-left: 1em; border: 0;}
#ntz1 a {font-weight: normal;}





#ntz2 ul {list-style:none;}
#ntz2 li {min-height:21px;}
#ntz2 h2 {padding: 1em 0 0 2em;}
#ntz2 a {font-weight:normal;}



#ntz4 a {font-weight: normal; margin: 0; padding: 0; border: 0;}
#ntz4 table {background-color: #bcbc7a; width:90%; margin: 0 auto;}
#ntz4 td {width: 33%; vertical-align: top;}
#ntz4 h2 {clear:both; padding: 0 0 1em 1em;}
#ntz4 .ntil {clear:both; z-index: 10; display:block; position: relative;}
#ntz4 .ntil li {float: left; list-style: none; padding: .3em; margin: 0; }
#ntz4 .ai, #ntz4 .ntil 
{display: block; width: 80%; margin: 0 auto; padding: 2.5em; border: 1px solid black; background-color: #bcbc7a; clear:both;}
#ntz4 ul {margin: 0; }
#ntz4 .ai li {float: left; list-style: none; padding: .3em; margin: 0;}
#ntz4 .ailc {display: block; width: 20%; float: left; background-color: #ffe; padding: 1%; border: 1px solid black; margin:1%;}
#ntz4 .ailc ul {list-style:none; margin: 0; padding: 0; border: 0;}


#ntz6 .dates ul {clear: both; list-style:none; margin: 2em 5em; padding: 2em; background-color: #ffe;}
#ntz6 li {line-height: 1.2; clear: right;}
#ntz6 li:hover {background-color: #bcbc7a;}
#ntz6 span {text-align:right; float: right;  margin: 0;}


.xl {display: block; width: 300px; float: right;}


/*settings for small screen*/
/*hide the background outline map*/	
img.tzmap {display: none;}

div.nav a, p.links a {font-size: 120%; font-weight: bold; font-style: italic; line-height:2; padding: 1em;}

#ntz4 .ailc {width: 90%; }



@media only screen  and (min-device-width: 513px) and (min-width: 513px)  {


/*only convert menu links to images when screen is big enough*/		
a.up, a.home, a.sources, a.names, a.dates, a.context, a.feedback, a.intz
{width:40px; height:20px;display:block; float:left; background-repeat:no-repeat; background-position: 10px 0px; }
a.up {background-image:url(images/u.gif);}
a.up:hover {background-image:url(images/over_top.gif); background-position: 0;}
a.up i {display:none;}
a.home {background-image:url(images/left.gif);}
a.home:hover {background-image:url(images/over_home.gif);background-position: 0;}
a.home i {display:none;}
a.sources {background-image:url(images/icon_sources.gif);}
a.sources:hover {background-image:url(images/over_sources.gif);background-position: 0;}
a.sources i {display:none;}
a.names {background-image:url(images/icon_names.gif);}
a.names:hover {background-image:url(images/over_names.gif);background-position: 0;}
a.names i {display:none;}
a.dates {background-image:url(images/icon_dates.gif);}
a.dates:hover {background-image:url(images/over_dates.gif);background-position: 0;}
a.dates i {display:none;}
a.context {background-image:url(images/icon_help.gif);}
a.context:hover {background-image:url(images/over_about.gif);background-position: 0;}
a.context i {display:none;}
a.feedback {background-image:url(images/icon_feedback.gif);}
a.feedback:hover {background-image:url(images/over_feedback.gif);background-position: 0;}
a.feedback i {display:none;}
a.intz {background-image:url(images/intz.gif);}
a.intz:hover {background-image:url(images/over_intz.gif);background-position: 0;}
a.intz i {display:none;}

img.tzmap {position: absolute; z-index: 1;	top: 22px;	right: 0px; width: 234px; height: 253px;}

div.nav a, p.links a {line-height:1.25; padding: 0;}

}

@media print {
.nav, .tzmap, #ntz4 .ntil, #ntz4 .ai
{display: none;}

#ntz3,
.book, 
.person, 
.dl, 
.source, 
.sourcelist, 
#ntz2 ul, 
.fp
{width: 98%; margin: 0; padding: 0 1%; font-size: 80%; border: 1px solid red;}

}