@charset "UTF-8";

*{
		margin : 0;
		padding : 0;
		line-height : 1.3;
}

body, html
{
		font : 13px Verdana, arial, sans-serif;
		color : #000;
		height : 100%;
		width : 100%;
		text-align : center;
		background : #fff;
}

/*_______________________boxes____________________________________*/


#layoutgrid
{
		display : table;
		height : 100%;
		width : 100%;
}

#layoutgrid td
{
		text-align : center;
		vertical-align : middle;
}

#wrapper
{
		margin : 0 auto;
		padding : 25px;
		background : #fff;
		text-align : left;
		width : 53em;
}

/*navigation skip*/

.skip a, .skip a:hover, .skip a:visited
{
		position:absolute;
		left:0px;
		top:-500px;
		width:1px;
		height:1px;
		overflow:hidden;
}

.skip a:active, .skip a:focus
{
		position:static;
		width:auto;
		height:auto;
}

#content
{
		padding : 1em;
		text-align : left;
		overflow : hidden;
}

/* Hide from ie Mac \*/
* html .content
{
		overflow: visible;
		overflow-x:hidden;
		height: 0;
}

/* End hide */

/*\*//*/ 
.content{display: inline-block;}
/**/

#content p
{
		color : #000;
		padding-bottom : 10px;
}

/*____________________________links, June 2010_________________________________*/

a {
		color : red;
		text-decoration : none;
		border : none;
}

a[rel="external"] {
		background: url(graphics/outofit.gif) no-repeat right top;
		padding-right: 14px;
}

a[rel="pdf"] {
		background : url(graphics/newpdf.gif) no-repeat right top;
		padding-right: 40px;
}

a[rel="mail"] {
		background: url(graphics/letter.gif) no-repeat right top;
		padding-right: 16px;
}


/*_______________________RSPCA banner____________________________________*/

#banner
{
		width : 100%;
		background: #E4EDF5 url(graphics/rural_bkgrnd.jpg) repeat-x right bottom;
		width : 100%;
		overflow : hidden;
}

/* Hide from ie Mac \*/
* html .banner
{
		overflow: visible;
		overflow-x:hidden;
		height: 0;
}

/* End hide */

/*\*//*/ 
.banner {display: inline-block;}
/**/



#banner a
{
		color : #f00;
		/*background : #E4EDF5;*/
		text-decoration : none;
		border : none;
}

#banner a img
{
		text-decoration : none;
		border : none;
}

/* _______________________________________div 1 left */

#rspcalogo { width : 8em; }

/* _______________________________________div 2 left */

#mainhead
{
		width : 27em;
		margin-left : 2em;
}

#mainhead p
{
		text-align : left;
		text-shadow: 0.1em 0.1em 0.2em #999;
}

#heading
{
		color : #003399;
		margin-bottom : 0.5em;
		font: bold 240% Georgia, serif;
}

/* _______________________________________div 3 elastic */

#printlogo
{
		text-align : center;
		height : 9em;
		padding: 0.5em;
		margin : 0 13.5em 0 37.3em;
}

#printlogo img { margin-top : 0.2em; }

#printlogo p {
		color:#000;
		font-weight: bold;
}

/* _______________________________________div 4 right */

#crueltyline { width : 13em; /*background: url(../sitegraphics/clipart/telephone.gif) no-repeat left top; */ }

#crueltyline p
{
		font-size : 12px;
		font-weight : bold;
		color : #038;
		text-align : center;
}

/* _______________________________________general */

#rspcalogo, #mainhead, #crueltyline
{
		padding: 0.5em;
		text-align : center;
		height : 9em;
}

#rspcalogo, #mainhead { float: left; }

#crueltyline { float: right; }

/*_______________________headers and footers_______________________________*/


h1, h2, h3, h4, h5, h6
{
		font-weight : bold;
		font-style: oblique;
		font-family: Georgia, serif;
		color : #930;
		margin-bottom : 0.5em;
}

h1 { font-size : 240%; }

h2 { font-size : 180%; }

h3 { font-size : 160%; }

h4 { font-size : 140%; }

h5
{/*use as footer?*/
		clear : both;
		font : 12px/50px Verdana, Arial, Helvetica, sans-serif;
		text-align : center;
		border-top : 1px solid #aaa;
		border-bottom : 1px solid #aaa;
		background : #fff;
}

h6 { font-size : 100%; }

/*__________________________________new footer with menu______________________*/

.footer, .menubottom { background: #fff url(graphics/footerbkgrnd.jpg) repeat-x left top; }

.footerinner
{
		padding-top: 1em;
		margin : 0 auto;
		width : 53em;
		overflow : hidden;
}

/* Hide from ie Mac \*/
* html .footerinner
{
		overflow: visible;
		overflow-x:hidden;
		height: 0;
}

/* End hide */

/*\*//*/ 
.footerinner {display: inline-block;}
/**/

.column
{
		border-left: 1px solid #aaa;
		width : 13em;
		float: left;
}

.column1
{
		float: left;
		border : none;
		text-align : center;
		width: 13em;
}

.footerinner ul { list-style : none; }

.footerinner li
{
		text-align : left;
		margin-left : 3em;
}

.footerinner li a
{
		color : #038;
		text-decoration : none;
		border : none;
		font: 11px Verdana, Arial, Helvetica, sans-serif;
}

.footerinner li a:hover { color : #f00; }

.footer p, .menubottom p
{
		color : #930;
		text-align : center;
		font : bold 12px/40px Verdana, Arial, Helvetica, sans-serif;
}

/*_______________________misc multiple class qualifiers______________________*/

.highlight
{
		padding : 20px;
		margin : 25px 0;
		background : #f9f9f9;
		color : #930;
		border: 1px solid #B79268;
		-moz-border-radius : 10px;
		overflow : auto;
		-moz-box-shadow: 3px 3px 4px #999;
		-webkit-box-shadow: 3px 3px 4px #999;
		box-shadow: 3px 3px 4px #999;/* For IE 8 
   -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
    /* For IE 5.5 - 7 
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');*/
}

.highlight img
{
		border : 1px solid #aaa;
		padding : 0;
}

.backlink
{
		font-weight : bold;
		float : left;
		padding-bottom : 20px;
}

.petbacklink
{
		font-weight : bold;
		padding-right : 20px;
		line-height : 25px;
		float : right;
		background: url(graphics/pointingup.gif) no-repeat right center;
}


.grey { color : #777; }

.red { color : #f00!important; }

.green { color : #0f0!important; }

.blue { color : #00f!important; }

.orange { color : #D56A00!important; }

.noborder { border : none!important; }

.clear { clear : both; }

.strong { font-weight : bold; }

.block
{
		display : block;
		padding: 40px 0;
}

.right { text-align : right; }

/*_______________________misc lists/formats ____________________________________*/

/*br { clear : both; }*/

#address
{
		background : #fff;
		margin-top : 15px;
}

#address dd
{
		font : 13px Verdana, arial, sans-serif;
		color : #000;
}

#content dl, #content ul
{
		text-align : left;
		list-style : circle;
		margin-top : 10px;
		margin-bottom : 10px;
}

.arrow { list-style : url(../sitegraphics/rarr.gif) outside!important; }

.disc { list-style : disc outside!important; }

.none { list-style : none!important; }

#content dt
{
		/*line-height : 30px;*/
		font-weight : bold;
		margin : 15px 0;
}

#content dd, #content li
{
		text-align : left;
		margin : 0 0 5px 35px;
		display : list-item;
}

/*________________________________________old links____________________________________________________*/



/*.newwin
{
	color : #f00;
		padding-right : 15px;
		text-decoration : none;
		border : none;
		background : url(graphics/outofit.gif) no-repeat right top;
}

.newwinpdf
{
		color : #f00;
		text-decoration : none;
		border : none;
}

sup
{
		color : #aaa;
		padding-left : 15px;
		margin-left : 3px;
		background : url(graphics/outofit.gif) no-repeat left top;
}

.pdf
{
		color : #f00;
		padding-right : 40px;
		text-decoration : none;
		border : none;
		background : url(graphics/newpdf.gif) no-repeat right top;
}

.mailwin
{
		color : #f00;
		padding-left : 1.5em;
		text-decoration : none;
		border : none;
		background : transparent url(graphics/letter.gif) no-repeat left center;
}*/


/*_________________________end of links_______________________*/

.pagecounter
{
		line-height : 2em;
		background : #fff;
		margin-bottom : 1em;
		text-align : center;
}

.pagecounter ul
{
		width : 400px;
		margin : 0 auto;
}

.pagecounter ul, .pagecounter li
{
		list-style : none !important;
		display: inline !important;
		padding : 0 !important;
		margin : 0 5px !important;
		font-weight: bold;
}

.pagecounter a.active
{
		color : #999 !important;
		border-bottom : 2px solid #999;
}

/* ___________________________________________graphics___________________________________*/

.alert
{
		padding : 20px 50px 0 120px;
		background: #f5f5f5 url(../sitegraphics/exclamation_110px.gif) no-repeat left center;
		border : 1px solid #aaa;
		-moz-border-radius : 10px;
		margin-bottom : 25px;
}

.alert p
{
		font-weight : bold;
		font-size : 13px;
		text-align : left;
		color : #f00!important;
		margin-bottom : 20px;
}

.image.left
{
		float : left;
		margin : 10px 20px 10px 0px;
		border : 1px solid #aaa;
}

.image.right
{
		float : right;
		margin : 10px 0px 10px 10px;
		border : 1px solid #aaa;
}

.image.center
{
		text-align : center;
		border : 1px solid #aaa;
}

.image img { border : 1px solid #aaa; }

.image p, .graphic p
{
		font-size : 11px;
		font-style : oblique;
		color : #000;
		text-align : center;
}

.graphic { border : none; }

.graphic.left
{
		float : left;
		padding : 15px 15px 15px 0;
		border : 0;
}

.graphic.right
{
		float : right;
		padding : 15px 0 15px 15px;
		border : 0;
}

.graphic.center
{
		text-align : center;
		padding : 15px;
		border : 0;
}

.line
{
		height : 1px;
		margin : 8px 0px;
		border-top : 1px solid #aaa;
}

/*_________________________________animal pages____________*/

#splash
{
		float : right;
		width : 200px;
		height : 170px;
		background: transparent url(../sitegraphics/speechbubble.gif) no-repeat center center;
}

#splash p
{
		color : #00f;
		padding-top : 50px;
		text-align : center;
		font: bold 20px "Comic Sans MS", cursive;
}

.animaltable
{
		margin : 0 auto;
		border-collapse : collapse;
		text-align : center;
		font : normal 13px Verdana, Arial, Helvetica, sans-serif;
		text-decoration : none;
		display : table;
		border-left : 1px solid #92ae90;
		border-right : 1px solid #92ae90;
		border-bottom : 1px solid #92ae90;
		background : #fff;
}

.animaltable th
{
		height : 40px;
		padding-right : 75px;
		padding-left : 25px;
		color : #fff;
		background : #003399 url(../sitegraphics/paw.gif) no-repeat 96% center;
}

.animaltable td
{
		padding : 15px 25px;
		width : 50%;
}

.animaltable p { text-align : left; }

.animaltable h2 { color : yellow; }

.animaltable a
{
		text-decoration : none!important;
		border : none!important;
}

.animaltable img { border : 1px solid #aaa; }

div.picture { text-align : center; }

div.picture.left
{
		float : left;
		margin : 10px 20px 10px 0px;
}

div.picture.right
{
		float : right;
		margin : 10px 0px 20px 10px;
}

div.picture img
{
		border : 1px solid #333;
		margin : 0 auto;
		border-collapse : collapse;
}

.picture p
{
		font : oblique 12px Arial, Helvetica, sans-serif;
		color : #333;
		text-align : center;
}

.reserved
{
		background: url(../sitegraphics/reserved.gif) no-repeat 50% 50%;
		border-left : 1px solid #000;
		border-top : 1px solid #000;
}

.reservedtwin
{
		background: url(../sitegraphics/reserved.gif) no-repeat 50% 50%;
		border-left : 1px solid #000;
		border-top : 1px solid #000;
		height : 250px;
}

.reserved p, .reservedtwin p { color : #aaa!important; }

.reservedlist
{
		background: url(../sitegraphics/reservedlist.gif) no-repeat 50% 50%;
		color : #aaa!important;
		border : 1px dotted #f00;
		height : 40px;
}

.reservedlistsmall
{
		background: url(../sitegraphics/reservedlist_small.gif) no-repeat 50% 50%;
		color : #aaa!important;
		border : 1px dotted #f00;
		height : 40px;
}

.reservedlist p, .reservedlistsmall p { color : #aaa!important; }

.hpot { display : none; }

.shadow { }

.sublist {
		list-style : none!important;
		padding : 0!important;
		margin : 0!important;
}

.sublist dd {
		padding : 0px!important;
		margin : 0 0 0 20px!important;
		font-size: 12px;
}

/*____________________________________________________misc_______________________________________________________*/

#maptracker { visibility : hidden; }
 @media print {

#printlogo, #sitelink, #banner, #menubar, .footer, #eXTReMe
{
		display : none;
		height : 1px!important;
}

body
{
		background : #fff;
		font: 9pt Verdana, Geneva, sans-serif;
}

#wrapper { width : 90%!important }
}