/*Eric Meyer’s CSS Reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
/* remember to define focus styles! */
:focus{outline:0;}
body{
	line-height:1;
	color:black;
	background:white;
}
ol,ul{list-style:none;}
/* tables still need 'cellspacing="0"' in the markup */
table{
	border-collapse:separate;
	border-spacing:0;
}
caption,th,td{
	text-align:left;
	font-weight:normal;
}
blockquote:before,blockquote:after,
q:before,q:after{content: "";}
blockquote,q {quotes: "" "";}


/*main styles*/
html{font-size:62.5%;}
body{
	font-size:100.01%;
	margin:0;
	background:#fff url(../img/bg-body.gif) repeat-x 0 0;
	min-height:1014px;
	height:auto!important;
	height:1014px;
}
img{display:block;border:0;}

#page{
	width:782px;
	margin:0 auto;
	margin-top:10px;
	background:url(../img/bg-page.gif) repeat-y 1px 0;
}
/*header*/
#header{
	background:url(../img/bg-header.gif) no-repeat 1px 0;
}
#header .logos{
	width:100%;
	overflow:hidden;
}
#header h1{
	margin:0;
	float:left;
}
#header h1 a{
	float:left;
	text-indent:-9999px;
	overflow:hidden;
}
/*header - pinewood logo*/
#header h1.pinewood{
	padding:55px 0 0 19px;
	width:103px;
	height:132px;
}
#header h1.pinewood a{
	width:87px;
	height:94px;
	background:url(../img/pinewood_cattery_logo.gif) no-repeat 0 0;
}
/*header - fab logo*/
#header h1.fab{
	padding:50px 0 0 19px;
	width:99px;
	height:137px;
}
#header h1.fab a{
	width:73px;
	height:89px;
	background:url(../img/feline_advisory_board_logo.gif) no-repeat 0 0;
}
#header .logos .center{
	float:left;
	width:542px;
	padding:24px 0 0;
}

/*header - main menu*/
#header .menu{
	border:1px solid #013434;
}
#header .menu ul{
	width:100%;
	overflow:hidden;
	background:#fff;
	font:1.5em/1.6em Arial,sans-serif;
	white-space:nowrap;
}
#header .menu ul li{
	float:left;
	padding:0 0 0 36px;
}
#header .menu ul li a{
	float:left;
	color:#1a2b3f;
	text-decoration:none;
}
#header .menu ul li.active{
	font-weight:bold;
	background:url(../img/bg-menu2.gif) no-repeat 23px 50%;
}
#header .menu ul li.active a,
#header .menu ul li a:hover{
	color:#718a37;
	background:url(../img/bg-menu1.gif) no-repeat 0 100%;
}


/*main*/
#main{
	background:url(../img/bg-main1.gif) no-repeat 1px 0;
	padding:0 1px;
}
#main .bottom{
	background:url(../img/bg-main2.gif) no-repeat 0 100%;
	width:100%;
	overflow:hidden;
}
#main .left{
	float:left;
	width:560px;
	padding:38px 0 0;
}
#main .right{
	float:right;
	width:182px;
	padding:22px 15px 19px 0;
}
#main h1{
	padding:0 0 37px 55px;
	font:bold 1.6em/1.31em Arial,sans-serif;
	color:#1a2b3f;
	background:url(../img/bg-heading.jpg) no-repeat 10px 100%;
	margin:0 0 2px;
}
#main h2{
	font:1.6em/1.33em Arial,sans-serif;
	font-weight: bold;
	color:#718a37;
	padding-left: 20px;
	margin-left: 20px;
	background:url(../img/arrow_bullet.gif) no-repeat 0px 3px;
}

#main p{
	font:1.5em/1.33em Arial,sans-serif;
	color:#1a2b3f;
	padding:0 0 21px 40px;/*0 0 21px 21px*/
}
#main p strong{font-weight:bold;}
#main p.last{
	padding:0 0 24px 40px;/*0 0 24px 21px*/
}
#main p.author{
	font-size:1em;
	line-height:1em;
}
#main p.author span{
	font:italic 2.1em/1.095em "Times New Roman",Georgia,serif;
}
#main p.author strong{
	font:bold italic 1.8em/1.5em "Times New Roman",Georgia,serif;
}
#main a,
#main a:visited {
color:#718a37;
border-bottom: 1px dotted #718a37;
text-decoration: none;
font-weight: bold;
}
#main a:focus,
#main a:hover {
border-bottom: 2px solid #718a37;
}
#main ol,
#main ul {
	font:1.5em/1.33em Arial,sans-serif;
	color:#1a2b3f;
	padding:0 0 21px 21px;
}
#main ul li{
margin: 4px 0px 4px 0px;
padding-left: 20px;
background:url(../img/arrow_bullet.gif) no-repeat 0px 3px;
}
#main ol li{
margin: 4px 0px 4px 20px;
padding-left: 15px;
background:url(../img/square_bullet.gif) no-repeat 0px 5px;
}
#main iframe {
border: 1px solid #1a2b3f;
}
#main div.address{
width: 52%;
float: left;
}
#main div.contact_details {
width: 46%;
float: left;
}

#main .right {
margin-top: 46px;
}
body#homePage #main .right {
margin-top: 0px;
}

#main .right div.banner{
	width:182px;
	background: url(../img/bg-banner1.gif) repeat-y 0 0;
}
#main .right div#news {
background-image:none;
padding: 5px 5px 5px 5px;
margin: 2px 2px;
}
#main .right div.banner div{
	background:url(../img/bg-banner2.gif) no-repeat 0 0;
}
#main .right div.banner div div {
	background:url(../img/bg-banner3.gif) no-repeat 0 100%;
	padding:3px 7px 6px 3px;/*3px 7px 6px 3px*/
}

#main .right div.banner p b,
#main .right div.banner p b .large_text, 
#main .right div.banner p b .medium_text,
#main .right div.banner p b .small_text {
font-weight: bold;
}

#main .right div.banner p,
#main .right div.banner a{
	display:block;
	font:italic 1.6em/1em Verdana,sans-serif;/*1.6*/
	color:#01aa02;
	text-decoration:none;
	margin: 5px 0px 5px 0px;
	padding: 2px 0px 2px 0px;
	/*padding:20px 10px;*//*33px 18px*/
}
#main .right div.banner p .large_text {
	font:italic 1.4em/1em Verdana,sans-serif;
}
#main .right div.banner p .medium_text {
	font:italic 1.1em/1em Verdana,sans-serif;
}
#main .right div.banner p .small_text {
	font:italic 0.8em/1em Verdana,sans-serif;
}
#main .right div.image{
	padding:0 0 0 3px;
}
#main .right div.image img{
	border: 1px solid #1a2b3f;
	margin-top: 10px;
	margin-bottom: 10px;
}
#main h1.extraTopPadding {
padding-top: 20px;
}

/*footer*/
#footer{
	width:780px;
	margin:0 auto;
	padding:4px 0 0;
}
#footer p{
	text-align:center;
	font:bold italic 1.3em/1.3em Verdana,sans-serif;
	color:#1a2b3f;
}
#footer h1{
	text-indent:-9999px;
	overflow:hidden;
	height:77px;
	background:url(../img/caring_for_cats.gif) no-repeat 50% 0;
}
b {
font-weight: bold;
}