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

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: 12px;
}

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;

	/*margin: 0px 0px 8px 4px; changed KB*/
	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;
}



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

/*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;
}





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

.sqad
{
	float: left;
	padding-right: 10px;
}

.sqadcontainer
{
	float: left;
	padding: 0px;
	margin: 0px;
	width: 540px;
}

.directorybox
{
	padding: 10px;
	background-color: #e0e0c8;
	/*border: 1px solid #000000; */
	font-size: 10px;
	font-weight: normal;
	color: #2a2a2a;
	font-family: Verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	float: left;
	height: 105px;
	margin: 0px 10px 0px 0px;
	width: 95%;
}

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

.directorybox  a:hover
{
	color: #DF5900;
	text-decoration: underline;
}

.directorybox ol
{
	margin: 0;
	padding: 0;
	width: 400px;
	/* room for 3 columns */
	text-align: left;
}

.directorybox ol li
{
	list-style-type: none;
	float: left;
	width: 125px;
	/* accommodate the widest item */
	line-height: 19px;
}

/* stop the floating after the list */
.directorybox br { clear: left; }

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



 

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

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

}


.mainmenu {

background-color: #e0e0c8;	/*margin-top: -4px;*/
margin:0px 0px 4px 0px;
border: 1px #4B4B4B solid;
padding: 4px;


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

}





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

}



h1 {font-weight:bold;
 color:#8b4513;
 font-size : 18px; 
 line-height: 20px;
 text-align: center;

 }

h2 {font-weight:bold;
 color: #006400;
 font-size : 14px;
 line-height: 16px;
 text-align:center;

 }

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: #807e7e;*/
		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-top: 5px;*/
	margin:0px;
	padding: 4px 0px 4px 4px;
	/*background-color: #a8baa9;*/
	background-image: url('http://www.desertusa.com/images/subheadblend0409.jpg');
	font-weight: bold;
	border-top: 6px #e0e0c8;
 solid;
	/*border-bottom: 2px #fff solid;*/

}



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;

}


/*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: 500px;
	padding: 0 16px 0 20px;
/*	width: 474px;*/
	background-color: #ecece1;
	margin-right: 4px;



}


.leftcol a{
/*color: #733910;*/
color: #960;

text-decoration: none;


}



.leftcol  a:hover{ 
color: #000;

text-decoration: underline;

}


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

.rightcol ul {

text-align:left;
}


.rightcol a{
/*color: #733910;*/
color: #960;

text-decoration: none;


}



.rightcol  a:hover{ 
color: #000;

text-decoration: underline;

}

		

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

}



/*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;
}

#latiname
{

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

}


#author-under-latin
{

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

}


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




}


.imageright208 {
float:right;
width: 208px;
padding: 10px 0px 10px 10px;

}

.imageright208 p {

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




}