/* General style sheet for Ravenwood Ranch */

img a	{background: transparent;}

a:link	{color: #000080;
	text-decoration: underline; }

a:visited {color: #000080;
	text-decoration: underline; }

a:active {color: #000;
	text-decoration: underline; }

a:hover {color: #000;
	text-decoration: none; 
	background: #f0f8ff; }

/* buttons in right-most column  */
#buttonsR {width: 150px;
	font-variant: small-caps; 
	font-size: 8pt;
	margin: 0px 0 0 0; 
	padding: 0px 0 0px 10px; }


#buttonsR .but a	{
	border: 1px solid #466580;
	background: #f0f8ff;
	color: #000;
	font-variant: small-caps; 
	width: 130px;
	text-decoration: none;
	text-align: left;
	font-size: 8pt;
	margin: 0px 0 -11px 10px; 
	padding: 2px 0 2px 10px;
	display: block;  }

#buttonsR .but a:hover {
	border: 1px solid #000;
	background: #fff;
	color: #466580;
	text-decoration: none;
	font-variant: small-caps; 
	width: 130px;
	font-size: 8pt;
	margin: 0px 0 -11px 10px; 
	padding: 2px 0 2px 10px;
	display: block;  }

#buttonsR .but2	{
	border: 1px solid #000;
	background: #eee;
	color: #000080;
	font-variant: small-caps; 
	width: 130px;
	margin: 0 0 0 0; 
	text-decoration: none;
	text-align: left;
	font-size: 8pt;
	margin: 2px 0 -11px 10px; 
	padding: 2px 0 2px 10px;  }

#buttonsR .but2 a	{
	text-decoration: none;
	color: #000080;
	cursor: text;  }

#buttonsR .but2 a:hover	{
	text-decoration: none; 
	background: transparent !important;
	color: #000080;
	cursor: text; }


#buttonsL {width: 150px;
	font-variant: small-caps; 
	font-size: 8pt;
	margin: 2px 0 0 0; 
	padding: 0px 0 2px 0px;  }

#buttonsL .button a	{
	border: 1px solid #466580;
	background: #f0f8ff;
	color: #000;
	font-variant: small-caps; 
	width: 130px;
	text-decoration: none;
	text-align: left;
	font-size: 8pt;
	margin: 0px 0 -12px 10px; 
	padding: 2px 0 2px 10px;
	display: block;  }

#buttonsL .button a:hover {
	border: 1px solid #000;
	background: #fff;
	color: #466580;
	text-decoration: none;
	font-variant: small-caps; 
	width: 130px;
	font-size: 8pt;
	margin: 0px 0 -12px 10px; 
	padding: 2px 0 2px 10px;
	display: block;  }

#buttonsL .button2	{
	border: 1px solid #000;
	background: #eee;
	color: #fff;
	font-variant: small-caps; 
	width: 130px;
	margin: 0 0 0 0; 
	text-decoration: none;
	text-align: left;
	font-size: 8pt;
	margin: 2px 0 -12px 10px; 
	padding: 2px 0 2px 10px;  }

#buttonsL .button2 a	{
	text-decoration: none; 
	color: #000080;
	cursor: text; }

#buttonsL .button2 a:hover	{
	text-decoration: none;
	background: transparent !important;
	color: #000080;
	cursor: text;  }

#buttonsL .button3	{
	border: 1px solid #000;
	background: #f0f8ff;
	color: #000;
	font-variant: small-caps; 
	width: 130px;
	margin: 0 0 0 0; 
	text-decoration: none;
	text-align: left;
	font-size: 8pt;
	margin: 2px 0 -12px 10px; 
	padding: 2px 0 2px 10px; 
	display: block; }

#buttonsL .button3 a	{
	text-decoration: none; 
	color: #000;
	cursor: text;
	display: block; }

#buttonsL .button3 a:hover	{
	text-decoration: none;
	background: #fff;
	color: #466580;
	cursor: text;
	display: block;  }


h1	{font: bold medium Helvetica, Verdana, sans-serif;
	color: #466580; 
	font-size: 12pt; }

h2	{font: bold medium Helvetica, Verdana, sans-serif;
	color: #000080;
	font-size: 11pt;
	text-align: left;  }
	
h2.show	{font: bold medium Helvetica, Verdana, sans-serif;
	color: #466580;
	font-size: 11pt;
	text-align: left;  }

h3	{font: medium Helvetica, Verdana, sans-serif;
	color:  #000000;
	font-size: 11pt; }

h4	{font: medium Helvetica, Verdana, sans-serif;
	color: black;
	font-size: 10pt; }

h5	{font: medium Helvetica, Verdana, sans-serif;
	color: black;
	font-size: 8pt; }

h5	{font: medium Helvetica, Verdana, sans-serif;
	background: #f0f8ff;
	color: #466580;
	width: 300px;
	font-size: 8pt;
	font-weight: bold;
	border: 4px double #466580;
	padding: 0 0 0 10px; }

dl	{font-family: sans-serif; }

dt	{font-family: sans-serif; }
 
dd	{font-family: sans-serif; }

ul	{text-align: left; font-family: sans-serif; }

p.byline {color: #466580}

p.tagline {color: #466580;
	clear: left; }

.grey	{color: #808080; } 

body, p, table, th, td, ul, li {
	font: medium Helvetica, Verdana, sans-serif;
	color: #000000;
	font-size: 10pt;
	background: #fff; }

div#left  {float: left;
	width: 150px;
	border: 0px solid blue;
	margin: 0 0 0 0;
	background: #fff;  }

#heading {margin: 0 0 0 30px;
	padding: 0 0 0 0 ;
	text-align: left;  }

div#mid  {float: left;
	width: 400px;
	border: 0px solid orange;
	margin: 0 0 0 0; 
	background: #fff;  }

/* this left margin is critical in IE */
div#maincol  {
	float: left;
	width: 550px;
	border: 0px solid magenta;
	margin: 0 0 0 30px;
 	padding: 0 0 0 0px;
	background: #fff;  }

div#maincol2  {
	float: left;
	width: 550px;
	border: 0px solid magenta;
	margin: 0 0 0 30px;
 	padding: 0 0 0 0px;
	background: #fff;  }

/* foals */
div#maincol3  {
	float: left;
	width: 570px;
	border: 0px solid magenta;
	margin: 0 0 0 10px;
 	padding: 0 0 0 0px;
	background: #fff;  }

/* foals */
div#site2  {float: left;
	width: 570px;
	border: 0px solid red;
	margin: 0 0 0 0px;
 	padding: 0 0 0 0px;
	background: #fff;  }
	
div#site3  {float: left;
	width: 570px;
	border: 0px solid red;
	margin: 0 0 0 0px;
 	padding: 0 0 0 0px;
	background: #fff url(img/sign.jpg) no-repeat;  }

div#studs  {
	float: left;
	width: 500px;
	border: 0px solid red;
	margin: 0 0 0 0px;
 	padding: 0 0 0 0px;
	background: #fff;  }

div#studs ul {
	width: 500px;
	border: 0px solid #466580;
	margin: 10px 0 0 0px;
 	padding: 0 0 0 0px;
	background: #fff;  }

div#studs li {
	width: 500px;
	list-style-type: circle;
	list-style-position: outside;
	border: 4px double #466580;
	margin: 10px 0 0 15px;
 	padding: 0 0 0 15px;
	background: #f0f8ff;  }


div#sales  {
	float: left;
	width: 500px;
	border: 0px solid red;
	margin: 0 0 0 0px;
 	padding: 0 0 0 0px;
	background: #fff;  }

div#sales ul {
	width: 500px;
	border: 0px solid #466580;
	margin: 10px 0 0 0px;
 	padding: 0 0 0 0px;
	background: #fff;  }

div#sales li {
	width: 500px;
	list-style-type: circle;
	list-style-position: outside;
	border: 4px double #466580;
	margin: 10px 0 0 15px;
 	padding: 0 0 0 15px;
	background: #fff5ee;  }

/* siteindex */
div#site  {float: left;
	width: 500px;
	border: 0px solid red;
	margin: 0 0 0 0px;
 	padding: 0 0 0 0px;
	background: #fff;  }

div#text {float: left;
	background: #f0f8ff;
	width: 220px; 
	height: 40px;
	border: 4px double #466580;
	margin: 0px 0 10px 10px;
	padding: 5px 0 0 5px;  }

div#show {float: left;
	width: 210px; 
	border: 0px solid blue;
	margin: 0 0 0 30px; }

div#show img  {
	border: 4px double #466580;  }

.namef  {font-weight: bold; 
	font-size: 11pt; 
	color: purple;}

.namem  {font: medium Helvetica, Verdana, sans-serif;
	font-weight: bold;
	color: teal;
    	font-size: 11pt;}


/* iframe */
#index	{width: 300px;
	margin: 0px 0 0 50px; 
	background: #fff; }


div#right  {float: left;
	width: 150px;
	border: 0px solid yellow;
	margin: 0 0 0 0;
	background: #fff;  } 


/* foals page */
div#main  {width: 600px;
	border: none;
	margin: 0 0 0 0;  }

div#stuff  {
	clear: left;
	width: 580px;
	border: none;
	margin: 0 0 0 0px;  }
	
div#stuff2  {
	clear: left;
	width: 580px;
	border: none;
	margin: 0 0 0 150px;  }

div#foot  {clear: left;
	width: 700px;
	margin: 20px 0 0 0; 
	border-top: 1px solid black; }

div#foot2  {clear: left;
	width: 700px;
	margin: 20px 0 0 0; 
	border: 0px solid black; }
	
div#foot3  {clear: left;
	width: 700px;
	margin: 20px 0 0 150px; 
	border: 0px solid black; }

div#sig	{width: 500px;
	text-align: center; }

.sig	{width: 700px; 
	font: small Helvetica, Verdana, sans-serif;
	color: #000;
    	font-size: 10pt;
	margin: 20px 0 0 0px;
	text-align: center; }
	
.sig2	{width: 700px; 
	font: small Helvetica, Verdana, sans-serif;
	color: #000;
    	font-size: 10pt;
	margin: 20px 0 0 0px;
	text-align: left; }

#bott	{letter-spacing: .5em;
	text-align: center; 
	clear: left;
	width: 700px;
	margin: 20px 0 -20px 0;}
	

#bott2	{letter-spacing: .5em;
	text-align: left; 
	clear: left;
	width: 700px;
	margin: 20px 0 -20px 150px;}

.space	{margin: 0px 0 0 10px; }

.convey	{margin: -12px 0 0px 15px; }

.news	{width: 250px; }

.new	{background: #f0f8ff;
	font-size: 10pt;
	width: 275px;
	text-align: center;
	border: 4px double #466580; }

.title	{text-align: center;
	margin: 0 0 0 50px;  }

.indent	{margin: 0 0 0 150px;  }

.arrow	{text-align: center;
	margin: 0 0 0 200px;  }

.smaller {
	font: small Helvetica, Verdana, sans-serif;
	color: #000000;
	font-size: 10pt;}

address {
	font: medium Helvetica, Verdana, sans-serif;
	color: #000000;
	font-size: 11pt; }

.font1 { font: italic 14pt Times, serif;
	color: #000000}

#slide {position:absolute; top:3px; left:12px;}

#slides {text-align: center;
	background: #fff;}

.slides	{background: #f0f8ff; }

#bottom {position:absolute; top:245px; left:130px;}


.small {font: small Helvetica, Verdana, sans-serif;
	color: #000000;
	font-size: 8pt;}

#smaller {font: small Helvetica, Verdana, sans-serif;
	color: #000000;
	font-size: 9pt;}

.thumb1	{width: 50px;
	float: right;
	padding: 0 0 0 0px; 
	background: transparent; }

.thumb2	{width: 50px;
	float: right;
	margin: 0 0 0 5px; 
	background: transparent; }

#photo1	{width: 114px;
	float: left;
	margin: 0 0px 20px 0px; 
	background: #fff;
	border: 4px double #466580; }

#photo2	{width: 176px;
	float: left;
	margin: 0px 0px 20px 10px; 
	background: #fff;
	border: 4px double #466580; }

#photo3	{width: 173px;
	float: left;
	margin:  0 0px 20px 10px; 
	background: #fff;
	border: 4px double #466580; }

#photo4	{width: 223px;
	float: left;
	margin:  30px 0px 20px 10px; 
	background: #fff;
	border: 4px double #466580; }
	
#photo4c	{width: 223px;
	float: left;
	margin:  30px 0px 20px 100px; 
	background: #fff;
	border: 4px double #466580; }
	
#photo4dupe	{width: 223px;
	float: left;
	margin:  30px 0px 20px 10px; 
	background: #fff;
	border: 4px double #466580; }

#photo5	{width: 223px;
	float: left;
	margin:  30px 0px 20px 10px; 
	background: #fff;
	border: 4px double #466580; }
	
#photo5dupe	{width: 223px;
	float: left;
	margin:  30px 0px 20px 10px; 
	background: #fff;
	border: 4px double #466580; }

#photo6	{width: 195px;
	float: left;
	margin:  30px 0px 20px 10px; 
	background: #fff;
	border: 4px double #466580; }

#photo7	{width: 181px;
	float: left;
	margin:  30px 0px 20px 10px; 
	background: #fff;
	border: 4px double #466580; }

#photo8	{width: 316px;
	float: left;
	margin:  30px 0px 20px 40px; 
	background: #fff;
	border: 4px double #466580; }


p.small {font: small Helvetica, Verdana, sans-serif;
	color: #000000;
	font-size: 8pt;}

em {font-size: 16pt;}

.boxed { text-decoration : underline overline; }

.bold { font-weight: 600; }

b {font-weight: 600;}

.list {margin-left: 5em;}

.right {margin-left: 30em;}

.left {text-align: left;}

.center {text-align: center;}

.c {text-align: center;}

.fix	{margin-left: 100px;}

.f	{font-weight: bold; 
	color: purple; 
	font-size: 11pt;}

.m	{font-weight:bold; 
	color: teal; 
	font-size: 11pt;}

.navy  {font-weight: bold; 
	color: #000080;}


#foals	{width: 500px; 
	margin-left: 40px; }

div#links  {width: 600px; 
	margin-left: 35%;
	margin-top: 20px;  }

.sold	{font: medium Helvetica, Verdana, sans-serif;
	font-variant: small-caps;
	font-size: 1em;
	color: red; 
	font-weight: bold; }


.web	{font-variant: small-caps; }

.flash	{color: #000080;
   	text-decoration: none;
	font-weight: bold;
	font-style: italic; 
    	background: #b0c4de; }
.notice	{color: #fb00bf;
   	text-decoration: underline;
	font-weight: bold;
	font-style: italic; }

.teal	{color: #008080;
	font-weight: bold; }
.navy	{color: #000080; 
	font-weight: bold; }
.blue	{color: #0000ff; 
	font-weight: bold; }
.green	{color: #008000; 
	font-weight: bold; }
.lime	{color: #00ff00;
	font-weight: bold; }
.yellow	{color: #ffff00;
	font-weight: bold; }
.gold	{color: #ffd700;
	font-weight: bold; }
.orange	{color: #ffa500; 
	font-weight: bold; }
.red	{color: #ff0000;
	font-weight: bold; }
.maroon	{color: #fb00bf; 
	font-weight: bold; }
.purple	{color: #800080; 
	font-weight: bold; }
.indigo {color: #4b0082; 
	font-weight: bold; }
.dusky {color: #466580; 
	font-weight: bold; }	
	

.bar	{background: /* #f0f8ff */ #999;
	border: 1px solid #000;
	color: #fff; }
	
.bar2	{background: #89b9b8;
	border: 1px solid #000;
	color: #000; }


/* strains */
.unk	{color: #000000;
	background-color: #fff8d4; }
.sj	{color: #000000; 
	background-color: #ffcc99; }
.sj2	{color: #cc0033; 
	background-color: #ffcc99; }
.saa	{color: #000000; 
	background-color: #ffcccc; }
.ds	{color: #000000;
	background-color: #ffff99; }
.mh	{color: #000000;
	background-color: #e1e1c1; }
.kr	{color: #000099; 
	background-color: #cccfff; }
.kk	{color: #000000;
	background-color: #ccffcc; }
.kk2	{color: #004040;
	background-color: #ccffcc; }
.ka	{color: #000000;
	background-color: #a8e2ff; }
.kj	{color: #000000;
	background-color: #ffccff; }
.kj2	{color: #990099;
	background-color: #ffccff; }
.km	{color: #000000;
	background-color: #eeeeee; }
.km2	{color: #009933;
	background-color: #eeeeee; }
.he	{color: #000000; 
	background-color: #ccffff; }
.he2	{color: #009999; 
	background-color: #ccffff; }
.ab	{color: #000000; 
	background-color: #dddddd; }
.as	{color: #000000; 
	background-color: #f5f5f5; }
.as2	{color: #808000; 
	background-color: #f5f5f5; }
.none	{color: #000000; 
	background-color: #ffffff; }

/* foal table values */
.bar3	{background: url(img/goldbar.jpg);
	color: #fff;
	font-weight: bold; 	
	height: 36px; }
.bar4	{background: url(img/goldbar2.jpg);
	height: 36px;}

th.black {color: #fff; 
	background-color: #000;
	font-size: 8pt; 
	font-weight: bold; }

table#foal {width: 600px;
	border: none; 
	padding: 1px 1px 1px 1px;
	margin-bottom: 20px;
	background-color: #fff;
	border-collapse: separate;
        border-spacing: 2pt;  }
        
table#foal2 {width: 600px;
	border: none; 
	padding: 1px 1px 1px 1px;
	margin-bottom: 20px;
	background-color: #f8f6b9;
	border-collapse: separate;
	border-style: double;
        border-spacing: 1pt;  }
        
table#foal2 td {padding: 1px 3px 1px 3px;
	border-style: double;}
        
table#strains {width: 500px;
	border: 2px groove black; 
	padding: 1px 1px 1px 1px;
	margin-bottom: 0px;
	background-color: #ccc;
	border-collapse: separate;
        border-spacing: 2pt;  }
        
table#strains2 {width: 600px;
	border: 2px groove black; 
	padding: 1px 1px 1px 1px;
	margin-bottom: 0px;
	background-color: #ccc;
	border-collapse: separate;
        border-spacing: 2pt;  }

caption#strains {font: medium Helvetica, Verdana, sans-serif;
	color: #000000;
	font-size: 11pt; }

table 	{background: none; 
	border-collapse: collapse;
	empty-cells: show;
	vertical-align: top; }

.msg	{text-align: center; }

.frame	{border: 6px groove #d0a616;
	background: #dbc989;
	padding: 10px;
	margin: 10px 10px 0 0; }
	
.framed	{border: 4px double #466580 }

#NMlinks  {margin: 0 20% 0 20%; }

#marqueecontainer { background-color: #ffffff;
	border: 1px solid #c0c0c0;
	margin: 0 0 0 0px; }
#marquee { background-color: #ffffff; 
	color: #000000; }
#marquee a { color: #000000; 
	font-weight: bold; }

.imgrt	{float: right;
	width: 88px;
	margin: 0 100px 0 0; } 

.imgrt2	{float: right;
	width: 250px;
	margin: 0 0px 0 20px;
	border: 3px double #000080; }
	
.imgrt3	{float: right;
	width: 140px;
	margin: 0 60px 0 20px;
	border: 3px double #000080; }
	
.imgc	{border: 3px double #000080;
	margin-top:20px; }

.rainbow	{
	background: #fff url(img/rainbowbk.jpg);
	font: medium Helvetica, Verdana, sans-serif;
	color: #000000;
	font-size: 10pt; }

/* welcome */
#top	{width: 750px;
	text-align: center;
	background: transparent; }

#big	{width: 750px; }

#lftcol	{margin: 0 0 0 100px;
	width: 400px;
	background: transparent; }

#mdcol	{margin: 0 0 0 250px;
	width: 750px;
	background: transparent; }

#rtcol	{clear: both;
	margin: 0 0 0 450px;
	width: 700px;
	background: transparent; }

.nohilite a {background-color: transparent; }
.nohilite a:link {background-color: transparent; }
.nohilite a:hover {background-color: transparent; }

.mone	{margin: -5px 10px 0 0;
	float: left; }

.sign	{float: right;
	width: 100px; 
	border: 0px solid blue;
	margin: 0px 0 0 0px; }

.indent	{margin: 0 0 0 100px; }

.strong	{color: #000080;
	font-weight: bold; }
	
.cc	{clear: left;
	text-align: center; }
	
.transp	{background: transparent; }

	
.enter	{float: right;
	width: 200px; 
	border: 0px solid blue;
	margin: 0 0 0 30px;
	background: transparent; }