@import "/includes-b/smartmenus/libs/bootstrap/css/bootstrap.min.css"; 

#wrapper {
	margin: 0 auto;
	padding: 0;
	max-width: 1070px;
	height: auto;
	background-color: #ffffff;
	min-height:1000px;
}


body
{
	margin: 0;
	padding: 0;
	padding-top: 80px;
	height:100%;
	background-color: #ffffff;
	text-align: left;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 	font-size: 14px;
}

/*This is for the smartmenu alignment*/
.container {padding-bottom:6px;margin-top:0px;}



/*SMART MENUS STYLES*/

.navbar-default{background-color:#ffffff;border-color:#e7e7e7}








p
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.4
}

	/*to fix style in bootstrap*/
	blockquote{padding:10px 20px;margin:0 0 20px;font-size:inherited;border-left:0px}


figure {margin:0; padding:0;}

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

.photocaption 
{
	margin: 0;
	padding: 0;
	font-size: 10px;
	line-height: 1.4;
	font-weight:bold;
}



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;
	/*font-size: 12px;*/
}


li
{

	border: 0;
}

img { border: none; }

.imgrighttop {float:right;margin:0;padding:0 0 6px 6px;}

.imgright {float:right;margin:0;padding:6px 0 6px 6px;}

.imglefttop {float:left;margin:0;padding:0 6px 6px 0px;}

.imgleft {float:left;margin:0;padding:6px 6px 6px 0;}

.aligncenter {text-align:center;}








#header-container
{
	margin: 0 auto;
	max-width: 1070px;

	
}



#lefthead {float:left;padding:26px 0px 0px 18px;}

#lefthead p {padding:5px 0 0 15px;color:#000000;	text-shadow:2px 2px 4px #969595;font-size: 12px;
font-family: Verdana,Arial, Helvetica, sans-serif;
}

#righthead {padding-top:3em;/*float:right; padding:4px 6px 0 0;margin:0;*/}



#adcontainer
{
	text-align: center;
	padding:4px 20px 0 20px;
	margin: 0;
	max-width: 1070px;
height: 95px;
	
}


/*Side Navigation*/


#content, .content
{
	margin: 0;
	padding:0 0 0 10px;
	/*width: 1200px;*/
	max-width: 1130px;
	font-size: 12px;
font-family: Verdana,Arial, Helvetica, sans-serif;
}



/*Side Navigation*/


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



.newsletter 
{
	font-size: 8px;
	color: #000;
	overflow: hidden;
	width: 150px;
	height: 80px;
	/*background-image: url('http://www.desertusa.com/images/newsletterback.jpg');*/
	background-color: #fff;
	border: 1px solid #4B4B4B;
	margin: 6px 0 10px 4px;
	/*float: left;*/
	

}

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


.newsletter p 
{
	/*color: #ffffff;*/
	margin-top: 3px;
	font-size: 10px;

	text-align: center;
	/*border-top: 1px solid #566b56;*/
}

.newsletter form

{

	margin-top: 3px;

}

#newsearch  {text-align:center;min-height:55px;padding: 10px 0px;margin:0 auto;}

#newsearch h3 {margin:0;padding:0; text-align:center; }

#newsearch #cse-search-box input[type=text] {
	font-size:   120%; 
      padding:     0.1em;
      height: 25px; 
     }

#newsearch #cse-search-box input[type=submit] {
margin-top:10px;
font-size:16px;
}

/*for directory bottomnav and copyright includes*/



.bottom
{
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 10px;
		/*width:1070px;*/
text-align:center;
margin:0 auto;
/*padding-right:120px;*/
}

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

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



/*COMMENT: this is used in index.html*/



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



 #mainmenucontainer { 
/*border: 1px solid #8e8461; */
padding: 3px;
margin:0px 2px 0px 0px;
float: left;
/*height:1200px;*/

/*border:1px solid #6b6b6b;*/

}


/*KRIS HERE*/
#mainmenucontainer a { 
color : #000000; 
text-decoration: none;
}

#mainmenucontainer a:hover { 
color : #657b9c; 
text-decoration: underline;
}

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


.mainmenu {
/*height: 37px;*/
/*background-color:#fff;*/
background-color: #FFFFFF;
/*background-color: #fceb9e;*/ 
margin: 4px 0; 
overflow: hidden;
/*width: 135px;*/
border: 1px solid #4B4B4B;
		padding:3px;
		


/*border-top: 1px solid #566b56;*/

}


.mainmenu ul  {
padding: 0 3px 3px 7px;
margin: 0;
list-style-type: none;


}




.mainmenu a {
/*height: 12px; */
/*border: 1px solid #b8b8b8;*/
/*position:relative; */
/*color: #6b6b6b;*/
color: #5b3818;
/*background-color:#fff;*/
font-size : 11px; 
font-family : Verdana, arial, helvetica, sans-serif; 
text-decoration : none; 
}

.mainmenu a:hover {
/*background-color:#8e8461; */
font-size : 11px; 
color : #4B4B4B; 
font-family : Verdana, arial, helvetica, sans-serif; 
text-decoration : underline; 
}  






#special a {
color : #4B4B4B; 

}

.special a {
color : #4B4B4B; 

}






/*COMMENT: this is used in index.html*/


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

h1 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
 color:#000000;
 font-size : 20px; 
 line-height: 20px;
 text-align: center;
 padding: 0px 0 15px 0;
 border-bottom:1px solid #ebebeb;
 }


h2 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
 color:#799b7c;
 font-size : 14px;
 line-height: 16px;
 text-align:center;
 }
 
 h3 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight:bold;
  font-size : 13px;
 }


h4 {
	color: #5b3818;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	margin: 5px 0 4px 0;
	padding:5px 4px 9px 0px;
	width: 99%;}

h5 {
	color: #494949;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	width:98%;
	border-bottom: 1px solid #a6a6a6;
	padding:0 0 6px 0;
}

h6 {
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #494949;
	font: bold 12px;
	text-transform: uppercase;
	width:98%;
	border-bottom: 1px solid #a6a6a6;
	padding:0 0 6px 0;
}



/*COMMENT: this is used in index.html - top part where search is and stuff to left of it*/



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


/*COMMENT: this are used in index.html - this contains the content area*/


.\2colcontainer {
float:left; 
width: 80%;
}



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


}



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

}

#latiname {font-style:italic;}


/*COMMENT: these are used in index.html - the left column contains slideshow & stuff under it, and right is newsletter and ads*/




.leftcol {
	float:left;
	width:50%;
	margin:1%;
	padding-left:1%;
	padding-right:1%;
	background-color:#FFFFFF;

}

.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;
	font-size: 12px;
	line-height: 1.4;

}

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

.leftcol ol li {

margin: .5em 0 .5em  0;
	padding: 0;
	font-size: 12px;
	line-height: 1.4;
	letter-spacing:normal;

}

.leftcol li {

margin-bottom: 6px;

}


.leftcol img {
	border:none;
	/*padding-top: 2px;*/
	/*padding-right: 4px;*/
}


.rightcol {
	float:left;
	text-align: center;
	/*width: 300px;*/
	width:27%;

}

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


}



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

}












/*COMMENT: this is so linked images won't display a blue border*/


img {
	/*padding-top: 2px;*/
	border:none;
	max-width:100%;height:auto;
	
}

/*COMMENT: this is the Jim's bottom area*/



.template_bottom {
	/*background-color: #fff;	/*margin-top: -4px;*/
	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-top: -4px;*/
	margin:4px;
	padding: 4px;
	border:1px solid #000000;

}



.leftgraybox {
	/*background-color: #fff;	/*margin-top: -4px;*/
	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;

}


.leftgraybox img {
	border:none;
	/*padding-top: 2px;*/
	/*padding-right: 4px;*/
}


/*COMMENT: these are to wrap images*/




/*this is for the new menu breakup VERY IMPORTANT*/
.floatlsimple { float: left; } 

/*COMMENT: this contains the bottom includes*/



.wayunderarea {

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

/*margin: 5px 0px 0px 0px;*/
/*padding: 5px 0px 0px 0px;*/

}




.bottomcontainer {

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

.bottompart1 {

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

}




.more {color:#4B4B4B;}

.more a { color:#4B4B4B;}

.more a:hover {

	color:#000;
	text-decoration: underline; 

	
	
	}




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

.textInput
{
/*border: 2px solid #cc6601;*/
/*background: #555555;*/
/*color: #5b3818;*/
/*font-size: 1.1em;
font-weight:bold;*/
}




#showcontent {

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

}

#rssplace h3 {

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

}


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

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



.shadow  {

padding: 0;
margin: 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');
	
	}
	
	
	.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;	


/*border:1px solid #6b6b6b;*/

}

#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; 
height: 20px; margin: 0; 
padding: 0; 
overflow: hidden;
}
#navlist li {
display:inline;margin:0;padding:8px;
}


#navlist a {
height: 16px; 
/*background: #b7ac9f; */
position:relative; 
padding: 1px;
font-size : 11px; 
font-weight : bold; 
color : #000000; 
font-family : Verdana, arial, helvetica, sans-serif; 
text-decoration : none; 
}

#navlist a:hover {
/*background-color:#a6c0e3; */
font-size : 11px; 
font-weight : bold; 
color : #879cb9; 
font-family : Verdana, arial, helvetica, sans-serif; 
text-decoration : none; 
}  



#navlist .uberlink {
background-color:#fff3bf; 
/*border-right: 1px solid #fff;*/
font-size : 11px; 
font-weight : bold; 
color : #000000; 
font-family : Verdana, arial, helvetica, sans-serif; 
text-decoration : none; 
}

.firstrow {

width: 100%;
height: 140px;
text-align:center;
margin:5px 0 0 0px;
padding: 0;

}


.nextrow {

width: 100%;
height: 160px;
text-align:center;
margin:5px 0 0 0px;
padding: 0;

}

.firstrow h3 {

text-align:left;
background-color:#566b56;
width: 100%;
height: 18px;
/*background-color: #bbcfe2;*/
color: #ffffff;
font-family: verdana,arial,sans-serif;
background: url(/video_pages/v_images/sub-sub-blend.jpg);
background-repeat:no-repeat;
font-size: 11px;
margin: 0px 0 3px 0;
padding: 3px 0 0 3px;



}


.nextrow h4 {

text-align:left;
background-color:#566b56;
width: 100%;
height: 18px;
/*background-color: #bbcfe2;*/
color: #ffffff;
font-family: verdana,arial,sans-serif;
background: url(/video_pages/v_images/sub-sub-blend.jpg);
background-repeat:no-repeat;
font-size: 11px;
margin: 0px 0 3px 0;
padding: 3px 0 0 3px;



}


.nextrow h4 a {

text-decoration: none;
color: #ffffff;

}

.nextrow a:hover {

text-decoration: underline;

}


.nextrow h3 {

text-align:left;
background-color:#566b56;
width: 100%;
height: 18px;
/*background-color: #bbcfe2;*/
color: #ffffff;
font-family: verdana,arial,sans-serif;
background: url(/video_pages/v_images/sub-sub-blend.jpg);
background-repeat:no-repeat;
font-size: 11px;
margin: 0px 0 3px 0;
padding: 3px 0 0 3px;



}

.minicontent h3 a {

text-decoration: none;
color: #ffffff;

}

.minicontent h3 a:hover {

text-decoration: underline;
color: #ffffff;

}



.minicontent {

width: 132px;
height: 130px;
float:left;
margin: 0px 5px 0 0;
padding: 0px;
font-size: 12px;
font-weight:bold;
font-family: arial,sans-serif;


}

.minicontent a {

color: #000000;
text-decoration: none;
}

.minicontent a:hover {
color: #000000;

text-decoration: underline;

}

 #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; 
font-family : Verdana, arial, helvetica, sans-serif; 
text-decoration : none; 
}

.submenu a:hover {
background-color:#879cb9; 
font-size : 11px; 
color : #fff; 
font-family : Verdana, arial, helvetica, sans-serif; 
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;
}


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

}

.mobileonly {display:none;}



	
	

	/*phone size*/  
	
 @media only screen and (min-width: 0px) and (max-width: 768px)  {
 
 
 body
{

	background: none;
		background-color: #fff;


}

 
 #wrapper
{
	margin: 0 auto;
	padding: 0;
	width:100%;
	height: auto;
	background-color: #fff;
	max-width:760px;



}

p
{margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 1.4
}


h2 { font-size : 16px;
}

h4 {font-size: 14px;
}

h5 {
font-size: 16px;
}


h6 {font-size: 16px;
}

.leftcol ul li {font-size: 16px;
}

.leftcol ol li {font-size: 16px;
}

.leftgraybox ul li {font-size: 16px;
}

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

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


	
#content, .content {padding:0;margin:1%; width:100%;font-size: 16px;
}

/*to make persistent fixed menu - KB 112414 */
	/*#content, .content {padding:75px 0 0 0;margin:1%; width:100%;}*/
	
	
/*		#header-container {
	position:fixed;
	background-color: #efebdf;
	margin-top:0;
	padding-bottom: 10px;
	left: 0;
  top: 0;

  width:100%;
  
  }*/

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

	
	
	.2colcontainer {
float:left; 
width: 100%;
}
	
	.leftcol, .rightcol {
	float:none;
	width: 95%;
	margin:1%;
	}
	
	
	#outdoor_ros {display:none;}
	
	#mainmenucontainer {display:none;}
	
	#righthead {padding-top:0;}
	
	img {max-width:100%; height:auto;}
	
		#topad {max-width:100%;}
		
			.mobileonly {display:block;}
	

	
	/*#topad {display:none;padding:0;}*/
	
	}
	
	
@media (min-width: 769px) {


#content {
 
max-width: 100%;
}



}
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
   	body {padding-top: 100px;}
   	#wrapper {
	margin: 0 auto;
	padding: 0;
	max-width: 1070px;
	height: auto;
	background-color: #ffffff;
	min-height:1000px;
}

.\2colcontainer {
float:left; 
width: 80%;
}


.leftcol {
	float:left;
	width:40%;
	margin:1%;
	padding-left:1%;
	padding-right:1%;
	background-color:#FFFFFF;

}

.rightcol {
	float:left;
	text-align: center;
	/*width: 300px;*/
	width:27%;

}

#mainmenucontainer {display:block;}



 
}
	
	
/*@media only screen and (max-device-width: 1024px) and (orientation:portrait) { 
   	body {padding-top: 100px;}
   	
}*/

@media only screen and (max-device-width: 1024px) and (orientation:landscape) { 
   	body {padding-top: 70px;}

   	}
   	
@media only screen and (max-device-width: 480px) and (orientation:portrait)  { 	
body {padding-top: 60px;}

}