body {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 110%;
	color: black;
	background-color: #DCD6BE;
	margin: 0px;
	background-image: url(../images/bg.jpg);/*	min-width: 100px; */
/* 	background-position: right bottom; */
}
div#wrapper {	background-image: url(../images/bg_wrapper.gif);
	background-attachment: scroll;
	background-repeat: repeat-y;
}
  
h1 {font-size: 175%; color: #663300; margin-left:3%; margin-bottom: 8px; clear: both;}
h2 {font-size: 150%; color: #663300; margin-left:3%; padding-top: 16px; margin-bottom: 8px; width: 90%; border-top: thin solid black; clear: both;}
h3 {font-size: 140%; color: #663300; margin-left:3%; margin-bottom: 8px; clear: both;}
h4 {font-size: 110%; color: #663300; margin-left:3%; clear: both;}
h5 {font-size: 80%; color: #000000; margin-left:3%; clear: both;} 
 
p {
	margin: 0 5% 1em 5%;
	width: 85%;
} 
li {
	font-size: 110%;
	margin: 0 2% 0.3em 1%;
} 
p.spacer, table, img, hr, br.spacer, div#navFoot { clear: both;}
img.thumb, .photo img {
	margin: .5em;
	background-color: white;
	border: medium double #000000 !important;
}
sup {font-size: 65%;}

input {
	color: #FFFFFF;
	background-color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 90%;
	border: medium outset #333333;
}

a {
text-decoration: underline;
/* border-bottom: 2px solid #000;*/
}
a.a-img {
text-decoration: none !important;
border-bottom: 0px solid #FFDD00 !important;
}

a:link {color: #520;}
a:visited {color: #520; /* #1a5889;*/}
a:hover {color: #3333ff;}
a:active {color: #3333ff;}
 
.centerit {
	text-align: center;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.tinyText {font-size:75%}
.img-econArrow {
	background-image: url(../images/econArrow.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.img-econOstrich {
	background-image: url(../images/econOstrich.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.referrer {
position: absolute; 
top:16%; right: 20%;}



div#mainContent {
	margin-right: auto;
	margin-left: 8%;
	width: 85%;
	text-align: left;
	/*	position: static;*/
/*  margin-top:-60px;*/
}

div#title {
	top:10px;
	left: 30px;
	width: 750px;
	position: relative;
}
div#navBox {
	position: absolute;
	left: 225px; top: 55px;
	text-align: left;
}
div#navbar {
	text-align: center;
  margin-top:-80px;
}
div.noNavbar {
	text-align: center;
  margin-top:-100px;
}
div.textbox, div.cartoonBox, p.textbox, div.callout, div#nextBox {
	padding: 0.6em;
	margin: 0.6em -1.5em 0.6em 2em;
	background-color: white;
	border: medium double black;
/*	clear: right; */
}
div.textbox, div.cartoonBox {	float: left; clear:none;}
div.cartoonBox {text-align: center;}
p.textbox {	float: none; clear: left;}
div.callout, div#navBox {	/*float: right;*/}
div.callout {	width: 80%;}

div#nextBox {
	float: right;
	margin-right: 5%;
	clear: both;
	text-align: right;
}

div.imageSet {text-align: center; margin-left: auto; margin-right:auto;}

div.tableData, .photo {margin-left:6%}
.citation {
	margin-left:7%;
	margin-top: -1em;
	font-size: smaller;
	clear: both;
}

.menuSkip {display: none;}

body#sect1 {}
body#sect2 {}
body#sect3 {}
body#sect4 {}
body#sect5 {}
body#sect6 {}
body#sect7 {}


/* DOMinclude */
div#navBoxFrame {
	font-size: small;
	font-weight: bold;
	width: 310px;
	background-image: url(../images/bg_navboxframe.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

 .DOMpop{} /* used by Javascript */
	.popup{
	padding:0.2em;
	/*		background:url(indicator_snake.gif) 1em 1em no-repeat #eee; */
		background: 0.2em 0.2em white;
	border:1px solid #999;
	position:absolute;
	min-height:2em;
	min-width:2em;
	top:0;	left:0;
	margin: 3px;
	}
	a.popuplink{
		background:#eee;
		padding:0 .5em;	
		border:1px solid #999;
		text-decoration:none;
		font-weight:bold;
		color:#666;
		margin-bottom:-1px;
	}
	.popup iframe{
		width:99%;
		height:99%;	
	}
  div.DOMframePage {width: 100%; margin: 0px; text-align: center;}
	
  div.DOMframePage p{
	margin-left: auto; 	margin-right: auto; 
/*
	margin-left: 10%;
	margin-right: 0%;
	text-align:center;
	*/
	}
	
	
	/* testing 
	
p, span, #mainContent
{border: thin white dotted;}

