/*reference for smartmenu changes http://getbootstrap.com/customize/*/


@import "/smenus-b/bootstrap.min.css";
@import "/smenus-b/jquery.smartmenus.bootstrap-4.css";



body {
	margin: 0 auto;
	padding: 0 0 200px 0;

	height:100%;
	background-color: #ffffff;
	text-align: left;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.875rem; 	
color: #000;
}

#wrapper {
	margin: 0 auto;
	padding: 0;
	width:100%;
	height: auto;
	background-color: #ffffff;
	min-height:1000px;
	padding-top: 40px;}


.nav-brand {
    float: left;
    margin: 0;
    position:relative;
		/*width:auto;*/
		z-index:25;
}

.nav-brand a {
    display: block;
    padding: 11px 11px 11px 20px;

    text-decoration: none;
}

.bg-light {
    background-color: #fff!important;
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.9);
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(170,104,56,.8);
} 
.nav a {color:#000;}

.dropdown-menu {font-size:.875rem!important;}


@media only screen 
and (max-device-width:320px){

.navbar-brand {margin-right: 0rem; }
div.routesubpage {float:left;margin: 6px; width:55px;position:relative;}
.leftcol {
	float:none;
	width: 95%;
	margin:0 1%;}	
.rightcol {
	float:none;
	width: 95%;
	margin:1%;	}

    }
    


@media (min-width: 576px) {
#mobilesearch {display:inline-block;}

#mobilesearch img {width:80%;padding:0 3px 0 0;margin:0}


div.routesubpage {float:left;margin: 6px; width:55px;position:relative;}
.leftcol {
	float:none;
	width: 95%;
	margin:0 1%;}
	
.rightcol {
	float:none;
	width: 95%;
	margin:1%;}
  
  }
  
@media (min-width: 768px) {
  #mobilesearch {display:inline-block;}
#mobilesearch img {width:80%;padding:0 3px 0 0;margin:0}

div.routesubpage {float:left;margin: 6px; width:55px;position:relative;}

.leftcol {
	float:left;
	width: 64%;
	margin:0 1%;
	padding-left:1%;
	padding-right:1%;}

.rightcol {
	float:left;
	text-align: center;
	width:26%;}

}

@media (min-width: 768px) and (max-width:769px) {

.navbar>.container {
    max-width: 700px; }
}


@media (min-width: 992px) {
  #mobilesearch {display:inline-block;}
#mobilesearch img {width:80%;padding:0 3px 0 0;margin:0}

div.routesubpage {float:left;margin: 6px; width:55px;position:relative;}

}

@media (min-width: 1024px) {
#mobilesearch {display:none;}	


}

@media (min-width: 1023px) and (max-width:1025px) {

.nav {font-size:.7rem;}

.dropdown-menu {font-size:.7rem!important;}

}


/*end menu*/






.\2colcontainer, .2colcontainer {
float:none; 
width: 100%;
}

	

	
	/*to fix style in bootstrap*/
	blockquote{padding:10px 20px;margin:0 20px;border-left:0px}
	
	
img {max-width:100%; height:auto; border:none;}

p {
	margin: 0 0 10px 0;
	padding: 0;}
	

h1,h2,h3,h4,h5,h6{font-family: Verdana, Arial, Helvetica, sans-serif;line-height:1.1;color:inherit}

h1 {text-align:center;}

h1 {margin-top:10px;margin-bottom:5px;font-weight:600;font-size:1.6rem;}

 h2{margin-top:5px;margin-bottom:10px;font-size:1.3rem;font-weight:400;}
 
 h3{margin-top:15px;margin-bottom:10px;font-size:1rem; font-weight:600;}

h2,h3,p{orphans:3;widows:3}

h2,h3{page-break-after:avoid}

h4{font-size:.9rem;font-weight:800;}
h5{font-size:.8rem; font-weight:700;}
h6{color: #494949;
	font-size: .8rem;
	text-transform: uppercase;
	font-weight:700;
	width:98%;
	border-bottom: 1px solid #a6a6a6;
	padding:0 0 6px 0;}
	
.animals {font-size:1rem;font-weight:700;
width:100%;
	position:relative;
    display:inline-block;
    text-align:center;
    margin-bottom:30px;
    line-height: 2;
	}
	
	.animals :after {content:'';
    position:absolute;
    left:0; right:0;
    top:100%;
    margin:10px auto;
    width:75%;
    height:1px;
    background:#a6a6a6;
    
}

#animalspage h1, #mammalspage h1, #insectspage h1, #birdspage h1, #amphibianspage h1, #fishpage h1, #reptilespage h1, #insectspage h1 {
 margin-top:0px;
 padding-top:0px;
}

 #mammalspage ul li, #insectspage ul li, #birdspage ul li, #amphibianspage ul li, #fishpage ul li, #reptilespage ul li, #insectspage ul li {
    line-height: 2;font-size:16px;

}

#animalspage a.animalslink, #mammalspage a.mammalslink, #insectspage a.insectslink, #birdspage a.birdslink, #amphibianspage a.amphibianslink, #fishpage a.fishlink, #reptilespage a.reptileslink, #insectspage a.spiderslink, #desert-wildflowerspage a.desert-wildflowerslink, #cactuspage a.cactuslink, #treepage a.treelink, #florapage a.floralink, #gardeningpage a.gardeninglink {
   color:#000;
}

#animalspage a.animalslink:hover, #insectspage a.insectslink:hover, #birdspage a.birdslink:hover, #amphibianspage a.amphibianslink:hover, #fishpage a.fishlink:hover, #reptilespage a.reptileslink:hover, #insectspage a.spiderslink:hover, #desert-wildflowerspage a.desert-wildflowerslink:hover, #cactuspage a.cactuslink:hover, #treepage a.treelink:hover, #florapage a.floralink:hover, #gardeningpage a.gardeninglink:hover {
   text-decoration:none;
}






.firstrow h3 {font-size: 16px;}

.nextrow h4 {font-size: 16px;}





table.table-classify {
    border: 1px solid #ddd;
    width:75%;
    
}

.table-classify td, .table-classify tr {
    border: 1px solid #ddd;

    
}

.table-classify td {padding:5px;}

.social-dusa {padding:2px;margin:3px;background-color:#ffffff;width:100%;}

.social-dusa img {display:inline-block;margin:0;}
	
figure {margin:0; padding:0;}

figcaption {
	margin: 0;
	padding: 0;
	font-size: 10px;
	line-height: 1.4
}

.photocaption {
	margin: 0 auto;
	padding: 15px 0 0 0;
	font-size: 12px;
	line-height: 1.4;
	font-weight:bold;
/*	width:80%;*/
	text-align:center;
}


blockquote {font-size: 14px;}

p + p { margin-top: 1em; }

table.gray  {background-color: #ebebeb;}

form {
	margin: 0px;
	padding: 0;
	font-size: 12px;
}

input {
	margin: 0;
	/*padding: 0;*/
}




.clear { clear: both !important; }

ul {
	margin: .5em 0 .5em  0;
	padding: 0;
	list-style: disc;
}


li {
	border: 0;
}

/*kris style the hotel search form */




.imgrighttop {float:right;margin:0;padding:0 0 10px 15px;}
.imgright {float:right;margin:0;padding:10px 0 10px 15px;}
.imglefttop {float:left;margin:0;padding:0 15px 10px 0px;}
.imgleft {float:left;margin:0;padding:10px 15px 10px 0;}
.aligncenter {text-align:center;}
img.aligncenter {
margin:0 auto;
	padding:10px 0 10px 0; 
}





#content, .content {
	margin: 0 auto;
	/*padding:10px 0 0 10px;*/
		padding:10px;

	max-width:1200px;

}




*html #center_content
{
	padding-left: 0px;
	margin-left: 2px;
}


.rightcol .rightcolad {margin-top: 10px; margin-bottom:10px;}

.rightcolshop { border:1px solid #bebebe;padding:2px;margin:6px 6px 20px 6px;}

.rightcolnewsletter {}

.newsletter 
{
	font-size: 8px;
	color: #000;
	overflow: hidden;
	background-color: #fff;
	border: 1px solid #4B4B4B;
	margin: -50px 0 10px 4px;


	

}

.newsletter h3 {font-size:13px; text-align:center;margin:4px 0;}


.newsletter p 
{
	margin-top: 3px;
	font-size: 10px;

	text-align: center;
}

.newsletter form

{

	margin-top: 3px;

}





.bottom
{
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 10px;

text-align:center;
margin:0 auto;
padding:20px 0 20px 0;
}

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

.bottom a:hover
{
	text-decoration: underline;
	color: #000000;
}



div.clearer {clear: left; line-height: 0; height: 0;}





.desertemp {
font-size : 11px;
color : #000;
overflow: hidden;
width: 308px;
background-color:#fff;
border: 1px solid #4B4B4B;
padding:3px;
margin-top: 6px;}



.rightcol div#featurebox
{
	margin: 0 3px 3px 3px;
	padding: 3px;
	width: 50%;
	background-color: #eeeeee;
}

.rightcol #featurebox a
{
	color: #5b3818;
	font-weight: bold;
}

.rightcol #featurebox a:hover
{
	color: #5b3818;
	text-decoration: underline;
	font-weight: bold;
}

.rightcol #featurebox ul
{
	list-style: disc;
	text-align: left;
	list-style-position: outside;
	margin: 0 0 0 1em;
	padding-left: 1em;
}

.rightcol #featurebox li
{
	margin: 0;
	padding: 0;
}


.rightcol #featurebox2 ul {text-align:left; width:50%; 	list-style-position: outside; margin: 0 0 0 0.6em;
	padding-left: 0.6em;
}

.rightcol #featurebox2 li
{
	margin: 0;
	padding: 0;
}

.light-tan-box ul { text-align:left; width: 50%; 	
	list-style-position: outside; 
	margin: 0 0 0 0.6em;
	padding-left: 0.6em; }
	
	#hotelresvcontainer {border: 1px solid #000000;}
	
	#hotelresvcontainer .hotelresvmenu ul {
	list-style-type: none;
	padding-bottom:4px;
	}




.\2colcontainer a{
color: #a76013;
text-decoration: none;


}



.\2colcontainer  a:hover{ 
color: #da8119;
text-decoration: underline;

}

#latiname {font-style:italic;}



.leftcol hr {
	
    border: none;
    width: 75%;
    /* top    */ border-top: 1px solid #ccc;
    /* middle */ background-color: #ddd; color: #ddd;
    height: 1px;
    *height: 2px; /* IE6+7 need the total height */
    margin-top:20px;
    margin-bottom:20px;

	

}




.leftcol a{
color: #a76013;
text-decoration: none;


}



.leftcol  a:hover{ 
	color: #da8119;
	text-decoration: underline;
}


.leftcol ul li {
	list-style-type: disc;
	margin: .5em 0 .5em  1.5em;
	padding: 0;

}

.leftcol ol ul { 
	padding-bottom:10px;
}

.leftcol ol li {
	margin: .5em 0 .5em  0;
	padding: 0;

	letter-spacing:normal;

}

.leftcol li {

margin-bottom: 6px;

}

/*kris style the hotel search form */

.hotelsearchcontainer { width:90%;margin:0 auto;text-align:center;}

.leftcol .searchWrapper ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: normal;

}

.leftcol .searchWrapper ol ul { 
	padding-bottom:0px;
}



.leftcol .searchWrapper ol li {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: normal;
	letter-spacing:normal;

}



.leftcol .searchWrapper .rs_heading li { display:block; float:left; width:24.75%; text-align:center; color:#555; line-height:40px; border-right:1px solid #ccc; cursor:pointer; }


.leftcol img {
	border:none;
}


		
.rightcol a{
color: #a76013;
text-decoration: none;


}



.rightcol  a:hover{ 
color: #da8119;
text-decoration: underline;

}



.template_bottom {

	margin:8px 0px 8px 0px;
	padding: 0px;
	text-align:center;

}

.template_bottom hr {
	
    border: none;
    width: 75%;
    /* top    */ border-top: 1px solid #ccc;
    /* middle */ background-color: #ddd; color: #ddd;
    height: 1px;
    *height: 2px; /* IE6+7 need the total height */
    margin-top:20px;
    margin-bottom:20px;

	

}


.template_bottom ul li {
list-style-type: disc;
margin: .5em 0 0 1.5em;
	padding: 0;
	font-size: 12px;
	line-height: 1.4

}

.template_bottom li {

margin-bottom: 6px;

}


.template_bottom img {
	border:none;
	padding-top: 2px;
	padding-right: 4px;
}

.graybox {
	background-color: #fff;	
	margin:10px 4px;
	padding: 10px 4px;
	border:1px solid #bfbfbf;

}



.leftgraybox {

	margin:8px 0px 8px 0px;
	padding: 0px;
	

}

.leftgraybox ul li {
	list-style-type: disc;
	margin: .5em 0 0 1.5em;
	padding: 0;
	font-size: 12px;
	line-height: 1.4

}

.leftgraybox li {
	margin-bottom: 6px;
}



.floatlsimple { float: left; } 


.wayunderarea {
	text-align:center;
	margin:0 auto;
	padding:5px 0 0 0;

}




.bottomcontainer {

text-align:center;
margin:0 auto;
width: 1200px;
}

.bottompart1 {

text-align:center;
margin:0 auto;
width: 1180px;

}



.hotelboxmenu {
background-color: #e0e0c8;	/*margin-top: -4px;*/
margin:8px 0px 8px 0px;
border: 1px #4B4B4B solid;
padding: 4px;
	
}


#showcontent {

padding:0;
margin:0;
position:relative; 
z-index:10;

}

#rssplace h3 {

color: #666666;
padding: 0 0 0 4px;

}



.continue-button {
   background: #f5cb62;
  background-image: -webkit-linear-gradient(top, #f5cb62, #f38231);
  background-image: -moz-linear-gradient(top, #f5cb62, #f38231);
  background-image: -ms-linear-gradient(top, #f5cb62, #f38231);
  background-image: -o-linear-gradient(top, #f5cb62, #f38231);
  background-image: linear-gradient(to bottom, #f5cb62, #f38231);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Verdana;
  font-weight:bold;
   text-shadow: 1px 1px 3px #666666;
  color: #ffffff;
  font-size: 23px;
  padding: 10px 75px 10px 75px;
  text-decoration: none;
  display: inline-block;
  margin: 15px 0;
}

#content > div.\32 colcontainer > div.leftcol > p > a.continue-button, #content > div.\32 colcontainer > div.leftcol > p > a.continue-button:hover {color:#fff;text-decoration:none;}

.continue-button:hover {
    background: #f38231;
  background-image: -webkit-linear-gradient(top, #f38231, #f5cb62);
  background-image: -moz-linear-gradient(top, #f38231, #f5cb62);
  background-image: -ms-linear-gradient(top, #f38231, #f5cb62);
  background-image: -o-linear-gradient(top, #f38231, #f5cb62);
  background-image: linear-gradient(to bottom, #f38231, #f5cb62);
  text-decoration: none;
}


.hilitebox {
	background-color: #fefd8d;
	padding: 2px;
}

.hiliteboxpastel {
	background-color: #fbf4bb;
	padding: 10px;
	margin:12px 3px;
}



.shadow  {



 /*Standard Way*/
 box-shadow: 3px 3px 4px #999;

 /*Firefox, Safari and Google Chrome*/
 -moz-box-shadow: 3px 3px 4px #999;
 -webkit-box-shadow: 3px 3px 4px #999;

 /* For Internet Explorer 8 */
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, 

Color='#999999')";

 /* For IE 5.5 - IE 7 */
 filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, 

Color='#999999');
	
	}
	
	
.shadowfloatleft  {
	
	float:left;
	padding: 0;
	margin: 0 10px 10px 0;

 /*Standard Way*/
 box-shadow: 3px 3px 4px #999;

 /*Firefox, Safari and Google Chrome*/
 -moz-box-shadow: 3px 3px 4px #999;
 -webkit-box-shadow: 3px 3px 4px #999;

 /* For Internet Explorer 8 */
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";

 /* For IE 5.5 - IE 7 */
 filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
	
	}
	

h2.flower {font-style: italic;}
	
	
	.redtext {
	
	color: #CC0000;
	
	}
	
	
	.greentext {
	
	color:#006400;
	
	}

	#topad {text-align:center;width:100%;margin:0 auto;padding:1em;}
	
	#formoreinfoboxSM { 
background-color:#fff; 
border: 1px solid #8e8461; 
padding: 4px 4px 4px 4px;
width: 375px;
margin: 0 auto;	
}

#formoreinfoboxSM  p{
text-align:left;
padding:8px;
}

.wraprightimg { 

margin-right: 8px;
padding: 0;

}



#submenucontainer2 { text-align:center; padding: 12px 0px 0 0; margin:0 auto;width:100%;

}

/**this is for the main video pages listings at the top**/

#navlist {
/*position:relative; */
position: static;
height: 20px; margin: 0; 
padding: 10px 0 10px 0; 
/*overflow: hidden;*/
text-align:center;
}
#navlist li {
display:inline;margin:0;padding:8px;
}


#navlist a {
height: 16px; 
position:relative; 
padding: 1px;
font-size : 11px; 
font-weight : bold; 
color : #000000; 
text-decoration : none; 
}

#navlist a:hover {
font-size : 11px; 
font-weight : bold; 
color : #879cb9; 
text-decoration : none; 
}  



#navlist .uberlink {
background-color:#fff3bf; 
font-size : 11px; 
font-weight : bold; 
color : #000000; 
text-decoration : none; 
}

.firstrow, .nextrow {

margin-right: -15px;
  margin-left: -15px;

}


.firstrow:before, .nextrow:before, .firstrow:after, .nextrow:after {

 display: table;
  content: " ";
}

.firstrow:after, .nextrow:after {

 clear: both;
 }
 
 .minicontent {
 
 position: relative;
  min-height: 1px;
  /*padding-right: 15px;
  padding-left: 15px;
  padding-bottom:15px;*/
  float: none;
  /*width:100%;*/
  width:auto;
  max-width:100%;
  text-align:center;
  margin:0 auto;
  
  }
 
 .minicontent > img,
.minicontent a > img {

 display: inline-block;
 /* max-width: 100%;*/
 max-width:120px;
  height: auto;
  text-align:center;
  float:none!important;
  
}

.morelikethis::before {

content: "";
clear:both;

}

.morelikethis {text-align:center;}

 #submenu ul li {
 list-style-type: none;

}

.submenu {
/*position:relative; */
height: 25px;
margin: 0; 
padding: 0 0 0 0px; 
/*overflow: hidden;*/
text-align:center;
}




.submenu ul  {
display:inline;
margin: 0 auto; 
padding:0 0 12px 0;
font-weight:bold;
/*float: left;*/
list-style-type: none;



}

.submenu li {
margin: 0;
padding: 5px 3px 5px 0px;
list-style-type: none;
float: left;


}



.submenu a {
/*height: 12px; */
border: 1px solid #b8b8b8;
/*position:relative; */
color: #858585;
padding: 4px;
font-size : 11px; 
text-decoration : none; 
}

.submenu a:hover {
background-color:#879cb9; 
font-size : 11px; 
color : #fff; 
text-decoration : none; 
}  



#mammal .mammal, #insect .insect, #bird .bird, #reptile .reptile, #other .other.li{
font-weight:bold;
display:inline;
background-color:#879cb9; 
color:#fff;
text-decoration:none;
}

/*still used in video page menus - keep this */
#arizona .arizona, #california .california, #colorado .colorado, #nevada .nevada, #newmexico .newmexico, #utah .utah, #texas .texas, #other .other.li{
font-weight:bold;
display:inline;
background-color:#879cb9; 
color:#fff;
text-decoration:none;
}





.rightcol .graybox ul li {
	list-style-position: outside;
margin-left:18px;

}

.adright_textarea {float:none;text-align:center;margin:15px; padding:10px;}

.adleft_textarea {float:none;text-align:center;margin:15px; padding:10px;}

.a-products {text-align:center;}

.a-products img {padding:10px;}

 .row .col-xs-6.col-sm-3 .thumbnail .caption p, .row .col-xs-6.col-sm-3 .thumbnail .caption h3 {text-align:center;}


/* YouTube Responsive CSS */
.responsive-embed-youtube {
position: relative;
padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
padding-top: 25px;
height: 0;
margin-bottom:25px;
}
 
.responsive-embed-youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%!important;
height: 100%!important;
}


/*search styling new KB*/
.block-search .form-search .form-control {
    height: 49px;
    border: 1px solid #aaaaaa;
    padding-left: 60px;
    padding-right: 60px;
    font-size: 14px;
    color: #888888;
}

.form-control {
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #ececec;
}

.block-search .form-search .btn-search {
    width: 60px;
    padding: 0;
    background-color: #fca53c;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    line-height: 1px;
    height: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/icon/index1/search.png);
    
    }


.cse .gsc-search-button input.gsc-search-button-v2,
input.gsc-search-button-v2 {
    height: 26px !important;
    margin-top: 0 !important;
    min-width: 13px !important;
    padding: 5px 26px !important;
    width: 68px !important;
    background-color: #B45F06!important;
}

#cse-search-results iframe {width: 100%;}



  
/*monitor size menu vertical align*/




/*default - off */



div.routelogo {text-align:right;}
div.routetext h1 {text-align:left;}
div.routesubpage {float:left;margin: 0px; padding-top:4px;width:55px;position:absolute;}
div.routesubpagebottom {float:right;margin: 6px 15px 6px 15px; width:75px;}


/*div.routesubpage {float:left;margin: 6px 0 6px 0; width:55px;position:absolute;}*/


div.routesubpage:after {
    content: '';
    display: block;
    clear: both;
}


	

   	
   
   	





	

	

p.add-stories  {
    color: #a76013;
    text-align:left;
    font-size:16px;
    font-weight:600;
    font-family: Arial,arial,sans-serif;
    line-height: 1.2;
} 
		
		p.add-stories a {
    color: #a76013;
			text-decoration:none;
}
		
		p.add-stories a:hover, h3.add-stories a:active {
   
			text-decoration:underline;
			
}




#content > div.\2 colcontainer > div.leftcol > div.container-fluid.add-stories > div > div {padding-left:6px;padding-right:6px;padding-bottom:2em;}

@media screen and (max-width: 768px)and (orientation: portrait) {

#content > div.\2 colcontainer > div.leftcol > div.container-fluid.add-stories > div > div img {float:left;padding-right:10px;clear:none;width:60%;}



}

@media screen and (max-width: 1024px){



   	div.routelogo, div.routetext h1 {text-align:center;}
   	
   	}