@charset "UTF-8";
/* CSS Document */
body {
	font-size:62.5%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-image:url(../TRS-images/TRS-back-2.jpg);
	background-position: top center;
	background-repeat:repeat;
	font-family:"Times New Roman", Arial, Verdana, Geneva,  Helvetica, sans-serif;
}

#whole {
	width:100%;
	height:100%;
	position:absolute;
	text-align:center;
}

#content {
	width:1010px;
	height:auto;
	margin:0 auto;
	position:relative;
}

#header {
	background-image:url(../images/art/test-banner1a.jpg);
	width:100%;
	height:300px;
	margin-bottom:0;
	position:relative;
	border:none;
	visibility:visible;
	z-index:100;
}
	#headTop {
		width:100%;
		height:255px;
		position:relative;
	}
	#logo {
		position:absolute;
		top:45px;
		right:25px;
	}
	#headNav {
		width:100%;
		height:auto;
		visibility:visible;
		z-index:100;
	}
	#LogoNav {
		width:100%;
		height:172px;
		visibility:visible;
		z-index:100;
		background-image:url(../TRS-images/TRS-Logo-nav.png);
		position:relative;
	}
#meat {
	width:100%;
	background-image:url(../TRS-images/TRS-parchment.jpg);
	background-repeat:repeat;
	padding-top:1%;
	position:relative;
	border:thin solid #000;
}
	#meat #RanchInfo h1 {
	font-size: 30px;
	line-height: 40px;
	text-align:center;
	}
	#meat #RanchInfo h2 {
		font-size:20px;
		line-height:40px;
		text-align:center;
	}
	#meat #RanchInfo h3 {
		font-size:18px;
		line-height:40px;
		text-align:center;
	}
	#meat #RanchInfo p {
	color:#000000;
	font-size:20px;
	line-height:22px;
	text-align:left;
	margin:2%;
	margin-bottom:20px;
	width:720px;
	margin-left:150px;
	}
	p .bigger {
		font-size:23px;
		line-height:24px;
	}
	strong {
		font-size:inherit;
		line-height:inherit;
		font-weight:bold;
		}
	.spacing {
		margin:auto 50px;
	}
	.block {
		display:block;		
	}
	
#fadeshow3 .gallerylayer img{ /* make all images inside fadeshow4 scale to 100% of slideshow width */
width: 100%;
height: auto;
}
	#gallery #thumb a span {
	display: none;
	text-decoration:none;
	border:solid thin black;
	text-align:center;
	}
	#gallery #thumb a:hover span {
	display: block;
	position: absolute;
	top: 390px;
	right: 35px;
	width: 500px;
	padding: 5px;
	margin: 10px;
	color: #000000;
	background: #ffffff;
	font: 16px Times, serif;
	text-align: center;
	text-decoration:none;
	z-index: 100;
	}

	#gallery {
	width:100%;
	height:401px;
	border-top:medium #000 double;
	border-bottom:medium #000 double;
	margin-bottom:5px;
	position:relative;
	}
	#thumb {
	width:40%;
	min-width:400px;
	height:400px;
	float:left;
	overflow:scroll;
	overflow-X:hidden;
	text-align:center;
	margin-left:4px
	}
	#thumb .imgs {
		float:left;
		margin:2px;
		width:125px;
		height:97px;
		border:none;
	}
	#thumb h2 {
		color:#000;
		font-size:18px;
		margin:5px;
	}
	#viewer {
	min-width:600px;
	height:399px;
	float:right;
	border-left:thin #000 double;
	}
	#viewer h2 {
	margin-top:15px;
	}
	.maps {
	width:100%;
	margin:25px auto;
	text-align:center;
	}
	#infolink h4 {
	font-size:22px;
	margin-top:10px;
	}
	#infolink p {
	font-size:20px;
	margin:15px auto;
	color:#000;
	}
	#infolink {
		text-align:center;
	}
	#infolink a {
	margin:auto 30px;
	text-decoration:none;
	color:#000;
	font-size:20px;
	}
	#infolink a:hover {
	margin:auto 30px;
	text-decoration:underline;
	font-size:20px;
	}
	
#videoBox {
	width:100%;
	height:auto;
}
.videoboxL {
	width:500px;
	height:auto;
	padding-bottom:5px;
	float:left;
	margin:2px 0 2px 2px;
}
.videoboxR {
	width:500px;
	height:auto;
	float:right;
	margin:2px 2px 2px 0;
	padding-bottom:5px;
}
	
#footer {
	width:100%;
	height:50px;
	background-color:#e8e8d7;
	border:thin solid #000;
	text-align:center;
}
	#footer p {
		width:90%;
		margin:6px auto;
	}
	#footer a {
		margin:2px 35px;
	}
.footertext {
	padding:0;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	color : #000000;
	line-height:11px;
}
a.footertext {
	padding:0;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	color : #000000;
	line-height:11px;
}
.footertext a:hover {
	padding:0;
	font-size:12px;
	font-style:normal;
	color : #000000;
	text-decoration: underline;
	line-height:11px;
}
.footertext a:link {
	padding:0;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	color : #000000;
	text-decoration:none;
	line-height:11px;
}
.footernav {
	font-size:18px;
	font-style:normal;
	font-weight:normal;
	color:#512615;
	
}
a.footernav {
	font-size:18px;
	font-weight:normal;
	color:#512615;	
}
a.footernav:link {
	font-size:18px;
	font-weight:normal;
	color :#512615;
	text-decoration:none
}
a.footernav:hover {
	font-size:18px;
	font-weight:normal;
	color:#512615;
	text-decoration:underline;
}

.paginate{
	width:auto;
	height:25px;
	margin:5px 55px 0 ;
	font:bold 150% Arial;
	color:#000;
	text-align:center;

}
a {
	color:#000;
	text-decoration:none;
}
a:hover {
	color:#000;
	text-decoration:underline;
	cursor:pointer;
}
#lomeat {
	width:95%;
	height:auto;
	margin:1px auto;
}
#navgate {
		width:100%;
		height:40px;
		margin:0;
		padding:0 ;
		text-align:center;
	}
#navgate2 {
		width:100%;
		height:40px;
		border:#000000 thin;
		margin:0;
		padding:0 ;
		text-align:center;
		position:absolute;
		bottom:0;
	}

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:100%; /* makes the div full width */
	height:40px;
	border-top:thin solid #000;      /* draws line on top edge of div */	
	border-bottom:thin solid #000;
	border-right:thin solid #000;      /* draws line on right edge of div */	
	border-left:thin solid #000;	/* draws line on left edge of div */	
	font-size:27px;	/* SET FONT-SIZE HERE */
	background-color:#e2d2b0;           /* colors the div */
	margin-left:0;
	text-align:center;
	z-index: 100;
	}
div#listmenu ul {
	margin:4px 0 0 40px;/* indents ul from edge of container - NOTE: diff value for IE in hacks below */
	font-size:27px;	/* SET FONT-SIZE HERE */
	color:#000;	/* sets the type color */
	text-align:center;
	}
div#listmenu li {
	float:left;	/* causes the list to align horizontally instead of stack */
	width:15%;
	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:0 solid #000000; /* creates dividing lines between the li elements */
	border-left:0 solid #000000; /* creates dividing lines between the li elements */
	font-size:27px;	/* SET FONT-SIZE HERE */
	background-color:#e2d2b0; 
	}
div#listmenu li:first-child {
	border-left:0 solid #000; /*the first vertial line on the menu */
	}

div#listmenu li:hover {
	background-image:url(.jpg);
	background-color:#FBEDD2; /*sets the background of the menu items */
	font-size:;	/* 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:27px;	/* SET FONT-SIZE HERE */
	text-align:center;
	color:#000;	/* sets the type color */
	}
div#listmenu a:hover {
	font-size:;	/* SET FONT-SIZE HERE */
	color:#000000;
	text-decoration:underline;
	}
/* the menu ends here */
/* the drop-down starts here */
div#listmenu ul li ul {
	width:138px;
	font-size:24px;	/* 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:transparent;
	color:#000;	}
div#listmenu ul li ul li {
	padding:0;
	width:100%; /* makes the list items fill the list container (ul) */
	border:0 solid #000000; /*  three sides of each drop-down item */;
	font-size:24px;	/* SET FONT-SIZE HERE */
	background-color:#FBEDD2;
	color:#000;
}
div#listmenu ul li ul li a {
	padding:1px 0;
	color:#000;
}
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"); 


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

.cap {
	text-transform: uppercase;
}

.clearthis {
	clear:both;
	height:0;
	line-height:0;
}
.clearSpace {
	clear:both;
	height:1px;
	line-height:1px;
}
.50 {
	margin-top:50px;
	text-align:center;
}
.space {
	height:25px.
}
.contract {
	font-weight:bold;
	color:maroon;
}
.reduced {
	font-size:24px;
	color:maroon;
}
.red {
	color:red;
}