/* Index page CSS */
/* Main CSS from original Michael code -- creates the three columns for all indices */
/*  Browser Specific code   */
/* Safari 11+ */
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {
selector { 
property:value; 
}
}}

/* Safari 10.1 */
@media not all and (min-resolution:.001dpcm){ 
@supports (-webkit-appearance:none) and (not (stroke-color:transparent)) {
selector { 
property:value; 
}
}}

/* Safari 6.1-10.0 (but not 10.1) */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0){ 
@media {
selector { 
property:value;
}
}}

@-moz-document url-prefix() {
selector {
property:value;
}
}

@supports (-ms-ime-align:auto) {
selector {
property: value;
}
}

/* --  END BROWSER SPECIFIC CODE -- */

html,body 	{
	width:100%;
	height:100%;
	margin:auto;
	min-width:600px;
	max-width:2000px;
	height:100%;
	background-image:url('/images/marble-tan.jpg');
	touch-action: manipulation;
	}
  



#container {
      width: 85%;
      margin-left:auto;
  }
      
#left {
      float: left;
      width: 33%;
      font-size: 14px;
      text-align: left;
      margin-left:auto;
  }
#middle {
      float: left;
      width: 33%;
      font-size: 14px;
      text-align: left;
  }
#right {
      float: left;
      width: 34%;
      font-size: 14px;
      text-align: left;
  }
#footer {
      clear: both;
      width: 1020px;
      height: 200px;
      margin: 0 auto;
  }
  
 /* Font CSS for titles */
@font-face {
  font-family:tangerine;
  font-style: normal;
  font-weight: 600;
  src: local( 'tangerine-bold'), url('/fonts/tangerine-bold.ttf');
  }
.fruit {
        font-family:"tangerine";
        font-size:4em;
        text-align:center;
        color:#000066;
        margin-left:5px;
}


 /* CSS for Return to top of Page arrow */
  #myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #014464;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
}
.centertitle {
	display:flex;
	align-items:center;
	width:30%;
	margin-left:auto;
	margin-right:auto;
}
/* CSS code for the index bar --A-C etc accross the page */
.headerbar {
	color: white;
	background-color: #000066;
	text-align: center;
	border-left-color: #dddddd;
	border-left-width: 40px;
}
table {
	width:100%;
	border-collapse:separate;
	bottom:5px;
	}

td {
	font-weight:600;
	color:#222222;
	padding-bottom:10px;
	}
th {
	color: white;
	background-color:#000066;

	}

a:link {
	font-size:15px;
	font-weight:bold;
	color:darkblue;
	text-decoration:none;
	}
a:hover {
	color:red;
	text-decoration:none
	}
a:visited {
	color:black;
	text-decoration:none
	}
hr {
	border: 7px solid #660066;
	border-radius: 5px;
	width:85%;
	margin-left:auto;
	}

/* CSS for the accordion menus on Genus/Species and Family Indices */
.urbangreymenu{
width: 300px; /*width of menu*/
}

.urbangreymenu .headerbar{
font-weight: bold;
font-size: 1.0em Verdana;
color: white;
background: ##000024; url(arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 15px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbar a{
text-decoration: none;
color: white;
display: block;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font-size: normal 1.5em Arial;
/*color: black;
background: #E9E9E9;*/
color: #000 !important;
background: #ccc !important;
display: block;
padding: 5px 0;
line-height: 30px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: #dddddd;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white !important;
background: #111 !important;
}