/* CSS Document */

body {
	background-color:#000000;
	background-image:url(images/bg3.jpg);
	color : #000000;
	font-family : Arial, Verdana, Geneva,Helvetica, sans-serif;
	text-align:center;
	font-size:100%;
	behavior: url(dropdown/csshover.htc);
	margin:0;
	padding:0;
}
#global {
	background-image:url(/TRS-2/images/wood.jpg);
	background-repeat:repeat-x;
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
}
#total {
	position:relative;
	width:800px;
	height:100%;
	margin-bottom:0;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
	padding:0;
	border:none;
	text-align:center;
	background-image:url(images/wood.jpg);
	background-repeat:repeat-x;
}

	#Header {
		width:800px;
		height:245px;
		background-color:#996633;
		background-image:url(../417_bandera/images/417-banner.jpg);
		margin:0;
		padding:0;
		text-align:center;
	}
	
	#navgate {
		width:796px;
		height:30px;
		border:#000000 thin;
		margin:0;
		padding:0 ;
		text-align:center;
		background-image:url(/TRS-2/images/nav-wood.gif);
	}
	


<!--LIST-BASED MENUS WITHOUT IDs OR CLASSES ON THE LIST ELEMENTS-->
<!-- tested in NN7, Opera, Firefox, IE6, IE5.5, IE5, on Windows and Safari and IE5 on Mac -->
<!--has hacks for Opera (clipping problem) and IE postioning-->
* {margin:0; padding:0;}

/* the horizontal menu starts here */
div#listmenu {
	width:782px; /* makes the div full width */
	height:30px;
	float:right;
	border-top:1px solid #000;	/* draws line on top edge of div */
	border-bottom:1px solid #;	 /* draws line on bottom edge of div */
	font-size:16px;	/* SET FONT-SIZE HERE */
		 /* colors the div */
	      /* TEMPORARY - MARGIN pushes the div away from the top of the browser for clarity in this example*/
	margin-left:6px;
	text-align:center;
	}
div#listmenu ul {
	margin:4px 0px 0 0;/* indents ul from edge of container - NOTE: diff value for IE in hacks below */
	font-size:16px;	/* SET FONT-SIZE HERE */
	color:#C7AE6C;	/* sets the type color */
	text-align:center;
	}
div#listmenu li {
	float:left;	/* causes the list to align horizontally instead of stack */
	width:126px;
	text-align:center;
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	background-color:transparent; /*sets the background of the menu items */
	border-right:1px solid #000000; /* creates dividing lines between the li elements */
	border-left:1px solid #000000; /* creates dividing lines between the li elements */
	font-size:16px;	/* SET FONT-SIZE HERE */
	}
div#listmenu li:first-child {
	border-left:1px solid #000; /*the first vertial line on the menu */
	}

div#listmenu li:hover {
	background-image:url(/TRS-2/images/bg2.jpg);
	background-color:#a69472; /*sets the background of the menu items */
	font-size:16px;	/* SET FONT-SIZE HERE */
	}
div#listmenu a {
	display:block;
	padding:0px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	font-size:16px;	/* SET FONT-SIZE HERE */
	text-align:center;
	color:#C7AE6C;	/* sets the type color */
	}
div#listmenu a:hover {
	font-size:16px;	/* SET FONT-SIZE HERE */
	color:#000000;
	}
/* the menu ends here */
/* the drop-down starts here */
div#listmenu ul li ul {
	width:138px;
	font-size:16px;	/* SET FONT-SIZE HERE */
	margin:0; 
	z-index:10; /* puts drop-down on top of div - Safari needs this as menu is 1px higher */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:10em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	border-right:0; /* stops SCBs drops having two right borders - they inherit the border, IE doesn't */
	left:0px; /*aligns the drop exactly under the menu */
	background-color:#963;
	color:#C7AE6C;	}
div#listmenu ul li ul li {
	padding:0;
	width:100%; /* makes the list items fill the list container (ul) */
	border-left:1px solid #000000; /*  three sides of each drop-down item */
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;
	border-top:1px solid #000000;
	font-size:16px;	/* SET FONT-SIZE HERE */
	background-color:#963;
	color:#C7AE6C;
}
div#listmenu ul li ul li a {
	padding:1px 0;
	color:#C7AE6C;
}
div#listmenu ul li ul li:first-child {
	border-top:1px solid #000000; /*the top edge of the dropdown */
	}
/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {display:block;} /* shows the drop-down when the menu is hovered */

/* pop-out starts here */
body div#listmenu ul li ul li ul  {
	position:absolute; 
	visibility:hidden; /* same effect as display:none in this situation */
	top:-1px;
	left:10em;
	}
div#listmenu ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* second level popouts start here*/
div#listmenu ul li ul li:hover ul li ul {visibility:hidden;}
div#listmenu ul li ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu ul {
	float:left; /* makes the ul wrap the li's */
	border-left:0px solid #000; /* adds the rightmost menu vertical line to the ul */
	margin-left:8px; /* IE doubles the given value above - why? */
	}
/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#listmenu ul li ul {
	border-top:1px solid #000000;
	border-left:0px; /* stops the drop inheriting the ul border */
	}
/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */
* html  div#listmenu ul li ul li ul { 
  left:9.85em; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  left:10em;
  } 
/* and the "be nice to Opera" rule */
html>body div#listmenu ul li ul li ul {
  left:10em;
} 

/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */
/* the first-level drop stays open for 100px below the bottom but at least it works */
/* this can be reduced to as little as 22px if you don't have pop-outs */
/* the pop-out menu stays open for 22px below the bottom but at least it works */
	@media all and (min-width: 0px){
   body div#listmenu ul li ul {padding-bottom:100px;}
   body div#listmenu ul li ul li ul {padding-bottom:0px;}
   ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */

   }
/*end Opera hack */
/* END OF HACK ZONE */
/* the drop-down ends here */
/* END OF LIST-BASED MENU */
/* finally after feeding values to all others, we deal with MAc5 IE */
/* IE5 Mac can't do drop-downs so we need to present the info in a different way*/
/* we present the drop down choices in a row and never show any second-level drops */
 /* this stylesheet is read by IE5 Mac only - hack omits 'url' and leave no space between @import and ("   */
@import("/TRS-2/dropdown/ie51_menu_hack.css"); 

	
	
	
	
	
	
	
	
#contentarea {
	background-image:url(images/bg1.jpg);
	width:795px;
	height:auto;
	margin:0;
	padding:0;
}

#slider {
	background-color:#996633;
	width:800px;
	height:275px;
	vertical-align:bottom;
}

#footer {
	background-image:url(images/bg2.jpg);
	width:794px;
	height:40px;
	text-align:center;
	margin:8px 0 0 0;
	}		
	
		#lbox {
			background-image:url(images/bg1.jpg);
			float:left;
			width:440px;
			height:auto;
			margin:0;
			padding:0;
			border:none;
		}
		
			#lbox1 {
				background-image:url(images/information_01.gif);
				width:440px;
				height:65px;
				margin:0;
				padding:0;
				text-align:center;
			}
			#lbox2 {
				background-image:url(images/information_02.gif);
				width:440px;
				height:auto;
				text-align:left;
				margin:0;
				padding:0;
			}
			#listinginfo {
				width:440px;
				height:auto;
				text-align:left;
				margin:0;
				padding:0;
			}
			#print {
				width:600px;
				height:auto;
				text-align:left;
				margin:0;
				padding:0;
			}
			#listinginfo p {
				margin:5px 20px 5px 30px;
				padding:0;
			}
			#propertylistings {
				width:385px;
				margin-left:34px;
				text-align:center;
			}
				.propertylistings img {
					margin-right:25px;			
				}
				.propertylistings p {
					width:225px;
					float:left;
					margin:14px 20px 5px 45px;			
				}
				.clear {
					content: ".";
					height:0px;
					display:block;
					clear:both;
				}
				.clearspace {
					content: ".";
					height:0px;
					visibility:hidden;
					display:block;
					clear:none;
				}
				.center {
					text-align:center;
					margin:8px 0;			
				}
				.thumb img {
					text-align:center;
					margin:5px 8px;
					padding:0;		
				}
				.propertylistings {
				padding:8px 0;
				font-family :  Arial, Verdana, Geneva,Helvetica, sans-serif;
				font-size : 16px;
				font-style : normal;
				font-weight : bold;
				color : #000000;
				text-decoration: none;
				text-align:center;	
				}
				.propertylistings h1 {
					margin:15px 0 0 0;
					text-transform:uppercase;					
				}
				.propertylistings a {
					color:Maroon;
					font-weight:bold;
					font-size:14px;
					text-decoration:underline;
					border:none;				}
				.propertylistings a img {
					color:Maroon;
					font-family :  Arial, Verdana, Geneva,Helvetica, sans-serif;
					font-weight:normal;
					font-size:16px;
					text-decoration:underline;
					border:none;				}
				.propertylistings a:hover {
					color:Maroon;
					font-weight:bold;
					font-size:14px;
					text-decoration:none;
					border-width:0px;
				}
			#lbox3 {
				background-image:url(images/information_03.gif);
				width:440px;
				height:15px;
				margin:0;
				padding:0;
			}
			
		#rbox {
			background-image:url(images/bg1.jpg);
			float:left;
			width:350px;
			height:100%;
			margin:0 5px 5px 0;
			padding:0;
			border:none;
		}
		
			#rbox1 {
				background-image:url(images/feature_01.gif);
				width:350px;
				height:70px
			}
			#rbox2 {
				background-image:url(images/feature_02.gif);
				width:350px;
				height:100%;
				text-align:center;
				margin:0;
				padding:0;
			}
				
				#mininav {
					width:348px;
					height:auto;
					text-align:left;
					margin:1px;
					padding:0;
				}
				#featureslide {
					margin:0;
					padding:0;
					width:auto;
					height:199px;
			}
			#imageside {
				background-image:url(images/feature_02.gif);
				width:350px;
				height:auto;
				text-align:center;
				margin:0;
				padding:0;
			}
			
			#rbox3 {
				background-image:url(images/feature_03.gif);
				background-repeat:no-repeat;
				width:350px;
				height:auto;
				margin:0;
				padding:0 0 15px ;
			}
				#featurelower {
					margin:0;
					padding:0;
					text-align:center;
				}
	

/*End of Structural Divs*/

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
    display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */

* {
	margin:0px;
	padding:0px;
}

.bold {
	font-weight:bold;
}
.left {
	text-align:left;
	margin:0 0 10px 30px;
}

.cap {
	text-transform : uppercase;
}

.clearthis {
	clear:both;
	height:0;
	line-height:18px;
}
h1 {
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	margin-top:1px;
	text-align:center;
	font-weight:normal;
}
h2 {
	font-size:18px;
	font-family:"Times New Roman", Times, serif;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	margin-top:1px;
	text-align:center;
}
li {
	list-style:none;
	margin-top:2px;
}

.listinghead {
	font-family : "Times New Roman";
	font-size : 14px;
	font-style : normal;
	font-weight : bold;
	color : Maroon;
	text-decoration : none;
	text-transform : uppercase;
}

.sold{
	font-family:"Times New Roman", Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	font-weight:bold;
	color:#CC6600;
}
.reduced{
	font-family:"Times New Roman", Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	font-variant:small-caps;
	color:#000000;
}
.red {
color:maroon;
text-align:center;
margin:10px;
padding:0;
}
.cat {
	font-family:Arial, Verdana, Geneva,Helvetica, sans-serif;
	font-size:15px;
	font-style:normal;
	font-weight:bold;
	color:#000000;
	text-decoration:underline;
	line-height:1.5;
}
.infoside {
}

.featureside {
	padding:0 0 0 22px;
	margin:4px 30px 0 10px;
	color:#512615;
}
 a.featureside {
	font-family:"Times New Roman", Arial, Verdana, Geneva,  Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#512615;	
}
 a.featureside:hover {
	font-family:"Times New Roman", Arial, Verdana, Geneva,  Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#512615;
	text-decoration:underline;
	visibility:visible;
}


.info {
	font-family :  Arial, Verdana, Geneva,Helvetica, sans-serif;
	font-size :14px;
	font-style : normal;
	font-weight : normal;
	color : #000000;
	line-height : 20px;
	margin:0 20px 0 38px;
}

.listing {
	font-family :  Arial, Verdana, Geneva,Helvetica, sans-serif;
	font-size : 13px;
	font-style : normal;
	font-weight:normal;
	color:#1E1E1E;
	margin:0 35px 0 45px;
}

.listingheader{
	font-family:"Times New Roman", Times, serif;
	font-size : 16px;
	font-style : bold;
	font-weight : bold;
	color : #000000;
	padding-left : 30px;
	padding-right : 16px;
	
}
.heading_page {
padding:30px 0 0 0;
text-align:center;
}
.info_page {
padding:30px 0 0 30px;
text-align:left;
}
.footertext {
	padding:6px 0 2px 0;
	font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	font-weight:normal;
	color : #000000;
	line-height:11px;
}
a.footertext {
	padding:6px 0 2px 0;
	font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	font-weight:normal;
	color : #000000;
	line-height:11px;
}
.footertext:hover{
	padding:6px 0 2px 0;
	font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	font-weight:normal;
	color : #000000;
	text-decoration: none;
	line-height:11px;
}
.footertext:visit{
	padding:6px 0 2px 0;
	font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	font-weight:normal;
	color : #000000;
	text-decoration: none;
	line-height:11px;
}
.footertext:link{
	padding:6px 0 2px 0;
	font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	font-weight:normal;
	color : #000000;
	text-decoration:none;
	line-height:11px;
}
.sold{
	font-family: "Times New Roman", Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:bold;
	color : #CC6600;
}
.caption{
	font-family: "Times New Roman", Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:bold;
	color : #996633;
}
.contract{
	font-family : "Times New Roman", Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size : .6em;
	font-style : normal;
	font-weight : bold;
	color : #666600;
}

p{
	font-family:Arial, Verdana, Geneva,Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	color:#000000;
	line-height:20px;
}
a{
	color:Maroon;
	font-family:"Times New Roman", Arial, Verdana, Geneva,  Helvetica, sans-serif;
	font-weight:normal;
	font-size:16px;
	text-decoration:none; 
}
a:hover{
	color:Maroon;
	font-family:"Times New Roman", Arial, Verdana, Geneva,  Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	text-decoration:underline;
}
ul li .listingheader{
	font-family:"Times New Roman", Arial, Verdana, Geneva,  Helvetica, sans-serif;
	font-size:16px;
	font-style:normal;
	font-weight:normal;
	color :#512615;
	padding:0;
}
ul li a.listingheader {
	font-family:"Times New Roman", Arial, Verdana, Geneva,  Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#512615;	
}
ul li a.listingheader:hover {
	font-family:"Times New Roman", Arial, Verdana, Geneva,  Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color :#maroon;
	text-decoration:underline;
	visibility:visible;
}

.heading{
	font-family:Arial, Verdana, Geneva,Helvetica, sans-serif;
	font-size:16px;
	font-style:normal;
	font-weight:normal;
	color:#000000;
	
}
.footernav {
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	font-style:normal;
	font-weight:normal;
	color:#512615;
	
}
a.footernav {
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	font-weight:normal;
	color:#512615;	
}
a.footernav:link {
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	font-weight:normal;
	color :#512615;
	text-decoration:none
}
a.footernav:hover {
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	font-weight:normal;
	color:#512615;
	text-decoration:underline;
}