/* Anchors */
a.tooDark
{
	color: #eeeeff;
}

/* The HTML body tag */
body.body
{
	margin: 0px;
	padding: 0px;
	background-color: rgb(248, 248, 255);
}

/* Header text in the menu */
.menuHeader
{
	text-align: left;
	font-size: large;
	font-weight: bold;
}

/* Subtitle text */
.pageSubTitle
{
	font-size: large;
	font-weight: normal;
	font-style: italic;
}

/* Link on the general pages to a species listing page */
.linkToSpecies
{
	font-size: large;
	font-style: italic;
	font-weight: bold;
}

/* Title text */
p.pageTitle
{
	font-size: larger;
	font-weight: bold;
	font-family: "jokerman";
}

/* Block texts */
.pageContent
{
	font-size: smaller;
}

/* Headers of block texts */
.pageContentHeader
{
	font-size: inherit;
}

/* Description for a species */
p.speciesDescription
{
	font-size: smaller;
}

/* The navigation button images */
img.button
{
	border: 0px solid ;
	width: 135px;
	height: 35px;
}

/* This group of classes allow species-specific control of the appearance of the small animal pictures. */
img.smallImageGeneric,	/* A thumbnail image of an animal */
img.smallImage3Toed,	/* Species specific classes */
img.smallImageBeardedDragon,
img.smallImageCrested,
img.smallImageFatTailed,
img.smallImageFlying,
img.smallImageGolden,
img.smallImageLeopard,
img.smallImageOrnate,
img.smallImageTokay,
img.smallImageWhiteLined
{
	height: 150px;
}

img.smallImageGeneric
{
	border: solid medium rgb(50, 128, 50);
}

img.smallImage3Toed
{
	border: solid medium rgb(50, 128, 50);
}

img.smallImageBeardedDragon
{
	border: solid medium rgb(50, 128, 50);
}

img.smallImageCrested
{
	border: solid medium rgb(50, 128, 50);
}

img.smallImageFatTailed
{
	border: solid medium rgb(50, 128, 50);
}

img.smallImageFlying
{
	border: solid medium rgb(50, 128, 50);
}

img.smallImageGolden
{
	border: solid medium rgb(50, 128, 50);
}

img.smallImageLeopard
{
	border: solid medium rgb(50, 128, 50);
}

img.smallImageOrnate
{
	border: solid medium rgb(50, 128, 50);
}

img.smallImageTokay
{
	border: solid medium rgb(50, 128, 50);
}

img.smallImageWhiteLined
{
	border: solid medium rgb(50, 128, 50);
}

/* An image on the strip of the main page */
img.pictureStrip
{
	height: 75px;
	width: 100px;
}

/* The title logo */
img.mainLogo
{
	border: 0px;
	padding: 0px;
	margin: 0px;
	width: 380px;
	height: 55px;
}

/* The e-mail contact for each different species */
span.contact
{
	font-size: small;
}

/* Names of animals */
span.name
{
	font-style: italic
}

/* A pending sale / reserved animal */
span.reserved
{
	color: Red;
}

span.oldSalePrice
{
	text-decoration: line-through;
}

span.salePrice
{
	color: Red;
}

/* Animals are available */
span.animalsAvailable
{
	color: Red;
}

/* No animals available */
span.noAnimalsAvailable
{
}

/* The title table */
table.title
{
	width: 100%;
	text-align: left;
}

/* The homepage announcement table */
table.announcements
{
	width: 100%;
	text-align: left;
	border: 0px;
}

/* The content table */
table.content
{
	width: 100%;
	text-align: center;
}

/* An animal for sale, first color alternate */
tr.animalEntryC1
{
	background-color: #F0F0FF;
}

/* An animal for sale, second color alternate */
tr.animalEntryC2
{
	background-color: #F4F4FF;
}

td.announcementHeader
{
	font-size: larger;
	font-weight: bold;
	font-family: "jokerman";
}

td.announcementThumbnail
{
	padding: 0px;
	width: 67px;
	height: 50px;
}

td.announcementText
{
	padding-left: 10px;
	font-size: smaller;
}

/* Formatting for the navigation preview picture's cell */
td.navPreview
{
	text-align: center;
	vertical-align: middle;
	padding: 6px 0px 0px 0px;
}

/* Contact information cell, to the right of the (sub)title */
td.pageContact
{
	text-align: right;
	padding-left: 100px;
	padding-right: 50px;

}

/* A header line in a table */
td.sectionHeader
{
	text-align: left;
	font-size: larger;
}

/* An empty section in a table (a sectionHeader with no entries) */
td.emptySection
{
	text-align: left;
	font-size: smaller;
}

td.animalEntryStatFields,	/* The column of field headers for each animal available for sale */
td.animalEntryStatData		/* The column of field information for each animal available for sale */
{
	font-family: "Sans-Serif";
	font-size: smaller;
	vertical-align: top;
	border: ridge medium Blue;
	border-right: none;
}

td.animalEntryStatFields
{
	width: 12%;
	text-align: right;
	margin-right: 5px;
}

td.animalEntryStatData
{
	width: 40%;
	color: rgb(0, 0, 180);
	text-align: left;
	border-left: none;
}

/* This group of classes allow species-specific control of the animal photo's column appearance. */
td.animalEntryPhotoInnerGeneric,	/* The columns with pictures of the animals available for sale */
td.animalEntryPhotoOuterGeneric,	/* The outer column with pictures of the animals available for sale */
td.animalEntryPhotoInner3Toed,		/* Species-specific versions of the above */
td.animalEntryPhotoOuter3Toed,
td.animalEntryPhotoInnerBeardedDragon,
td.animalEntryPhotoOuterBeardedDragon,
td.animalEntryPhotoInnerCrested,
td.animalEntryPhotoOuterCrested,
td.animalEntryPhotoInnerFatTailed,
td.animalEntryPhotoOuterFatTailed,
td.animalEntryPhotoInnerFlying,
td.animalEntryPhotoOuterFlying,
td.animalEntryPhotoInnerGolden,
td.animalEntryPhotoOuterGolden,
td.animalEntryPhotoInnerLeopard,
td.animalEntryPhotoOuterLeopard,
td.animalEntryPhotoInnerOrnate,
td.animalEntryPhotoOuterOrnate,
td.animalEntryPhotoInnerTokay,
td.animalEntryPhotoOuterTokay,
td.animalEntryPhotoInnerWhiteLined,
td.animalEntryPhotoOuterWhiteLined
{
	width: auto;
	font-family: "Sans-Serif";
	font-size: smaller;
	text-align: left;
	vertical-align: middle;
	border: ridge medium Blue;
	border-left: none;
}

td.animalEntryPhotoInnerGeneric,
td.animalEntryPhotoInner3Toed,
td.animalEntryPhotoInnerBeardedDragon,
td.animalEntryPhotoInnerCrested,
td.animalEntryPhotoInnerFatTailed,
td.animalEntryPhotoInnerFlying,
td.animalEntryPhotoInnerGolden,
td.animalEntryPhotoInnerLeopard,
td.animalEntryPhotoInnerOrnate,
td.animalEntryPhotoInnerTokay,
td.animalEntryPhotoInnerWhiteLined
{
	border-right: none;
}

td.animalEntryPhotoInnerGeneric,
td.animalEntryPhotoOuterGeneric
{
	color: rgb(50, 128, 50);
}

td.animalEntryPhotoInner3Toed,
td.animalEntryPhotoOuter3Toed
{
	color: rgb(50, 128, 50);
}

td.animalEntryPhotoInnerBeardedDragon,
td.animalEntryPhotoOuterBeardedDragon
{
	color: rgb(50, 128, 50);
}

td.animalEntryPhotoInnerCrested,
td.animalEntryPhotoOuterCrested
{
	color: rgb(50, 128, 50);
}

td.animalEntryPhotoInnerFatTailed,
td.animalEntryPhotoOuterFatTailed
{
	color: rgb(50, 128, 50);
}

td.animalEntryPhotoInnerFlying,
td.animalEntryPhotoOuterFlying
{
	color: rgb(50, 128, 50);
}

td.animalEntryPhotoInnerGolden,
td.animalEntryPhotoOuterGolden
{
	color: rgb(50, 128, 50);
}

td.animalEntryPhotoInnerLeopard,
td.animalEntryPhotoOuterLeopard
{
	color: rgb(50, 128, 50);
}

td.animalEntryPhotoInnerOrnate,
td.animalEntryPhotoOuterOrnate
{
	color: rgb(50, 128, 50);
}

td.animalEntryPhotoInnerTokay,
td.animalEntryPhotoOuterTokay
{
	color: rgb(50, 128, 50);
}

td.animalEntryPhotoInnerWhiteLined,
td.animalEntryPhotoOuterWhiteLined
{
	color: rgb(50, 128, 50);
}