@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	background: url(/images/bg-greener.gif);
	}
	.small {
	font-size: 11px;
}
a:link {
	color: #006633;
}
a:visited {
	color: #330033;
}
a:hover {
	color: #006633;
	text-decoration: none;
}
a:active {
	color: #009933;
	text-decoration: none;
}
#masthead {
	background: #7DB33D url(/images/right_top.png) no-repeat right;
	}
	#front #logo {
	background: url(/images/left_top_obsidian.png) no-repeat;
	text-align: center;
	}
	#greenhouse-front #logo {
	background: url(/images/left_top_gate.png) no-repeat;
	text-align: center;
	}
	#greenhouse #logo {
	background: url(/images/left_top_baskets.png) no-repeat;
	text-align: center;
	}
	#jacks #logo, #jennets #logo, #foals #logo {
	background: url(/images/left_top_baby.png) no-repeat;
	text-align: center;
	}
	#chickens #logo {
	background: url(/images/left_top_eggs.png) no-repeat;
	text-align: center;
	}
	#woodshop #logo {
	background: url(/images/left_top_woodshop.png) no-repeat;
	text-align: center;
	}
#navbar {
	background: url(/images/navbar.gif) repeat-x;
	padding: 5px 5px 5px 10px;
	color: #FFFFFF;
	font: bold 16px "Times New Roman", Times, serif;
	text-align: center;
	}
	#navbar a {
	margin-right: 20px;
	margin-left: 20px;
}
	#navbar a:link, #navbar a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
	#navbar a:hover, #navbar a:active {
	color: #C8C460;
	text-decoration: none;
}
#main {
	background: url(/images/grass_right.png) no-repeat right bottom;
	margin: 0px;
	}
	#shadowrail { 
	background: url(/images/gradient_left.png) repeat-y;
	}
	#content {
	padding: 25px 25px 0px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #1B320D;
	width: 850px;
	margin: auto;
	}
	#content p {
	margin-top: 0px;
	}
	.heading {
	font: 22px Georgia, "Times New Roman", Times, serif;
	color: #1B320D;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #7f9044;
	}
		.sub-heading {
		font: 20px Georgia, "Times New Roman", Times, serif;
		color: #1B320D;
		margin-bottom: 10px;
		padding-bottom: 5px;
		text-align: center;
		font-style: italic;
		}
	.intro-text {
	font: 18px Georgia, "Times New Roman", Times, serif;
	}
	.photo-right {
	background: #FFFFFF;
	padding: 5px;
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
	border: 1px solid #1B320D;
}
	.photo-left {
	background: #FFFFFF;
	padding: 5px;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	border: 1px solid #1B320D;}
	.photo {
	background: #FFFFFF;
	padding: 5px;
	border: 1px solid #1B320D;
0}
#shadowbar {
	background: url(/images/gradient_btm.png) repeat-x;
	height: 46px;
}
#footerbar {
	background: url(/images/footerbar.gif) repeat-x;
	padding: 5px 25px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
}
	#footerbar a:link, #footerbar a:visited { color:#FFFFFF; text-decoration: underline;}
	#footerbar a:hover, #footerbar a:active { color:#006633; text-decoration: none}
div.clear { clear: both;}
#info-box {
	float: right;
	width: 275px;
	margin-left: 20px;
	padding: 5px;
	font: 12px Georgia, "Times New Roman", Times, serif;
	border: 1px dotted #435738;
	margin-bottom: 20px;
	}
	#info-box p{
	margin: 0px;
}
#animals td { width: 33%; vertical-align: top; text-align: center}
#animals td.occupied { background: #FFFFFF;
	padding: 5px;
	border: 1px solid #1B320D;}
	#animals td.occupied img{
	border: 1px solid #006633;
	margin-bottom: 5px;
}	
	#animals td.occupied .name{ font: 18px Georgia, "Times New Roman", Times, serif; margin: 0 0 10px;}	
	#animals td.occupied img.photo-portrait-lg{
	width: 250px;
	/*/border: 1px solid #006633;
	background: #CCCCCC;
	overflow: hidden;*/
}	
	#animals td.occupied img.photo-portrait-sm{
}

	#animals td.occupied img.photo-landscape-lg{
	width: 225px;
	/*border: 1px solid #006633;
	background: #CCCCCC;
	overflow: hidden;*/
}
	#animals td.occupied img.photo-landscape-sm{
	width: 175px;
	/*border: 1px solid #006633;
	background: #CCCCCC;
	overflow: hidden;*/
}
	#animals td.occupied .caption{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	height: 30px;
	padding: 0px;
}
#front #content a {text-decoration: none; color: #1B320D}
#front #content a:visited {text-decoration: none; color: #1B320D}

table.donkey-index {
	margin-bottom: 10px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	border-bottom: 1px solid #7F9044;
}
table#bio.donkey-index {
	margin-bottom: 10px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	border-bottom: 1px solid #7F9044;
}
	table.donkey-index th.name{
	font: bold 20px Georgia, "Times New Roman", Times, serif;
	color: #1B320D;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #7f9044;
	text-align: left;
	border-top: 1px solid #7F9044;
	padding-top: 5px;
	}
	table.donkey-index .image{
	width: 300px;
	padding-right: 10px;
	text-align: left;
	vertical-align: top;
	border-right: 1px dotted #1B320D;
	padding-top: 10px;
	padding-bottom: 10px;
		}
	table.donkey-index .image img{
	width: 300px;
	text-align: left;
	border: 1px solid #1B320D;
	}
		table.donkey-index .image-sm{
		width: 200px;
		padding-right: 10px;
		text-align: center;
		vertical-align: top;
		border-right: 1px dotted #1B320D;
		padding-top: 10px;
		padding-bottom: 10px;
			}
		table.donkey-index .image-sm img{
		width: 200px;
		text-align: center;
		border: 1px solid #1B320D;
		}
	table.donkey-index .caption{
	width: 300px;
	text-align: center;
	font-size: 11px;
	margin:5px 0 0;
	}
	table.donkey-index .intro-text{
	width: 300px;
	text-align: left;
	margin: 0 0 10px;
	padding: 5px 0;
	}
	table.donkey-index .info{
	padding-left: 10px;
	vertical-align: top;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	table.donkey-index .info img{
	text-align: left;
	border: 1px solid #1B320D;
	margin: auto;
	}
	table.donkey-index .info .caption{
	width: auto;
	text-align: center;
	font-size: 11px;
	margin:5px 0 0;
	}
	table.donkey-index .info .intro-text{
	width: auto;
	}

.breakout {
	background: #FFFFFF;
	padding: 5px;
	border: 1px dotted #1B320D;
	font: 14px Georgia, "Times New Roman", Times, serif;
	color: #1B320D;
}
body#popup {
	margin: 0px;
	padding: 0px;
	background: url(/images/bg-greener.gif);
	}
body#popup #masthead {
	background: #7DB33D url(/images/right_top.png) no-repeat right;
	text-align: center;
	}
body#popup #main {
	background: url(none) no-repeat right bottom;
	margin: 0px;
	}
	body#popup #shadowrail { 
	background: url(/images/gradient_left.png) repeat-y;
	}
	body#popup #content {
	padding: 10px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #1B320D;
	width: 98%;
	margin: auto;
	}
	body#popup #content p {
	margin-top: 0px;
	}
body#popup #footerbar {
	background: url(/images/footerbar.gif) repeat-x;
	padding: 5px 25px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
}
	body#popup #footerbar a:link, body#popup #footerbar a:visited { color:#FFFFFF; text-decoration: underline;}
	body#popup #footerbar a:hover, body#popup #footerbar a:active { color:#006633; text-decoration: none}
body#splash {
	margin: 0px;
	padding: 0px;
	background: url(/images/bg-splash.gif);
	background-color: #abc064;
	}
body#splash .wrapper{
	margin: 0px;
	padding: 0px;
	background: url(/images/grass_right.png) no-repeat right bottom;
	}
body#splash #main {
	background: url(/images/grass_topleft.png) no-repeat left top;
	margin: 0px;
	height: 100%;
	}
	body#splash #content {
	padding: 0px 0px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #1B320D;
	width: 750px;
	margin: auto;
	}
.alert {
	font-weight: bold;
	color: #FF0000;
}