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

/***********************************************/
/* Minnesota_Seasons_03.css                    */
/* First used 2/16/2013                        */
/* Widened page to 1024 x 768 by adding        */
/* a right column                              */
/***********************************************/

/********************************************************************/
/* colorTable                                                       */
/********************************************************************/

.colorTable{
	background-color: #F4F4FF;
}

/********************************************************************/
/* colorTable2024                                                   */
/* Added 2/5/2024 to elimninate obsolete elements width, border,    */
/* cellspacing, cellpadding, amd bgcolor in every table declaration */
/* Width now 100% of DIV size                                       */
/* DID NOT WORK! Difference are width 100%, borders, spacing        */
/********************************************************************/
.colorTableHalf{
/*	width: 100%;*/
	border-style: solid;
	border-color: #F4F4FF;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-right-width: 5px;
	border-collapse: collapse; /* 'cellspacing' equivalent */
	background-color: #F4F4FF;
	margin-bottom: 15px;
}

table.colorTableHalf th {
	border-collapse: collapse; /* 'cellspacing' equivalent */
	background-color: #BFBFF1;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px;
}

table.colorTableHalf tr {
	border-collapse: collapse; /* 'cellspacing' equivalent */
	padding: 0px;
	margin: 0px;
}

table.colorTableHalf td {
	border-collapse: collapse; /* 'cellspacing' equivalent */
	padding: 0px;
	margin: 0px;
	background-color: #F4F4FF;
}

/********************************************************************/
/* table-2025                                                       */
/* Added 8/20/2025 to elimninate obsolete elements width, border,   */
/* cellspacing, cellpadding, amd bgcolor in every table declaration */
/* Width now 100% of DIV size                                       */
/* MUST HAVE DIFFERENT CLASSES defining both number of culumns      */
/* AND column widths                                                */
/********************************************************************/

/*****************************************************************/
/* Table for Photo 1 and caption for all new 2025 Species pages  */
/*****************************************************************/
.table-2025-Photo1 {
	border-collapse: collapse; /* kill default 2px border-spacing */
	border-spacing: 0;
}

/* Remove default cell padding in the inner table */
.table-2025-Photo1 td {
	padding: 0;
}

/* Ensure the image never forces overflow */
.table-2025-Photo1 img {
	display: block;
}

/****************************************/
/* DIV to contain a 2-row table         */
/* for all indexThumb image and caption */
/* hard limit for the photo area        */
/****************************************/
.photo1-wrap{
	width: 220px;      /* the size you want */
	overflow: hidden;  /* prevents any spill just in case */
}

/********************************************************************/
/* Table for indexThumb and caption for all new 2025 Species pages  */
/********************************************************************/
.table-2025-indexThumb {
	border-collapse: collapse; /* kill default 2px border-spacing */
	border-spacing: 0;
}

/* Remove default cell padding in the inner table */
.table-2025-indexThumb td {
	padding: 0;
}

/* Ensure the image never forces overflow */
.table-2025-indexThumb img {
	display: block;
	width: auto;/* let the HTML width/height or intrinsic size rule */
	height: auto;
}
/****************************************/
/* DIV to contain a 2-row table         */
/* for all indexThumb image and caption */
/* hard limit for the photo area        */
/****************************************/
.indexThumb-wrap{
	width: 163px;      /* the size you want */
	overflow: hidden;  /* prevents any spill just in case */
}

/* For Photo 1 and caption om all new 2025 Main pages */
.photo1-Main {
	float: left;
	width: 220px; /* Set the width to match the inner table's width */
	margin-left: 18px; /* This creates the separation */
}

.photo-by{
    text-align: center;
    font-size: 12px;
    font-style: italic;
    color: #666;
}

/**************************************/
/* Base class for all new 2025 tables */
/**************************************/
.table-2025-base {
	border-style: solid;
	border-color: #F4F4FF;
	border-width: 5px;
	border-collapse: collapse; /* Replaces cellspacing */
	background-color: #F4F4FF;
	margin-bottom: 15px;
	table-layout: fixed;
}

/* Base styles for table cells and headers */
.table-2025-base th {
	background-color: #BFBFF1;
	padding: 5px 0;
}

.table-2025-base td {
	padding: 0; /* Replaces cellpadding */
	background-color: #F4F4FF;
}

.full-width {
	width: 100%;
}

.half-width {
	width: 50%;
}

/* Update this existing class */
/*
.half-width {
    width: 295px;
    float: left; 
    margin-right: 15px;
}
*/

/****************************************/
/* This is for sightings with no photos */
/****************************************/
.comment-table{
	width: 100%;
}

/* Styling for comment table columns */
.comment-table colgroup col:nth-child(1) {
	width: 120px;
}

.comment-table colgroup col:nth-child(2) {
	width: 460px;
}

.conservation-table{
	width: 590px;
}

/* Styling for conservation table columns */
.conservation-table colgroup col:nth-child(1) {
	width: 90px;
}

.conservation-table colgroup col:nth-child(2) {
	width: 260px;
}

.conservation-table colgroup col:nth-child(3) {
	width: 10px;
}

.conservation-table colgroup col:nth-child(4) {
	width: 220px;
}

.contributor-slideshow-table{
	width: 788px;
}

/* Styling for contributor table columns */
.contributor-slideshow-table colgroup col:nth-child(1) {
	width: 368px;
}

.contributor-slideshow-table colgroup col:nth-child(2) {
	width: 410px;
}

.contributor-table{
	width: 788px;
}

/* Styling for contributor table columns */
.contributor-table colgroup col:nth-child(1) {
	width: 305px;
}

.contributor-table colgroup col:nth-child(2) {
	width: 55px;
}

.contributor-table colgroup col:nth-child(3) {
	width: 58px;
}

.contributor-table colgroup col:nth-child(4) {
	width: 305px;
}

.contributor-table colgroup col:nth-child(5) {
	width: 55px;
}

.destination-status-table{
	width: 100%;
}

/* Styling for destination-status table columns */
.destination-status colgroup col:nth-child(1) {
	width: 110px;
}

.destination-status colgroup col:nth-child(2) {
	width: 470px;
}

.destination-trails-table{
	width: 100%;
}

/* Styling for destination-trails table columns */
.destination-trails colgroup col:nth-child(1) {
	width: 140px;
}

.destination-trails colgroup col:nth-child(2) {
	width: 440px;
}

.destination-ecology-table{
	width: 100%;
}

/* Styling for destination-ecology table columns */
.destination-ecology colgroup col:nth-child(1) {
	width: 140px;
}

.destination-ecology colgroup col:nth-child(2) {
	width: 30px;
}

.destination-ecology colgroup col:nth-child(3) {
	width: 10px;
}

.destination-ecology colgroup col:nth-child(4) {
	width: 252px;
}

.destination-ecology colgroup col:nth-child(5) {
	width: 15px;
}

.destination-ecology colgroup col:nth-child(6) {
	width: 133px;
}

.distribution-table{
	width: 100%;
}

/* Styling for distribution table columns */
.distribution-table colgroup col:nth-child(1) {
	width: 102px;
}

.distribution-table colgroup col:nth-child(2) {
	width: 20px;
}

.distribution-table colgroup col:nth-child(3) {
	width: 458px;
}

.directions-table{
	width: 590px;
}

/* Styling for directions table columns */
.directions-table colgroup col:nth-child(1) {
	width: 395px;
}

.directions-table colgroup col:nth-child(2) {
	width: 20px;
}

.directions-table colgroup col:nth-child(3) {
	width: 20px;
}

.directions-table colgroup col:nth-child(4) {
	width: 10px;
}

.directions-table colgroup col:nth-child(5) {
	width: 135px;
}


/*This is the old one*2024 */
.footerTable {
	width: 100%;
	
}

/*This is the new one*2025 */
.footer-Table {
	width: 100%;
	
}

/* Styling for distribution table columns */
.footer-table colgroup col:nth-child(1) {
	width: 128px;
}

.footer-table colgroup col:nth-child(2) {
	width: 347px;
}

.footer-table colgroup col:nth-child(3) {
	width: 425px;
}

.index-newPages-table{
	width: 100%;
}

/* Styling for index-newPages table columns */
.index-newPages-table colgroup col:nth-child(1) {
	width: 80px;
}

.index-newPages-table colgroup col:nth-child(2) {
	width: 500px;
}

.index-section-table{
	width: 100%;
}

/* Styling for index-section table columns */
.index-section-table colgroup col:nth-child(1) {
	width: 399px;
}

.index-section-table colgroup col:nth-child(2) {
	width: 10px;
}

.index-section-table colgroup col:nth-child(3) {
	width: 163px;
}

.index-uploads-table{
	width: 100%;
}

/* Styling for index-uploads table columns */
.index-uploads-table colgroup col:nth-child(1) {
	width: 110px;
}

.index-uploads-table colgroup col:nth-child(2) {
	width: 470px;
}

.index-whatsNext-table{
	width: 100%;
}

/* Styling for index-whatsNext table columns */
.index-whatsNext-table colgroup col:nth-child(1) {
	width: 30px;
}

.index-whatsNext-table colgroup col:nth-child(2) {
	width: 410px;
}

.index-whatsNext-table colgroup col:nth-child(3) {
	width: 140px;
}

.main-head {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-weight: bold;
	font-size: 26px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

.main-subhead {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

.margin-bottom-5 {
	margin-bottom: 5px;
}

/* Force paragraph spacing for TableNote */
.margin-bottom-6 {
	margin-bottom: 6px !important;
}

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

.margin-top-5 {
	margin-top: 5px;
}

.margin-top-10 {
	margin-top: 10px;
}

.margin-top-15 {
	margin-top: 15px;
}

p.margin-top-15 {
	margin-top: 15px;
}

.margin-top-100 {
	margin-top: 100px;
}

.no-bottom-margin {
	margin-bottom: 0;
}

.no-top-margin {
	margin-top: 0;
}

.padding-top-10 {
	margin-bottom: 10px;
}



.parent-table{
	width: 590px;
}

/* Styling for conservation table columns */
.parent-table colgroup col:nth-child(1) {
	width: 140px;
}

.parent-table colgroup col:nth-child(2) {
	width: 30px;
}

.parent-table colgroup col:nth-child(3) {
	width: 420px;
}

.parent-table td.parent-icon-wrapper { 
    text-align: center;
    padding-top: 8px; 
    padding-bottom: 8px;
    vertical-align: middle; 
}

/* 2. Link Cell Spacing (Overrides .table-2025-base td padding: 0) */
.parent-table td.parent-link-cell {
    padding-top: 8px;
    padding-bottom: 8px;
    vertical-align: middle; 
}




.photos-table{
	width: 100%;
}

/* Styling for photos table columns */
.photos-table colgroup col:nth-child(1) {
	width: 276px;
}

.photos-table colgroup col:nth-child(2) {
	width: 28px;
}

.photos-table colgroup col:nth-child(3) {
	width: 276px;
}
/****************************************/
/* Table for sightings                  */
/* on Destination pages                 */
/****************************************/
.sighting-list-table{
	width: 100%;
}

/* Styling for sighting table columns */
.sighting-list-table colgroup col:nth-child(1) {
	width: 460px;
}

.sighting-list-table colgroup col:nth-child(2) {
	width: 20px;
}

.sighting-list-table colgroup col:nth-child(3) {
	width: 100px;
}

/****************************************/
/* Table for sightings                  */
/* on Species pages                     */
/****************************************/
.sighting-table{
	width: 100%;
}

/* Styling for sighting table columns */
.sighting-table colgroup col:nth-child(1) {
	width: 120px;
}

.sighting-table colgroup col:nth-child(2) {
	width: 350px;
}

.sighting-table colgroup col:nth-child(3) {
	width: 110px;
}

.taxonomy-table{
	width: 100%;
}

/* Styling for taxonomy table columns */
.taxonomy-table colgroup col:nth-child(1) {
	width: 90px;
}

.taxonomy-table colgroup col:nth-child(2) {
	width: 490px;
}

/********************************************************************/
/* colorTable2024                                                   */
/* Added 2/5/2024 to elimninate obsolete elements width, border,    */
/* cellspacing, cellpadding, amd bgcolor in every table declaration */
/* Width now 100% of DIV size                                       */
/* DID NOT WORK! Difference are width 100%, borders, spacing        */
/********************************************************************/
.colorTable2024{
	width: 100%;
	border-style: solid;
	border-color: #F4F4FF;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-right-width: 5px;
	border-collapse: collapse; /* 'cellspacing' equivalent */
	background-color: #F4F4FF;
	margin-bottom: 15px;
}

table.colorTable2024 th {
	border-collapse: collapse; /* 'cellspacing' equivalent */
	background-color: #BFBFF1;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px;
}

table.colorTable2024 tr {
	border-collapse: collapse; /* 'cellspacing' equivalent */
	padding: 0px;
	margin: 0px;
}

table.colorTable2024 td {
	border-collapse: collapse; /* 'cellspacing' equivalent */
	padding: 0px;
	margin: 0px;
	background-color: #F4F4FF;
}

/****************************************************/
/* colorTableTop2024                                */
/* Added 2/17/2024 to elimninate space at bottom    */
/* and border at top                                */
/* Needed for species parent Overview with          */
/* a large amount of text                           */
/****************************************************/
.colorTableTop2024{
	width: 100%;
	border-style: solid;
	border-color: #F4F4FF;
	border-top-width: 5px;
	border-bottom-width: 0px;
	border-left-width: 5px;
	border-right-width: 5px;
	border-collapse: collapse; /* 'cellspacing' equivalent */
	background-color: #F4F4FF;
	margin-bottom: 0px;
}

table.colorTableTop2024 tr {
	border-collapse: collapse; /* 'cellspacing' equivalent */
	padding: 0px;
	margin: 0px;
}

table.colorTableTop2024 td {
	border-collapse: collapse; /* 'cellspacing' equivalent */
	padding: 0px;
	margin: 0px;
	background-color: #F4F4FF;
}

/****************************************************/
/* colorTableBottom2024                             */
/* Added 2/17/2024 to elimninate space at bottom    */
/* and border at top                                */
/* Needed for species parent Overview with          */
/* a large amount of text                           */
/****************************************************/
.colorTableBottom2024{
	width: 100%;
	border-style: solid;
	border-color: #F4F4FF;
	border-top-width: 0px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-right-width: 5px;
	border-collapse: collapse; /* 'cellspacing' equivalent */
	background-color: #F4F4FF;
	margin-top: 0px;
	margin-bottom: 15px;
}

table.colorTableBottom2024 tr {
	border-collapse: collapse; /* 'cellspacing' equivalent */
	padding: 0px;
	margin: 0px;
}

table.colorTableBottom2024 td {
	border-collapse: collapse; /* 'cellspacing' equivalent */
	padding: 0px;
	margin: 0px;
	background-color: #F4F4FF;
}

/********************************************************************/
/* listTable2024                                                    */
/* Same as colorTable 2024 EXCEPT:                                  */
/*   alternate color rows                                           */
/********************************************************************/

.listTable2024{
	width: 100%;
	border-style: solid;
	border-color: #F4F4FF;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-right-width: 5px;
	border-collapse: collapse; /* 'cellspacing' equivalent */
	margin-bottom: 15px;
	margin-top: 15px;
}

/*
.colorTable2024 tr td {
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
}
*/

table.listTable2024 th {
	border-collapse: collapse; /* 'cellspacing' equivalent */
	padding: 0px;
	margin: 0px;
	background-color: #BFBFF1;
	padding-top: 5px;
	padding-bottom: 5px;
}

table.listTable2024 tr {
	border-collapse: collapse; /* 'cellspacing' equivalent */
	padding: 0px;
	margin: 0px;
}

table.listTable2024 td {
	border-collapse: collapse; /* 'cellspacing' equivalent */
	padding: 0px;
	margin: 0px;
}

table.listTable2024 tr:nth-child(odd) {
	background-color: #f4f4ff;
}

table.listTable2024 tr:nth-child(even) {
	background-color: #e6e6ff;
}

/* Styling for listTable2024 table columns */
.listTable2024 colgroup col:nth-child(1) {
	width: 45px;
}

.listTable2024 colgroup col:nth-child(2) {
	width: 45px;
}

.listTable2024 colgroup col:nth-child(3) {
	width: 46px;
}

.listTable2024 colgroup col:nth-child(4) {
	width: 10px;
}

.listTable2024 colgroup col:nth-child(5) {
	width: 324px;
}

.listTable2024 colgroup col:nth-child(6) {
	width: 110px;
}

/********************************************************************/
/* theList-Common                                                   */
/* Replaces listTable2024                                           */
/* 8/29/2025                                                        */
/********************************************************************/

.theList-Common{
	width: 100%;
	border-style: solid;
	border-color: #F4F4FF;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-right-width: 5px;
	border-collapse: collapse; /* 'cellspacing' equivalent */
/*	margin-bottom: 15px;*/
	margin-top: 15px;
}

/*
.colorTable2024 tr td {
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
}
*/

table.theList-Common th {
	border-collapse: collapse; /* 'cellspacing' equivalent */
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
	background-color: #BFBFF1;
}

table.theList-Common tr {
	border-collapse: collapse; /* 'cellspacing' equivalent */
	padding: 0px;
	margin: 0px;
}

table.theList-Common td {
	border-collapse: collapse; /* 'cellspacing' equivalent */
	padding: 0px;
	margin: 0px;
}

table.theList-Common tr:nth-child(even) {
	background-color: #E6E6FF;
}

table.theList-Common tr:nth-child(odd) {
	background-color: #F4F4FF;
}

/* Styling for listTable2024 table columns */
table.theList-Common colgroup col:nth-child(1) {
	width: 45px;
}

table.theList-Common colgroup col:nth-child(2) {
	width: 45px;
}

table.theList-Common colgroup col:nth-child(3) {
	width: 46px;
}

table.theList-Common colgroup col:nth-child(4) {
	width: 10px;
}

table.theList-Common colgroup col:nth-child(5) {
	width: 324px;
}

table.theList-Common colgroup col:nth-child(6) {
	width: 110px;
}

/********************************************************************/
/* theList-Common-Audio                                             */
/* Same as theList-Common but has additional column for Audio icon  */
/* 9/18/2025                                                        */
/********************************************************************/

.theList-Common-Audio{
	width: 100%;
	border-style: solid;
	border-color: #F4F4FF;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-right-width: 5px;
	border-collapse: collapse; /* 'cellspacing' equivalent */
/*	margin-bottom: 15px;*/
	margin-top: 15px;
}

/*
.colorTable2024 tr td {
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
}
*/

table.theList-Common-Audio th {
	border-collapse: collapse; /* 'cellspacing' equivalent */
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
	background-color: #BFBFF1;
}

table.theList-Common-Audio tr {
	border-collapse: collapse; /* 'cellspacing' equivalent */
	padding: 0px;
	margin: 0px;
}

table.theList-Common-Audio td {
	border-collapse: collapse; /* 'cellspacing' equivalent */
	padding: 0px;
	margin: 0px;
}

table.theList-Common-Audio tr:nth-child(even) {
	background-color: #E6E6FF;
}

table.theList-Common-Audio tr:nth-child(odd) {
	background-color: #F4F4FF;
}

/* Styling for listTable2024 table columns */
table.theList-Common-Audio colgroup col:nth-child(1) {
	width: 45px;
}

table.theList-Common-Audio colgroup col:nth-child(2) {
	width: 45px;
}

table.theList-Common-Audio colgroup col:nth-child(3) {
	width: 46px;
}

table.theList-Common-Audio colgroup col:nth-child(4) {
	width: 46px;
}

table.theList-Common-Audio colgroup col:nth-child(5) {
	width: 10px;
}

table.theList-Common-Audio colgroup col:nth-child(6) {
	width: 278px;
}

table.theList-Common-Audio colgroup col:nth-child(7) {
	width: 110px;
}

.whiteTable{
	background-color: #fff;
}

.whiteTable2024 tr td {
	border-collapse: collapse; /* 'cellspacing' equivalent */
	padding: 0px;
	margin: 0px;
}

/**************************************************************/
/* contributor-list                                           */
/* Update to the Media Contributors page to make it validate  */
/* 11/17/2025                                                  */
/**************************************************************/

/* Base table structure (for <table class="contributor-list">) */
.contributor-list {
    border-collapse: collapse;
    border-spacing: 0;
    width: 590px;
    margin-bottom: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    table-layout: fixed; 
}

/* Header Cells (<th>) */
.contributor-list thead th {
    text-align: center;
    padding: 5px 8px 5px 8px; 
    border-bottom: none; 
    background-color: #BFBFF1; 
}

.contributor-list tbody td {
    padding: 4px 8px ;
    border-bottom: none; 
    vertical-align: middle;
}

/* Removes default top/bottom margin from paragraphs inside the table cells */
.contributor-list td p {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}

/* Alternating Row Colors (Provides separation) */
.contributor-list tbody tr:nth-child(odd) {
	background-color: #f4f4ff;
}

.contributor-list tbody tr:nth-child(even) {
	background-color: #e6e6ff;
}

/* --- FIXED COLUMN WIDTHS (590px Total) --- */
.contributor-list tbody tr td:nth-child(1) {
    width: 290px; 
    text-align: left;
}

.contributor-list tbody tr td:nth-child(2) {
    width: 70px;
    text-align: center;
}

.contributor-list tbody tr td:nth-child(3) {
    width: 70px;
    text-align: center;
}

.contributor-list tbody tr td:nth-child(4) {
    width: 160px;
    text-align: right;
}

/*******************************************************************/
/* Prevent `sub` and `sup` affecting `line-height` in all browsers.*/
/* Also corrects Chrome superscript misalignment.                  */
/* Added 6/11/2015 for the Chrome misalignment. It works.          */
/*******************************************************************/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
	/* Recommended setting places superscript far to high */
	/*top: -0.5em;*/
}

sub {
  bottom: -0.25em;
}

/***********************************************/
/* Layout Div ID							   */
/* Replace where appropriate with class        */
/***********************************************/

#blurb2{
	width: 152px;
	float: left;
	margin-left: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #FFF;
	border: 3px;
	border-color: #DDD;
	border-style: solid;
	color: #666;
	text-align: center;
}

#content{
	float: left;
	width: 590px;
	background-color: #FFF;
}

#contributorContent{
	float: left;
	width: 788px;
	background-color: #FFF;
}

#destinationShow{
	float: left;
	width: 788px;
}

#directions{
	margin: 0px;
}

#directions li{
	margin-top: 7px;
}

#drivingDirections{
	float: right;
	padding: 9px;
	width: 160px;
	background-color: #CCD0F2;}

#droughtMonitor{
	width: 183px;
	float: right;
	margin-left: 5px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 0px;
	text-align: center;
}

#footnotes{
	float: left;
	width: 936px;
}

#masthead{
	width:936px;
	background-image: url("Images/Masthead/MS_Masthead-139.jpg");
	height: 136px;
	padding-top: 0px;
}

#pagecell1{
	float: left;
	width: 936px;
	padding-top: 6px;
	background-color: #FFF;
}

#pageNav{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	float: left;
	width: 136px;
	padding-top: 0px;
	padding-right: 12px;
	padding-left: 0px;
	padding-bottom: 0px;
}

#sideBarIcon{
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 6px;
	padding-bottom: 0px;
	margin-top: 150px;
	margin-left: 25px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	border-style: none;
}

#sideBarIconRight{
	float: left;
	margin-left: 25px;
	border-style: none;
}

#slideShow600{
	float: left;
	width: 600px;
}

#snow_depth{
	width: 183px;
	float: right;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 5px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
}

#table{
	float: left;
	width: 590px;
	background-color: #FFF;
}

#table600{
	float: left;
	width: 600px;
	background-color: #FFF;
}

#table550{
	float: left;
	width: 550px;
}

#waterproofBoots{
	float: right;
	margin-left: 5px;
	margin-top: 50px;
	padding-left: 20px;
	padding-right: 20px;
	width: 138px;
}

/****************************************************************/
/* Search bar													*/
/* Added 8/19/2022												*/
/* Copied with few changes from: ;								*/
/* https://pagedart.com/blog/how-to-add-a-search-bar-in-html/	*/
/****************************************************************/

      ::placeholder {
        color: #fff;
        opacity: 0.7; 
      }

      svg {
        color: #fff;
        fill: currentColor;
        width: 24px;
        height: 24px;
        padding: 10px;
      }

.formSearch{
	position: absolute; 
	top: 75px; 
	left: 680px; 
	z-index: 200;
	background-color: #9999EB;
	width: 250px;
	height: 30px;
	display:flex;
	flex-direction:row;
	align-items:center;
}

.inputSearch{
	all: unset;
	font: 16px system-ui;
	color: #fff;
	height: 100%;
	width: 100%;
	padding: 6px 10px;
}
.buttonSearch{
	width: 44px;
	height: 44px;
	all: unset;
	cursor: pointer;
}


/***********************************************/
/* Layout Div ID							   */
/* Added 6/19/2015							 */
/* To fix redefined div id error (using the    */
/* same div id multiple times on a page)       */
/***********************************************/

.aboutMediaButton{
	width: auto;
	float: left;
	padding-top: 3px;
}

.aboutMediaButton:hover .aboutMediaPopup{
	display: block;
	left: 200px;
}

.aboutMediaPopup{
	display: none;
	animation:ease-in;
	animation-duration: 2s;
	width: 400px;
	float: left;
	margin-left: 80px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-color: #FFF;
	border-width: 2px;
	border-color: #0000CC;
	border-style: solid;
	text-align: left;
}

.blurb{
	width: 168px;
	float: right;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 4px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #ccffcc;
}

.blurb219{
	width: 199px;
	float: right;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 4px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #ccffcc;
}

.blurb4{
	width: 162px;
	float: right;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 4px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #FFE6FF;
	border-color: #B50000;
	border-width: 3px;
	border-style: solid;
}

.contributor{
	margin-left: 0px;
	text-align: center;
}

.counter{
	width: 183px;
	float: right;
	margin-top: 10px;
}

.countyMap{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	vertical-align: top;
	padding-bottom: 0px;
	text-align: center;
}

.glossary{
	width: 162px;
	float: right;
	margin-top: 10px;
	margin-left: 10px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 12px;
	padding-bottom: 12px;
	background-color:#FFFFAF;
}

.noImageDiv{
	float: right;
	margin: 0px 0px 0px 0px;
	width: 218px;
	height: 146px;
	border: 1px solid #000000;
	background-color: #E1E1E1;
}

.noImageDiv2{
	float: right;
	margin: 0px 0px 0px 0px;
	width: 218px;
	height: 146px;
	border: 1px solid #000000;
	background-color: #9D9D9D;
}

.photoDisplay{
	float: right;
	margin-top: 0px;
	width: 400px;
	height: 400px;
}

.sightings2col570{
	/*does not work with Firefox 2/12/2016*/
	width: 570px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	vertical-align: top;
	margin-top: 0px;
	margin-bottom: 0px;
	-webkit-column-count: 2;
	-webkit-column-gap: 30px;
	-webkit-column-rule: 1px solid #000;
	-moz-column-count:2;
	-moz-column-gap: 30px;
	-moz-column-rule: 1px solid #000;
	column-count: 2;
	column-gap: 30px;
	column-rule: 1px solid #000;
}

.sightings2col570 a{
	margin-top: 0px;
	margin-bottom: 0px;
	vertical-align: top;
}

.sightings2col570 p{
	margin-top: 0px;
	margin-bottom: 5px;
	vertical-align: top;
	padding-left: 2em;
	text-indent: -2em;
}

.sightings2col576{
	/* Added 2/6/2024 for new layout */
	width: 576px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	vertical-align: top;
	margin-top: 0px;
	margin-bottom: 0px;
	-webkit-column-count: 2;
	-webkit-column-gap: 30px;
	-webkit-column-rule: 1px solid #000;
	-moz-column-count:2;
	-moz-column-gap: 30px;
	-moz-column-rule: 1px solid #000;
	column-count: 2;
	column-gap: 30px;
	column-rule: 1px solid #000;
}

.sightings2col576 a{
	margin-top: 0px;
	margin-bottom: 0px;
	vertical-align: top;
}

.sightings2col576 p{
	margin-top: 0px;
	margin-bottom: 5px;
	vertical-align: top;
	padding-left: 2em;
	text-indent: -2em;
}

.visits5col{
	/*does not work with Firefox 2/12/2016*/
	width: 580px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	vertical-align: top;
	margin-top: 0px;
	margin-bottom: 0px;
	-webkit-column-count: 5;
	-webkit-column-gap: 30px;
	-webkit-column-rule: 1px solid #000;
	-moz-column-count:5;
	-moz-column-gap: 30px;
	-moz-column-rule: 1px solid #000;
	column-count: 5;
	column-gap: 30px;
	column-rule: 1px solid #000;
}

.visits5col a{
	margin-top: 0px;
	margin-bottom: 0px;
	vertical-align: top;
}

.visits5col p{
	margin-top: 0px;
	margin-bottom: 5px;
	vertical-align: top;
	padding-left: 2em;
	text-indent: -2em;
}

.activities4col{
	/*does not work with Firefox 2/12/2016*/
	width: 580px;
	vertical-align: top;
	margin-top: 0px;
	margin-bottom: 0px;
	-webkit-column-count: 4;
	-webkit-column-gap: 16px;
	-webkit-column-rule: 1px solid #000;
	-moz-column-count:4;
	-moz-column-gap: 16px;
	-moz-column-rule: 1px solid #000;
	column-count: 4;
	column-gap: 16px;
	column-rule: 1px solid #000;
}

.activities4col a{
	margin-top: 0px;
	margin-bottom: 0px;
	vertical-align: top;
}

.activities4col p{
	margin-top: 0px;
	margin-bottom: 0px;
	vertical-align: top;
}

.taxonomy2col{
	/*does not work with Firefox 2/12/2016*/
	width: 570px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	vertical-align: top;
	margin-top: 0px;
	margin-bottom: 0px;
	-webkit-column-count: 2;
	-webkit-column-gap: 30px;
	-webkit-column-rule: 1px solid #000;
	-moz-column-count:2;
	-moz-column-gap: 30px;
	-moz-column-rule: 1px solid #000;
	column-count: 2;
	column-gap: 30px;
	column-rule: 1px solid #000;
}

.taxonomy2col a{
	margin-top: 0px;
	margin-bottom: 0px;
	vertical-align: top;
}

.taxonomy2col p{
	margin-top: 0px;
	margin-bottom: 5px;
	vertical-align: top;
}

.socialIcon{
	float: left;
	width: 128px;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 4px;
	padding-bottom: 0px;
}

.table{
	float: left;
	width: 590px;
	background-color: #FFF;
}

/*************************/
/*       Menu Divs       */
/*************************/
#sectionLinks{
/*	color: #FFF;*/
}

#sectionLinks a:link {
	display: block;
/*	color: #FFF;*/
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
/*	font-weight: normal;*/
/*	color: #FFF;*/
}

#siteInfo{
	clear: both;
	font-size: small;
	background-color: #0000CC;
	color: #FFF;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
}

#subSectionLinks{
	background-color: #0000CC;
}

#subSectionLinks a:link, #subSectionLinks a:visited {
	display: block;
	color: #000;
}


/************************************************/
/* Paragraph styles								*/
/************************************************/
body{
	font-family: Arial,sans-serif;
	line-height: normal;
	margin: 0px;
	padding: 0px;
	background-color:#FFF;
}

/******* hyperlink and anchor tag styles *******/

a:link{
	color: #0000FF;
	text-decoration: none;
}

a.black:link{
	color: #000000;
	text-decoration: none;
}

a:visited{
	color: #800080;
	text-decoration: none;
}

a.black:visited{
	color: #000000;
	text-decoration: none;
}

a:hover{
	color: #FF0000;
	text-decoration: underline;
}
p a em {
}


/************** header tag styles **************/

h1{
/** replaced h6 with h1 10-20-2014**/
	font-size: 32px;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", "Verdana", "sans-serif";
	font-weight: bold;
	letter-spacing: 2px;
	text-align: center;
	color: #FFFFFF;
	background-color: #0000CC;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 3px;
	padding-bottom: 4px;
}

h2{
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", "Verdana", "sans-serif";
	font-weight: bold;
	font-size: 26px;
	margin: 0px;
	padding: 0px;
}

h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
}

h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	margin: 0px;
	padding: 4px 0px 4px 0px;
}

h5{
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", "Verdana", "sans-serif";
	font-weight: bold;
	font-size: 26px;
	margin: 0px;
	padding: 0px;
}

h6{
/** not used 10-20-2014**/
	font-size: x-large;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: center;
	color: #FFFFFF;
	background-color: #0000CC;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 3px;
	padding-bottom: 4px;
}

.hSubhead6{
	font-size: large;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: center;
	color: #FFFFFF;
	background-color: #0000CC;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 3px;
	padding-bottom: 4px;
}

/*************** list tag styles ***************/

ul{
 list-style-type: square;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

ul ul{
 list-style-type: disc;
}

ol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	list-style-position: outside;
	list-style-type: decimal;
}

ul ul ul{
 list-style-type: none;
}

/************ Table Cell Styles ***************/

.destinationSlideshow{
	background-image: url("Images/Loading_600x400.jpg")
}

.photoSlideshow{
	background-image: url("Images/Loading_400x400.jpg")
}

/*************** Menu Styles ******************/

.menu{
	font: 115% Arial,sans-serif;
	color: #FFF;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 6px;
	padding-right: 6px;
	background-color: #3333D6;
/*	background-image: url("Images/Buttons/brushed-alum.png");*/
}

.menu a:link, .menu a:visited {
	color: #FFF;
}

.menu0{
	font: 130% Arial,sans-serif;
	font-weight: bold;
	color: #FFF;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 6px;
	padding-right: 6px;
	background-color: #0000CC;
}

.menu0 a:link, .menu0 a:visited {
	color: #FFF;
}

.menuCurrent{
	font: 115% Arial,sans-serif;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 6px;
	padding-right: 6px;
	background-color: #CCCC00;
}

.menuCurrent a:link, .menuCurrent a:visited {
	color: #000;
}

.menu0Current{
	font: 130% Arial,sans-serif;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 6px;
	padding-right: 6px;
	background-color: #CCCC00;
}

.menu0Current a:link, .menu0Current a:visited {
	color: #000;
}

.subMenu{
	font: 110% Arial,sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
	padding-right: 6px;
	background-color: #E6E6FA;
/*	background-image: url("Images/Buttons/brushed-alum.png");*/
}

.subMenu0{
	font: 110% Arial,sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
	padding-right: 6px;
	background-color: #E6E6FA;
}

.subMenuCurrent{
	font: 110% Arial,sans-serif;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
	padding-right: 6px;
	background-color: #FFFF4D;
}

.subMenu0Current{
	font: 110% Arial,sans-serif;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
	padding-right: 6px;
	background-color: #FFFF4D;
}

/*************** Blurb Styles ******************/

.blurbLabel2{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #0000CC;
	margin: 3px 0px 3px 0px;
	font-weight: bold;
}

.blurbLabel4{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #B50000;
	margin: 3px 0px 3px 0px;
	font-weight: bold;
}

.blurbText{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	margin: 0px 0px 6px 0px;
}

/*************** Sidebar Styles ******************/

.sideBarLabel{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
}

.sideBarLabel p{
	margin-top: 0px;
	margin-bottom: 0px;
}

.sideBarLabelLarge{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0000CC;
	margin: 3px 0px 3px 0px;
	font-weight: bold;
}

.sideBarInfo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px 0px 0px 0px;
}

.sideBarInfo p{
	margin-top: 0px;
	margin-bottom: 0px;
}

/*************** table styles ******************/

.indent0{
	padding: 0px 0px 0px 10px;
	/*vertical-align: top;*/
	margin-top: 0px;
	margin-bottom: 0px;
}

.indent{
	padding: 0px 0px 0px 20px;
	/*vertical-align: top;*/
	margin-top: 0px;
	margin-bottom: 0px;
}

.indent2{
	padding: 0px 0px 0px 40px;
	/*vertical-align: top;*/
	margin-top: 0px;
	margin-bottom: 0px;
}
.indent10{
	padding: 0px 0px 0px 10px;
	/*vertical-align: top;*/
	margin-top: 0px;
	margin-bottom: 0px;
}

.noImage{
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 16px;
	padding-top: 40px;
	vertical-align: top;
	text-align: center;
}

.noImageAvailable{
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 16px;
	padding-top: 0px;
	text-align: center;
}

.sourceNumber{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: top;
	text-align: right;
	padding-right: 3px;
}

.tableFootnote{
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	vertical-align: top;
}

.tableHang{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: top;
}

.tableHang p{
	margin-top: 0px;
	margin-bottom: 6px;
	vertical-align: top;
	padding-left: 2em;
	text-indent: -2em;
}

.tableInfo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: top;
}

.listIcon {
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.tableInfo a{
	margin-top: 0px;
	margin-bottom: 0px;
	vertical-align: top;
}

.tableInfo p{
	margin-top: 0px;
	margin-bottom: 2px;
	vertical-align: top;
}

.tableInfoHidden{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	visibility: hidden;
	vertical-align: top;
}

.tableInfoHidden p{
	margin-top: 0px;
	margin-bottom: 2px;
}

.tableLabel{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	vertical-align: top;
}

.tableLabelHidden{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFF80;
	background-color: #65423A;
	padding-left: 6px;
	padding-top: 2px;
	vertical-align: top;
	visibility: hidden;
}

.tableList {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: middle;
	padding-left: 0px;
	text-indent: 0px;
}

.tableList p{
	margin-top: 6px;
	margin-bottom: 6px;
}

.tableCount{
	font-family:"Times New Roman", Times, serif;
	font-size: 12px;
	vertical-align: middle;
	text-align: center;
}

.tableCount p{
	margin-top: 6px;
	margin-bottom: 6px;
}

.tableList2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: middle;
}

.tableList2 p{
	margin-top: 3px;
	margin-bottom: 3px;
}

.tableNote{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	vertical-align: top;
	padding-bottom: 0px;
}

.tableNote a{
	margin-top: 0px;
	margin-bottom: 0px;
	vertical-align: top;
}

.tableNote p{
	margin-top: 0px;
	margin-bottom: 6px;
	vertical-align: top;
}

.tableNote p.margin-bottom-0 { 
    margin-bottom: 0 !important;
}

.tableNote p.margin-top-5 { 
    margin-top: 5px;
}

.tableNote p.margin-top-10 { 
    margin-top: 10px;
}

.tableNote p.margin-top-15 { 
    margin-top: 15px;
}

.tableNoteHidden{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	vertical-align: top;
	padding-bottom: 0px;
	visibility: hidden;
}

.tableNoteHidden p{
	margin-top: 0px;
	margin-bottom: 6px;
	vertical-align: top;
}

.tablePicStack {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: top;
	text-align: right;
}

.tablePicStack p{
	margin-top: 0px;
	margin-bottom: 5px;
	vertical-align: top;
}

.tableSightings{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	vertical-align: top;
}

.tableSightings a{
	margin-top: 0px;
	margin-bottom: 0px;
	vertical-align: top;
}

.tableSightings p{
	margin-top: 0px;
	margin-bottom: 3px;
	vertical-align: top;
	padding-left: 2em;
	text-indent: -2em;
}

.tableSightingsHidden{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: top;
	visibility: hidden;
}

.tableSightingsHidden a{
	margin-top: 0px;
	margin-bottom: 0px;
	vertical-align: top;
}

.tableSightingsHidden p{
	margin-top: 0px;
	margin-bottom: 3px;
	vertical-align: top;
	padding-left: 2em;
	text-indent: -2em;
}

/*************** Other styles ******************/

.pageLink {
	padding: 9px 0px 9px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.caption{
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	vertical-align: top;
}

.captionCenter{
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	vertical-align: top;
	text-align: center;
}

.contributorName{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: bold;
	background-color: #f4f4ff;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	vertical-align: middle;
}

.contributorName a{
	color: #000000;
}

.counterItem{
	font-family: "Arial Black", "Franklin Gothic Bold", Arial, Impact, Haettenschweiler, sans-serif;
	font-size: 20px;
	font-weight:900;
	color:#000000;
	text-align: center;
	line-height: 48px;
}

.counterNumber{
	font-family: "Arial Black", "Franklin Gothic Bold", Arial, Impact, Haettenschweiler, sans-serif;
	font-size: 54px;
	font-weight:900;
	color:#0000CC;
	text-align: center;
}

.disclaimer{
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFF;
	vertical-align: bottom;
}

.disclaimer a{
	color: #FFF;
}

.emailUpload{
	flex-grow: 1;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
}

.footnote{
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	vertical-align: top;
	padding-left: 10px;
}

.clickDirections{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #fff;
	width: 168px;
	margin: 0px 2px 0px 2px;
	padding: 3px 0px 3px 0px;
	font-weight: bold;
	border: 0;
	background-color: #0000CC;
}

.clickDirections p{
	margin-top: 0px;
	margin-bottom: 0px;
}
.glossaryHead{
	font-family: "Arial Black", "Franklin Gothic Bold", Arial, Impact, Haettenschweiler, sans-serif;
	font-size: 15px;
	font-variant: small-caps;
	letter-spacing: 2px;
	color: #000000;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 10px;
}

.gray{
	color: lightgray;
}

.input[type=text] {
	width: 168px;
	box-sizing: border-box;
}

.rowCaption{
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	vertical-align: middle;
	text-align: left;
	padding-right: 6px;
}

.screenRes{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 3px;
}

.submit{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 7px 45px 7px 45px;
	font-weight: bold;
	border: 0;
	background-color: #0000CC;
}

.submit p{
	margin-top: 0px;
	margin-bottom: 0px;
}

.videoLabel{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: top;
	line-height: 17px;
	padding-bottom: 3px;
}


/***********************************************/
/* Character styles							*/
/***********************************************/

.denominator {
	font-size: 8px;
	line-height: 4px;
	vertical-align:sub;
}

.fraction {
	font-size: 14px;
	line-height: 4px;
}

.hidden {
	visibility: hidden;
}

.inches {
	font-size: 14px;
	line-height: 4px;
}

.inLineGPS {
	color: #CC0000;
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
}

.nobr{
	white-space: nowrap;
}

.npcCode {
	font-size: 8px;
/*	line-height: 4px;*/
	vertical-align: bottom;
}

.numerator {
	font-size: 8px;
	line-height: 4px;
	vertical-align: super;
}

/***********************************************/
/* Image styles							    */
/***********************************************/

.camera{
	/* Camera, camcorder, and binoculars */
	float: right;
}

.listThumb{
	border: none;
}

.mapThumb{
	border: 1px solid #000000;
}

.photoTall{
	border: none;
	margin: 0px 0px 5px 0px;
	float: left;
}

.photo-center{
	border: none;
	margin: 0px 0px 5px 0px;
	text-align: center;
	vertical-align: top
}

/***********************************************/
/* Button styles							   */
/***********************************************/

.alphaButton{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	background-color: #1957FF;
	border: none;
	width: 57px;
	padding: 0px 0px 0px 0px;
}

.alphaButtonSelected{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#FFFFFF;
	background-color:#8AA9FF;
	border: none;
	width: 57px;
	padding: 0px 0px 0px 0px;
}

.countyButton{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	color:#FFFFFF;
	background-color: #1957FF;
	border: none;
	width: 140px;
	padding: 4px 8px 4px 8px;
	margin: 0px 0px 5px 0px;
}

.backToTopButton{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	color:#FFFFFF;
	background-color: #0000CC;
	border: none;
	padding: 1px 6px 3px 6px;
}

.destButton1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	vertical-align: top;
	padding-bottom: 0px;
	border-color: #999999;
	border-width: 1px;
	background-image: url(Images/Button_29_Blue.jpg);
	background-position:center;
	width: 145px;
	height: 31px;
	padding: 6px 0px 4px 10px;
	text-align: left;
}

.uploadButtonFlat{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	alignment-baseline: baseline;
	background-color: #0000CC;
	border: 0;
	height: 100%;
	padding: 2px 10px 5px 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
	white-space: normal;
}

/***********************************************/
/* Horizontal Rule Styles                      */
/***********************************************/

.hr1{
	height: 1px;
	color: #666;
	background: #666;
	border: none;
}

.hr1Dotted{
	border: 1px dotted #666;
}

.hr3{
	height: 3px;
	color: #666;
	background: #666;
	border: none;
}
.hr4{
	height: 4px;
	color: #666;
	background: #666;
	border: none;
}

.hr4Blue{
	height: 4px;
	color: #0000CC;
	background: #0000CC;
	border: none;
}

/***********************************************/
/* Tabs							            */
/***********************************************/
	/* 	body { font-size: 80%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }*/
	ul#tabs { list-style-type: none; background-color: #0000CC; padding-top: 13px; line-height: 26px; border-bottom: none; }
	ul#tabs li { display: inline; }
	ul#tabs li a {
		color: #000;
		background-color: #CCCC00;
		padding: 6px 12px 6px 12px;
		margin-right: 10px;
		font-size: 15px;
		text-decoration: none;
		
		/* CSS 3 elements */
/*
		webkit-border-top-right-radius:0.50em;
		-webkit-border-top-left-radius:0.50em;
		-moz-border-radius-topright:0.50em;
		-moz-border-radius-topleft:0.50em;
		border-top-right-radius:0.50em;
		border-top-left-radius:0.50em;
*/
	}
	ul#tabs li a:hover { color: #FFF; background-color: #CCCC00; }
	ul#tabs li a.selected { color: #000; background-color: #FFFF4D; font-weight: bold; }

	div.tabContent{
	float: left;
	width: 788px;
	background-color: #FFF;
	}

	div.tabContent.hide{
	display: none;
	}

	#fullContent{
		float: left;
		/* padding-left: 5px; */
		width: 788px;
		background-color:#FFF;
	}

.tab {
	font-size: small;
}

/***********************************************/
/* Tabs2 for table lists                       */
/***********************************************/
	ul#tabs2 { list-style-type: none; background-color: #0000CC; padding-top: 8px; line-height: 25px; border-bottom: none; }
	ul#tabs2 li { display: inline; }
	ul#tabs2 li a {
		color: #FFFFFF;
		background-color: #8282E7;
		padding: 6px 12px 6px 12px;
		text-decoration: none;
		
			/* CSS 3 elements */
		webkit-border-top-right-radius:0.50em;
		-webkit-border-top-left-radius:0.50em;
		-moz-border-radius-topright:0.50em;
		-moz-border-radius-topleft:0.50em;
		border-top-right-radius:0.50em;
		border-top-left-radius:0.50em;
}
	ul#tabs2 li a:hover { color: #FFF; background-color: #4C4C4C; }
	ul#tabs2 li a.selected { color: #000; background-color: #FFF; font-weight: bold; }
	
	div.tab2Content{
	float: left;
	width: 367px;
	background-color: #FFF;
	}

	div.tab-2Content{
	float: left;
	width: 440px;
	background-color: #f4f4ff;
	}

	div.tab-2MainContent{
	float: left;
	width: 458px;
	background-color: #f4f4ff;
	}

	div.tab-2Main2024Content{
	float: left;
	width: 590px;
	}

	div.tab2Content.hide{
	display: none;
	}

	div.tab-2Content.hide{
	display: none;
	}

	div.tab-2MainContent.hide{
	display: none;
	}

	div.tab-2Main2024Content.hide{
	display: none;
	}

.tab2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}