* {
	margin:0;
	padding:0;
	}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #003300;
	/*background-color: #d3d3a9;*/
	background-color: #f0f0e3;
	text-align:left;
	}
/*%%%%%%%%%%%%%%%%%%%%  Styling of main sections. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%  size and spacing are in separate style sheet   %%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%  only colors, fonts, graphics, etc. covered here %%%%%%%%%%%%%%%%%%%%%%%*/
#main_wrapper {
	/*background-color:#B8D101;*/
	/*background-color:#FFECC6;*/
	background-color:#fff8e6;
	margin-top:1em;
	}
#header {
	text-align:center;
	background-image:url(../images/phloeocleptus_in_avocado.jpg);
	/*background-repeat:no-repeat;*/
	background-color:#919148;
	padding:.7em 0;
	border-bottom:.2em solid #526037;
	/*position:fixed;
	top: 0;*/
	}
#header_inner { 
	position:relative;
	height: 100 px;
	/*padding:1em 2em;  creates space between the box and the content*/
	}
#nav {
	/*background-color:#526037;*/
	}
#nav_inner {
	background-color:#526037; /* creates space between the box and the content */
	}
#navWrap {
		 /*  height: 30px;*/
		}
#content {
	/*background-color:#FFECC6;*/
	background-color:#fff8e6;
	}
#content_inner {
	padding:10px;
	}
#book_page {
	/*This is designed when the main div contents consist of scanned book or article pages*/
	background-color:#526037;
	}
#book_page_inner {
	padding:10px;
	}
#leftcolumn {
	/*background-color:#FFECC6;*/
	background-color:#fff8e6;
		}
#rightcolumn {
	/*background-color:#FFECC6;*/
	background-color:#fff8e6;
		}
#footer_inner {
	background-color:#CC9900;
	}
#map_canvas {
	width: 900px ;
	height: 700px;
  	margin-left: auto ;
  	margin-right: auto ;
	}
#big_map_canvas {
	width: 1000px ;
	height: 900px;
  	margin-left: auto ;
  	margin-right: auto ;
	}

/* %%%%%%%%%%%%%%%%%%%%  main text styling %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

	
h1 {
	font-size: 36px;
	font-weight: bolder;
	font-variant: normal;
	}
h1.mainheader {
    text-align:center
	line-height: 200%
	}
h2 {
	font-size:18px;
	background-color: #FFDF80;
	font-weight: bold;
	text-align: left;
    -webkit-column-span: all; /* Chrome, Safari, Opera */
    column-span: all;
	}
h3 {
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	padding-left: 15px;
	}
h4 {
	font-size: 16px;
	font-weight: bold;
	padding-left: 30px;
	}
h5  {
	font-size: 14px;
	font-weight: bold;
	font-style:italic;
	padding-left: 45px;
	}
h6 {
	font-size: 14px;
	font-weight: bold;
	padding-left: 60px;
	border-bottom-color:#000000;
	border-bottom-width: thin;
	}
hr { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
	-webkit-column-span: all; /* Chrome, Safari, Opera */
    column-span: all;

}
small_caption {
	font-size: 10px;
	}
.bluetext {
	/*for emphasizing specific text*/
	color:#C09 !important;
	}	
dt, ul, ol {
	}
ul, ol {
	padding-left: 90px;
	}
ol {
	list-style-type: decimal;
	}
ul  {
	list-style-type:disc;
	}
dd, li {
	/*padding-left: 30px;
	list-style-type:disc;*/
	}
p {
	/*this paragraph setting is OK for single column layout, but has too much padding for multi-column*/
	/*see classes defined below*/
	font-weight: normal;
	padding-left: 75px;	
	}
.alpha_index {
/*this is used to set the paragraph backgorund color back to rest of body*/
	background-color: #003300 !important;
	}
/*this series of paragraph classes allows different left padding for special cases (e.g., multicolumn layouts*/
.pad0 {
	padding-left: 0px;
	font-size:14px;
	background-color:#FFDF80;
	font-weight:bold;
	}
.pad15 {
	padding-left: 15px;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
		}
.pad30 {
	padding-left: 30px;
	font-size:12px;
	font-weight:bold;
	}
.pad45 {
	padding-left: 45px;
	font-size:10px;
	}
.pad60 {
	padding-left: 60px;
    }
.span_all_columns {
	-webkit-column-span: all; /* Chrome, Safari, Opera */
    column-span: all;
	}
a {
	color:#663300;
	text-decoration: underline;
	}
img
	{ border:none;
	}
table {
	padding-left: 40px;
	border-collapse:collapse;
	}
thead.td {
	background-color:#d3d3a9;
	}
th {
	background-color:#FFDF80;
}
td {
	background-color: #f0f0e3;
}
td,th {
	margin: 0;
	padding: .5em;
	border-width:thin;
	border-style:solid;
	border-color:#000;
}
/*  sets up special formatting for a table to be used in the page footer */
table.footer {
	background-color:#fff8e6;
	border:none;
}
table.footer tr {
	background-color:#fff8e6;
	border:none;
	vertical-align:top;
}
table.footer td {
	background-color:#fff8e6;
	border:none;
	width: 12.5%;
	vertical-align:top;
}
table.footer th {
}
/*for images*/
.img_left {
	float:left;
}
.img_right {
	float:right;
}