@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;
}

/*__________________________________nav.css_________________*/

#fixedmenu {
		/*position : fixed;
		top : 0;
		left : 0;
		height : 130px;*/
		background: #E4EDF5 url(graphics/rural_bkgrnd.jpg) repeat-x right bottom;
		width : 100%;
}

/*_______________________RSPCA banner____________________________________*/

#banner {
		/*width : 100%;height : 105px;_height : 125px;*/
		overflow : hidden;
}

#bannerinner {
		width : 800px;
		margin : 0 auto; /*background: #E4EDF5 url(graphics/rabbitcatdog_footer.gif) no-repeat right center;*/
}

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

/* End hide */

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



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

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

/* _______________________________________div 1 left */

#rspcalogo { width : 8em; }

/* _______________________________________div 2 left */

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

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

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

/* _______________________________________div 3 elastic */

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

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

#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 0.5em;
		text-align : center;
		height : 10em;
}

#rspcalogo, #mainhead { float: left; }

#crueltyline { float: right; }

/*_________________________________________fixed menu*/

#menufixed {
		position : fixed;
		top : 0;
		float : left;
		width : 200px;
		height : 200px;
		background : #ccc;
}

/* _______________________________________menubar */
#menubar {
		height : 25px;
		background:  #039;
}

#menuinner {
		margin : 0 auto;
		width : 750px;
}

/*.firstitem { border-left : 1px solid #aaa; }*/


#nav, #nav ul { /* all lists */
		padding: 0;
		margin : 0 auto;
		list-style: none;
		line-height: 1;
}

#nav a {
		display: block;
		font : 13px/25px Verdana, arial, helvetica, serif;
		color : #fff;
		text-decoration : none;
		border : none;
		text-align : center;
}

#nav a:hover { color : #f00; }

#nav li { /* all list items */
		float: left;
		width: 187px; /* width needed or else Opera goes nuts */
		background: #039;/*border-right : 1px solid #aaa;*/
}

#nav li ul { /* second-level lists */
		position: absolute;
		width : 14em;
		border-bottom : 1px solid #aaa;
		left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li {
		border-top : 1px solid #aaa;
		border-left : 1px solid #aaa;
		border-right : 1px solid #aaa;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */ left: auto; }

/*__________________________________new footer with menu______________________*/

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

.footerinner {
		padding-top: 1em;
		margin : 0 auto;
		width : 750px;
		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 : 185px;
		height : 100px;
		float: left;
}

.column1 {
		float: left;
		border : none;
		text-align : center;
		width: 185px;
}

.footerinner ul { list-style : none; }

.footerinner li {
		text-align : left;
		margin : 0 0 0.3em 1em;
}

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

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

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

.title {
		color : #930;
		padding-bottom : 0.2em;
}

/*__________________________________end of nav.css_________________*/
/*for html5 in IE*/
abbr, article, aside, audio, bb, canvas, datagrid, datalist, details, dialog, eventsource, figure, figcaption, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video { display : block; }

/*_______________________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 : 200%; }

h2 { font-size : 150%; }

h3 { font-size : 130%; }

h4 { font-size : 100%; }

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%; }

/*_______________________boxes____________________________________*/


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

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

#wrapper {
		margin : 0px auto;
		padding : 25px;
		background : #fff;
		text-align : left;
		width : 90%;
		max-width: 700px;
 width : expression(document.body.clientWidth > 700? "700px": "auto" );
}

/*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;
}

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

#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;
}

.clear { clear : both; }

/*____________________________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: 13px;
}

/*_______________________misc multiple class declarations______________________*/

.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;
}

.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!important;
		text-align : left;
		color : #f00!important;
		margin-bottom : 20px;
}

.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; }

#noborder {
		border : 0!important;
		height : 35px;
		width : 300px;
		overflow : hidden;
		margin-left : 170px;
		outline : 0;
}

/*_______________________misc lists/formats ____________________________________*/

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

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

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

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

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

/* ___________________________________________graphics___________________________________*/

.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;
		margin : 15px 15px 15px 0;
		border : 0;
}

.graphic.right {
		float : right;
		margin : 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;
}

.facebook {
 height : 25px!important margin : 0 auto; overflow : hidden; }

.facebook a img { border : none; }

/*____________________________________________________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 }
}