html {
height: 100%;
margin-bottom: 1px;
}
body {
margin: auto;
padding: 0px;
background: url(../avimages/bg-sunburst.jpg) repeat;
font-family: Arial,sans-serif;
font-size: small;
text-align: center;
z-index: 60;
}
#topcontact {
margin: 6px auto 0 auto;
width: 818px;
height: 46px;
text-align: right;
z-index: 1;
}
#top { 
clear: none;
margin: 0px auto 0 auto;
height: 200px;
width: 818px;
background-color: transparent;
z-index: 10;
}


#main {
position: relative;
width: 818px;
margin: -25px auto 0 auto;
z-index: 50;
}
div#menuspot {
position: relative;
margin-left: 300px;
height: 27px;
z-index: 1;
}
#container {
width: 818px;
margin: -2px auto 6px auto;
background-color: #fcf2d5;
padding: 0;
z-index: 40;
}
/* .clearing {
  height: 0;
  clear: both;
}*/


/* --- Content --------- */

.content {
margin-top: 0px;
margin-right: 16px;
margin-bottom: 0px;
margin-left: 16px;
padding-top: 10px;
}

.content a {
color:#DD5800;
text-decoration: underline;
}

div#lineupmargins {
margin-top: 0px;
margin-right: 16px;
margin-bottom: 0px;
margin-left: 16px;
padding-top: 10px;
}
/* leftgallery puts pictures down the left side of the page - we are now using right gallery for toys page */
/*#leftgallery { 
position: relative;
float: left;
left:14px;
text-align: left;
width: 290px;
background-color: #fcf2d5;
border: 0;
}*/

#rightgallery {
position: relative;
float: right;
margin-right: 14px;
text-align: right;
width: 290px;
background-color: #fcf2d5;
border: 0;
}
/*#pmiddle {
position: relative;
background-color: #fcf2d5;
margin-left: 296px;
margin-right: 10px;
overflow: visible;
}*/
/*#pleft {
margin-right: 296px;
margin-left: 14px;
text-align:left;
line-height: 1.2;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
padding-bottom: 10px;
}*/
h1 {
text-align: left;
color: #5A4629;
padding: 0px 0px 0px 4px;
margin-top: 20px;
margin-left: 16px;
margin-right: 16px;
margin-bottom: 20px;
font-weight: lighter;
font-size: 24px;
background: url(../avimages/header.png) no-repeat;
}
h2 {
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
margin: 0 20px 0 20px;
letter-spacing: 1px;
color: #000000;
padding: 5px 0 3px 0;
}
h2 a {
color:#DD5800;
text-decoration: underline;
}
h3 {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
margin: 0 20px 0 20px;
color: #000000;
}
h3 a {
color:#DD5800;
text-decoration: underline;
}
h4 {
margin: 0px;
text-align: center;
padding-top: 0px;
padding-bottom: 4px;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
font-weight: bold;
letter-spacing: 1px;
} 

/* --- h4 used in bragbook, teddy and lucky --- */
/* --- h5 {
margin: 0px;
text-align: center;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: large;
font-weight: bold;
letter-spacing: normal;
}
h6 {
padding: 6px 10px 6px 10px;
text-align: left;
background: url(../avimages/footer.png) repeat-y;
font-size: 11px;
color: #5a4629;
height: 40px;
}
h6 a:link {
color: #5a4629;
}
h6 a:visited {
color: #827557;
}
h6 a:active {
color: #827557;
}
h6 a:hover {
color: #000000;
}--- */

a {
color:#DD5800;
text-decoration: underline;
}
a:hover {
color: #503821;
}
a:visited {
color: #7b3a3a;
}
p {
text-align: left;
margin-left: 14px;
margin-right: 14px;
line-height: normal;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
}
/*p.teddy {
padding-bottom: 3px;
text-align: left;
margin: 0 20px 0 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px; 
font-weight: bold;
}*/
p a {
color:#DD5800;
text-decoration: underline;
}
p a:hover {
color: #503821;
}
p a:visited {
color: #7b3a3a;
}
p.ptext {  /* used on most text pages --*/
text-align: left;
margin: 0 20px 0 20px;
line-height: 1.2;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
padding-bottom: 10px;
}
p.ptext2 {  /* used on index page --*/
text-align: left;
padding-bottom: 0px;
margin: 0 20px 0 20px;
line-height: 1.2;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
}
p.ptext3 {  /* used on sitemap --*/ 
text-align: left;
padding-bottom: 0px;
margin: 0 20px 0 20px;
line-height: 1.5;
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
}
.ptext3 img {
padding-right: 2px;
}
p.contact {
text-align: left;
margin-left: 220px;
margin-right: 70px;
line-height: normal;
font-family: Arial, Helvetica, sans-serif;
font-weight: 500;
font-size: small;
}
p.ppix {  /* used on olivrbok */
width: 680px;
margin: 0 auto 0 auto;
line-height: 1.2;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
padding-bottom: 10px;
}
p.ppix2 {  /* used on olivrbok and caique photos page*/
width: 730px;
margin: 0 auto 0 auto;
line-height: 1.2;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
padding-bottom: 10px;
}

p.contact a {  /* used on contact page */
color:#DD5800;
text-decoration: underline;
}

.totheright {  /* used on individual pet page */
float: right;
padding-right: 40px;
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
}
.totheright a {
font-size: x-small;
font-family: Arial, Helvetica, sans-serif;
color: #DD5800;
text-decoration: underline;
}
div#plinks {
margin-top: 0px;
margin-right: 16px;
margin-bottom: 0px;
margin-left: 220px;
padding-top: 0px;
}
#plinks ol, #plinks ul {
text-align: left;
line-height: 1.5em;
list-style-type: disc;
padding-left: 4px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #DD5800;
}
#plinks blockquote {
text-align: left;
line-height: 1.5em;
font-size: small;
}
#plinks a {
color: #DD5800;
text-decoration: underline;
}
#plinks a:hover {
color: #503821;
}
#plinks a:visited {
color: #7b3a3a;
}


/* --- maplist used for list on caique-diet page - could get renamed now no longer used for MAP --- */
#maplist, #maplist ol, #maplist ul {
margin-top: -2px;
margin-right: 16px;
margin-bottom: 0px;
margin-left: 40px;
text-align: left;
list-style-type: disc;
line-height: 1.2;
padding-left: 4px;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: #000000;
z-index: 40;
}
/* --- #maplist a {
color: #000000;
text-decoration: underline;
}--- */
/* --- .form {
padding:0px;
margin:0px;
} --- */

/* --- birdreserve, texta, b and c used on reserve pages in form  --- */
#birdreserve {
margin-left: auto;
margin-right: auto;
width: 400px;
}
.birdreserve table {
text-align: left;
margin-left: auto;
margin-right: auto;
font-family: Arial, sans-serif;
font-size: small;
background-color: #f2e0b2;
padding: 0;
border: 1px solid #9a7648;
}
.birdreserve th, .birdreserve td { 
font-family: Arial, sans-serif;
font-weight: bold; 
border: none;
padding: 8px;
line-height: 1.4; 
}
.birdreserve textarea {
border: 1px solid #9a7648;
}
.texta {
border: 1px solid #9a7648;
}
.textb {
font-weight: bold;
font-style: normal;
color: #DD5800;
border: 1px solid #9a7648;
background-color: #fcf2d5;
}
.textc {
font-weight: bold;
font-style: normal;
color: #237636;
border: 1px solid #9a7648;
background-color: #fcf2d5;
}

/*#plinks#a {
color: #DD5800;
text-decoration: underline;
}

/*image class*/

div#wider {
width: 614px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
.iconkey {  /* icons on sitemap */
margin-left: auto;
margin-right: auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px; 
font-weight: bold;
}
/*.img_center {
margin-left: auto;
margin-right: auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px; 
font-weight: bold;
}
.img_center a {
color:#DD5800;
text-decoration: underline;
}*/


img.subpos {  /* -- subpos lines up images letters on faq -- */
vertical-align: text-bottom;
}
/* -- div#narrow {
margin-left: auto; 
margin-right: auto;
width: 382px;
text-align: center;
}-- */
div#narrow2 {
margin-top: 16px;
margin-left: auto; 
margin-right: auto;
width: 462px;
text-align: center;
}
/* -- p.narrower {
width: 540px;
margin-left: auto;
margin-right: auto;
text-align: center;
}-- */
/* -- .style1 {color: #fcf2d5;}
.style2 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
.style3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}-- */


img { /* if this is missing, there's a big blue box around the page header */
border: 0;
}


.img_photocenter {  /* im_photocenter used in broto-photos */
text-align: left;
}
.img_right {
float: right; 
border-style: none; 
margin-right: .5em; 
margin-left: 1.5em; 
margin-top: 1.2em; 
margin-bottom: 1em; 
text-align: center; 
font-family: Arial, Helvetica, sans-serif;
font-size: 11px; 
font-weight: bold;
}

.img_spike {
float: right; 
border-style: none; 
margin-right: .5em; 
margin-left: 1.5em; 
margin-top: 0; 
margin-bottom: 1em; 
text-align: center; 
font-family: Arial, Helvetica, sans-serif;
font-size: 11px; 
font-weight: bold;
}


.img_beyondleft {
float: left; 
border-style: none; 
margin-left: -10px; 
margin-right: 6px; 
margin-top: 1em; 
margin-bottom: 4px; 
text-align: center; 
font-family: Arial, Helvetica, sans-serif;
font-size: 11px; 
font-weight: bold;
}
.img_onmarg {
float: left; 
border-style: none; 
margin-left: 0; 
margin-right: 8px; 
margin-top: 1em; 
margin-bottom: 4px; 
text-align: center; 
font-family: Arial, Helvetica, sans-serif;
font-size: 11px; 
font-weight: bold;
}
.img_left {
float: left; 
border-style: none; 
margin-left: .5em; 
margin-right: 1em; 
margin-top: 1em; 
margin-bottom: 4px; 
text-align: center; 
font-family: Arial, Helvetica, sans-serif;
font-size: 11px; 
font-weight: bold;
}
.img_olvrbok {
float: left;
vertical-align: middle; 
border-style: none; 
margin-left: .5em; 
margin-right: 1em; 
margin-top: 1em; 
margin-bottom: 4px; 
text-align: center; 
font-family: Arial, Helvetica, sans-serif;
font-size: 11px; 
font-weight: bold;
}
.alittleleft {  /* used for lucky images */
float: left;
border-style: none; 
margin-left: 2em; 
margin-right: .2em;
margin-top: 1em; 
margin-bottom: 4px; 
text-align: center;
font-family: arial, helvetica, sans-serif;
font-size: 11px; 
font-weight: bold;
}
.bigpix {  /* used once for toys */
float: left;
border-style: none; 
margin-left: 1.5em; 
margin-right: .2em;
margin-top: 0; 
margin-bottom: 4px; 
text-align: left;
font-family: arial, helvetica, sans-serif;
font-size: 11px; 
font-weight: bold;
}
.leftspecial { /* used for lucky images */
float: left;
border-style: none; 
margin-left: 8em; 
margin-right: 1.5em; 
margin-top: 1em; 
margin-bottom: 4px; 
text-align: center; 
font-family: arial, helvetica, sans-serif;
font-size: 11px; 
font-weight: bold;
}
.img_captain {
float: left; 
border-style: none; 
margin-left: .5em; 
margin-right: 1.5em; 
margin-top: .2em; 
margin-bottom: 4px; 
text-align: center; 
font-family: arial, helvetica, sans-serif;
font-size: 11px; 
font-weight: bold;
}
.img_reebock { /* not for oliv-her - used for caique-species and petbird images */
float: right; 
border-style: none; 
margin-right: .5em; 
margin-left: 1.5em; 
margin-top: -4px; 
margin-bottom: 1em; 
text-align: center; 
font-family: arial, helvetica, sans-serif;
font-size: 11px; 
font-weight: bold;
}

.img_leftish {  /* used for teddy */
float: left; 
border-style: none; 
margin-left: 1em; 
margin-right: 1.5em; 
margin-top: 1em; 
margin-bottom: 4px; 
text-align: center; 
font-family: arial, helvetica, sans-serif;
font-size: 11px; 
font-weight: bold;
}
.img_inset {  /* used for ollie */
float: right;
border-style: none; 
margin-right: 6em; 
margin-bottom: .5em;
text-align: center; 
font-family: arial, helvetica, sans-serif;
font-size: 11px; 
font-weight: bold;
}

.drop_left  {    /* used for caique photos page */
float: left; 
border-style: none; 
margin-right: .5em; 
margin-left: 0px; 
margin-top: 70px; 
margin-bottom: 0;
text-align: center; 
font-family: arial, helvetica, sans-serif;
font-size: 11px; 
font-weight: bold;
}

.shortby26 {    /* used for caique photos page */
padding-top: 26px;
}
.special_right { /* used for caique photos page */
float: left; 
border-style: none; 
margin-right: .5em; 
margin-left: 60px; 
margin-top: 0px; 
margin-bottom: 0;
text-align: center; 
font-family: arial, helvetica, sans-serif;
font-size: 11px; 
font-weight: bold;
}

.foot {
color: #724b31;
font-size: 10px;
text-align: center;
margin-top: 2px;
margin-left: 14px;
margin-right: 14px;
}
/*.foot a {
color: #B47345;
font-size: 10px;
} */
.copy {   /* used for copyright on brotvor pages */
color: #827557;
width: 750px;
font-size: 10px;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}

.red_warning {  /* used on cam pages not in season */
font-size: large;
color: #FF0000;
}

.recession {  /* used on recession price rollback */
font-size: 16px;
color: #DD5800;
font-weight: bold;
text-align: center;
}

.strikeout {  /* used on recession price rollback */
text-decoration: line-through;
}

.sm_txt {
font-size: x-small;
}

.horizontalline {  /* instead of horizontal line */
margin-left: auto;
margin-right: auto;
background: url(../avimages/brownpixel.gif) repeat-x;
width: 750px;
height: 1px;
}

#reserve {
margin-left: auto;
margin-right: auto;
width: 400px;
}
.reserve table {
text-align: left;
margin-left: auto;
margin-right: auto;
font-family: Arial, sans-serif;
font-size: small;
border: 1px solid #9a7648;
border-collapse: collapse;
background-color: #f2e0b2;
padding: 0;
}
.reserve th, .reserve td { 
font-family: Arial, sans-serif;
border: 1px solid #9a7648;
font-weight: bold; 
padding: 8px 4px 8px 4px;
line-height: 1.4; 
}
.reserve textarea {
border: 1px solid #9a7648;
}
.borderno {  /* used on reserve forms */
border: none;
}
.pagenumbers { /* used on bragbook pages  */
margin: 20px;
text-align: center;
background: none;
}
div#gallery {  /*  this is div id, not class, used caique-photos and pet bird pages */
margin: 0 auto 0 auto;
padding: 0;
}

.gallerita {  /*  used captain, lucky, tuki */
padding: 0;
text-align: center;
font-family: arial, helvetica, sans-serif;
font-size: 11px; 
font-weight: bold;
}
.captioning {  /*  used lucky */
text-align: center; 
font-family: arial, helvetica, sans-serif;
font-size: 11px; 
font-weight: bold;
}
/* img.bottom {vertical-align:text-bottom} */
img.middle { 
vertical-align: middle;
}
   
div.test {  /* egg hatching */
margin-left: 58px;
padding: 0;
	background: url(../avimages/filmstrip1.jpg) no-repeat;
	height: 174px;
	z-index: 5;
}
div.test2 {
margin-left: 58px;
padding: 0;
	background: url(../avimages/filmstripnew2a.jpg) no-repeat;
	height: 174px;
	z-index: 5;
}	
div.test3 {
margin-left: 58px;
padding: 0;
	background: url(../avimages/filmstripnew3a.jpg) no-repeat;
	height: 174px;
	z-index: 5;
}	
div.test4 {
margin-left: 58px;
padding: 0;
	background: url(../avimages/filmstripnew4a.jpg) no-repeat;
	height: 174px;
	z-index: 5;
}	
ul.test {
	list-style:none;
	margin:4px;
	padding: 0px 0 0 0;
	clear:both;
	height:100px;
}
.test li {
	width:160px;
	height:174px;
    padding: 0;
	float:left;
	margin-right: 8px;
}
.test li a {
	width:160px;
	height:174px;
    padding: 0;
	float:left;
	position:relative;	
	text-decoration:none;
	border: none;
}
.test li a img {
	visibility:hidden;
	position:absolute;
	top: 40px;
    padding: 0;
	border: none;
	left: -90px;
	z-index:99;
}
.test li a:hover,.test li a:hover img{visibility:visible}
/* ie x-index fix*/
.one a{z-index:10}
.two a{z-index:9}
.three a{z-index:8}
.four a{z-index:7}
/* end egg hatching -- */

a.screen {  /* screen is used for pop up images  -- */
color:#dd5800; 
position:relative; 
z-index:1;
}
a.screen:visited {
color:#7b3a3a; 
position:relative; 
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:215px; /* give it a width */
height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
border:none; /* add a border */
left:0; /* position:the image */
top:-150px;
}
a.screen:hover {
text-decoration:none; 
border:none; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:135px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover b img {
border:none; /* remove the link border */
}
a.screen2 {
color:#dd5800; 
position:relative; 
z-index:1;
}
a.screen2:visited {
color:#7b3a3a; 
position:relative; 
z-index:1;
}
a.screen2 b {
position:absolute;
visibility:hidden; /* hide the image */
width:200px; /* give it a width */
height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
border:none; /* add a border */
left:0; /* position:the image */
top:-200px;
}
a.screen2:hover {
text-decoration:none; 
border:none; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen2:hover b {
visibility:visible; /* make the image visible */
height:200px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen2:hover b img {
border:0; /* remove the link border */
}
a.screen3 {
color:#dd5800; 
position:relative; 
z-index:1;
}
a.screen3:visited {
color:#7b3a3a; 
position:relative; 
z-index:1;
}
a.screen3 b {
position:absolute;
visibility:hidden; /* hide the image */
width:84px; /* give it a width */
height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
border:none; /* add a border */
left:0; /* position:the image */
top:-160px;/*this number changes with the image height and is ballpark*/
}
a.screen3:hover {
text-decoration:none; 
border:none; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen3:hover b {
visibility:visible; /* make the image visible */
height:160px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen3:hover b img {
border:none; /* remove the link border */
}
a.screen4 {
color:#dd5800; 
position:relative; 
z-index:1;
}
a.screen4:visited {
color:#7b3a3a; 
position:relative; 
z-index:1;
}
a.screen4 b {
position:absolute;
visibility:hidden; /* hide the image */
width:160px; /* give it a width */
height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
border:none; /* add a border */
left:0; /* position:the image */
top:-200px;/*this number changes with the image height and is ballpark*/
color:#DD5800;
text-decoration: underline;
}
a.screen4:hover {
text-decoration:none; 
border:none; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen4:hover b {
visibility:visible; /* make the image visible */
height:200px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen4:hover b img {
border:none; /* remove the link border */
}
a.screen5 {
color:#dd5800; 
position:relative; 
z-index:1;
}
a.screen5:visited {
color:#7b3a3a; 
position:relative; 
z-index:1;
}
a.screen5 b {
position:absolute;
visibility:hidden; /* hide the image */
width:148px; /* give it a width */
height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
border:none; /* add a border */
left:0; /* position:the image */
top: -107px;/*this number changes with the image height and is ballpark*/
color:#DD5800;
text-decoration: underline;
}
a.screen5:hover {
text-decoration:none; 
border:none; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen5:hover b {
visibility:visible; /* make the image visible */
height:107px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen5:hover b img {
border:none; /* remove the link border */
}