
<style type="text/css">
<!--

body    {
	font-family: Tahoma; font-size: 10pt; text-align: justify; color: #000000; vertical-align: center;
    margin-top: 0pt; margin-left: 25px; margin-bottom: 10px; margin-right: 25px
    background: #CCCCCC;

}
/*	background: #CCCCCC;  	margin-top: 0pt; margin-left: 25px; margin-bottom: 10px; margin-right: 25px;
    DO NOT SET HERE background-color! this will be screwed up!



/*


/* here al still all the old 'start.css' headers.... */



h1, h2, h3	{ font-family: Tahoma; vertical-align: center; font-weight: normal }
h1		{ margin-left: -15px; margin-right: 0px; font-size: 15pt; background: white; text-indent: 15pt; font-weight: 600; padding-top: 5px; padding-bottom: 5px; margin-top: 15px; margin-bottom: 5px; }
h2		{ font-size: 12pt; text-align: left; font-weight: 600; }
h3		{ font-size: 11pt; text-align; left; vertical-align: center; color: white; background: gray; text-indent: 5; font-weight: 600; margin-bottom: 5px; }
h4		{ font-size: 10pt; text-align; left; vertical-align: center; color: white; font-weight: normal }
/* header 5 is the DomCollapse layout-header!! */
h5		{ font-size: 12pt; text-align: left; font-weight: 600; }
p		{ text-align; left; vertical-align: center; margin-top: 2px; cursor: hand }
a:link		{ font-family: Tahoma; font-size: 9pt; color: #006699; text-decoration: none; }
a:visited	{ font-family: Tahoma; font-size: 9pt; color: #006699; text-decoration: none; }
a:active	{ font-family: Tahoma; font-size: 9pt; color: #006699; text-decoration: none; }
a:hover		{ color: #0000FF }
TD		{ vertical-align: top; margin-top: 0px; margin-bottom: 0px }
IMG		{ margin-right: 0px; margin-top: 0px; margin-bottom: 0px; border: none; vertical-align: center; text-valign: center; }
TABLE		{ font-size: 10pt; text-align: justify; margin-top: 4px }

td.bold		{ text-indent: 5; font-weight: 600; background: white; margin-right: 15px }

fieldset    {
    font-size: 8pt; font-weight: normal; color: #000000;
	background: #999999;
    border-style: double; border-color: #FFFFFF;
	margin-top: 5px; margin-left: 5px; margin-bottom: 5px; margin-right: 5px;
    padding-top: 2px; padding-bottom: 5px; padding-right: 10px; padding-left: 10px;
}

legend  {
    font-size: 8pt; font-weight: normal; color: #FFFFFF;
}


/* the class for select-like box of specified height and width with normal links in it! */
.JJ 	{background-color:#CCCCCC;padding:0px;overflow-x:hidden;overflow-y:auto;vertical-align:top;}


table.maplegenda	{
	text-align: left;
	font-size: 8pt;
	font-weight: normal;
	background-color: #FFFFFF;
	text-indent: 4px;
}


#photoelement	{ position: relative; z-index: 1; top: 0px; left: 0px; background: #000000; }

#d_image1 { width: 165px;
      height: 150px;
      position: relative;
      top: 10px;
      left: 10px;
}

#s_image2 { width: 165px;
      height: 150px;
      position: absolute;
      top: 95px;
      left: 95px;
}


/* reserved for sub- and super-script */
.s1		{ font-size: 8pt; vertical-align: sub }
.s2		{ font-size: 8pt; vertical-align: super }



/* style of boxes inside the fieldset in the rightmenubar */
p.rightmenufieldset {
        color: white; font-weight: normal;
        margin-top: 10px; margin-bottom: 8px;
}


td.menubar { background: #000000; }

body.menubar	{ 
	font-family: Tahoma; font-size: 7pt; font-weight: normal; color: #FFFFFF;
	background: #000000;
	margin-top: 0px; margin-left: 8px; margin-bottom: 6px; margin-right: 8px;
}


body.mainframe	{
	font-family: Tahoma; font-size: 10pt; text-align: justify; color: #000000; vertical-align: center;
	background: #CCCCCC;
	margin-top: 0px; margin-left: 25px; margin-bottom: 10px; margin-right: 25px;
}

body.topframe {
	font-family: Tahoma; font-size: 8pt; font-weight: normal; color: #000000;
	background: #000000; vertical-align: center;
	margin-top: 0px; margin-left: 0px; margin-bottom: 0px; margin-right: 0px
}


table.topframe {
	margin-top: 0px; margin-bottom: 0px;
}

table.menubartop
{
	color: #000000;
	cursor: pointer;
	text-align: left;
	font-size: 7pt;
	font-weight: normal;
	background-color: #FFFFFF;
	text-indent: 3pt;
}

td.menubartopselected  { 
    font-size: 8pt;
    text-align: center;
    font-weight: 700;
    background-color: #0099FF;
	color: #FFFFFF;
}

td.menubarheader  { cursor: normal; background-color: #999999; font-size: 8pt; color: black; font-weight: 800; text-indent: 2pt; }
td.menubartext    { cursor: normal; font-size: 8pt; color: black; font-weight: 500; text-indent: 8pt; }

a.menubartop:link	    { font-size: 8pt; color: #000000; }
a.menubartop:visited	{ font-size: 8pt; color: #000000; }
a.menubartop:active	    { font-size: 8pt; color: #000000; }
a.menubartop:hover 	    { font-size: 8pt; color: #FFFFFF; }


table.menubar
{
	color: #000000;
	cursor: pointer;
	text-align: left;
	font-size: 7pt;
	font-weight: normal;
	background-color: #CCCCCC;
	text-indent: 5pt;
}

a.menubar:link		{ font-size: 8pt; color: #006699; text-indent: 5pt; }
a.menubar:visited	{ font-size: 8pt; color: #006699; text-indent: 5pt; }
a.menubar:active	{ font-size: 8pt; color: #006699; text-indent: 5pt; }
a.menubar:hover 	{ font-size: 8pt; color: #0000FF; text-indent: 5pt; }


body.info   {
    font-family: Tahoma; font-size: 7pt; font-weight: normal; color: #FFFFFF;
    background: #000000;
    margin-top: 2px; margin-left: 6px; margin-bottom: 10px; margin-right: 4px;
}

a.info:link     { font-size: 8pt; color: #FFFFFF; }
a.info:visited	{ font-size: 8pt; color: #FFFFFF; }
a.info:active	{ font-size: 8pt; color: #FFFFFF; }
a.info:hover 	{ font-size: 8pt; color: #0000FF; }

  .info         { font-family: Tahoma; vertical-align: center; font-weight: normal; text-align: left;
                  color: #FFFFFF; background-color: #000000; margin-right: 0px; 
                  padding-top: 3px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; 
  
                }
                  
h1.info         { font-size: 20pt; margin-left: 0px; margin-top: 0px; padding-top; 0px; text-indent: 0pt; }
h2.info         { font-size: 8pt; text-indent: 20pt; }
h3.info         { font-size: 9pt; text-indent: 0pt; }
table.info      { font-size: 8pt; background-color: #000000; }


a.topbar:link		{ font-size: 9pt; color: black; text-decoration: none; }
a.topbar:visited	{ font-size: 9pt; color: black; text-decoration: none; }
a.topbar:active	    { font-size: 9pt; color: black; text-decoration: none; }
a.topbar:hover 	    { font-size: 8pt; color: white; text-decoration: none; font-weight: bold }


h2.minerallist		{ font-size: 9pt; text-align: left; text-indent: 2 } /* mineral */
h3.minerallist		{ font-size: 8pt; text-align: left; text-indent: 2; color: #000000; background: #CCCCCC; } /* formula */
h4.minerallist		{ color: #000000; font-size: 12pt; text-align: center; border-color: #000000; border-width: 0.1em; border-style: solid; background: white; font-weight: 800 } /* class */

.tdtopbar
{
	color: #0000c0;
	cursor: pointer;
	text-align: center;
	background-color: FFFFFF;
	font-family: Tahoma;
	font-size: 9pt;
	padding: 4px;
    text-indent: 5pt;
}


.gobutton {
    height: 25px;
    width: 25px;
    font-size: 9pt;
    font-weight: bold
}

/* layout for flower names in botanical hikes!  */
.flower { display: list-item; list-style-position: inside; margin-bottom: 2px; margin-top: 1px; font-weight: bold; font-style: italic; letter-spacing: 0.1em; font-family: Tahoma }

-->
</style>



