@charset "utf-8";
/* CSS Document */



body {
	margin-bottom: 200px;
}



a.nodecoration {
		text-decoration: none;
		}



/* nav links for all header types */
div.header1 {
	border: none;
	margin-left: auto;
	margin-right: auto;
	padding-top: 25px;
	padding-bottom: 5px;
	text-align: center;
	width: 720px;
	}
	
	
		
div.mapkeytitle {
	font-size: 12px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  width: 460px;
}
	
div.mapkey {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  width: 460px;
  padding-bottom: 2px;
}


div.mapkeydot {
  display: inline-block;
  height: 35px;
  width: 12px;
  height: 12px;
  padding-left: 8px;
  padding-right: 8px;
  vertical-align: middle;
}


div.mapkeytext {
  display: inline-block;
  font-size: 12px;
  height: auto;
  width: 420px;
  vertical-align: middle;
  padding-top: 3px;
}
	
	
hr.mapkey {
	width: 480px;
	height: 1px;
	margin-bottom: 9px;
}
	
	
hr.mapkeylinks {
	width: 660px;
	height: 1px;
	margin-top: 32px;
}
	
	
	

/* common name */
h1 {
	border: none;
	font-family: Arial, "sans-serif";
	font-size: 26px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 9px 7px 0px 7px;
	text-align: center;
	width: 720px;
	}

/* for pages with graphs that need title */
h1.title {
	border: none;
	font-family: Arial, "sans-serif";
	font-size: 26px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 9px 7px 0px 7px;
	text-align: center;
	width: 720px;
	}

/* scientific name */
h2 {
	border: none;
	font-family: Arial, "sans-serif";
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 3px 0px 0px 0px;
	text-align: center;
	width: 720px;
	}

/* scientific name without italics */
h2.noital {
	border: none;
	font-family: Arial, "sans-serif";
	font-size: 18px;
	font-weight: normal;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 3px 0px 0px 0px;
	text-align: center;
	width: 720px;
	}

/* scientific name OTHER PAGES */
h2.otherpages {
	border: none;
	margin-left: auto;
	margin-right: auto;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0;	
	padding: 0 0 15 0;
	text-align: center;
	width: 720px;
	}

/* scientific name OTHER PAGES */
h4.maprecords {
	border: none;
	margin-left: auto;
	margin-right: auto;
	font-size: 14px;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 10px;
	text-align: left;
	width: 660px;
	}

/* image of species map */
figure.mapimage {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 720px;
	}

/* image of species map */
figure.mapimage2 {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 900px;
	}

/* caption beneath image */
div.caption1 {
	font-size: 16px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 3px 0px;
	text-align: center;
	width: 550px;
	
	}

/* caption beneath image */
div.caption71018 {
	font-size: 18px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
	text-align: justify;
	width: 710px;
	
	}
	
	
/* caption beneath image */
div.caption300 {
	font-size: 18px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
	width: 300px;
	
	}
	
	
	

/* caption beneath image */
div.captionjust17 {
	font-size: 17px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 3px 0px;
	text-align: justify;
	width: 585px;
	
	}
	

/* boilerplate caption beneath map image */
div.caption2 {
	font-size: 14px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 550px;
	}

/* caption beneath image */
div.caption1at720 {
	font-size: 18px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 3px 0px;
	text-align: center;
	width: 720px;
	
	}

/* caption beneath image */
div.caption1at720justify {
	font-size: 18px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 3px 0px;
	text-align: justify;
	width: 720px;
	
	}

/* boilerplate caption beneath map image */
div.caption2at720 {
	font-size: 14px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 720px;
	}




/* caption in brackets beneath boilerplate */
div.caption3 {
	font-size: 15px;
	padding-top: 14px;
	text-align: center;
	}

/* caption at 18 px */
div.caption4 {
	font-size: 18px;
	padding-top: 12px;
	text-align: center;

	}

div.caption19 {
	font-size: 19px;
	margin-left: auto;
	margin-right: auto;
	padding: 56px 0px 0px 0px;
	text-align: justify;
	width: 720px;
	
	}

div.caption19lesspadding {
	font-size: 19px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 0px 0px 0px;
	text-align: justify;
	width: 720px;
	
	}

div.caption19center {
	font-size: 19px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
	width: 720px;
	
	}


div.recording {    
    border: none; 
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 12px;
	padding-top: 17px;
	text-align: left;
	width: 720px;
	word-spacing: 1px;
	}


div.recordingnopaddingtop {    
    border: none; 
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 8px;
	padding-top: 0px;
	text-align: left;
	width: 720px;
	word-spacing: 1px;
	}


div.recordingnopaddingtopbottom {    
    border: none; 
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 720px;
	word-spacing: 1px;
	}

audio {
	padding-top: 5px;
}

p.footnote {
	border: none;
	font-size: 16px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 7px;
	padding-bottom: 0px;
	text-align: justify;
	width: 710px;
	}



/* note in parentheses before text */
p.note {
	border: none;
	font-size: 14px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 710px;	
	}



/* note in parentheses before text */
p.notejustified {
	border: none;
	font-size: 14px;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
	width: 710px;	
	}



/* text beneath captions after note with no paragraphs following */
p.text {
	border: none;
	font-size: 18px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 7px;
	padding-bottom: 0px;
	text-align: justify;
	width: 710px;
	}

p.texta {
	border: none;
	font-size: 19px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: justify;
	width: 510px;
	}
	
	
p.textsmallcentered {
	border: none;
	font-size: 18px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 7px;
	padding-bottom: 0px;
	text-align: justify;
	width: 520px;
	}

p.textindent {
	border: none;
	font-size: 19px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 2px;
	padding-bottom: 0px;
	text-align: left;
	text-indent: 30px;
	width: 710px;
	}

p.textnopadding {
	border: none;
	font-size: 17px;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
	width: 710px;
	}

p.textnopadding19 {
	border: none;
	font-size: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
	width: 710px;
	}
	
	






/* table for video*/
table.figure	{
		background-color:  rgb(252, 255, 254);
		border: none;
		margin-bottom: 0px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 7px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		}
		
td.figure	{
		background-color:  rgb(252, 255, 254);
		border: none;
		margin-bottom: 0px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
		padding-bottom: 0px;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 0px;
		}	
		
td.caption	{
		background-color:  rgb(252, 255, 254);
		border: none;
		font-weight: bold;
		margin-bottom: 10px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		text-align: center;
		}	




	
	
	

/* table for 2 maps mole crickets */
p.text400center14 {
	border: none;
	font-size: 14px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 3px;
	padding-bottom: 0px;
	text-align: center;
	width: 360px;
	}	
	


/* table for 2 maps mole crickets */
p.text400left14 {
	border: none;
	font-size: 14px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 3px;
	padding-bottom: 0px;
	text-align: left;
	width: 360px;
	}


/* table for 2 maps mole crickets */
p.text400justify14 {
	border: none;
	font-size: 14px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 3px;
	padding-bottom: 0px;
	text-align: justify;
	width: 360px;
	}


/* table for 2 maps mole crickets */
p.text400center18 {
	border: none;
	font-size: 18px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 3px;
	padding-bottom: 0px;
	text-align: center;
	width: 360px;
	}


/* table for 2 maps mole crickets */
p.text400left18 {
	border: none;
	font-size: 18px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 2px;
	padding-bottom: 0px;
	text-align: left;
	width: 360px;
	}


/* table for 2 maps mole crickets */
p.text400justify18 {
	border: none;
	font-size: 18px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0px;
	padding-top: 3px;
	text-align: justify;
	width: 360px;
	}

/* text beneath captions after note with paragraph following */
p.text1 {
	border: none;
	font-size: 19px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 7px;
	padding-bottom: 0px;
	text-align: justify;
	width: 710px;
	}

/* text beneath captions after note with paragraphs following that is paragraph 2 3 etc */
p.text2 {
	border: none;
	font-size: 19px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: justify;
	width: 710px;
	}

/* last text beneath other paragraphs no padding on top, padding on bottom */
p.text3 {
	border: none;
	font-size: 19px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-bottom: 70px;
	text-align: justify;
	width: 710px;
	}


/* table for 2 maps mole crickets */
p.textcenter18 {
	border: none;
	font-size: 18px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 3px;
	padding-bottom: 0px;
	text-align: center;
	width: 720px;
	}

/* for first link back to map page and species page for P nana 1 */
p.textlinks {
	border: none;
	font-size: 19px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
	width: 710px;
	}

/* for second link back to map page and species page for P nana 1 */
p.textlinks2 {
	border: none;
	font-size: 19px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-bottom: 70px;
	text-align: center;
	width: 710px;
	}







/* image of expanded spectrogram */
figure.expspec {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 1000px;
	}

/* caption beneath image */
div.caption3 {
	font-size: 15px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	width: 710px;
	}

/* list for listing things*/
nav {	
	background-color: white;
	border: none;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;	
	padding: 0px 0px 0px 0px;
	width: 710px;
	}

#menu ul {
	list-style-type: none;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	}

#menu li{
	background-color: white;
	border: none;
	font-size: 15px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px 0px 0px 0px;
	}
	
	
	
	
	
	
ul.listnobullets {
	background-color: white;
	border: none;
	list-style-type: none; 
	margin-right: auto;
	margin-left: auto;
	margin-top: 12px;
	margin-bottom: 0px;	
	padding: 0px 0px 0px 0px;
	width: 680px;
	}

li.listnobullets {
	font-size: 19px;
	margin-top: 0px;
	margin-bottom: 0px;
	}








sup.superscript {
	font-size: 12px;
	}



/* images table */
table.images {
	border: 1px solid black;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
	}


table.imagesmargin {
	border: 1px solid black;
	margin-bottom: 4px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
	}

/* width for cells with images in images table */
td.images {
	border: 1px solid black;
	padding: 0px 0px 0px 0px;
	text-align: center;	
	width: 128px;	
	}

/* width for cells with captions for images table */
td.captions {
	border: 1px solid black;
	text-align: center;	
	width: 128px;
	}

/* images table */
table.images650 {
	border: none;
	margin-left: auto;
	margin-right: auto;
	width: 650px;
	}

/* images table */
table.images800 {
	border: none;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	}


td.images800 {
	border: none;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0px;
	text-align: center;
	vertical-align: top;
	}


td.images800left14 {
	border: none;
	font-size: 14px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 4px;
	text-align: left;
	vertical-align: top;
	}


td.images800center14 {
	border: none;
	font-size: 14px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 4px;
	text-align: center;
	vertical-align: top;
	}


td.images800center18 {
	border: none;
	font-size: 18px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	vertical-align: top;
	}




table.basic {
	border: 1px solid black;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom:0px;
	}

td.basic {
	border: 1px solid black;
	padding: 10px 10px 10px 10px;
	text-align: justify;
	vertical-align: top;
	}
	
	
table.basicnoborder {
	border: none;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom:0px;
	}

td.basicnoborder {
	border: none;
	padding: 10px 10px 10px 10px;
	text-align: justify;
	vertical-align: top;
	}
	
	
table.basic314 {
	border: none;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom:0px;
	}

td.basic314 {
	border: none;
	padding: 0px 10px 0px 10px;
	text-align: center;
	vertical-align: top;
	width: 314px;
	}

table.basic720 {
	border: 1px solid black;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom:0px;
	width: 720px;
	}




/* images table for Velarifictorus micado*/
table.images2 {
	border: none;
	margin-left: auto;
	margin-right: auto;
	}

/* width for cells with images in images table */
td.images2a {
	border: none;
	padding: 0px 5px 0px 0px;
	text-align: center;
	width: 338px;	
	}

/* width for cells with images in images table */
td.images2aleft {
	border: none;
	padding: 0px 5px 0px 0px;
	text-align: left;
	width: 338px;	
	}

/* width for cells with images in images table */
td.images2a510 {
	border: none;
	font-size: 19px;
	padding: 0px 0px 0px 0px;
	text-align: justify;
	width: 353px;	
	}

/* width for cells with images in images table */
td.images2a510center {
	border: none;
	font-size: 19px;
	padding: 0px 5px 10px 0px;
	text-align: center;
	width: 510px;	
	}

/* width for cells with images in images table */
td.images2b {
	border: none;
	padding: 0px 0px 0px 5px;
	text-align: center;	
	width: 326px;	
	}

/* width for cells with captions for images table */
td.captions2 {
	border: 1px none;
	text-align: center;	
	width: 128px;
	}





.card {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    max-width: 710px;
	margin-left: auto;
	margin-right: auto;
}

.card h2 {
    margin-bottom: 10px;
}

.recipe-card {
    background-color: #f8f8f8;
    padding: 15px;
    border: 1px solid #ddd;
	margin-top: 12px;
}

.recipe-title {
    margin-top: 0;
	font-size: 16px;
}

.recipe-ingredients, .recipe-instructions {
    margin-left: 20px;
	font-style: none;
}



  .boxholder {
    width: 710px;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 10px; 
    text-align: center;
  }
  
  .box {
    display: inline-block;
    width: 330px;
    margin: 3px 6px;
    padding: 0px 3px;
    vertical-align: top; 
  }
  
  .lastupdatebox {
    display: inline-block;
    width: 660px;
    margin: 22px 6px 3px 6px;
    padding: 0px 3px;
    vertical-align: top; 
  }
  
  p.statecountyrecords {
    margin: 0; /* Reset margin for paragraphs */
    text-align: left;
    padding: 3px; /* Add padding for paragraphs */
	font-size: 12px;
  }
  
  
  .regiontitle {
    margin: 0; /* Reset margin for paragraphs */
    text-align: left;
    padding: 3px; /* Add padding for paragraphs */
  }





/* responsive version
.card {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    max-width: 100%;   Allow cards to take full width within their container
}

.card h2 {
    margin-bottom: 10px;
}

.recipe-card {
    background-color: #f8f8f8;
    padding: 15px;
    border: 1px solid #ddd;
	margin-top: 12px;
}

.recipe-title {
    margin-top: 0;
}

.recipe-ingredients, .recipe-instructions {
    margin-left: 20px;
}
 */