@charset "UTF-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the 'left' aligned default in the #container selector */
	color: #000000;
	background-color: #660000;
}
.mainlayout #container {
	width: 925px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 3px solid #000000;
	text-align: center; /* this overrides the text-align: center on the body element. */
}
.mainlayout #header {
	background: #FFFFFF; 
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.mainlayout #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}
.mainlayout #menubar {
	padding: 0 40px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#000000;
}
.mainlayout #footer {
	padding: 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#000000;
}
.smalllayout #container {
	width: 800px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 3px solid #000000;
	text-align: center; /* this overrides the text-align: center on the body element. */
}
.smalllayout #mainContent {
	background: #FFFFFF;
}
.minilayout #container {
	width: 580px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 3px solid #000000;
	text-align: center; /* this overrides the text-align: center on the body element. */
}
.minilayout #mainContent {
	background: #FFFFFF;
}
.newslayout #container {
	width: 325px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 3px solid #000000;
	text-align: center; /* this overrides the text-align: center on the body element. */
}
.newslayout #mainContent {
	background: #FFFFFF;
}



a.text:link {font: normal 12px georgia, times, serif; color: #0000ff; text-decoration: none }
a.text:active { font: normal 12px georgia, times, serif; color: #0000ff; text-decoration: none }
a.text:visited {font: normal 12px georgia, times, serif; color: #0000ff; text-decoration: none }
a.text:hover { font: bold italic 12px georgia, times, serif; color: #cc0033; text-decoration: underline }


a.small:link {font: normal 10px verdana, serif; color: #0000ff; text-decoration: none }
a.small:active { font:normal 10px verdana, serif; color: #0000ff; text-decoration: none }
a.small:visited {font:normal 10px verdana, serif; color: #0000ff; text-decoration: none }
a.small:hover { font: bold italic 10px verdana, serif; color:#cc0033; text-decoration: underline }


a.medium:link {font: italic 12px georgia, serif; color: #0000ff; text-decoration: none }
a.medium:active { font:italic 12px georgia, serif; color: #0000ff; text-decoration: none }
a.medium:visited {font:italic 12px georgia, serif; color: #0000ff; text-decoration: none }
a.medium:hover { font: bold italic 12px georgia, serif; color:#cc0033; text-decoration: underline }


a.alpacanation:link {font: bold 10px verdana, serif; color: #ffffff; text-decoration: none }
a.alpacanation:active { font: bold 10px verdana, serif; color: #ffffff; text-decoration: none }
a.alpacanation:visited {font: bold 10px verdana, serif; color: #ffffff; text-decoration: none }
a.alpacanation:hover { font: bold italic 10px verdana, serif; color:#ffffff; text-decoration: underline }


a.menu:link {font: bold normal 14px arial, sans-serif; color: #ffffff; text-decoration: none }
a.menu:active { font: bold normal 14px arial, sans-serif; color: #ffffff; text-decoration: none }
a.menu:visited {font: bold normal 14px arial, sans-serif; color: #ffffff; text-decoration: none }
a.menu:hover { font: bold normal 14px arial, sans-serif; color: #660000; text-decoration: underline }

h1 { font: bold italic 14px arial, sans-serif; color:black; text-align: left  }
h2 { font: bold 12px arial, sans-serif; color:black; text-align: center  }
h3 { font: bold 12px "times new roman", serif; color:black; text-align: left  }
h4 { font: bold 12px "times new roman", serif; color:#800000; text-align: center }
h5 { font: bold 16px georgia, times, serif; color:black; text-align: center  }
h6 { font: bold 10px verdana, san-serif; color:white; text-align: left  }
h7 { font: bold 16px georgia, times, serif; color:#800000; text-align: center  }


p { font: 10px verdana, sans-serif; color:black; text-align: center  }
p.index { font: 12px verdana, sans-serif; color:black; text-align: left  }
p.stock { font: bold 12px georgia,times, serif; color: #990000; text-align: center  }
p.welcome { font: 12px georgia, serif; color:black; text-align: center }
p.girl { font: bold 10px verdana, sans-serif; color:#cc0099; text-align: center  }
p.boy { font: bold 10px verdana, sans-serif; color:#330099; text-align: center  }
p.price { font: 12px verdana, sans-serif; color:black; text-align: center }
p.quote { font: bold italic 14px georgia, times, serif; color:black; text-align: center }

table.blood { font: 10px verdana, sans-serif; color:black; text-align: center  }
table.relatives { font: 12px verdana, sans-serif; color:black; text-align: left  }

td.menu { background-color: #000000 }
td.names { background-color: #800000; font: normal 10px verdana, san-serif; color:#FFFFFF; text-align: left; }
td.progeny { background-color: #800000; font: normal 10px verdana, san-serif; color:#FFFFFF; text-align: center; }
td.awards { background-color: #DCDCDC; text-align: center; }
 
li { font: 10px verdana, san-serif; color:black; text-align: left  } 

.center {text-align: center }
.red {font-weight: bold; color: #800000}
.purple {font-weight: bold; color: #191970}
.sold { font: bold 10px verdana, san-serif; color:#800000; text-align: center  }
.update { font: bold 10px verdana, san-serif; color:#800000; text-align: right  }

.girl { color:#cc0099}
.boy { color:#330099}
.photo { font: 9px}
.left {text-align: left }

.sale-shadow{
        float:left;
        clear:left;
        background: url(../shadow-p.png) no-repeat bottom right  !important;
        background: url(../images/shadow-p.gif) no-repeat bottom right;
        margin: 10px 0 10px 10px !important;
		display: inline;
        margin: 10px 0 10px 5px;
        width: 675px;
        padding: 0px;
}
.innerbox{
        position:relative;
        bottom:6px;
        right: 6px;
        border: 1px solid #999999;
        padding:4px;
        margin: 0px 0px 0px 0px;
}
.innerbox{
        /* IE5 hack */
        \margin: 0px 0px -3px 0px;
        ma\rgin:  0px 0px 0px 0px;
}