body{
  color: black;
  background: white;
  margin: 4px;
}

table{
  border: 0; 
/*  border: 2px solid red; margin: 3px; */
  width: 100%;
  margin: 0;
  vertical-align: top;
}

table td{
  border: 0; 
/*  border: 1px dotted purple; padding: 2 px; */
  padding: 0;
/*  border-width: 0;*/
/*  vertical-align: middle;*/
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

a { text-decoration: none; }

#home{
  color: black;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  font-size: 70px;
  height: 120px;
  background: transparent url(lyall.gif) top left;
}

#crumbs{ color: white; background: #336666; text-align: left; padding: 5px;}
#crumbs a{ color: white; }
#crumbs2{ color: white; background: #336666; text-align: left; padding: 5px;}
#crumbs2 a{ color: white; }

#spacer{ width: 5px; }

#keyname{ color: white; background: #336666; text-align: center; padding: 5px; }
#keyname a{ color:white; }
#keyname2{ color: white; background: #336666; text-align: center; padding: 5px; }
#keyname2 a{ color:white; }

#sidebar{ width: 220px; vertical-align: top; }
#sidespacer{ width: 10px}

#sidebar ul {
	MARGIN: 0;
	PADDING: 10px;
	WIDTH: 200px;
	HEIGHT: 80px; 
	list-style-type: NONE;
}

#listsidebar{ width: 320px; vertical-align: top; }

#listsidebar ul {
        MARGIN: 0;
        PADDING: 10px;
        WIDTH: 300px;
        HEIGHT: 80px; 
        list-style-type: NONE;
}

#menu td, #amenu1 td, #amenu2 td, #amenu3 td {
	DISPLAY: block;
	PADDING: 3px 3px 3px 3px;
	BACKGROUND-COLOR: #336666;
	COLOR: #EBEBEB;
	BORDER-BOTTOM: 1px #EBEBEB solid;
	TEXT-DECORATION: none;
}

#menu td{
	PADDING: 3px 3px 3px 30px;
}

#menu td:hover, #amenu1 td:hover, #amenu2 td:hover, #amenu3 td:hover {
	BACKGROUND-COLOR: #EBEBEB;
	COLOR: #336666;
	TEXT-DECORATION: none;
	PADDING-BOTTOM: 3px;
}

#primarycommon{ font-size: 40px; text-align: center; padding: 5px;  padding-top: 10px }
#primarycommon2{ font-size: 40px; text-align: center; padding: 5px}

#taxname{ font-size: 40px; text-align: center; padding: 5px; }

#primarybinomial{ font-size: 40px; text-align: center; padding: 5px; }
#primarybinomial2{ font-size: 40px; text-align: center; padding: 5px; }

#commonnames{ font-size: 20px; text-align: left; padding: 5px; }
#synonyms{ font-size: 20px; text-align: left; padding: 5px; }

#primphotos{ padding-top: 20px}

#similar{ padding: 20px; }

.similarcompare{ text-align: left; }

.heading{ font-size: 25px; padding: 0; }

.photo{ vertical-align: center; text-align: center; }

.browsephoto{ vertical-align: center; text-align: center; padding-top: 20px }

.browsecommon{ text-align: center }

.browsescientific{ text-align: center }

.specieslistheading{ font-size: 20px; font-weight: bold; padding: 20px; }

.specieslisttable{ padding-top: 10px; table-layout: fixed; width: 1000px}

.specieslistcol{ width: 25%; overflow: hidden}

.specieslistcol2{ width: 10%; }

.keythumbheader{ width: 300px; text-align: center; padding-top: 10px; padding-bottom: 5px; }

.keythumbphoto{ width: 300px; text-align: center; }

.groupname{ height: 50px; text-align: left; vertical-align: bottom }

#lookfors{ padding: 20px; }

#subject {
        FONT-WEIGHT: bold;
        FONT-SIZE: 24px;
}

#testdialog {
        DISPLAY: none;
}

#ads{
  width: 0px;
}

#amenu1{
	position: absolute;
	z-index: 1;
	height: 350;
	width: 50;
  overflow: hidden;
	display: none;
	background-color: rgb(0,0,0);
}

#amenu1 td{
  text-align: center;
}

#amenu2{
	position: fixed;
	z-index: 1;
	left: 280;
	top: 200;
	height: 350;
	width: 250;
  overflow: hidden;
	display: none;
	background-color: rgb(0,0,0);
}


#amenu3{
	position: fixed;
	z-index: 1;
	left: 535;
	top: 200;
	width: 200;
	height: 350;
  overflow: hidden;
	display: none;
	background-color: rgb(0,0,0);
}