/* CSS Document */
#wrapper{width:70em;
margin: 0 auto;
position: relative;
text-align: left;}

/*===Compare Page===*/
td#image1 {width:200px; height:215px; padding:0; margin:0; border:1px solid green; border-top:none; }
td#image1 .contentImage {margin-bottom:0; position:relative; top:0; border-left:1px solid #663; border-right:1px solid #663;}


td#image2 {width:200px; height:215px; padding:0; margin:0; border-right:1px solid green; border-bottom:1px solid green;}
td#image2 .contentImage {border-left:1px solid #663; border-right:1px solid #663; margin-bottom:0; position:relative; top:0;}

td#image3 {width:200px; height:215px; padding:0; margin:0; border-right:1px solid green; border-bottom:1px solid green;}
td#image3 .contentImage {border-left:1px solid #663; border-right:1px solid #663; margin-bottom:0; position:relative; top:0;}

.taxonLink {display:block; color:#786312; text-decoration:none; background:#D1CDB0 url(../layout_images/submenuR.gif) 90% 65% no-repeat;}
.taxonLink:hover {background-color:#FFEA99;}
.left {border:1px solid #663;}
.right {border:1px solid #663; border-left:none;}

/* change font size for 'change "left" genus' ect. */
table th { color:#4D3D00; font-size:16px; padding-bottom:3px;}
table tr#firstRow td .changePart{border-top:1px solid #663;}
/*font size for change part section of table controled here */
td .changePart {display:block; background-color:#D1CDB0; color:#786312; text-decoration:none;  border-bottom:1px solid #663; border-left:1px solid #663; font-size:14px; white-space:nowrap;}
td .changePart:hover {background-color:#FFEA99;}
td#lastPart {border-right:1px solid #663;}
li .changeTaxon { display:block; background-color:transparent; color:#786312; text-decoration:none; font-style:italic; padding-left:5px; }
li .changeTaxon:hover {background-color:#FFEA99;}

td#taxon1 ul {list-style:none; border-top:1px solid #663; }
td#taxon1 li { border-bottom:1px solid #663;}
/*thickness of left border controled here*/
td#taxon1 { border-left:2px solid #663; border-right:1px solid #663;} 
td#taxon2 ul { list-style:none; border-top:1px solid #663;}
td#taxon2 li { border-bottom:1px solid #663;}
/*thickness of 2nd left and 3rd left border controled here*/
td#taxon2 { border-left:1px solid #663; border-right:1px solid #663;}
td#taxon3 ul { list-style:none; border-top:1px solid #663;}
td#taxon3 li { border-bottom:1px solid #663;}
td#taxon3 { border-left:1px solid #663; border-right:1px solid #663;} 
 

table ul {padding:0; margin:0;}
td#caption { color:#930; border-left:1px solid #663; border-right:1px solid #663; border-top:1px solid #663;}
table#compareTable th { background-color:#C5C09E;}
/*font-size of table controled here and magin raises and lowers table*/
table#compareTable {width:90%; margin:10px 0 0 5%; background-color:#D1CDB0; border-bottom:1px solid #663; font-size:14px;}
table#compareTable .taxonTitle {background-color:#C5C09E; vertical-align:bottom; }
li.selected .changeTaxon {color:#A49869;}
li.selected .changeTaxon:hover {background-color:transparent; }

td.partOn .changePart {color:#A49869;}
td.partOn .changePart:hover {background-color:#D1CDB0;}

li.hideMe {display:none;}
/*---End Compare Page---*/

/*=== Print styles  ===*/
@media print {div#sideMenu, div#rightSideMenu, ul#pageTabs, #headerBar, #taxon1, #taxon2, #taxon3, th, #partTable {display:none; } td#caption, td#image1, td#image2, td#image3, table#compareTable, #compareTable a:link, #compareTable a:visited {border:none; } .contentImage{border:1px solid #663;}}