html, body {
	margin: 0;
	padding: 0;
	color:#000;
	background-color: #FDF3DA;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	height: auto;
}
img{
	border: none;
}
p {
	text-align: justify;
	font-size: 0.7em;
}

p.footer {
background-color: #FDF3DA;  /* was daffb4  */
font-size: .5em;
font-weight: bold;
text-align: center
}

h1 {
font-size: 1.2em;
font-style: italic;
letter-spacing: 5px;
text-align: right
}

h2 {
font-size: 1.1em;
text-decoration: underline
}

/*  Common Classes for site

*/
.herdsire{
	background-color: Olive;
	padding-left:10px;
	padding-right:10px;
	border: thin;
}
.popup{
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
	padding-bottom:10px;
	background-color:#754C24;
	margin-top:-5px;
	background-image: url(images/page-bg2.gif);
}
h2.popup{
	border:none;
/*	border-left:3px;
	border-right:3px;
	border-bottom:none;
	border-top-width:20px;
	border-color:#754C24;  */
	padding-top: 20px;
	color:Maroon;
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
}
p.popup{
	margin-top: -20px;
	padding-top: 0px;
	padding-left: 25px;
	padding-right: 25px;
}
.dropcap{
	color: Maroon;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.6em;
	float:left;
	padding-right:2px;
	margin-top:-3px;
}
.title{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	letter-spacing:normal;
	color: Maroon;
}
.subtitle{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	letter-spacing: normal;
	color: Maroon;
}
.image-left{
	float: left;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.image-right{
	float:right;
	padding-right:0px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom:10px;
	border:none;
	clear: both;
}
.image-center {
	position: absolute;
	margin-left:auto;
	margin-right:auto;
	left: -15px;
	top: 330px;
}
.text-box{
	float: right;
	padding:5px;
	background-color: #CCFFCC;
	text-align: center;
}
p.text-box{
	color: #9900FF;
}

/*              Top file tab style navigation system for site            

*/
#nav {margin: 0; padding: 0;z-index: 99;
position: absolute;
top: 240px;
left: 160px;}

#nav li {
	list-style: none; float: left; margin-left: 1px; padding-left: 16px;
	font-size: 10px; line-height: 20px; white-space: nowrap;
	background: #BBB url(images/tabs2-biga.gif) 0 100% no-repeat;
}

#nav a {display: block; float: left; padding: 0 16px 0 0;
text-decoration: none; font-weight: bold;
background: #DDD url(images/tabs2-biga.gif) 100% 100% no-repeat; color: #333; width: .1em;}
html>body #nav a {width: auto;} /* fixes IE6 hack */
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a {float: none;}            /* End IE5-Mac hack */

#nav a:hover {background-color: #333; color: #ccc;
border-color: #000 #ccc #ccc #000;}
#nav #current, #nav #current a {
background-image: url(images/tabs2-big-cta.gif);}
/*  end of tab navigation system */


/* Tagline "Elegant, Silky..." over top image */
#tagline {
position: absolute;
top: 165px;
left: 65px;
width: 500px;
height: 200px;
z-index: 19;
}

#tagline p{
color: #FFFFFF;
font-family: Times, "Times New Roman", serif;
font-size: 1.5em;
font-weight: bold;
font-style: italic;
text-align: center;}
/*   End of Tagline styling */

/* Top Part of Page */
#headline {
background-color: #FDF3DA;
height: 350px;
left: 0px;
overflow: visible;
padding: 0ex;
position: absolute;
top: 0px;
visibility: visible;
width: 800px
}

/* Left Navigation portion of Page: defines size and background color */
#leftmenu {
background-color: #FDF3DA;  /* was daffb4  */
height: 1000px;
left: 2px;
position: absolute;
top: 423px;
width: 160px;
z-index: 2
}

/*  Appears to not be used
#rightborder {
background-color: #FDF3DA;
height: 800px;
left: 780px;
position: absolute;
top: 150px;
visibility: hidden;
width: 20px;
z-index: 4
}
*/

#weatherlink {
background-color: transparent;
left: 0px;
position: absolute;
top: 975px;
z-index: 1000
}


#top-image {         /* top-image the top image overlays the #headline section of page */
height: 199px;
left: 25%;
position: absolute;
top: 0%;
width: 557px;
z-index: 10
}

#yellow-wood-logo {  /* logo overlays the #headline section of page */
background-color: transparent;
height: 45px;
left: 5px;
position: absolute;
top: 50px;
width: 200px;
z-index: 10
}

#icon {
height: 151px;
left: 740px;
position: absolute;
top: 70px;
width: 43px;
z-index: 11
}
#holiday {
height: 75px;
left: 20px;
position: absolute;
top: 5px;
width: 750px;
z-index: 11
}

/* This defines the several styles used in center section where the main page content goes.  These styles can be over-ridden for a specific page by listing the properties to be overridden in the <style type="test/css"> </style> section in the <head> portion of the specific page.  Not all of these styles are used on every page.  Some were created to create a specific style attribute for a specific page--such as sales.  BE CAREFUL when changing the style attributes in this style sheet because they will impact all pages on the entire site. 

*/
#content {
	height:750px;
	position: absolute;
	top: 289px;
	left: 163px;
	overflow: auto;
	width: 630px;
	z-index: 7;
	border: 1px solid Black;
	padding: 10px;
	background-color: #fce8ab;
	color: #FCEAAB;
 
}

#content li{
	color:#663300;
	margin: 10px;
	float: none;
	clear: left;
}
#content h1{
	font-size: 2.5em;
	font-style: normal;
	letter-spacing: -1px;
	border-bottom: 3px solid Maroon;
	padding-bottom:2px;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	color: #003466;
}

#content h2{
	font-size: 1.2em;
	color: #003466;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	letter-spacing: -0.05em;
}
#content h3{
	font-size: 1.2em;
	color: #003466;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	letter-spacing: -0.05em;
	border-bottom: 3px solid Maroon;
	padding-bottom:5px;
	clear:both;
}

#content h4{
	font-size: 1.2em;
	color: #003466;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	letter-spacing: -0.05em;
	border-bottom: 3px solid Maroon;
	padding-bottom:5px;
	clear:both;
}

#content h6{
clear:both;
margin-top:30px;
margin-bottom:15px;
}

#content p{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	letter-spacing:-0.04em;
	line-height: 1.4em;
	color:#0A246A;
	padding: 10 pixels;
}

#content #inset{
	border-style:solid;
	border-color:#754C24;
	border-top-width:15px;
	border-top-color:#754C24;
	float: right;
	padding:10px;
	margin-left:10px;
	font-size: .9em;
	letter-spacing: -0.03em;
	line-height: 1.0em;
	background-color: #F4D07A;
	width:225px;
	height:250px;
}

#content .image-caption-right{
	float:right;
	clear:left;
	font-size: .6em;
	color: #003466;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	letter-spacing: -0.02em;
	text-align: center;
	border-bottom: 1px solid Maroon;
	border-top: 1px solid Maroon;
	padding-bottom:2px;
	margin-bottom: 1px;
	margin-left:10px;
	width: 125px;	
}
			
#content .image-caption-left{
	float:left;
	clear:both;
	font-size: .6em;
	color: #003466;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   text-decoration: none;
	text-align:center;
   letter-spacing: -0.02em;
   border-bottom: 1px solid Maroon;
   border-top: 1px solid Maroon;
	padding-bottom:2px;
	margin-bottom: 1px;
	margin-right:10px;
	width: 125px;					 
}

#content #box{
	border-style:solid;
	border-color:#754C24;
	border-top-width:15px;
	border-top-color:#754C24;
	float: right;
	padding:10px;
	margin-left:10px;
	font-size: .9em;
	letter-spacing: -0.03em;
	line-height: 1.0em;
	background-color: #F4D07A;
	width:225px;
	height:auto;
	margin-bottom: 20px;
}

#content #box a:link{
color: #000000;
font-family: sans-serif;
padding: 4px;
text-decoration: none
}

#content #box a:visited{
color: #000000;
font-family: sans-serif;
padding: 4px;
text-decoration: none
}

#content #box a:hover{
color: #ff0000;
text-decoration: none
}

			#content p.animal-name{
				font-size: 1.5em;
				font-weight: bold;
				color: #00519F;
				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
				text-decoration: none;
				text-align: center;
				letter-spacing: -0.05em;
				border-bottom: none;
				padding-bottom:2px;
				clear:both;
			}

			#content p.bloodline {
				font-size: 0.9em;
				color: Black;
				border: none;
				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
				text-align: center;				
				text-decoration: none;
				letter-spacing: -0.05em;
				margin-top: -25px;
				padding-bottom:5px;
				clear:both;
				font-weight: bold;
}
			#content .date-of-birth {
				font-size: 0.8em;
				color: Black;
				border-bottom: none;
				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
				text-align: center;				
				text-decoration: none;
				letter-spacing: -0.05em;
				margin-top: -20px;
				clear:both;
}

			#content .sex {
				font-size: 1.0em;
				font-weight: bold;
				color: #00519F;
				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
				text-decoration: none;
				text-align: center;
				letter-spacing: -0.05em;
				border-bottom: none;
				padding-bottom:2px;
				clear:both;
}


#content #nav-horiz{
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: .9em;
letter-spacing:-.04em;
margin-left:95px;
padding:20px;
clear: left;
}
#content #nav-horiz ul{
list-style-type:none;
}

#content #nav-horiz li{
display:inline;
list-style-type: none;
border-bottom: 1px solid #ed9f9f;
}

#content #nav-horiz li a{
padding: 5px 5px 5px 0.5em;
border-left: 12px solid #711515;
border-right: 1px solid #711515;
background-color: #F5E391;
color: #000;
text-decoration:none;
}
#content #nav-horiz li a:hover {
color:#fff;
background-color:#F6B70E;
}
#content #image-thumbnail{
	float: left;
	clear:right;
}
#content table{
	background-color: #C5FF9F;
}
#content td.even{
	background-color: #FFEE9B;
}
#content td.odd{
	background-color:#C5FF9F;
}
#content td.head{
	background-color:#754C24;
	color:#fff;
}
/*
#llamacam-top-photo {
height: 151px;
left: 740px;
position: absolute;
top: 70px;
width: 43px;
z-index: 11
}
*/

#top-photo {
height: 300px;
left: 0px;
position: absolute;
top: 0px;
width: 800px;
z-index: 1;
}

/* Styles for top menu file tabs */
/*
h4.navtop {
bottom: 0%;
color: #000000;
font-size: 100%;
font-weight: lighter;
height: .75em;
left: 30%;
padding: 5px;
position: absolute;
top: 155px;
z-index: +100
}

a:link.topmenu {
border-bottom: 2px #000000;
border-left: 1px #217617 groove;
border-right: 1px #000000 groove;
border-top: 1px #217617 groove;
color: #006600;
font-family: sans-serif;
padding: 4px;
text-decoration: none
}

a:visited.topmenu {
border-left: 1px #217617 groove;
border-right: 1px #217617 groove;
color: #006600;
font-family: sans-serif;
padding: 4px;
text-decoration: none
}

a:hover.topmenu {
background-color: #f7f371;
color: #000000;
text-decoration: none
}
*/

/*
#header {
background-color: #ffffff;
border-bottom: 1px #000000 solid;
padding-bottom: 10px;
padding-left: 125px;
padding-right: 125px;
padding-top: 10px
}

#header p {
font-size: .6em
}
*/

#image-right-top {
float: right;
padding-top: 0px
}


#navbar {
border-right: 1px #070707;
height: 800px;
left: 0px;
padding-left: 10px;
padding-top: 40px;
position: absolute;
text-align: left;
top: 260px;
visibility: visible;
width: 150px;
z-index: 1000
}

#navbar a {
font-size: .8em;
line-height: .8em;    /*  Added to test spacing */
}

#navbar a:link, #navbar a:visited {
color: #948c57;
display: block;
padding-bottom: 3px;
padding-top: 3px;
text-decoration: none
}

#navbar a:hover {
color: #ff1105
}

#navbar p {
color: #5a5a5a;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .9em;
font-weight: bold;
line-height: .5em;
text-align: left;
text-decoration: none
}

/* Old Footer Code
#footer {
	background-color: #fff;
	height: 112px;
	left: 5px;
	position: absolute;
	top: 1100px;
	width: 800px;
	z-index: 2000;
	visibility: visible;
}
*/

/* New styles for footer contained in table */
#footer {
	top: 1200px;
	left: 160px;
	width:645px;
	background-color: #FDF3DA;
	height: 112px;
	position: absolute;
	z-index: 2000;
	visibility: visible;
}

#footer table {width: 645px;}

.join {
	color: #336633;
	background-color: #A8FFA8;
	border: 5px solid #006600;
	padding: 5px;
	text-align: center;
	font-size: 0.95em;
 }
 
.join p{
	color: #336633;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-style: italic;
	font-size: .6em;
	font-weight: bold;
	background-color: transparent;
	margin: 0px;
	text-align: center;
}

.last-updated p{
	color: #660000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	margin-right: 5px;
	text-align: right;
	line-height: 1.1em;
}
.contact-info {
	padding: 5px;
	text-align: left;
	color: #840000;
	font-size: 0.9em;
	line-height: 1.1em;
}
.contact-info p {
color: #006600;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .9em;
line-height: 1.1em;
text-align:center;}

.contact-info a:hover {
color: #ff0000;
text-decoration: none
}

.flag p {
	color: #660000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-align: center;
	font-size: 0.6em;
}
.logo-bottom {
	border-top-color: #00CC00;
}


/*
#headline-menu {
height: 50px;
left: 0px;
padding-left: 235px;
position: absolute;
top: 300px;
width: auto;
z-index: 23
}
*/

#camera-background {
background-color: #FDF3DA;  /* was daffb4  */
height: 1000px;
left: 160px;
position: absolute;
top: 350px;
width: 646px;
z-index: 6
}

#logo-bottom {
height: 100px;
position: absolute;
left: 158px;
top:1206px;
width: 250px;
z-index: 1015
}

#flag {
height: 111px;
left: 610px;
position: absolute;
top: 1206px;
width: 200px;
z-index: 1001
}

#flag p {
	color: #006600;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: .6em;
	font-weight: normal;
	text-align: center;
}

#last-updated {
	height: 100px;
	left: 580px;
	position: absolute;
	width: 203px;
	z-index: 1002;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: .8em;
	top: 1102px;
	padding: 10px;
	margin-right: 10px;
}

#last-updated p {
color: #006600;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .8em;
text-align: right;

}

#contact-info {
	height: 100px;
	position: absolute;
	top: 1102px;
	width: 200px;
	z-index: 1003;
	margin-right:10px;
	padding: 10px;
	left: 151px;
}
#contact-info p {
color: #006600;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .9em;
line-height: 1.1em;
text-align:center;
padding-right:10px;}

#contact-info a:hover {
color: #ff0000;
text-decoration: none
}

#join {
height: -20px;
left: 391px;
position: absolute;
top: 1100px;
width: 150px;
z-index: 1004;
color: #336633;
background-color: #CCFFCC;
border: 5px solid #006600;
padding: 5px;
 }
 
#join p{
	color: #336633;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-style: italic;
	font-size: .9em;
	font-weight: bold;
	background-color: transparent;
	margin: 0px;
	text-align: center;
}

#tail{
	position:absolute;
	height: 25px;
	width:800px;
	top:1310px;
	left:7px;
	z-index: 1005;
}
#tail p{
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.5em;
	color:#fff;
	text-align:center;}
	
/************************ Special Styles for llamacam and llamacam_security *******************/
#webcam1 {
border: 5px #603913 solid;
height: 230px;
left: 160px;
position: absolute;
top: 300px;
width: 306px;
z-index: 8
}

#webcam2 {
border: 5px #603913 solid;
height: 230px;
left: 485px;
position: absolute;
top: 300px;
width: 306px;
z-index: 9
}

#webcam3 {
border: 5px #603913 solid;
height: 230px;
left: 160px;
position: absolute;
top: 550px;
width: 306px;
z-index: 12
}

#webcam4 {
border: 5px #603913 solid;
height: 230px;
left: 485px;
position: absolute;
top: 550px;
width: 306px;
z-index: 13
}

#webcam5 {
border: 5px #603913 solid;
height: 230px;
left: 160px;
position: absolute;
top: 800px;
width: 306px;
z-index: 14
}

#webcam6 {
border: 5px #603913 solid;
height: 230px;
left: 485px;
position: absolute;
top: 800px;
width: 306px;
z-index: 15
}
/****************** End of special Styles for llamacam *************************************/


/************************ Special Styles for LewisSight.htm **********************/

#content #box-lewis{
	text-align: center;
}
/************************ End special Styles for LewisSight.htm ********************/