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

body
{
	margin:0px;
	padding:0px;
	background:#d8e7f3 url('../img/body_bg.png') repeat-x top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
#mainLayout {
	margin: 0 auto;
	width: 760px;
}
#header {
	background-image: url('../img/newhead.png');
	height: 127px;
	border-bottom: 1px solid #BEBEBE;
}

#mainLayout #content {

	width: 760px;
	height: 550px;
	background-color:#FFF;
	border-collapse: collapse;
	border-bottom: 1px solid #BEBEBE;
}

#mainLayout #contentmcl {

	width: 760px;
	height: 680px;
	background-color:#FFF;
	border-collapse: collapse;
	border-bottom: 1px solid #BEBEBE;
}


#content #rightborder {
	position: relative;
	float: right;
	width: 7px;
	right: -7px;
	height: 550px;
	background-image: url('../img/content_right_bg.png');
}

#content #leftborder {
	position: relative;
	float: left;
	left: -7px;
	width: 7px;
	height: 550px;
	background-image: url('../img/content_left_bg.png');

}

#contentmcl #rightborder {
	position: relative;
	float: right;
	width: 7px;
	right: -7px;
	height: 680px;
	background-image: url('../img/content_right_bg.png');
}

#contentmcl #leftborder {
	position: relative;
	float: left;
	left: -7px;
	width: 7px;
	height: 680px;
	background-image: url('../img/content_left_bg.png');

}


#content #innerContent {
	
	width: 743px;
	height: 520px;
	position: relative;
	float: inherit;
	top: 10px;
	left: 7px;
	background-image: url(../img/aboutbk.png);
	border-collapse: collapse;
	border: 1px solid #BEBEBE;
}

#footer {
	top: 20px;
	position: relative;
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
#content #innerContent .rehomingPicture {
	position: relative;
	left: 10px;
	top: 10px;
	float: left;
	background-image: url('../img/rehomingpic.png');
	height: 485px;
	width: 250px;
}

#content #innerContent .aboutPic1 {
	position: relative;
	left: 10px;
	top: 25px;
	float: left;
	background-image: url('../img/aboutpic1.png');
	height: 224px;
	width: 250px;
}

#content #innerContent .aboutPic3 {
	position: relative;
	left: 10px;
	top: 25px;
	float: left;
	background-image: url('../img/sitemap1.png');
	height: 224px;
	width: 250px;
}

#content #innerContent .aboutPic2 {
	position: relative;
	left: 10px;
	top: 55px;
	float: left;
	background-image: url('../img/aboutpic2.png');
	height: 224px;
	width: 250px;
}

#content #innerContent .aboutText {
	width: 450px;
	float: right;
	position: relative;
	right: 10px;
	top: 20px;
}

#content #innerContent .rehomingText {
	width: 440px;
	float: left;
	position: relative;
	left: 30px;
	top: 20px;
}

#mainLayout #content #innerContent .feralPic1 {
	background-image: url(../img/fecat_m.png);
	height: 224px;
	width: 250px;
	position: relative;
	float: left;
	left: 10px;
	top: 10px;
	
}
#mainLayout #content #innerContent .feralText1 {
	width: 450px;
	position: relative;
	float: right;
	right: 10px;
	top: 10px;
}

#mainLayout #content #left {
	width: 500px;
	position: relative;
	float: left;
	top: 20px;
	left: 7px;
}
#mainLayout #content #contactList {
	width: 230px;
	position: relative;
	float: right;
	top: 25px;
}
#mainLayout #content #left .contactText {
	width: 240px;
	position: relative;
	float: left;
}
#mainLayout #content #left .contactPic {
	position: relative;
	width: 216px;
	height: 150px;
	float: right;
	background-image: url(../img/contactimg.png);
	right: 20px;
}
#mainLayout #content #left #contactForm {
	position: relative;
	float: left;
	width: 480px;
	top: 10px;
	background-image: url(../img/content_bg.gif);
	padding-top: 10px;
	padding-bottom: 18px;
}
#mainLayout #content #left #contactForm .form label {
	position: relative;
	display:block;
	width: 10em;
	float: left;
	text-align: left;
	left: 4em;
}

#mainLayout #content #left #contactForm .form input, select {
	position: relative;
	left: 7em;
}

#mainLayout #content #tableHeader {
	background-image: url(../img/home_tbl_head.png);
	background-repeat: repeat-x;
	height: 29px;
	line-height: 2;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#mainLayout #content #newsBox {
	width: 160px;
	position: relative;
	float: left;
	height: 170px;

}
#mainLayout #content #tableContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-image: url(../img/fecatbk.png);

	no-repeat;
	border: 1px solid #BEBEBE;
	height: 100%;
}

#mainLayout #content #topContent {
	height: 202px;
	width: 740px;
	position: relative;
	top: 8px;
}
#mainLayout #content #topContent #welcome {
	width: 569px;
	float: left;
	position: relative;
	left: 10px;
	background-image: url(../img/orange_box.png);
	height: 202px;
	font-size: 10pt;
	color: #FFF;
	vertical-align: middle;
}
#mainLayout #content #topContent #welcome #welcomeText {
	padding: 15px;
}
#mainLayout #content #middleContent {
	width: 740px;
	position: relative;
	top: 20px;
	float: left;
	height: 155px;
}
#mainLayout #content #middleContent #cats #cell {
	position: relative;
	height: 86px;
	width: 86px;
	text-align: center;
	border: 1px solid #BEBEBE;
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	float: left;
	background-image: url(../img/smbk.png);
	margin-left: 7px;
}
#mainLayout #content #middleContent #cats {
	border: 1px solid #BEBEBE;
	padding: 5px;
	height: 98px;
}

#mainLayout #content #bottomContent {
	width: 740px;
	top: 10px;
	position: relative;
	float: left;
	height: 170px;
	border: 1px solid #BEBEBE;
	;
	background-image: url(../img/fecatbk.png);
}
#mainLayout #content #bottomContent #bottomContentPicture {
	background-image: url(../img/fecat.png);
	width: 250px;
	height: 150px;
	position: relative;
	float: left;
	left: 10px;
	top: 10px;
}
#mainLayout #content #bottomContent #bottomContentText {
	width: 455px;
	position: relative;
	float: left;
	margin-left: 20px;
	top: 10px;
}
#mainLayout #content #smallCell {
	height: 110px;
	width: 350px;
	position: relative;
	float: left;
	border: 1px solid #BEBEBE;
	background-color: #eef3f6;
	margin-left: 15px;
	margin-top: 20px;
}
#mainLayout #content #smallCell #smallCellPicture {
	height: 82px;
	width: 101px;
	position: relative;
	float: left;
	border: 1px solid #BEBEBE;
	margin-top: 12px;
	margin-left: 10px;
	
}

#mainLayout #content #smallCell #smallCellText {
	height: 82px;
	width: 200px;
	position: relative;
	float: left;
	margin-top: 12px;
	margin-left: 10px;
}

#mainLayout #contentmcl #smallCell {
	height: 110px;
	width: 350px;
	position: relative;
	float: left;
	border: 1px solid #BEBEBE;
	background-color: #eef3f6;
	margin-left: 15px;
	margin-top: 20px;
}
#mainLayout #contentmcl #smallCell #smallCellPicture {
	height: 82px;
	width: 101px;
	position: relative;
	float: left;
	border: 1px solid #BEBEBE;
	margin-top: 12px;
	margin-left: 10px;
	
}

#mainLayout #contentmcl #smallCell #smallCellText {
	height: 82px;
	width: 200px;
	position: relative;
	float: left;
	margin-top: 12px;
	margin-left: 10px;
}