html	{
	scrollbar-arrow-color: #000000;
	scrollbar-face-color: #0198b3;
	scrollbar-3dlight-color: #000000;
	scrollbar-highlight-color: #0198b3;
    scrollbar-shadow-color: #0198b3;
    scrollbar-darkshadow-color: #000000;
    scrollbar-track-color: #000000;}

body	{
	background: #000000;
	margin: 0px;}

#fawnsuri	{
	position: fixed;
	bottom: 0;
	left: 50%;
	width: 232px;
	margin-left: -515px;}

#wholepage	{
	display: block;
	width: 960px;
	margin: 0px auto 0px auto;
	padding: 0px;}

#header,
#content,
#footer {
	display: block;
	width: 960px;}

#content	{background: url('images/bodytext_faraway.gif') top right repeat-y;}

a:link,
a:visited,
a:hover,
a:active	{
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 10pt;}

a:link,
a:visited	{
	text-decoration: underline;
	color: #987246;}

a:hover,
a:active	{
	text-decoration: none;
	color: #777b52;}

.footer,
a.footer:link,
a.footer:visited,
a.footer:hover,
a.footer:active,
a.footerBR:link,
a.footerBR:visited,
a.footerBR:hover,
a.footerBR:active	{
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;}

a.footerBR:link,
a.footerBR:visited	{color: #000080;}

a.footerBR:hover,
a.footerBR:active	{color: #ff0000;}

h1	{
	font-family: Verdana, Tahoma, sans-serif;
	font-weight: bold;
	color: #1a8093;
	margin: 0;
	padding-left: 220px;
	margin-bottom: 5pt;}

h1	{font-size: 12pt;}

p	{
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 10pt;
	color: #000000;
	padding-left: 220px;
	padding-right: 27px;
	margin-top: 0pt;
	margin-bottom: 9pt;}

.announce	{
	font-style: italic;
	font-weight: bold;
	color: #0198b3;}

p.footer	{margin-bottom: 0;}

table.spread	{
	width: 730px;
	margin-left: 218px;}

table.spread td	{padding: 0;}

img.left	{
	float: left;
	margin-top: 0;
	margin-right: 10pt;
	margin-bottom: 8pt;
	padding: 3pt;
	border: solid 1px #1a8093;}

img.right	{
	float: right;
	margin-top: 0;
	margin-left: 10pt;
	margin-bottom: 8pt;
	padding: 3pt;
	border: solid 1px #1a8093;}

div.floatleft	{
	float: left;
	margin-right: 10pt;
	padding-left: 220px;}
div.floatleft img	{
	margin-bottom: 8pt;
	padding: 3pt;
	border: solid 1px #1a8093;}

hr	{
	margin-left: 220px;
	margin-right: 27px;
	height: 1px;
	color: #1a8093;}


/* Begin AS */

td,
input,
select,
textarea	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;}

table.pagelayout,
table.gallery	{
	margin-left: 220px;
	/*margin-right: 20px;*/
	width: 659px;}

table.pagelayout p	{padding-left: 0;}

table.animalborder	{
	width: 100%;
	padding: 10px;
	border: solid #0198b3 1px;}

table.titlename	{
	background-color: #0198b3;
	padding-top: 2px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 2px;
	border: solid #000000 1px;}

td.titlename	{
	color: #ffffff;
	font-weight: bold;}

td.pedigree	{font-size: 8pt;}

.button,
.button:hover	{
	-moz-border-radius: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9pt;
	border: solid #000000 1px;}

.button			{
	color: #ffffff;
	background: #0198b3;}

.button:hover	{
	color: #0198b3;
	background: #ffffff;}

tr.row1 {background-color: #9dc7d1;}

tr.row2 {background-color: #cde3e8;}

td.row1,
td.row2	{
	color: #000000;
	font-size: 10pt;}

strong,
.strong,
.strongright	{font-weight: bold;}

.strongright	{
	text-align: right;
	padding-top: 0pt;
	padding-right: 5pt;}

img.photoborder	{
	border: solid 2px #0198b3;}

td.gallery	{
	vertical-align: top;
	text-align: left;
	padding-right: 10px;
	padding-bottom: 10px;}

img.gallery	{
	width: 300px;
	padding: 2pt;
	border: solid 2px #0198b3;}

/* End AS */

/* Begin CSS Menu */

#menu {
	position: absolute;
	top: 180px;
	left: 50%;
	width: 960px;
	margin-left: -475px;}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;}

#menu ul.m1 {width: 69px;}
#menu ul.m2 {width: 93px;}
#menu ul.m3 {width: 86px;}
#menu ul.m4 {width: 80px;}
#menu ul.m5 {width: 130px;}
#menu ul.m6 {width: 125px;}
#menu ul.m7 {width: 85px;}
#menu ul.m8 {width: 67px;}
#menu ul.m9 {width: 107px;}
#menu ul.m10 {width: 86px;}

#menu ul.sub1menu {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 200px;
	float: left;}

#menu ul.sub2menu {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 125px;
	float: left;}

#menu h2, #menu h2 a, #menu a	{
	font-family: Verdana, serif;
	display: block;
	text-transform: capitalize;
	font-size: 10pt;
	margin: 0;
	padding: 0;
	color: #000000;
	background: #ffffff;
	text-align: left;
	text-decoration: none;
	font-weight: bold;}

#menu h2.nolink	{text-decoration: none;}

#menu h2:hover, #menu h2 a:hover	{ /*first for FF second for IE*/
	color: #0198b3;
	background: #ffffff;}

#menu ul.sub1menu a, #menu ul.sub2menu a {
	color: #000000;
	text-transform: capitalize;
	text-decoration: none;
	font-weight: bold;
	background: #ffffff;	/*essential in IE*/
	border-bottom: solid 1px #000000;}

#menu ul.sub1menu a	{
	text-align: left;
	font-size: 10pt;
	padding-left: 15px;}

#menu ul.sub2menu a	{
	text-align: left;
	font-size: 7pt;
	padding: 0;}

#menu ul.sub1menu a:hover {
	color: #0198b3;
	background: #ffffff;
	text-decoration: none;}

#menu li {position: relative;}

#menu ul ul {
	position: absolute;
	z-index: 500;}

#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul {display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul {display: block;}

#menu ul li a {height: 1%;}

/* End CSS Menu */