*{
	font-family:Tahoma, sans-serif;
}
body{
	background-color:#efefef;
}
#mainCol{
	background-color:#FFFFFF;
	padding-left:22px;
	padding-right:22px;
	padding-bottom:22px;
}
.leftfade{
	left:0px;
	background-image:url(/imgs/bg-topleft.gif);
}
.rightfade{
	right:0px;
	background-image:url(/imgs/bg-topright.gif);
}
.headingStrip{
	position:relative;
	overflow:hidden;	/* contain floated content */
	padding:12px 32px 12px 32px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background-image:url(/imgs/header.png);
	background-repeat:no-repeat;
	background-size:100% auto;
}
#logo{
	width:30%;
	float:left;
	text-align:right;
}
#logo img{
	width:100%;
}
#logo h1.mainHeading{
	font-size:1.5em;
	margin-top:0.3em;
	font-weight:bold;
	white-space: nowrap;
}
#title{
	position:absolute;
	left:30%;
	right:0px;
	top:0;
	bottom:0;
}
#titleInner{
	display:table;
	height:99%;
	width:99%;
}
#title h2.subHeading{
	display:table-cell;
	vertical-align:middle;
	font-weight:bold;
	font-size:1.8em;
}
#footer{
	text-align:center;
}

@media screen and (max-width: 720px){ #title h2.subHeading{font-size:20px;} #logo{margin-left: -20px;} }
@media screen and (max-width: 580px){ #title h2.subHeading{font-size:18px;} #titleInner{height:80%;} }
@media screen and (max-width: 520px){ #title h2.subHeading{font-size:16px;} }
@media screen and (max-width: 435px){ #title h2.subHeading{font-size:15px;} }
@media screen and (max-width: 390px){ #logo h1.mainHeading{margin-top:1.5em;} #logo img{margin-top:10px;} }
@media screen and (max-width: 350px){ #logo h1.mainHeading{font-size:1.25em;} }


.leftfade, .rightfade{
	position:absolute;
	top:0px;
	bottom:0px;
	width:20px;
	background-repeat:repeat-y;
	background-position:0 0;
}

.animalTable{
	background-color:#FFFFFF;
	border-collapse: collapse;
	margin-left:auto;
	margin-right:auto;
}
.animalTable td, .animalTable th{
	border:solid 1px #cccccc;
	padding:0.3em;
}
caption{
	margin-top:1em;
	font-weight:bold;
	font-size:1.6em;
}
#enquireForm{
	position:absolute;
	display:none;
	top:20px;
	left:20px;
	width:30em;
	background-color:#FFFFFF;
	border:solid 2px #333333;
	padding-bottom:0.8em;
}
#enquireForm input{
	width:29.5em;
}
#enquireForm textarea{
	width:98%;
}
.enquireTitle{
	background-color:#DBEAF9;
	padding:4px;
	font-weight:bold;
}
.enqurieBody{
	padding:12px;
}
.enquireRow{
	padding-bottom:0.5em;
}
.enquireLabel{
	display:inline-block;
	width:3.5em;
}
#enquiryButton, #cancelEnquiryButton{
	float:right;
}
#cancelEnquiryButton{
	margin-right:3em;
}

#applicationForm{
	margin-left:auto;margin-right:auto;
	width:45em;
	background-color:#FFFFFF;
	border:solid 2px #333333;
	padding-bottom:0.8em;
}
#applicationForm input{
	width:39.5em;
}
#applicationForm textarea{
	width:41.5em;
}
.applicationTitle{
	background-color:#DBEAF9;
	padding:4px;
	font-weight:bold;
}
.applicationBody{
	padding:12px;
}
.applicationRow{
	padding-bottom:0.5em;
}
.applicationLabel{
	display:inline-block;
	width:8.5em;
}
#applicationButton, #cancelApplicationButton{
	float:right;
}
#cancelApplicationButton{
	margin-right:3em;
}