body { background: #F0F0E8 url(images/sycamorebkg.jpg); padding: 0 2em 1em 2em;
	color: black; margin: 0; }
ul { margin: 0; padding: 0; }
li { margin: .2em 0 .2em 2em; padding-left: .5em; }
dt { font-weight: bold }
a:link { color: #00C; background: transparent; }
a:visited { color: #609; background: transparent; }
a:active { color: #C00; background: transparent; }
a:hover { background: #CCFFCC; }
a[name] {padding-top: 0.5em; }
a[name]:hover { background: transparent; }
pre, code { font-family: monospace } /* navigator 4 requires this */
h1, h2, h3, h4, h5, h6 {font-family: 'Arimo',Verdana,Helvetica,Arial,sans-serif; font-weight: bold;}
h1, h2 {text-align: center;}
h1 {font-size: 1.5em; margin-top: 0.2em;}
h2 { font-size: 1.25em; }
input {margin: .25em; }
dt {margin-top: .5em; }
fieldset {border: thin solid #006600; margin-top: 0.5em; margin-left: 1em; padding: 0.5em; }
legend {color: #003300; background: transparent; font-size: 1.2em}

/* The text link to home a the top of every page */
.logo { font-family: Verdana,Helvetica,Arial,sans-serif; font-weight: bold;
	text-align: center; text-decoration: none; font-variant: small-caps;
	margin: 0em; color: #006600; }
.logo a:link {text-decoration: none; color: #006600; }
.logo a:visited {text-decoration: none; color: #006600; }
.logo a:active {text-decoration: none; color: #006600; }
/* ? */
.hl {font: x-small lighter Verdana,Helvetica,Arial,sans-serif;
	padding: 0.2em 0 0 0.4em; }
/* navbar at top of page */
.navbar ul { list-style-type: none; text-align: center; margin-bottom: 0.2em; margin-top: 0.2em; }
.navbar  li { display: inline; margin: 0; padding: 0; }
.navbar { padding: 0.1em 0 0.1em 0; line-height: 1.6em; white-space: nowrap;
	 font-family: Verdana,Helvetica,Arial,sans-serif; font-weight: 600; font-size: 0.8em;}
.navbar a {padding: 0 0.7em; border-width: 2px; border-style: outset;
	text-decoration: none; color: #ffffcc; background: #009900; border-color: #009900;}
.navbar a:visited { border-style: outset; color: #ffffcc; background: #009900; border-color: #009900;}
.navbar a:active { border-style: inset; color: #ffffcc; background: #009900; border-color: red;}
.navbar a:hover { background: #66AA66; }
.navbar a:focus { border-color: red; }
.navbar span { padding: 0 0.7em;
        background: #ffffcc; color: #006600; border-width: 2px; border-color: #009900; border-style: inset;}
/* link to printable version */
.printlink { font-size: 75%; color: black; background: white; border: thin solid black;
        padding: 0.25em; margin: 0.5em; float: right; }

@media print {
	div.navbar, div.logo, div.printlink, div#navcontainer, div.menu, .noprint, div.hlnklst {display: none; }
	thead { display: table-header-group; }
	}

/* scientific name of species */
.latinname {font-style: italic; }
/* link to "keep Upper Park Wild! */
.kupw {color: #ffb521; background: black; border: thick black outset; font-weight: bold; }
/* thin spacer table row */
.spacer {background: #E8FFE8; font-size: 0.5em; }
/* ordinary data table */
.sptbl {padding: 0.3em; border-collapse: collapse; }
.sptbl td, .sptbl th  {border: thin solid black; padding: 0.3em; border-collapse: collapse; }
.sptbl thead {border: medium solid black; font-weight: bold; color: black; background: #F4F8F4; text-align: center; }
.sptbl tbody {border: medium solid black; }
.sptbl tfoot {border: medium solid black; color: black; background: #F4F8F4; }
/* paper document */
.letter {background: white url(images/paper3.jpg); color: black;
        border: thin solid black; padding: 0.5em 2em 0.5em 3em; max-width: 50em; margin: auto; }
/* yellowed paper document */
.oldpaper { background: #F1E8AF url(images/oldnews.jpg);
		 max-width: 50em; margin: auto;	padding: 2em 3em 1em 5em; border: medium outset gray; }
/* editor's note */
.ednote {border: medium solid black; padding: .2em; text-align: center;  }
/* superscript */
.super {vertical-align: baseline; font-size: 0.8em; position: relative; top: -0.4em; }
/* pull quote */
.pullquote {float: right; width: 33%; border: thin solid green;
        background: #c8f0dc url(/images/gbkg.jpg);
	font-weight: bold; padding: 0.25em 0.5em; margin: 0.2em 0 0.2em 0.4em;
        }
.pullquote p:first-letter { font-size: 110%; padding-left: 1em; }
.pullquote p {padding: 0.5em; margin: 0; }
/* highlighted lead in to article */
.leadin {font-size: 1.2em;  font-weight: bold; }
.leadin span:first-letter { font-size: 110%; padding-left: 1em; }
/* dropdown menu */
.dropdown ul { list-style-type: none; padding: 0; margin: 0; }
.dropdown li {
	float: left;
	position: relative;
	width: 8em;
	text-align: center;
	cursor: default;
	background-color: #ffffdd;
	border: 1px solid #7d6340;
	font-family: Verdana,Helvetica,Arial,sans-serif;
	list-style: none;
	z-index: 200;
	font-size: 0.8em;
	margin: 0;
}
.dropdown li ul {	display: none; position: absolute; top: auto; left: auto;
	background-color: #ffffcc; font-weight: normal;
	padding: 0.5em 0 0 0; border-right: solid 1px #7d6340; width: 8em;}
.dropdown li li { 	display: block; float: none; border: 0; cursor: pointer; padding: 0; margin: 0}
.dropdown li:hover ul, li.over ul{ display: block; }
#nav a { font-weight: bold; color: #090; text-decoration: none; }
#nav li li a { display: block; font-weight: normal; color: #060; background-color: white; padding: 0.2em 10px; width: 8em; }
#nav li li a:hover { padding: 0.2em 5px; border: solid #7d6340; border-width: 0 5px; background: #cfc; }
#map {  border: medium solid green; margin:0; padding:0; clear: left; }
/* link to the Google Maps page */
.maplink { padding: 0.1em 0; vertical-align: middle;
	 font-family: Verdana,Helvetica,Arial,sans-serif; font-weight: bold; font-size: 0.6em; }
.maplink a {padding: 0 0.1em; border-width: 2px; border-style: outset;
	text-decoration: none; color: #ffffcc; background: blue; border-color: blue; }
.maplink a:visited { border-style: outset; color: #ffffcc; background: blue; border-color: blue; }
.maplink a:active { border-style: inset; color: #ffffcc; background: blue; border-color: red;}
.maplink a:hover { background: black; color: white; }
.maplink a:focus { border-color: red; }
/* A short string with an icon image */
.iconstr {padding-bottom: 0.5em; margin-bottom: 0.3em; }
.iconstr img {margin: 0 0.3em -0.7em 0; border: none}
.iconstr span {padding-bottom: 1em; }
/* green-themed box */
.grbox {color: #006633; border: medium solid green; background: #CCFFCC; padding: 0 1em 0 1em; }
/* green-themed floating boxes */
.lgbox {float: left; }
.gbox, .lgbox, .rgbox {font-family: Verdana,Helvetica,Arial,sans-serif; color: black;
             background: #c8f0dc url(/images/gbkg.jpg); border: thin solid black;
             margin: 0em 0em 1em 0.3em; }
.gbox h1, .lgbox h1, .rgbox h1 {font-size: 1.2em; color: #ffffcc; background: green; margin-bottom: 0; margin-top: 0; border: medium solid green; }
.gbox h2, .lgbox h2, .rgbox h2 {font-size: 1.2em;  }
.gbox h3, .lgbox h3, .rgbox h3 {font-size: 1em; color: #ffffcc; background: green; margin-bottom: 0; margin-top: 0; border: medium solid green; }
.gbox p, .lgbox p, .rgbox p { margin: 0.5em; text-align: left; }
.gbox a:hover, .lgbox a:hover, .rgbox a:hover { background: #ffeedd; }
.rgbox {float: right; margin-left: 1em; }
/* photos-float left, float right, centered */
.rphoto, .lphoto, .cphoto {color:black; background: transparent; font-weight: bold;  text-align: center; }
.rphoto {float: right; margin: .3em 0em .3em 1em; }
.lphoto {float: left;  margin: .3em 1em .3em 0em;  }
.cphoto {width: 100%;  margin: .3em auto; }
/* newspaper clipping */
.newsclip {background: #E8E8E8 url(images/oldnews.jpg); float: left; width: 25%;
                border: medium solid #996600; padding: 0.5em; margin: 0.5em; }
/* form inputs */
.inputline {position: relative; width: 100%; }
.inputs { position: absolute; left: 5em; vertical-align: middle}
/* ? */
.blooms { float: right;  width: 30%; min-width: 204px; }
/* table-style dl */
 dl.tabular { margin-left: 1em; padding: 0; }
.tabular dt { float: left; margin: 0; padding: .2em;  font-weight: bold; }
/* commented backslash hack for mac-ie5 \*/
.tabular dt { clear: both; }
/* end hack */
.tabular dd { float: left; margin: 0; padding: .2em;}
/* link list for MMP comments */
.hlnklst {
    font-family: Verdana,Helvetica,Arial,sans-serif;
    font-size: small;
    font-weight: bold;
    border: medium solid black;
    text-align: center;
    margin: 1em auto;
    background-color: #FEF8CB;
    padding: 0.2em;
    line-height: 1.8em;
    }
.hlnklst span {
    margin-left: 1em;
    border-left: thin solid black; border-right: thin solid black;
    padding: 0.3em;
}
.here { background-color: white; color: black; border: medium solid black; }
.here a { text-decoration: none; font-weight: bold; }

H1, H2, H3 { font-family: helvetica }
h1 { font-family: 'Arimo', arial, serif; }