body
{
	margin: 0;
	padding: 0;
	width: 100%;
	background: #ffffff;
	color: #000;
	text-align: left;
}

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

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

/*form, fieldset, legend and input are all used to style form fields .search is for the search in the header area */

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

fieldset
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 11px;
}

legend
{
	text-align: left;
	margin: 0;
	padding: 0;
	font-size: 11px;
}

input
{
	margin: 0;
	padding: 0;
}

.search div
{
	margin: 0;
	padding: 0 0 8px 0;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}

.search form
{
	margin: 0;
	padding: 0;
}

/*end of form styling above  note there is more coding in header container area for search that occurs there*/

.clear { clear: both !important; margin:0; padding:0; line-height:6px;}


ul
{
	
	list-style: disc;
	font-size: 12px;
}


li
{
	
	border: 0;
}

img { border: none; }

#wrapper
{
	margin: 0 auto;
	padding: 0px;
	width: 1020px;
	position: relative;
	font: 12px Verdana,Arial, Helvetica, sans-serif;
}

#header
{
	margin: 0;
	padding: 0;
	width: 1000px;
	height: 8em;
	background: #fff;
	overflow: hidden;
	position: relative;
}

/*hright is header right style stuff */

#hright ul
{
	line-height: 18px;
	list-style-image: none;
	/*list-style-position: outside;*/
	list-style-type: none;
	margin: 0;
	padding: 0.55em 0;
	width: 700px;
	text-align: right;
	font-size: 0.8em;
	background-color: #4b4b4b;
	float:right;

	
}


#hright li
{
	display: inline;
	margin: 0;
	padding: 0 .5em;
	text-transform: uppercase;
	font-weight:bold;
}

#hright li a
{
	color: #4B4B4B;
	text-decoration: none;
}

#hright li a:link { color: #ffffff; }
#hright li a:visited { color: #ffffff; }
#hright li a:hover { color: #ffffff; text-decoration: underline;}
#hright li a:active { color: #ffffff; }

/*header-container contains search and whats new stuff in header */

#header-container
{
	margin-left: 20px;
	float: left;
	width: 730px;
}



#header-container .search
{
	height: 28px;
	overflow: hidden;
	float: right;
	margin: 8px 5px -4px 0;
	padding: 0;
}


.sharethisleftcolumn
{
	text-align:center;
	overflow: hidden;
	margin: 0px;
	width: 160px;
	padding: 0px;
	font-family:verdana helvetica;font-size:10px;
}

/*this is the whats new area in the header*/



#whnew
{
	margin: px;
	padding: 4px 0 0 15px;
	clear: both;
}

#whnew ul
{
	line-height: 20px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 11px;
}

* html #whnew ul { line-height: 18px; }

#whnew li
{
	margin: 0px 5px 0;
	padding: 0;
	float: left;
}

#whnew li a
{
	color: #4B4B4B;
	text-decoration: underline;
}

#whnew li a:link { color: #4B4B4B; }
#whnew li a:visited { color: #4B4B4B; }
#whnew li a:hover { color: #000000; }
#whnew li a:active { color: #000000; }

/*logo in header*/


#logo_container
{
	float: left;
	margin: 0 0 0 0px;
	padding: 0;
	width: 246px;
}

#logo_img
{
	float: left;
	margin: 0;
	padding: 0;
}

#logo_img img
{
	border: 0;
	width: 246px;
	height: 92px;
	margin-top: 0px;
}

/*main header navigation - brownbararea*/


#brownbararea
{
	background-color: #4B4B4B;
	text-align: left;
	width: 1000px;
	height: 28px;
	*/ margin: 0px 0px 8px 0px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	border: 1px solid #4B4B4B;
	float: left;
}

#brownbararea ul
{
	list-style-type: none;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding: 0;
	margin: .5em 0 0 0;
}

#brownbararea li
{
	float: left;
	margin: 3px 3px 3px 3px;
	color: #fff;
	border-right: 1px solid #fff;
}

#brownbararea li a
{
	color: #ffffff;
	margin: 0;
	text-decoration: none;
	font-weight: bold;
	margin-right: 8px;
}

#brownbararea li a:visited
{
	color: #fffff;
	font-weight: bold;
}

#brownbararea li a:hover
{
	text-decoration: underline;
	color: #ffffff font-weight: bold;
}

#brownbararea li a:active
{
	color: #ffffff;
	font-weight: bold;
}

#brownbarareanavfirst { margin-left: 8px; }
#brownbarareanavlast li { border-right: 0px solid #4B4B4B; }

/*ad area in header zone contains newsletter too*/


#adcontainer
{
	text-align: center;
	padding:0;
	margin: 0;
	width: 1030px;
height: 95px;
	
}

/*content is the area under the header*/


#content, .content
{
	margin: 0px;
	padding: 0px;
/*	list-style: none;*/
	width: 1200px;
}




#left_column
{
	float: left;
	margin: 0 4px 5px;
	padding: 0;
	width: 175px;
	overflow: hidden;
}

#left_column h1
{
	color: #5b3818;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	border-bottom: dashed 1px #5b3818;
	width: 95%;
}

#left_column h1 a
{
	color: #5b3818;
	text-decoration: none;
}



#center_content
{
	float: left;
	margin: 0;
	padding: 0 0 0 2px;
	width: 510px;
}

#navlist 

{
margin:4px 0;
padding: 0;

}


/* this is the navlist above the video */
#navlist ul {
margin: 4px 0 4px 0px; 
padding: 0; 
/*overflow: hidden;*/
width: 540px;
text-align:center;
}

#navlist li {
display:inline;
margin: 1px;
padding: 0px;
}


#navlist a {
height: 12px; 
/*background: #DCD9BE;*/
/*position:relative; */
font-size : 11px; 
color : #8e8461; 
font-family : Verdana, arial, helvetica, sans-serif; 
text-decoration : none; 
font-weight: bold;

}

#navlist a:hover {
background-color:#8e8461; 
font-weight: bold;
color : #fff; 
font-family : Verdana, arial, helvetica, sans-serif; 
text-decoration : none; 
}  



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

/* end the navlist above the video */

/*there are maps in some of the video pages - this is for them */

.map { 

margin-bottom: 12px;
padding: 0;

}

/*if you need it for space around an image */


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

#center_content  ul
{
	list-style: disc;
	text-align: left;
	/*list-style-position: outside;*/
	margin: 0 0 0 0.6em;
	padding-left: 0.6em;
}

#center_content li
{
	margin: 0;
	padding: 0;
}



#center_content a
{
	color: #5b3818;
	font-weight: bold;
}

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

#center_content #latiname
{

	text-decoration: none;
font-style:italic;
padding:0;
margin-top: -20px;

}

#center_content #author
{

	text-decoration: none;
font-style:italic;
padding:0;
margin-top: -20px;

}


.captioncenter {

font-size: 10px;
text-align: center;
font-weight: bold;
}

.imageleft270 {
float:left;
width: 270px;
padding: 10px 10px 10px 0px;

}

.imageleft270 p {

font-size: 10px;
text-align: left;
font-weight: bold;
margin:0px;




}



#right_column
{
	margin: 0;
	padding: 0;
	width: 300px;
	list-style: none;
	float:right;
}

/*heres the hotel reservation */

#hotelresvcontainer { 
/*border: 1px solid #8e8461; */
padding: 0px 2px 3px 0px;
margin:0px 0 5px 0;
text-align:center;
/*float: left;*/
/*height:1200px;*/

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

}


.hotelresvmenu {
/*height: 37px;*/
/*background-color:#fff;*/
background-color:#fff8dc;
margin: 0; 
overflow: hidden;
width: 293px;
padding:3px;
text-align: center;
border: 2px solid #ff6600;

		


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

}


.hotelresvmenu ul  {
padding: 0 2px 3px 3px;
margin: 0;
list-style-type: none;


}




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

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


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

/*end hotel reservation box */

/*OLD hotel when we used an image ad
.hotelresv img
{

margin:0;
padding:0 0 5px 0;
width: 300px;
height: 105px;
}
*/



/* here's the social contact box */

#socialcontainer { 
/*border: 1px solid #8e8461; */
padding: 0px 2px 3px 0px;
margin:0px 0 5px 0;
text-align:center;
/*float: left;*/
/*height:1200px;*/

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

}


.socialmenu {
/*height: 37px;*/
/*background-color:#fff;*/
background-color:#ffffff;
margin: 0; 
overflow: hidden;
width: 293px;
padding:3px;
text-align: center;
border: 1px solid #000000;
font-family : Verdana, arial, helvetica, sans-serif; 
color : #000;

}

.socialmenu p {

margin: 0 0 3px 0;
padding: 0;
font-size : 11px; 




}


.socialmenu ul  {
padding: 0;
margin: 0;
list-style-type: none;
display: inline;
text-align: center;

}

.socialmenu li {
padding: 0 5px 0 5px;
margin: 0;
list-style-type: none;
display: inline;


}





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

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


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

/*end social contact box */




#right_column #featurebox
{
	margin: 0 3px 3px 3px;
	padding: 3px;
	width: 294px;
	background-color: #e0e0c8;
}

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

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

#right_column #featurebox ul
{
	list-style: disc;
	text-align: left;
	/*list-style-position: outside;*/
	margin: 0 0 0 0.6em;
	padding-left: 0.6em;
}

#right_column #featurebox li
{
	margin: 0;
	padding: 0;
}





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

}

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

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

.newsletter form

{

	margin-top: 6px;

}



/*for directory bottomnav and copyright includes*/
#bottomcontainer { text-align: center; }

#bottompart1
{
	text-align: center;
	margin: 0;
	padding: 0 0 0 30px;
	width: 1000px;
	background: #fff;
	overflow: hidden;
	position: relative;
}




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

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

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

.bottomnav
{
	text-align: center;
	font-size: 10px;
	font-family: Verdana, arial, helvetica, sans-serif;
}

.bottomnav a { color: #000; }

.bottomnav a:hover
{
	color: #000;
	text-decoration: underline;
}





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




 

#mainmenucontainer { 
/*border: 1px solid #8e8461; */
padding: 0 3px 3px 0;
width:auto;
margin:0px;
float: left;
width: 160px;


}


.mainmenu {

background-color: #e6e3d2;	
margin:0px 0px 4px 0px;
border: 1px #4B4B4B solid;
padding: 4px;



}





.mainmenu ul  {
padding: 0 3px 10px 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; 

}




.introtext {
font-size : 11px;
color : #000;
overflow: hidden;
 background-color: #fff;
border: 1px solid #4B4B4B;
padding:3px;
margin:0px;
width: 98%;
	

}





h2 {font-weight:bold;
 color:#726a4e;
 font-size : 14px; 

 }

h4 {
	color: #5b3818;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0 4px 0;
	padding:5px 4px 9px 5px;
	/*border:solid 1px #000000;*/
	width: 490px;
}

h5 { 
		color: #4B4B4B;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 2px;	
}

h6 {
	color: #5b3818;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;

	margin:0px;
	padding: 4px 0px 4px 4px;
	background-image: url('http://www.desertusa.com/images/subheadblend0409.jpg');
	font-weight: bold;
	border-top: 6px #e0e0c8;solid;

}





/*left these in here in case we want to use them as we convert video section*/

.divtabs2 {
margin:0;
	padding: 12px;
	/*background-color: #f2eedc;*/
background-color: #fff;
/*border: 1px solid #000;*/
	width: 946px;
	/*border: 1px solid #566B56; */
font-size : 12px;
	font-weight : normal;
	color : #666666;
	font-family : Verdana, arial, helvetica, sans-serif;
	text-decoration : none;
}

.divtabs2 a{
/*color: #733910;*/
color: #4B4B4B;

text-decoration: none;


}



.divtabs2  a:hover{ 
color: #000;

text-decoration: underline;

}



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


#whitearea2 {
	height: 4px;
}




.tight {letter-spacing: -.8px; word-spacing: -.8px; }





.2colcontainer {
	float:left; 
	width: 870px;
}

.2colcontainer a{
color: #4B4B4B;
text-decoration: none;


}



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

}



.leftcol {
	float:left;
	width: 500px;
	padding: 0 16px 0 20px;
	background-color: #ecece1;
	margin-right: 4px;



}


.leftcol a{
/*color: #733910;*/
color: #4B4B4B;

text-decoration: none;


}



.leftcol  a:hover{ 
color: #000;

text-decoration: underline;

}


.rightcol {
	float:left;
	text-align: center;
	width: 300px;
}

.rightcol ul {

text-align:left;
}


.brownbox  {

background-color: #ecece1;
padding: 4px;
	margin:4px 0 4px 0;
border: 1px solid #ebebeb;

}


.graybox {

	margin:0px;
	padding: 4px;
background-color: #e0e0c8;

}




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


img {
	/*padding-top: 2px;*/
	border:none;
	
}



.whitebox {
	background-color: #fff;	
	margin:4px 0 4px 0;
	padding: 4px;

}



.leftgraybox {
	background-color: #fff;	/*margin-top: -4px;*/
/*	background-color: #f5f2dc;	/*margin-top: -4px;*/
	margin:8px 0px 8px 0px;
	/*border-bottom: 7px #fff solid;
	border-top: 2px #fff solid;*/
	padding: 4px;

}

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


/*COMMENT: these are to wrap images*/


.floatl { float: left; margin-right: 1em; } 

.floatr { float: right; margin-left: 1em; }

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



.more {color:#4B4B4B;}

.more a { color:#4B4B4B;}

.more a:hover {

	color:#000;
	text-decoration: underline; 

	
	
	}
.specialspace {
	

	float: left;
	height: 20px;
	margin:-13px 0px 0px 0px;
	padding:0px;
	width: 700px;
}
.hilitebox {
	background-color: #fefd8d;
	padding: 2px;
}




.adbox {
/*background-color: #f8d070;	/*margin-top: -4px;*/
background-color: #ffffff;
margin:0px;

border: 1px #4B4B4B solid;
padding: 4px;

	
}


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

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


  


/*here's for the return to video places or video animals box */ 

#returntobox { 
background-color:#dcd9be; 
padding: 8px;
width: 98%;
margin-bottom: 8px;	


}

.submenu {
height: 37px;*/
margin: 0; 
/*padding-left: 25px; */
overflow: hidden;
/*border-top: 1px solid #566b56;*/

}



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

}



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

.submenu a:hover {
background-color:#8e8461; 
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:#566b56; 
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:#566b56; 
color:#fff;
text-decoration:none;
}