/* Resets all browser default styles */
@import url(reset.css);
@font-face {
    font-family: 'rockwellregular';
    src: url('rockwell-webfont.eot');
    src: url('rockwell-webfont.eot?#iefix') format('embedded-opentype'),
         url('rockwell-webfont.woff') format('woff'),
         url('rockwell-webfont.ttf') format('truetype'),
         url('rockwell-webfont.svg#rockwellregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* General Styles
============================================================*/
body{
	background:#fff;
	color:#666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	min-width:980px;
}

h1{
	color:#222;
	font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
	font-size:24px;
	line-height:24px;
	margin:0 0 10px;
}

h2{
	color:#222;
	font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
	font-size:18px;
	line-height:24px;
}

h3{
	color:#222;
	font-size:16px;
	margin:0 0 10px;
}

h4{
	color:#222;
	font-size:12px;
}

sup{
	font-size:10px;
	height:0;
	line-height:1;
	vertical-align:top;
}

sub{font-size:.85em;}
em{font-style:italic;}
strong{font-weight:bold;}
img{vertical-align:bottom;}
p{margin:0 0 20px;}
ol, ul{margin:0 0 20px 30px;}
ol li{list-style:decimal;}
ul li{list-style:disc;}
ol ol, ul ul{margin:10px 0 10px 30px;}

a{
	color:#8B2943;
	text-decoration:none;
}

a:hover{
	text-decoration:none;
}


/* ==Reusable
======================================================================*/
.aligncenter{display:block; margin:0 auto;}
.alignleft{float:left;margin:5px 10px 0 0;}
.alignright{float:right;margin:5px 0 0 10px;}
.align-right{float:right;margin:5px 0 0 10px;z-index:1;position:absolute;}
.brdr-bttm{border-bottom:1px solid #e0e0e0; overflow:hidden;}
.brdr-lft{border-left:1px solid #e0e0e0; overflow:hidden;}
.brdr-rght{border-right:1px solid #e0e0e0; overflow:hidden;}
.brdr-tp{border-top:1px solid #e0e0e0; overflow:hidden;}
.aligncenter{display:block; margin:0 auto;}
.clear{clear:both;}
.hr{border-bottom:1px solid #e0e0e0; clear:both; margin:0 0 16px;}
.spacer{clear:both; height:25px;}
.txtrght{text-align:right;}
.more, .redlinkArrow {
	background:url(../images/icon-arrow-right.png) no-repeat right center;
	padding:0 8px 0 0;
}

.smlist ul{margin:0 0 20px;overflow:hidden;}

.smlist li{
	background:none !important;
	float:left;
	list-style:none;
	margin:0px;
	padding:0 !important;
	width:250px;
}

.smlist li:nth-child(odd){
	padding: 0 10px 0 0 !important;
}

.container{
	margin:0 auto;
	width:960px;
	position:relative;
}

.columns{
	margin:0 0 0 -5px;
	overflow:hidden;
	width:970px;
}

.columns .column{
	border:1px solid #ccc;
	float:left;
	margin:0 5px;
	/*width:230px;*/
width:311px;
	height: 425px;
	-moz-box-shadow:inset 5px -5px 10px #d4d4d4;
	-webkit-box-shadow:inset 5px -5px 10px #d4d4d4;
	box-shadow:inset -2px -2px 5px #d4d4d4;
}

.columns .column .content{line-height:16px;padding:10px 20px;}
.columns .column .content h4{margin:0 0 10px; font-weight:bold;}
.columns .column .content p{font-size:11px; margin:0 0 10px;}

p.breadcrumbs{
	background:url(../images/icon-paw-red.png) no-repeat left 4px;
	font-size:11px;
	margin:5px 0 5px 220px;
	padding:0 0 0 20px;
	width:550px;
}

#share{position:absolute;right:0;top:20px;line-height:16px;}
#share img{margin:0 0 0 15px;text-decoration:none;}
#share a.print{text-decoration:none;}
#share a.print img{margin:0 3px 0 0;}

.img-box{
	border:0px solid #ccc;
	-moz-box-shadow:inset 5px -5px 10px #d4d4d4;
	-webkit-box-shadow:inset 5px -5px 10px #d4d4d4;
	box-shadow:inset 5px -5px 10px #d4d4d4;
}

.img-box.home{height:370px;margin:-40px 0 20px;overflow:hidden;}
.img-box.home img{margin:0 0 0 20px;}
.img-box.home h1{
	color:#8B2943;
	font-family:Courgette, cursive;
	font-size:30px;
	line-height:30px;
	margin:80px 20px 10px 20px;
}
.img-box.home h2{
	color:#8B2943;
	font-family:Courgette, cursive;
	font-size:24px;
	margin:0 20px 10px 20px;
}
.img-box.home p.big{font-size:16px; margin:0 20px 30px 20px;}
.img-box.home p{margin:0 20px 20px 20px;}

.img-wrap{margin:0 0 20px;overflow:hidden;}
.img-wrap img{margin:0;}

.extract{
	font-size:11px;
	margin:0 20px 20px 0;
	overflow:hidden;
}

.extract p a{
	background:url(../images/icon-arrow-right.png) no-repeat right 5px;
	padding:0 8px 0 0;
}

.quote-wrap{
	border:1px solid #ccc;
	height:265px;
	margin:0 0 20px;
	overflow:hidden;
	-moz-box-shadow:inset 5px -5px 10px #d4d4d4;
	-webkit-box-shadow:inset 5px -5px 10px #d4d4d4;
	box-shadow:inset -5px -5px 10px #d4d4d4;
}

.quote-wrap img{float:left;margin:0;}
.quote-wrap div.alignright {
	color:#8B2943;
	float:right;
	font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
	font-size:18px;
	font-style:italic;
	line-height:24px;
	margin:0;
	padding:0 25px;
	text-align:center;
	width:308px;
}

.announcement{
	background:#FFF9FB;
	border:1px solid #8B2943;
	font-size:14px;
	font-weight:bold;
	margin:0 0 20px;
	padding:10px;
	text-align:center;
	text-transform:uppercase;
}

.announcement p{
	margin:0;
}

.announcement span {
	display: block;
	text-transform: none;
}

.gs-no-results-result .gs-snippet, .gs-error-result .gs-snippet {
	margin: 0 0 20px !important;
}

.gs-snippet p {
	margin: 0;
	padding: 5px;
	font-size: 14px;
}

.heading{
	background:#FFFFFF url(../images/bg-header2.png) repeat-x left bottom;
	color:#222;
	font-family:Courgette, cursive;
	font-size:22px;
	margin:0 0;
	padding:8px 10px 8px 20px;
}

.links{border:1px solid #ccc;padding:10px;}
.links ul{margin:0;}
.links ul li{background:none !important;list-style:none;padding:0 !important;}
.links ul li a{
	background:url(../images/bullet.png) no-repeat 7px 7px;
	display:block;
	line-height:16px;
	padding:0 0 10px 20px;
}

.links ul li a[href$=".pdf"]{background:url(../images/icon-pdf.png) no-repeat left 2px;}
.links ul li a[href$=".doc"],
.links ul li a[href$=".docx"]{background:url(../images/icon-doc.png) no-repeat left 2px;}
.links ul li a[href$=".xls"],
.links ul li a[href$=".xlsx"]{background:url(../images/icon-xls.png) no-repeat left 2px;}

div.articles h4{background:url(../images/bullet.png) no-repeat left 8px;margin:0;padding:0 0 0 10px;}
div.articles p{margin:0 0 20px;padding:0 0 0 10px;}
div.articles h4 .file, li .file {margin-left: 5px;margin-right:-5px;}

div.newsbox{
	overflow:hidden;
}

div.newsbox div{
	width:350px;
}

div.newsletter{overflow:hidden;}
div.newsletter div.content{float:left;width:540px;}
div.newsletter div.side{background:#FBF2C7;float:right;padding:10px;width:160px;}
div.newsletter div.item{
	background:#F2F1ED url(../images/icon-paw-big.png) no-repeat center bottom;
	margin:0 0 20px;
	padding:10px 20px;
}

div.newsletter div.side div.issue ul{padding:0;margin:0;}
div.newsletter div.side div.issue ul li{
	background:url(../images/bullet.png) no-repeat 0px 7px;
	display:block;
	font-size:11px;
	line-height:16px;
	margin:0 0 15px;
	padding:0 0 10px 10px;
}
div.newsletter div.side div.issue ul li a{
	background:url(../images/icon-arrow-right.png) no-repeat right center;
	padding:0 8px 0 0;
}

div.newsletter div.item h2{margin:5px 0 10px;line-height:1.3em;}
div.newsletter div.recent{border:1px solid #F3DE73; padding:10px 20px 0;}
div.newsletter div.recent ul li a{
	background:url(../images/icon-arrow-right.png) no-repeat right center;
	padding:0 8px 0 0;
}

div.browselist a{
	background:url(../images/icon-arrow-right.png) no-repeat right center;
	padding:0 8px 0 0;
}

#content div.main div.sitemap{overflow:hidden;}
#content div.main div.sitemap ul{float:left; font-size:14px; margin:0 15px 20px 0; width:175px;}
#content div.main div.sitemap ul li{background:none;list-style:none; margin:4px 0; padding:0;}
#content div.main div.sitemap ul ul li a{color:#222;}
#content div.main div.sitemap ul ul{float:none; font-size:11px; line-height:15px; margin:0; width:auto;}
#content div.main div.sitemap ul ul ul{margin:0}
#content div.main div.sitemap ul ul ul li{background:url(../images/bullet.png) no-repeat 7px 7px; padding:0 0 0 20px;}

.facebook{background:url(../images/icon-facebook.png) no-repeat left center;padding:2px 0 2px 20px;}
.twitter{background:url(../images/icon-twitter.png) no-repeat left center;padding:2px 0 2px 20px;}
.youtube{background:url(../images/icon-youtube.png) no-repeat left center;padding:2px 0 2px 20px;}
.feed{background:url(../images/icon-feed.png) no-repeat left center;padding:2px 0 2px 20px;}


/* ==Header
============================================================*/
#header{
	position:relative;
	z-index:2;
}

#header p.logo{
	left:0;
	position:absolute;
	top:10px;
	width:131px;
}

#cse-search-box{
	float:right;
	margin:20px 0;
}

#cse-search-box #searchbox{
	background:url(http://www.google.com/cse/intl/en/images/google_custom_search_watermark.gif) no-repeat 2px 3px;
	border:1px solid #8B2943;
	float:left;
	margin:0 10px;
	padding:2px;
}

#header div.menu{
	background:url(../images/bg-menu.png) repeat-x;
	border:1px solid #ccc;
	clear:both;
	float:right;
	height:35px;
	margin:0 0 20px;
	width:808px;
}

#header div.menu ul{
	margin:0;
}

#header div.menu ul li{
	display:inline;
	list-style:none;
	float:left;
	position:relative;
}

#header div.menu ul li a{
	background:url(../images/icon-paw.png) no-repeat 10px 10px;
	border-left:1px solid #CCCCCC;
	display:block;
	color:#222;
	float:left;
	/*font-family:TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;*/
	font-family:rockwellregular;
	font-size:16px;
	font-variant:small-caps;
	line-height:35px;
	text-indent:30px;
	text-decoration:none;
}

#header div.menu ul li a.nav1{width:145px;}
#header div.menu ul li a.nav2{width:180px;}
#header div.menu ul li a.nav3{width:189px;}
#header div.menu ul li a.nav4{width:172px;}
#header div.menu ul li a.nav5{width:118px;}

#header div.menu ul li:first-child a{
	border-left:none;
}

#header div.menu ul li ul{
	background:#fff;
	border:1px solid #ccc;
	left:1px;
	position:absolute;
	top:-9999px;
	width:180px;
	z-index:4;

	-moz-box-shadow:1px 1px 3px #646464;
	-webkit-box-shadow:1px 1px 3px #646464;
	box-shadow:1px 1px 3px #646464;
}

#header div.menu ul li:hover{background:url(../images/bg-menu.png) repeat-x left -35px;}
#header div.menu ul li:hover a{background:url(../images/icon-paw-white2.png) no-repeat 10px 10px;color:#fff;}

#header div.menu ul li.active{background:url(../images/bg-menu.png) repeat-x left -35px;}
#header div.menu ul li.active a{background:url(../images/icon-paw-white2.png) no-repeat 10px 10px;color:#fff;}

#header div.menu ul li:hover ul{top:35px;}
#header div.menu ul li ul li{display:block;float:none;}
#header div.menu ul li:hover ul li a{background:none;color:#222;}

#header div.menu ul li ul li a{
	background:#4e3524;
	border-left:none;
	border-top:1px solid #ccc;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-variant:normal;
	line-height:15px;
	padding:5px 10px;
	text-indent:0;
	width:160px;
}
#header div.menu ul li ul li:first-child a{border:none;}
#header div.menu ul li ul li a:hover,
#header div.menu ul li ul li a:focus{background:#4e3524; color:#fff;}

/* ==Main Content
============================================================*/
#content div.container{
	padding:10px 0 20px;
	z-index:1;
}

#content div.main{float:left;margin:30px 0 0 220px;width:520px;}
#content div.main.lower{margin:0;float:none;width:auto;}
#content div.main.wide{width:740px;}
#content div.main.full{margin:30px 0 0 0;width:100%;}

#content div.main ul{margin:0 0 20px 0;}
#content div.main ul ul{margin:10px 0 10px 0;}
#content div.main ul li{
	background:url(../images/bullet.png) no-repeat 7px 7px;
	list-style:none;
	padding:0 0 0 20px;
}


/* ==Left / Right Sidebars
============================================================*/
#content .sidebar.left{float:left;margin:30px 0 0 -740px;width:200px;}
#content .sidebar.wide{margin:30px 0 0 -960px;}
#content .sidebar.right{float:right;margin:5px 0 20px 30px;width:196px;}
#content .sidebar.right .links > img {margin:-10px -10px 0 -10px;}
#content .sidebar.right .links ul {margin-bottom:0;}

#content .sidebar .sidenav{border:1px solid #ccc; padding:0 0 10px;}
#content .sidebar .sidenav a{color:#222;display:block;line-height:16px;padding:4px 10px;}
#content .sidebar .sidenav ul ul a{padding:4px 10px 4px 20px;}
#content .sidebar .sidenav .current > a{background:#ddd; font-weight:bold;}

#content .sidebar .sidehead{margin:0 0 10px;}
#content .sidebar .sidehead a{
	background:#FFFFFF url(../images/bg-header.png) repeat-x left bottom;
	color:#222;
	font-family:Courgette, cursive;
	font-size:20px;
	padding:8px 10px;
	text-decoration:none;
}

#content .sidebar .sidenav ul {margin:0;}
#content .sidebar .sidenav ul li{list-style:none;}
#content .sidebar .sidenav ul li a{border-bottom:1px solid #fff;}
#content .sidebar .sidenav ul li a:hover,
#content .sidebar .sidenav ul li a:focus{
	background:#eee;
	text-decoration:none;
}

/* ==Footer
============================================================*/
#footer div.container{
	border-top:1px solid #ccc;
	padding:19px 0 20px 0;
}

#footer a{
	color:#666666;
}

#footer ul{
	color:#666666;
	font-size:11px;
	list-style:none;
	text-align:center;
}

#footer ul li{
	border-left:1px solid #b4b4b4;
	display:inline;
	margin:0 10px 0 0;
	padding:0 0 0 13px;
}

#footer ul li:first-child{
	border-left:none;
	padding:0;
}



ul#siteIndex {list-style-type: none;}
ul#siteIndex li {display:inline;
                 background: none !important;
                 padding:0 0 0 5px !important;}
                 
                 
                 
/* Landing Page */
/* no longer applicable 2/10/2015

.img-wrap {
	margin: 0 0 15px 0; padding: 0; width: 100%; display: block; float: left; clear: both;
}

.img-wrap h1 {
	font-size: 30px; line-height: 30px; text-align: center;
	margin: 0 0 10px 0; padding: 10px; width: 100%; display: block; float: left; clear: both;
}

.img-wrap img {
	margin: 0; padding: 0; width: 49%; display: block; float: left; clear: none; 
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
}

	.img-wrap img.left { float: left; }

	.img-wrap img.right { float: right; }
	

*/
	
/* Highlighted Sidebar */
/**/
#content div.main.wide.no-sidenav {
	margin: 30px 0 0 0; width: 960px;
}

#content  .sidebar.highlight {
	margin: 10px 32px 0 0; padding: 0 0 15px 20px; width: 33.3%; height: 500px; display: block;
}

#content  .sidebar.highlight .message {
	margin: 0; padding: 10px 15px; width: 100%; display: block; float: left; clear: both;
	background: #e3e3e3; border: 1px #ddd solid; border-radius: 6px; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.35);
}



#content .sidebar.highlight h2 {
	margin: 0 0 5px 0; padding: 0; display: block; float: left; clear: both;
}

#content  .sidebar .btn {
	color: #fff; font-size: 12px;
	margin: 5px 0; padding: 5px 15px; display: block; float: left; clear: both;
	background: #8B2943; border-radius: 3px; box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
}

#content .sidebar .btn a {color:#fff;}

#content  .sidebar .btn:hover { opacity: 0.75; }


/* Added by chip for Firefox support */
i{font-style:italic;}

b {font-weight:bold;}


.pet 
{ float:left;
  padding: 10px 10px 10px 10px;
  overflow:hidden;
  width:125px;
  height:110px;
    }
    
    .pet img 
    {
width:125px;
        
        }
        
      #placeholder{
  overflow-x:hidden;
  overflow-y:scroll;
  width:319px;height:500px;
  position:relative;
  }  
  iframe { 
overflow-x: hidden; 
overflow-y: scroll; 
} 




/*Added for Adopt-a-pet API */
.aapBox 
{
  width:200px;
  height:275px;
  float:left;
  margin: 0 15px 15px 0;
  text-align:center;
}



.aapBox .btn {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  background: #AD4360;
  padding: 10px 20px 10px 20px;
  border: solid #BC5873 2px;
  text-decoration: none;
}

.aapBox .btn:hover {
  background: #BC5873;
  text-decoration: none;
}


.aapBox img {}



*{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body, button{
  font-family: 'Helvetica Neue', arial, sans-serif;
}

.controls{
  padding: 2%;
  background: #333;
  color: #eee;
}

label{
  font-weight: 300;
  margin: 0 .4em 0 0;
}

button{
  display: inline-block;
  padding: .4em .8em;
  background: #666;
  border: 0;
  color: #ddd;
  font-size: 16px;
  font-weight: 300;
  border-radius: 4px;
  cursor: pointer;
}

button.active{
  background: #68b8c4;
}

button:focus{
  outline: 0 none;
}

button + label{
  margin-left: 1em;
}

.container{

  
}

.container:after{
  content: '';
  display: inline-block;
  width: 100%;
}

.container .mix,
.container .gap{
  display: inline-block;
  width: 49%;
}

.container .mix{
  text-align: left;
  margin-bottom: 2%;
  display: none;
}



.container .mix:after{
  content: attr(data-myorder);
  color: white;
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
  padding: 4% 6%;
  font-weight: 700;
}

.container .mix:before{
  content: '';
  display: inline-block;
  padding-top: 60%;
}

@media all and (min-width: 420px){
  .container .mix,
  .container .gap{
    width: 32%;
  }
}

@media all and (min-width: 640px){
  .container .mix,
  .container .gap{
    width: 23.5%;
  }
}