@charset "utf-8";
/* CSS Document */
* {margin: 0px; padding: 0px;}/*overides browser 
default style*/

/*the following are used on the index page  */

.heading_button{width:275px; height: 20px;                           
					    border-radius:15px;
						border-color:#000099 /*bright blue*/;
						border-style:solid;
						border-width:2px;
						background-color: #74a1b3;/*tealish blue*/
						 margin-top:0px; 
						 padding-bottom: 4px;
						 padding-top: 4px;
						  }
h2.heading_button{text-align:center;
							 font-size: 1.2em;
							 font-family: sans-serif,	Verdana;
							 color:black;
							 }

#indexRow1{width:99%; padding:0; margin:-5px 0 0 10px; height: 430px;}
#indexRow1 ul{font-size: 1.1em; font-family:sans-serif, Verdana;  padding-left: 0; margin-left: 30px; margin-top:10px;	list-style-type:disc; }
#indexRow1 ul li{font-size: .9em; font-family:sans-serif, Verdana;  padding-bottom: 5px;  }
#indexRow1 p{font-size: .9em; font-family:sans-serif, Verdana;  padding-left: 0; margin-left: 30px; margin-top:10px;	}

#indexRow2{width:99%; padding:0; margin:-20px 0 0 10px; height: 240px; /*border:solid 2px yellow;*/ }
#indexRow2 ul {font-size: 1.1em; font-family:sans-serif, Verdana; padding-left: 0; margin-left: 30px; margin-top:10px;	list-style-type:none;}
#indexRow2 ul li{font-size: .9em; font-family:sans-serif, Verdana;  padding-bottom: 5px;  }


#indexRow3{width:99%; padding:0; margin:10px 0 0 10px; height: 360px;}
#indexRow3 ul{font-size: 1.1em; font-family:sans-serif, Verdana;  padding-left: 0; margin-left: 30px; margin-top:10px;	list-style-type:disc; }
#indexRow3 ul li{font-size: .9em; font-family:sans-serif, Verdana;  padding-bottom: 10px;  }
#indexRow3 p{font-size: .9em; font-family:sans-serif, Verdana;  padding-left: 0; margin-left: 30px; margin-top:10px;	}

.column1{padding:0px 5px 0px 5px;
			    margin:0px 28px 0px 0;
                float:left;
                width: 300px; /*border: solid 1px blue;*/}
.column2{padding:0px 0px 0px 5px;
			    margin:0;
                float:right;
                width: 300px; /*border: solid 1px blue;*/}
.column3{padding:10px; margin:10px;}

/*code for back button*/
#back-button {
    height: 21px;
    position: absolute;
        top: 170px;
        left: 746px;
    width: 49px;
}

#back-button a {
    text-decoration: none; /* this is to remove the underline in Gecko-based browsers */
}

#back-button img {
    border: 0;
    float: right;
}

#wrap li{margin-left:10px;}
  

/* This CSS is used for the Show/Hide functionality. */
   .more {
      display: none;
      border-top: 1px solid #74a1b3;
      border-bottom: 1px solid #74a1b3; }
   a.showLink, a.hideLink {
      text-decoration: none;
      }


/*stuff from old style sheet with revisions*/

body {height:auto;
	  	  background-color:#3F85C8; /* past gray #59645F*/
	      font-family: sans-serif, Verdana;
	  }

#container {background-color: #ffffff; /* past #eceada tannish yellow*/
                   width: 1034px;/*was 950*/
			       position:relative;
			       left:50%;  /*centers within body on all resolutions*/
			       margin: -5px 0px 0px -502px;
			       padding: 0px 2px 0px 3px;	
				  }
			
#maincontent {  margin-left:5px; 
				margin-right:5px; 
				margin-top:5px;
				padding: 0px 15px;
				background-color: #ffffff;}
						
img {border:0px;}

p {font-size:.9em; }
h2, h3, h4 {color:black;}
h1 {font-size: 1.5em; font-weight: bold ; color:#6190A5;}

h2 {font-size: 1.3em; font-weight: bold ;}
h3 {font-size: 1.1em; font-weight: bold ; }
h4 {font-size: .8em; font-weight: bold ;}
h5 {font-size: .7em; font-weight: bold ; color:black;}
li {
	font-size: .9em;  /* changed from .8 to .9 by JAS 7/1/13 */
	font-family:sans-serif, Verdana; /*padding-bottom: 10px;*/
	margin-bottom: 5px; /* added by JAS 7/1/13 */
	}
ul{list-style-type: disc; }
ol, ul{margin-left:2.5em;}

hr{
background-color:#74a1b3;
width:100%;
height:1px;
margin-left:auto;
margin-right:auto;}


#banner{	background-image: none;
			background-color: #ffffff;/*#eceada*/
			background-repeat:no-repeat;
			border:0px;		
			margin:0px 0px 15px 0px;
			padding: 2px 0px 0px 0px;
			height: 165px;
		}
#banner table tr td{	padding:0px;}		
#banner p{color:#ffffff; padding:1px; margin:0;}

#banner a:link    {text-decoration: none; color: #ffffff;}
#banner a:visited {text-decoration: none; color: #ffffff;}
#banner a:hover   {text-decoration: none; color: #003300;}
#banner a:active  {text-decoration: none; color: #ffffff;}
	
a:link{text-decoration:none; color: #59645F;}
a:visited{text-decoration:none; color: #59645F;}
a:hover{text-decoration:underline; color: #74a1b3;}

p a:link{text-decoration:none; color:#006699;}
p a:visited{text-decoration:none; color:#006699;}
p a:hover{text-decoration:underline;color: #669933;}

.floatleft{float:left; margin: 0; padding: 0;}
.floatright{float:right; margin: 0; padding: 0;}

table{ border-color:#74a1b3;}		
table tr td{ border-color:#74a1b3;
				padding:0 5px 0 5px;}
				
 
#footer{/*margin-left:-3px;margin-right:-2px;*/
				   width: 1039px;/*was 955*/
			       position:relative;
			       left:50%; /*centers within body on all resolutions*/
			       margin: 0px 0px 0px -520px;
			       }
	
#footer a:link    {text-decoration: none; color:#6190A5;}
#footer a:visited {text-decoration: none; color:#6190A5;}
#footer a:hover   {text-decoration: none; color: #6190A5;}
#footer a:active  {text-decoration: none; color: #6190A5;}

#footer table{margin:0px; padding:0px; border-top:3px solid #6190A5;}

#footer table tr td p{ font-family:Helvetica, sans-serif;
                  		  font-size:13px;
				          color:#74a1b3;
						  margin:0px;		  
						 }

#topbox {
	width:99%;
	background-color:#d3e5ec;/*#afcdd9;*/
	margin:10px 0 0 0;
	padding: 5px; }
	
#topbox h2{margin-bottom:0px;
	       margin-top:0px;
		   padding-left:5px;}
		   
		   
/*default styles from online style sheet-needed due to over-riding browser style*/

p, h4 { margin: 1.12em 0 }
h1 { margin: .67em 0 }
h2 { margin: .75em 0 }
h3 { margin: .83em 0 }

/*the following styles are used with an img*/

.floatimgleft{
			float:left;
			margin-top:10px;
			margin-right:10px;
			margin-bottom:10px;
			}
			
.floatimgright{
		   	float:right;
			margin-top:10px;
			margin-left:10px;
			margin-bottom:10px;
			}
			
			
.photocaption{font-size:.6em; margin:0; padding:0; }
.headingcaption{font-size:.9em; margin:0; padding:5px; font-weight:bold; }
/*the following allows for placing dialog underneath a photo*/
.picture { padding: 3px;  }
.picture img {margin: 0 0 3px 0;
	          		padding: 3px;
             		 vertical-align:middle;
			  }
.right { margin: 0.5em 0.5em 0.5em 0.8em; float:right; }
.left { margin: 0.5em 0.8em 0.5em .5em; float:left;}

/*this is how it is used on the page:
<div class="picture left" style="width:163px;" >(width of your photo plus a few extra px)
<img src="/research/leafhopper_lab/Images/acrogonia.gif" />
<p class="photocaption">Female <em>Acrogonia </em>sp. from Guatemala displays reserves of brochosomes to be used in oviposition on its forewings.</p> </div>*/

/*from catch and release pages*/

#secondbox {width:99%;
	        background-color:#d3e5ec;
	        margin:5px 0 0 0;
	        padding:5px;}		


.search-result-item {
          background-color: #fff; /* Example: white background for each result */
        }