@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;
						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: 240px;}

#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: 260px;}
#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 10px 0px 0;
                float:left;
                width: 280px; /*border: solid 1px blue;*/}
.column2{padding:10px; margin:10px;}
.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;
      
       /*  background: transparent url(down.gif) no-repeat left; }
   a.hideLink {
     background: transparent url(up.gif) no-repeat left; }
   a.showLink:hover, a.hideLink:hover {
     /* border-bottom: 1px dotted #36f;*/ }


/*stuff from old style sheet with revisions*/

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

#container {background-color:#eceada; /*tannish yellow*/
                   width: 950px;
			       position:relative;
			       left:50%; /*centers within body on all resolutions*/
			       margin: -5px 0px 0px -490px;
			       padding: 0px 2px 0px 3px;	
				   	}
			
#maincontent { margin-left:5px; 
						margin-right:5px; 
						margin-top:5px;
						padding: 0px 15px;}
						
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:#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: 955px;
			       position:relative;
			       left:50%; /*centers within body on all resolutions*/
			      margin: 0px 0px 0px -478px;
			       }

	
#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; }

/*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;}