body {
  margin: 0;
  border:0;
  background-color: #FFFFFF;
}

body, td, .standardText {
  font-family: Tahoma, Geneva, sans-serif;
  color: BLACK;
}

.mceContentBody, .editorBody {
   background: #FFFFFF !important;
	 font-size: inherit;
   font-size:18px;
	 text-align:left;
	 padding:5px;
}

input, select {
  font-family: Tahoma, Geneva, sans-serif;
  font-size: smaller;
	margin: 2px;
	padding: 1px;
}

.pageCenterTitle {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 12px;
  display:block;
}

legend {
  font-size: 1.2em;
  font-weight: bold;
  padding:0 5px;
}

.navLinks {
  TEXT-ALIGN: center;
  padding-bottom: 20px;
  font-size: smaller;
}

.standout {
  color: BLACK !important;
}

a:link, .standout {
  color: BLACK;
}

a:visited {
  color: BLACK;
}

a:active {
  color: BLACK;
}

a:hover {
  color: #7FB2BD;
}


.secondary {
  color: BLACK;
  background-color: #FFFFFF;
}

.secondary .editableShow {
  border: 1px solid BLACK;
}

.strong {
  color: BLACK;
  background-color: #7FB2BD;
}

.menuText {
  font-size: 10px;
  color: BLACK;
}

.menuText a:link, .menuText a:visited {
  color: BLACK;
  text-decoration: none;
}

.menuText a:hover {
  color: #7FB2BD;
}

.menuL1, .menuL2, .menuL3 {
  cursor: default;
}

.contentSectionHeader {
  background-color: #FFFFFF;
  text-align: center;
  font-weight: Bold;
  font-style: Italic;
  color: BLACK;
	margin: 8px 0px 8px 0px;
	display:block;
}

.fieldMessageArea {
  white-space: no-wrap;
  margin-left: 3px;
  font-weight: bold;
}

.ddDivider {
  background-color: beige;
  letter-spacing: .5px;
  font-weight: bold;
}

.ddControl {
  color: darkred;
}

.ddCurrent {
  color: darkred;
  font-weight: bold;
}

.ddFaded {
}

/*  Table styles  */

table.portalTable {
	width: 450px;
  margin-top: 4px;
	margin-bottom: 4px;
	border: 1px solid BLACK;
	empty-cells: show;
  border-collapse: collapse;
}

.portalTable caption {
  font-size: 120%;
	font-weight: bold;
}

.portalTable thead td, .portalTable tfoot td {
	border-bottom: 1px inset BLACK;
  background-color: #FFFFFF;
  font-size: .72em;
  font-weight: bold;
  color: BLACK;
  padding: 4px;
  white-space: nowrap;
	vertical-align: middle;
}

.portalTable thead td a:hover {
  cursor: pointer;
}

.portalTable td {
  font-size: .72em;
  vertical-align: top;
	padding: 4px;
}

.portalTableSectionLeft {
  font-size: 115%;
  float: left;
  display: inline;
}

.portalTableSectionRight {
  background-color: #FFFFFF;
	color: BLACK;
  float: right;
  display: inline;
  padding: 3px;
}

.portalTableSectionRight div {
  border-left: 4px solid BLACK;
}

.portalTableName {
  text-align: right;
  vertical-align: top;
  border-bottom: 1px inset BLACK;
}

.portalTableValue {
  border-bottom: 1px inset BLACK;
  padding-left: 8px !important;
  text-align: left;
}

.portalTableValueRequired {
  border-left: 4px solid BLACK;
  border-bottom: 1px inset BLACK;
  text-align: left;
}

.portalTableValueStandout {
  border-bottom: 1px inset BLACK;
  padding-left: 8px !important;
  color: BLACK;
  background-color: #FFFFFF;
}

.portalTableValue .fieldError, .portalTableValueRequired .fieldError {
	color: BLACK;
	font-weight: bold;
}

.portalText, .portalTable textarea {
  color: BLACK;
  border: 1px solid BLACK;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 1.1em;
}

.portalTableValue>.portalText {
  font-size: 1em;
	padding: 1px;
}

.portalTable select, .portalSelect {
  color: BLACK;
  border: 1px solid BLACK;
	font-size: 1em;
}

.portalCheckbox {
  margin: 0px;
}

.portalButton, .portalSubmit, .submit {
  background-color: #FFFFFF;
  font-weight: bold;
  color: BLACK;
  border: 1px solid BLACK;
  margin: 10px 5px;
}

.portalButton:hover, .portalSubmit:hover, .submit:hover {
  background-color: #7FB2BD;
  color: BLACK;
  border: 1px solid #FFFFFF;
}

.portalActions {
  text-align: left;
  font-weight: bold;
  vertical-align: top;
}

.portalTable .sorttable_nosort {
  white-space: nowrap;
}

.atb {
  border-bottom: 1px inset #FFFFFF;
  line-height: 1.5em;
}

/*  End Table Styles  */

.addNewItem {
  white-space: nowrap;
}

.center {
  text-align: center;
}

.message {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 300px;
  padding: 10px;
  margin-bottom: 15px;
  background-color: #FFFFFF;
  border: black solid 1px;
  font-weight: bold;
  font-size: 13px;
  color: BLACK;
}

#pageMessagesBox {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 500px;
  padding: 10px;
  margin-bottom: 15px;
  background-color: #FFFFFF;
  border: black solid 1px;
  font-size: 13px;
  color: BLACK;
}

.pageMessageError {
  margin:3px;
  margin-bottom:7px;
  text-align:left;
}

a.clicktoerror {
  text-decoration:underline;
  cursor:pointer;
  font-weight:bold;
}

a.clicktoerror:hover {
  text-decoration:none;
}

.error, .required {
color: BLACK;
font-weight: bold;
font-size: .85em;
margin-left: 2px;
}

.note {
color: BLACK;
font-size: .85em;
}

.formButtons {
text-align:center;
}

.comments {
  font-size: .85em;
  background-color: #FFFFFF;
  color: BLACK;
  margin: 20px;
  padding: 8px;
  border: 1px solid BLACK;
}

.rainbowbridgeTop, .browsekittensTop, .browseTop {
  margin: 5px;
}

.littlespace {
  margin: 8px;
}

.animalDetailBlock {
  margin-top: 15px;
  margin-bottom: 15px;
}

.animalDetailTitle {
  font-weight: bold;
}

.smallFormField {
  margin: 1px;
  padding: 1px;
  font-size: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: black;
}

.flags {
  text-align: center;
}

.flags img {
  border: none;
  vertical-align: middle;
}

.translate {
  background-color: yellow;
  color: black;
  font-weight: bold;
  cursor: pointer;
}

.nowrap {
  white-space: nowrap;
}

.inline {
	display : inline;
}

.animalimg {
  text-decoration: none;
    border: 1px solid #D200D3;
}

.logoimg {
  border: none;
  margin: 5px;
}

.AnimalAd {
  border: none;
  text-align: center;
  font-size: x-small;
  margin:10px
}

.smaller, .boxedLinks {
  font-size: smaller;
}

.iGive {
  background-image: url(https://s3.amazonaws.com/imagesroot.rescuegroups.org/swingbags120.gif);
}

.noFormatting {
  margin: 10px;
}

.littleFont{
	font-size:0.65em;
}

.affiliate {
	text-align : center;
	font-size:0.65em;
	margin-left : auto;
	margin-right : auto;
	margin-top : 5px;
	width : 100%;
}

#affiliateVolunteerMatch {
	background-color:white;
	margin-left:auto;
	margin-right:auto;
	width:130px;
}

#affiliateUnitedWay {
	background-color:white;
	margin-left:auto;
	margin-right:auto;
	width:100px;
}

#affiliatePaypal {
  width: 73px;
  height: 44px;
  margin-right: auto;
  margin-left: auto;
  background: url(https://s3.amazonaws.com/imagesroot.rescuegroups.org/x-click-butcc-donate.gif);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

/*  Admin only styles  */

.adminMenu {
  width: 100%;
  background: #FFFFFF;
}

.adminOnly {
  font-weight: bold;
  color: BLACK;
}

.QAHidden {
	font-size: smaller;
	display: none;
}
.QAVisible {
	font-size: smaller;
	display: block;
}

.completedFormQuestion {
  font-weight: bold;
}

.completedFormAnswer {
}

/* Styles for the Tigra Menu */
/* Style for a block - DIV */
.m0table {
	background: #7FB2BD;
	border: 1px none #7FB2BD;
}
/* Style for outer tag, mout (mouse out) state */
.m0mouto {
	background: #FFFFFF;
}

.m0movero, .m0mdowno {
	background: #FFFFFF;
}

/* Style for inner tag, mover (mouse over) state */
.m0inner, .m0mouti, .m0moveri, .m0mdowni {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	padding: 3px;
}

.m0mouti {
  background-color: #FFFFFF;
  color: BLACK;
}

.m0moveri {
  background-color: #FFFFFF;
  color: BLACK;
}

.m0mdowni {
  background-color: #7FB2BD;
  color: BLACK;
}

#actionsButtonsBottom, #actionsButtonsTop {
  width: 525px;
	margin-left: auto;
	margin-right: auto;
}

.dataTableForm {
  display: inline;
}

#PageFooter {
  margin-top: 15px;
}

#PageHeader {
  margin-bottom: 15px;
}

.hiddenNotification {
  display: none;
}

.visibleNotification {
  font-size: .7em;
  background-color: #FFFFFF;
  color: BLACK;
  border: 1px solid BLACK;
  width: 250px;
  padding: 3px;
  white-space: nowrap;
  margin-left: auto;
  cursor: pointer;
	font-weight: bold;
	text-align: center;
  position: fixed;
  _position: absolute;
  top: 0px;
	_top:expression(eval(document.body.scrollTop));
  right: 0px;
}

html>body>.visibleNotification {
  position: fixed;
}

.copyright {
  text-align: center;
	margin: 15px;
	font-size:.65em;
}

.poweredby {
  text-align: center;
	margin: 15px;
}

.browsePicture{
float:left !important;
height:auto;
margin-right:15px;
overflow : hidden;
text-align:center !important;
width:260px;
}

.browseInfo{
text-align:left !important;
float : left !important;
width : 200px;
height:auto;
}

.browse{
text-align:left !important;
height:auto;
overflow : hidden;
width: 480px;
font-size: smaller;
margin-bottom : 15px;
margin-right : auto;
margin-left : auto;
}

.browseNoPicture {
border-bottom:2px solid black;
border-top:2px solid black;
float:left !important;
height:auto;
margin-right:15px;
overflow:hidden;
text-align:center !important;
width:260px;
}

.browseContainer {
text-align : center;
}

.npLinks {
  text-align: center;
	padding: 30px;
  /*clear: both;
  //margin: 20px;*/
}

.highlighted {
margin: 5px auto 15px auto;
text-align:left !important;
height:auto;
overflow : hidden;
width: 100%;
font-size: smaller;
}

.highlightedPicture {
float:left !important;
height:auto;
margin-right:15px;
text-align:center !important;
width:110px;
}

.highlightedInfo{
text-align:left !important;
float : left !important;
width : 380px;
height:auto;
}

.hightlightedReadMore {
font-size:smaller;
}

.lastUpdatedDT {
	text-align : center;
	font-size : 8pt;
}

.tinyMCEfontSize1 {
	font-size : 8pt;
}

.tinyMCEfontSize2 {
	font-size : 10pt;
}

.tinyMCEfontSize3 {
	font-size : 12pt
}

.tinyMCEfontSize4 {
	font-size : 14pt;
}

.tinyMCEfontSize5 {
	font-size : 18pt;
}

.tinyMCEfontSize6 {
	font-size : 24pt;
}

.tinyMCEfontSize7 {
	font-size : 36pt;
}

/*New Admin Menu Styles*/
/* Style for a block - DIV */
.m0table {
	background: #FFFFFF;
	border: 1px none #FFFFFF;
}
/* Style for outer tag, mout (mouse out) default state */
.m0default {
	background: #FFFFFF;
}
/* Style for outer tag, mover (mouse over) state */
.m0hover {
	background: #FFFFFF;
}
/* Style for outer tag, mdown (mouse down) state */
.m0clicked {
	background: #FFFFFF;;
}
/* Style for inner tag */
.m0inner {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	padding: 3px;
	color : BLACK;
}
.m0innerhover {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	padding: 3px;
	color : BLACK;
}
.m1table {
	background: #FFFFFF;
	border: 1px none #FFFFFF;
}
/* Style for outer tag, mout (mouse out) default state */
.m1default {
	background: #FFFFFF;
}
/* Style for outer tag, mover (mouse over) state */
.m1hover {
	background: #FFFFFF;
}
/* Style for outer tag, mdown (mouse down) state */
.m1clicked {
	background: #FFFFFF;;
}
/* Style for inner tag */
.m1inner {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	padding: 3px;
	color : BLACK;
}

.m2table {
	background: #FFFFFF;
	border: 1px none #FFFFFF;
}
/* Style for outer tag, mout (mouse out) default state */
.m2default {
	background: #FFFFFF;
}
/* Style for outer tag, mover (mouse over) state */
.m2hover {
	background: #FFFFFF;
}
/* Style for outer tag, mdown (mouse down) state */
.m2clicked {
	background: #FFFFFF;;
}
/* Style for inner tag */
.m2inner {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	padding: 3px;
	color : BLACK;
}

.helpPopupLink {
  text-decoration: none;
	font-weight: bold;
}

.helpPopupLink span {
	color: BLACK;;
}

.bd {
  letter-spacing: .4px;
  font-size: 130%;
  color:#336699;
  text-align:center;
}

.bd img {
 vertical-align:middle;
}

#closePopUp{
	text-align:right;
}

#closePopUp a, #closePopUp a:link, #closePopUp a:visited, #closePopUp a:hover{
	color:#333;
	text-decoration:none;
	font-weight:bold;
	font-size:1.2em;
	text-transform:uppercase;
}

.yui-skin-sam .mask {
  background-color:#000000 !important;
  opacity:0.75 !important;
}

.yui-panel-container, .shadow {

}

.mask{

background-color:#000000 !important;
  opacity:0.75 !important;
}

.yui-skin-sam .yui-panel .hd {
  background:#F7F7F7 url('') !important;
  background-image:none !important;
  background-color:#F7F7F7 !important;
}

.yui-skin-sam .yui-panel .ft {
  background:#F7F7F7 url('') !important;
  background-image:none !important;
  background-color:#F7F7F7 !important;
}

#dogTimeSAD {
display:block;
text-align:center;
}

#dogTimeSAD img {
border:0px;
}

#dogTimeSAC {
display:block;
text-align:center;
}

#dogTimeSAC img {
border:0px;
}

.sparky {
height:350px;
width:170px;
margin-left:auto;
margin-right:auto;
padding:3px;
text-align:center;
}

/* Sytles for new grid animal list */

.animalBrowsePanel {
font-size:12px;
width:auto;
text-align:center;
}

.animalBrowsePanel hr {
  border: solid #7FB2BD 0;
  border-top-width: 1px;
  height: 0;
  color: #7FB2BD;
  margin:3px 0;
}

.animalGrid {
	margin-left:auto;
	margin-right:auto;
	width:900px;
}

.animalGrid .searchResultsCell {
    width: 300px;
  height: 110px;
  font: 12px Arial;
  padding: 0 6px;
  vertical-align: top;
  text-align:left;
}

.animalGrid .border {
	 border-right: 1px inset #7FB2BD;
}

.animalGrid .searchResultsCell img {
  border: 1px solid #FFFFFF;
}

.animalGrid .petName {
	display:block;
	width:100%;
	text-align:center;
	padding:6px 0 ;
	margin:3px 0 7px;
	background-color:#7FB2BD;
	color:BLACK;
}

.animalGrid .petName a, .animalGrid .petName a:link, .animalGrid .petName a:hover,.animalGrid .petName a:visited {
	color:BLACK;
}

.animalGrid .petNameBottom {
	display:block;
	width:100%;
	text-align:center;
	padding:3px 0 ;
	margin:3px 0 2px;
}

.animalGrid .petName,.animalGrid .petNameBottom,.animalGrid  .petBreed {
  font-weight: bold;
}

.animalGrid .noBorder {
  border-right: 0;
}

.animalBrowsePanel .pageLinks {
  margin-top: 12px;
  margin-bottom: 2px;
  background-color: #FFFFFF;
  color:BLACK;
  text-align: center;
  padding: 4px;
}

.animalBrowsePanel .pageLinks a, .animalBrowsePanel .pageLinks a:visited, .animalBrowsePanel .pageLinks a:active {
  border: 1px solid #FFFFFF;
  padding:0 4px 1px;
  color: #FFFFFF;
  margin: 0 4px;
}

.animalBrowsePanel .pageLinks a:hover {
  border: 1px solid #7FB2BD;
}

.animalBrowsePanel .pageLinksActive {
  font-weight: bold;
  text-decoration: none;
  border: 1px solid #FFFFFF;
  padding:0 4px 1px;
}

.animalGrid .petPicLink {
  display: inline-block;
  text-align:center;
  float:left;
  margin:0 7px 3px;
  width:120px;
  height:120px;
}

* html .animalGrid .petPicLink {
  width:120px;
  height:120px;
}

.animalGrid .petPicLink a:hover {
  background-color: transparent;
}

.animalGrid .petDetails {
	text-align:left;
	display:inline-block;
	margin-top:1em;
	vertical-align:top;
	width:auto;
	float:left;
}

.animalGrid .petDetails span {
	display:inline-block;
	padding:2px;
}

.animalGrid .petDetails .petDescription {
	margin-top:10px;
}

#animalDetails.yui-panel .hd {
	display:none;
}
#animalDetails.yui-panel .ft {
	display:none;
}
#animalDetails.yui-panel .container-close {
	display:none;
}
#animalDetails.yui-panel .bd #closeAnimalDetails {
position:absolute;
bottom:5px;
right:7px;
font-size:12px;
letter-spacing:0px;
}

#animalDetails.yui-panel .bd #closeAnimalDetails a {
color:BLACK;
}

.musicPlayer {
	position:fixed;
	*position:absolute;
	*left:expression(document.body.scrollLeft+document.body.clientWidth-this.clientWidth-2);
  *top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight-2);
	bottom:2px;
	right:3px;
	padding:5px;
	background-color:#FFFFFF;
	border:1px solid BLACK;
	width:190px;
}

.musicPlayer .control {
	position:absolute;
	top:3px;
	right:3px;
	z-index:10;
	cursor: pointer;
}

#mceTemplatePreview table td {
border:2px dotted #CCC;
}

#mceTemplatePreview table tbody td {
height:150px;
}

.sidebarBox {
text-align:left;
margin:10px auto;
border:1px solid BLACK;
background-color:#FFFFFF;
padding:5px;
}

.sidebarBox .heading {
	font-weight:bold;
	background-color:#FFFFFF;
	color:BLACK;
	border:1px solid BLACK;
	font-size:1.15em;
	margin:1px;
	padding:3px;
	display:block;
}

.contentBoxBody {
text-align:left;
margin:10px auto;
border:1px solid BLACK;
padding:5px;
color:BLACK;
}

.contentBoxBody .heading {
	font-weight:bold;
	background-color:#FFFFFF;
	color:BLACK;
	border:1px solid BLACK;
	font-size:1.15em;
	margin:1px;
	padding:3px;
	display:block;
}

.contentBoxStrong {
text-align:left;
margin:10px auto;
border:1px solid BLACK;
padding:5px;
background-color:#7FB2BD;
	color:BLACK;
}

.contentBoxStrong .heading {
	font-weight:bold;
	background-color:#FFFFFF;
	color:BLACK;
	border:1px solid BLACK;
	font-size:1.15em;
	margin:1px;
	padding:3px;
		display:block;
}

.contentBoxStrong td {
	color:BLACK;
	background-color:#7FB2BD;
}

.contentBoxStrong a{
	 color:BLACK;
}
.contentBoxStrong a:link{
	 color:BLACK;
}
.contentBoxStrong a:visited{
	 color:BLACK;
}
.contentBoxStrong a:active{
	 color:BLACK;
}
.contentBoxStrong a:hover{
	 color:#FFFFFF;
}

.contentBoxSecondary {
	text-align:left;
	margin:10px auto;
	border:1px solid BLACK;
	padding:5px;
	background-color:#FFFFFF;
	color:BLACK;
}

.contentBoxSecondary td {
	color:BLACK;
	background-color:#FFFFFF;
}

.contentBoxSecondary .heading {
	font-weight:bold;
	background-color:#7FB2BD;
	color:BLACK;
	border:1px solid BLACK;
	font-size:1.15em;
	margin:1px;
	padding:3px;
		display:block;
}

.contentBoxSecondary a{
	 color:BLACK;
}
.contentBoxSecondary a:link{
	 color:BLACK;
}
.contentBoxSecondary a:visited{
	 color:BLACK;
}
.contentBoxSecondary a:active{
	 color:BLACK;
}
.contentBoxSecondary a:hover{
	 color:#7FB2BD;
}

.shopCategory {
text-align:center;
position:relative;
left:50%;
width:400px;
margin-left:-200px;
clear:left;
}

.shopPage {
text-align:center;
}

.siteSearchForm {
    border: 1px solid;
    font-size: 90%;
    margin: 5px 5px 10px;
    padding: 3px;
}

.siteSearchFormInline {
    border: 0px solid;
}

.hiddenElement {
  display:none;
}

#sponsorAnimalMainImage {
  float: left;
  margin: 0px 10px 0px 0px; 
  overflow: visible;
}

#sponsorAnimalSummary {
  text-align: left; 
  width: auto;
}

#animalSummary {
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: larger;
  letter-spacing: 1.2px;
}

.message {
  color: #FFFFED;
  font-weight: bold;
  font-size: 13px;
  text-align: center;
  width: 300px;
  padding: 10px;
  margin-bottom: 15px;
  background-color: #336699;
  border: 1px solid #BBDBE6;
  margin-left: auto;
  margin-right: auto;
}

.message a {
  color: #FFFFED;
}

.pageMessageError {
	text-align: left;
	color: #900;
	margin-bottom: 2px;
	margin-left: 5px;
}
 
.pageMessageWarning {
	text-align: left;
	margin-bottom: 2px;
	margin-left: 5px;
}
 
.pageMessageInformational {
	text-align: left;
	margin-bottom: 2px;
	margin-left: 5px;
}

/* Override some styles from style_common.inc */
input, select {
  font-size: inherit;
}

.navLinks {
  font-size: inherit;
}

.portalTable caption {
  font-size: 1.2em;
}

.portalTable thead td, .portalTable tfoot td {
  font-size: inherit;
}

.portalTable td {
  font-size: inherit;
}

.portalTableSectionLeft {
  font-size: 1.1em;
}

.portalText, .portalTable textarea {
  font-size: 1.1em;
}

.portalTableValue>.portalText {
  font-size: 1em;
}

.portalTable select, .portalSelect {
	font-size: 1em;
}

.message {
  font-size: inherit;
}

.comments {
  font-size: .85em;
}

.animalSummary {
  font-size: inherit;
}

.smaller, .boxedLinks {
  font-size: .85em;
}

.affiliate {
	font-size:1em;
}

.QAHidden {
	font-size: .85em;
}
.QAVisible {
	font-size:.85em;
}

.visibleNotification {
  font-size: .85em;
}

html>body>.visibleNotification {
  position: fixed;
}

.copyright {
  text-align: center;
	margin: 15px;
	font-size:.85em;
}

.browse, .highlightedInfo{
font-size:18px;
}

.highlighted {
font-size:18px;
}

.highlightedPicture {
margin-top: -15px;
}

.hightlightedReadMore {
font-size:18px;
}

.lastUpdatedDT {
	text-align : center;
	font-size:18px;
}

.bd {
  font-size:inherit;
}

#closePopUp a, #closePopUp a:link, #closePopUp a:visited, #closePopUp a:hover{
	font-size:18px;
}

.littlespace {
	font-size:1em;
}

.littleFont {
	font-size:1em;
}

#sideBarHits{
	text-align:center;
	margin-top:5px;
}

#sideBarHits img {
	vertical-align:middle;
}

.portalTable tbody td {
	background : #FFFFFF none repeat scroll 0 0;
}

body, td {
	font-size:18px;
	color:BLACK;
  line-height:1.4em;
}


.portalTableValueStandout {
	background-color:#FFFFFF !important;
	border-bottom:1px inset BLACK !important;
	color:BLACK !important;
	padding-left:8px !important;
}

.secondary {
  color:BLACK;
  background-color:#FFFFFF;
}

.secondary a{
	 color:BLACK;
}
.secondary a:link{
	 color:BLACK;
}
.secondary a:visited{
	 color:BLACK;
}
.secondary a:active{
	 color:BLACK;
}
.secondary a:hover{
	 color:#7FB2BD;
}

.contentSectionHeader {
	color:BLACK;
	background-color:#FFFFFF;
	text-align:left;
	font-size:1.25em;
	font-style:normal;
	border-bottom:2px solid #FFFFFF;
	padding-bottom:3px;
}
.contentSectionHeader a{
	 color:BLACK;
	 text-decoration:none;
}
.contentSectionHeader a:link{
	 color:BLACK;
}
.contentSectionHeader a:visited{
	 color:BLACK;
}
.contentSectionHeader a:active{
	 color:BLACK;
}
.contentSectionHeader a:hover{
	 color:#7FB2BD;
}

.portalTable thead td a, .portalTable tfoot td a{
	 color:BLACK;
}
.portalTable thead td a:link, .portalTable tfoot td a:link{
	 color:BLACK;
}
.portalTable thead td a:visited, .portalTable tfoot td a:visited{
	 color:BLACK;
}
.portalTable thead td a:active, .portalTable tfoot td a:active{
	 color:BLACK;
}
.portalTable thead td a:hover, .portalTable tfoot td a:hover{
	 color:#7FB2BD;
}

.portalTableValueStandout a{
	 color:BLACK;
}
.portalTableValueStandout a:link{
	 color:BLACK;
}
.portalTableValueStandout a:visited{
	 color:BLACK;
}
.portalTableValueStandout a:active{
	 color:BLACK;
}
.portalTableValueStandout a:hover{
	 color:#7FB2BD;
}

.message a{
	 color:BLACK;
}
.message a:link{
	 color:BLACK;
}
.message a:visited{
	 color:BLACK;
}
.message a:active{
	 color:BLACK;
}
.message a:hover{
	 color:#7FB2BD;
}

.comments a{
	 color:BLACK;
}
.comments a:link{
	 color:BLACK;
}
.comments a:visited{
	 color:BLACK;
}
.comments a:active{
	 color:BLACK;
}
.comments a:hover{
	 color:#7FB2BD;
}

.portalTableSectionRight a, .portalTableSectionRight a:link, .portalTableSectionRight a:visited {
	color:BLACK !important;
}

.portalTableSectionRight a:hover {
	color:#7FB2BD;
}

#storiesPageLinks {
	padding-right:20px;
}

#pageMessage {
margin-top:20px;
}

.lastUpdatedDT {
	display:inline;
	float:right;
	font-size:1em;
}

.sparky {
	z-index:0;
}

.portalTable thead td, .portalTable tbody td, .portalTable tfoot td, .portalTable td, {
	font-size:18px;
}

#sidebarSparky {
	text-align:center;
	width:auto;
}

.sparky {
	height:300px;
	margin-top:7px;
}

/*Start Layout Specific Styles*/
body{
	text-align : center;
}

#adminMenuContainer .adminMenu{
	text-align : left !important;
	border-bottom : 2px solid BLACK;
}

body {
	background-color : #333;
}

.siteWidth {
	width : 1050px;
}

#bodyContainer {
	margin:10px 0 5px 0;
	margin-left : auto;
	margin-right : auto;
	text-align : left;
	background-color : #FFFFFF;
	font-size:inherit;
}

#header {
	margin: 0 0 0 0;
	color: BLACK;
}

#headerContent {
  background-color : #7FB2BD;
  color:BLACK;
  padding:10px;
}

#headerContent a{
   color:BLACK;
}
#headerContent a:link{
   color:BLACK;
}
#headerContent a:visited{
   color:BLACK;
}
#headerContent a:active{
   color:BLACK;
}
#headerContent a:hover{
   color:#FFFFFF;
}

#headerContainer a{
   color:BLACK;
}
#headerContainer a:link{
   color:BLACK;
}
#headerContainer a:visited{
   color:BLACK;
}
#headerContainer a:active{
   color:BLACK;
}
#headerContainer a:hover{
   color:#FFFFFF;
}

#headerLogo{
  }

#headerTitle{
  padding-left:5px;
  text-align:left;
  font-size:2em;
  font-weight:bold;
  color:BLACK;
  letter-spacing:2px;
  white-space:nowrap;
}

#headerContact{
  padding-left:5px;
  text-align:left;
  color:BLACK;
  font-weight:bold;
  white-space:nowrap;
}

#headerContact span{
  display:block;
  white-space:nowrap;
}


#editableHeader {
	display:inline;
}

#orgName {
	font-size:28px;
	margin-top:10px;
}

#slogan {
	font-size:18px;
	margin-top:5px;
}

#headerCustomText .boxedLinks {
	display:none;
}

.sidebarBox {
text-align:left;
margin:10px auto 20px auto;
}

.sidebarBox .heading {
	font-weight:bold;
	background-color:#FFFFFF;
	color:BLACK;
	border:1px solid BLACK;
	font-size:1.15em;
	margin:1px;
	padding:3px;
}

.sidebarBox form {
	padding:3px 0 3px 20px;
}

.sidebarBox form .portalSubmit, .sidebarBox form .offCenter {
	margin-left:-20px;
}

.sidebarBox .menuL1 {
	padding:3px;
	margin:5px 0 5px 10px;
	font-weight:bold;
	background-color:#FFFFFF;
	color:BLACK;
	border:0px solid BLACK;
	font-size:1.05em;
}

.sidebarBox .menuL2, .sidebarBox .menuL3 {
padding:1px 0px 1px 20px;
}

#footerAffiliates {
	padding:3px;
	text-align:center;
}

#footerAffiliates div {
	display:inline;
	*display:inline;
	padding:3px;
}

#footer td a{
	 color:BLACK;
}
#footer td a:link{
	 color:BLACK;
}
#footer td a:visited{
	 color:BLACK;
}
#footer td{
	 color:BLACK;
}
#footer td a:hover{
	 color:#FFFFFF;
}

#footerContent {
	background : #7FB2BD;
	color: BLACK;
	min-height:200px;
}

#footerContent {
  padding:15px;
  color: BLACK;
}

#footerContent td {
  color: BLACK;
}

#footerMenu {
		padding:10px;
    text-align:center;
}

#footercopyright {
  text-align:center;
}

#copyright {
  width:600px;
  margin:auto;
}

.menuBottom, .menuBottomfirst {
	display:inline;
}

.menuBottom a, .menuBottomfirst a{
	 color:BLACK;
}
.menuBottom a:link, .menuBottomfirst a:link{
	 color:BLACK;
}
.menuBottom a:visited, .menuBottomfirst a:visited{
	 color:BLACK;
}
.menuBottom a:active, .menuBottomfirst a:active{
	 color:BLACK;
}
.menuBottom a:hover, .menuBottomfirst a:hover{
	 color:#7FB2BD;
}


#sidebarmiddle {
	text-align:left;
}

#hitCounter {
	text-align:center;
}

.pageCenterTitle {
	text-align:left;
	font-size:1.55em;
}

#headerMenu {
  background-color: #FFFFFF;
  border-top:1px solid BLACK;
  border-bottom:1px solid BLACK;
}

#headerMenu a {
	display:inline-block;
	*display:inline;
	padding:3px;
}

#headerAffiliates {
	padding:3px;
	text-align:right;
	vertical-align:middle;
}

#headerAffiliates div {
	float:right;
	*float:none;
	padding:0 3px;
	display:inline;
}

#headerAffiliates div .littlespace {
	float:right;
	padding:0 3px;
	margin:0;
}

#headerMenu {
	vertical-align:bottom;
}

table#content {
margin-top:20px;
margin-bottom:20px;
background-color:#FFFFFF;
}

#content tbody td {
	vertical-align:top;
}

#content tbody td#left, #content tbody td#right {
	padding: 10px 5px 5px;
	width:220px;
	*width:230px;
	text-align:center;
}

#content tbody td#center {
	padding: 0px 20px;
}

#subFooter, #subFooter a, #subFooter a:Link, #subFooter a:Hover, #subFooter a:Visited, #subFooter a:Active{
	color:#FFF;
}

/* Styles for the Tigra Menu */
/* Style for a block - DIV */
.menuLevel0 {
  background: #FFFFFF;
	border: 0px none BLACK;
	margin-left:auto;
	margin-right:auto;
}

/* Style for outer tag, mout (mouse out) state */
.menuLevel0OuterOut, .menuLevel0OuterOver, .menuLevel0OuterDown {
  /*border: 1px solid BLACK;*/
  text-align:center;
  padding: 0px;
}

/* Style for inner tag, mover (mouse over) state */
.menuLevel0InnerOut, .menuLevel0InnerOver, .menuLevel0InnerDown {
  font-family: Tahoma, Geneva, sans-serif;
  font-size:19.8px;
  /*white-space:nowrap;*/
  background-color: #FFFFFF;
  color: BLACK;
    padding: 0px;
  text-align:center;
}

.menuLevel0InnerOut {
}

.menuLevel0InnerOver {
  background-color: #7FB2BD;
  color: BLACK;
}

.menuLevel0InnerDown {
  background-color: #7FB2BD;
  color: BLACK;
}

.menuLevel1 {
  background: #FFFFFF;
  border: 0px none BLACK;
  margin-left:auto;
  margin-right:auto;
  padding: 0px;
}

.menuLevel1OuterOut, .menuLevel1OuterOver, .menuLevel1OuterDown {
  border: 0px solid BLACK;
  text-align:left;
  padding: 0px 0px 0px 0px;
  border-left: 3px solid #FFFFFF;
}

.menuLevel1InnerOut, .menuLevel1InnerOver, .menuLevel1InnerDown {
  font-family: Tahoma, Geneva, sans-serif;
  font-size:19.8px;
  white-space:nowrap;
  background-color: #FFFFFF;
  color: BLACK;
    padding: 0px;
  border-left: 0px solid #FFFFFF;
}

.menuLevel1InnerOut {
}

.menuLevel1InnerOver, .menuLevel1OuterOver {
  background-color: #7FB2BD;
  color: BLACK;
  padding:0px;
  border-left: 3px solid #7FB2BD;
}

.menuLevel1InnerDown, .menuLevel1OuterDown {
  background-color: #7FB2BD;
  color: BLACK;
  padding:0px;
  border-left: 3px solid #7FB2BD;
}


#CustomPage20789 #content {
	background-image:url(https://s3.amazonaws.com/imagesroot.rescuegroups.org/webpages/s4519nw9rzpzsrai.jpg);
}
#CustomPage20789.noFormatting {
  background-image:url(https://s3.amazonaws.com/imagesroot.rescuegroups.org/webpages/s4519nw9rzpzsrai.jpg);
}


/* ===============
SITEWIDTH
=============== */

.siteWidth { 
width: 100%;
}

/* ===============
HIGHLIGHTED ANIMALS
=============== */
.highlightedInfo {
width: 800px;
}

.highlightedPicture {
margin-top: -25px;
}

/* ===============
FEATURED PET
=============== */

.AnimalAd {
    font-size: 1em;.hero .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(67,83,255,.6);
    opacity: .8;
}
    text-align: center;
    line-height: 1.4em;
font-weight: bold;
}

/* ===============
GENERAL SITE SETTINGS AND FONTS
  =============== */


/* Change the background color */
.yui-skin-sam {
  background-color:  #FFFFFF;
}

/* this controls the animal browse page width */
.browse {
width: 1000px;
}

/* this controls the animal browse page text width */
.browseInfo {
width: 700px;
}
/* this controls the animal browse page photo */
.browsePicture {
margin-right: 0px;
}
/* this controls the animal browse pagination font size */
.animalBrowsePanel {
font-size: 1em;
}

/* ===============
ANIMAL BROWSE PAGE
=============== */


#Page86 .animalBrowsePanel {
width: 100%;
}

.npLinks {
    clear: both;
}

#centerContainer .animalimg {
   width: 250px;
    height: auto;
}


.browseInfo {
    width: 700px;
margin-left: 25px;
}




/* APPLIES THE GOOGLE FONT RIBEYE MARROW TO HEADINGS */



/* Applies formatting for Heading 2*/
 
h2 {
font-style: normal;
font-weight: 400;
text-decoration: none;
text-transform: none;
letter-spacing: 0.02em;
word-spacing: 0.02em;
line-height: 1.11;
}


.contentSectionHeader {
font-size: 28px;
color: #5fb1c7;
line-height: 1.2em;
margin-top: 20px;
border-bottom:none;
border-top: 1px solid #5fb1c7;
}

/* ===============
MENU
=============== */

#headerMenu {
vertical-align: center;
font-size: 14px;
}


* Styles for the Tigra Menu */
/* Style for a block - DIV */
/* MENU LEVEL 0 */
.menuLevel0 {
border: 0px;
margin-left:auto;
margin-right:auto;
font-size: 14px;
 text-align:left;
}

/* Style for outer tag, mout (mouse out) state */
.menuLevel0OuterOut, .menuLevel0OuterOver, .menuLevel0OuterDown {
  text-align:left;
font-size: 14px;

}

/* Style for inner tag, mover (mouse over) state */
.menuLevel0InnerOut, .menuLevel0InnerOver, .menuLevel0InnerDown {
text-align:center;
white-space:nowrap;
font-family: 'Lato', sans-serif;
padding: 0px;
}

.menuLevel0InnerOver, .menuLevel0OuterOver {

}

/* MENU LEVEL 1*/

.menuLevel1 {
margin-left:auto;
margin-right:auto;
padding: 5px;
border: 0px;


}

.menuLevel1OuterOut, .menuLevel1OuterOver, .menuLevel1OuterDown {
  border: 0px;
  text-align:left;
padding: 5px;
  border-left: 0px;


}

.menuLevel1InnerOut, .menuLevel1InnerOver, .menuLevel1InnerDown {
white-space:nowrap;
border-left: 0px;
padding: 5px;
font-family: 'Lato', sans-serif;


}

.menuLevel1InnerOver, .menuLevel1OuterOver {
  border-left: 0px;
padding: 5px;



}
.menuLevel1InnerDown, .menuLevel1OuterDown { 
border-left: 0px;
padding: 5px;

}



/*======== BOOTSTRAP======= */
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
h1.adoptor {padding: 30px 10px;color:#535bce;}
a.resources {
color: #5fb1c7;font-family: "Montserrat", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:800;font-size: 80px;text-decoration-line: none;text-align:center; padding-bottom: 20px;
}
a.resources:visited {
color: #5fb1c7;
}
p.resources {
color: #5fb1c7;
font-family: "Montserrat", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-weight:800; 
font-size: 2.5em;
text-decoration-line: none;
text-align:center;
}
p.subresources{
font-family: 'Amatic SC', cursive;
color: #525cce;
margin-top: 5px;
font-size: 60px;
padding-bottom: 15px;
}
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}

.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}

/* TEST */


.nav-pills>li{
    float:left}
.nav-pills>li>a{
    border-radius:4px
}.nav-pills>li+li{
    margin-left:2px
}


a.topnav:hover{
color:#FFFFFF;
background-color: #5fb1c7;
text-decoration-line:none; 
}

.topnav, #headerContent a{
background-color:#5fb1c7;
color:#FFFFFF;
text-decoration-line:none; 
}
.topnav, #headerContent a:link{
background-color:#5fb1c7;
text-decoration-line:none; 
color:#FFFFFF;
}
a.topnav:visited{
background-color:#5fb1c7;
text-decoration-line:none; 
color:#FFFFFF;
}
.topnav, #headerContent a:active{
background-color:#5fb1c7;
color:#FFFFFF;
text-decoration-line:none; 
}
.topnav #headerContent a:hover{
color:#FFFFFF;
background-color: #5fb1c7;
text-decoration-line:none; 
}
.topnav  a:hover{
color:#FFFFFF;
background-color: #5fb1c7;
text-decoration-line:none; 
}

.topnav, #headerContainer a{
background-color:#5fb1c7;
color:#FFFFFF;
text-decoration-line:none; 
}
.topnav, #headerContainer a:link{
background-color:#5fb1c7;
color:#FFFFFF;
text-decoration-line:none; 
}
.topnav, #headerContainer a:visited{
background-color:#5fb1c7;
color:#FFFFFF;
text-decoration-line:none; 
}
.topnav, #headerContainer a:active{
background-color:#5fb1c7;
color:#FFFFFF;
text-decoration-line:none; 
}
}
#headerContainer a:hover{
color:#FFFFFF;
background-color:#5fb1c7;
}
a:visited {
color:#5fb1c7;
}

.purplenav{
color: #fff; 
font-weight: 600; 
text-decoration-line:none; 
font-size:20px;
text-align: center;
padding:5px 10px;
background-color:#535bce;
border-radius:4px;
}
/******** **********/
@media (min-width: 992px){
.topnav a{
background-color:#fff; 
color:#5fb1c7; 
font-size:18px; 
font-weight:600; 
text-decoration-line:none; 
border-radius:4px;
padding:4px; margin-left: 4px;
text-align: right;
}
.aaheader h1 {
font-size:50px;
margin-top:10px;color:#fff;font-weight:600;text-align:left;
font-family: "Montserrat", Helvetica, Arial, "Lucida Grande", sans-serif; 
background-color:#5fb1c7;
margin-bottom:0px;
line-height: 1em;
}
.purplenav {font-size:22px;
}
.topnav a{
font-size: 19px;
padding: 5px;
line-height: 1.5;
text-decoration-line: none;
font-weight: 900;

border-radius:4px;
padding:4px; margin-left: 2px;
}
h1.adopt {
    font-size: 50px;
}
h1.adoptor {
font-size: 90px;
}
.purplenav{
color: #fff; 
font-weight: 600; 
text-decoration-line:none; 
line-height:1.2em;
font-size:22px;
}
.aaheader h1{
font-size:62px;margin-top:10px;color:#fff;font-weight:600;text-align:left;
font-family: "Montserrat", Helvetica, Arial, "Lucida Grande", sans-serif; 
background-color:#5fb1c7;
margin-bottom:0px;
line-height: 1em;
}
}
#headerContent a:visited{
   color:#fff;
}
.purplenav #headerContent a:visited{
   color:#fff;
background-color:#535bce;
}

#headerContent a:hover{
   background-color:#fff;
  color: #535bce;
}
#headerContent a {
	color:#fff;
background-color:#535bce
}

#headerContent .topnav a:hover{
   color:#fff;
background-color:#5fb1c7;
text-decoration-line:none; 
}
#headerContent .topnav a{
	background-color:#fff;
color:#5fb1c7;
text-decoration-line: none;
padding: 5px 10px;
border-radius:4px;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

// Usage as a mixin
.element {
  .center-block();
}
#centerContainer {

}
img {
  width: auto\9; 
  height: auto;
  max-width: 100%; /* Auto scale */
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

.sidebarBox {
	border: 2px solid #000000;
	background-color:#FFFFFF;
	padding: 6px 6px;
}
.spanAll {
margin: 0 auto;
padding: 0 auto;
background-color: #f9f9f9;
}
@media (min-width: 992px) {
.resources a{
color: #5fb1c7;
font-family: "Montserrat", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-weight:800; 
font-size: 42px;
text-decoration-line: none;
text-align:center;
}
a.adoptsearch {font-family: "Montserrat", Helvetica, Arial, sans-serif;
    padding: 10px 20px;
    line-height: 1;
    color: #fff;
    background-color: #5458d5;
    display: inline-block;
    border-radius: 10px;
    border: solid 1px #5458d5;
font-size: 36px;
font-weight:900;
}
p.resources{
color: #5fb1c7;
font-family: "Montserrat", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-weight:800; 
font-size: 60px;
text-decoration-line: none;
text-align:center;
margin-bottom: 15px;
margin-top:20px;
}
a.resources{ font-size: 43px;
}
p.subresources{
font-family: 'Amatic SC', cursive;
color: #525cce;
margin-top: 0px;
font-size: 28px;
padding-bottom: 15px;
}
}
.text-center {
  text-align: center;!important;
}
a:link, .standout {
color: #5fb1c7;
text-decoration-line: none;
}


#headerContent {
font-family: "Montserrat", Helvetica, Arial, "Lucida Grande", sans-serif; 
}
#content tbody td#center {
	padding: 0px 60px;
}
.heart{
    position: relative;
    width: 100px;
    height: 90px;
    float: left;
}
.heart:before,
.heart:after{
    position: absolute;
    content: "";
    left: 50px;
    top: 0;
    width: 50px;
    height: 80px;
    background: #fc2e5a;
    -moz-border-radius: 50px 50px 0 0;
    border-radius: 50px 50px 0 0;
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: 0 100%;
       -moz-transform-origin: 0 100%;
        -ms-transform-origin: 0 100%;
         -o-transform-origin: 0 100%;
            transform-origin: 0 100%;
}
.heart:after{
    left: 0;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: 100% 100%;
       -moz-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
         -o-transform-origin: 100% 100%;
            transform-origin :100% 100%;
}
.sidebarBox .heading {
	font-weight:bold;
	background-color: #5fb1c7;
	color: #ffffff;
	border: 1px solid #5fb1c7;
	font-size:2em;
	margin:2px;
	padding: 15px 5px;
	font-family: "Montserrat", Helvetica, Arial, sans-serif;
	
}

body, td, .standardText {
 font-family: "Montserrat", Helvetica, Arial, sans-serif; 

}
.jumbotron .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #5fb1c7;
    opacity: .8;
}
.jumbotron {
 padding: 30px 15px;
  margin-bottom: 30px;
  color: inherit;
background-color: #f9f9f9;

}
.jumbotron h1,
.jumbotron .h1 {
    color: #5fb1c7;
    font-family: "Montserrat", Helvetica, Arial, sans-serif; 
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: #d5d5d5;
}

.container .jumbotron,
.container-fluid .jumbotron {
  border-radius: 6px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 992px){
.topnav a{
font-size: 24px;
padding: 5px;
line-height: 1.5;
text-decoration-line: none;
font-weight: 900;
border-radius:4px;
padding:10px 4px; margin-left: 0px;
}
h1.adopt {
    font-size: 100px;
}
h1.adoptor {
font-size: 150px;
padding: 10px 10px;
}
.purplenav{
color: #fff; 
font-weight: 600; 
text-decoration-line:none; 
line-height:1.2em;
font-size:26px;
margin-top: 10px;
}
.aaheader h1{
font-size:62px;margin-top:10px;color:#fff;font-weight:600;text-align:left;
font-family: "Montserrat", Helvetica, Arial, "Lucida Grande", sans-serif; 
background-color:#5fb1c7;
margin-bottom:0px;
line-height: 1em;
}
  .jumbotron {
    padding: 48px 0;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}
#headerContent {
padding:0px;
}
.transbox {
  margin: 0px;
  background-color:#5fb1c7;
  opacity: 0.6;
  filter: alpha(opacity=60); /* For IE8 and earlier */
}

h1, h2, h3, h4, h5, h6, .pageCenterTitle, .contentSectionHeader {
    font-family: 'Amatic SC', cursive;
}
h1 {
line-height: 1em;
}


#bodyContainer {
	text-align : left;
margin-top: 0px;
}

h1.adopt {font-family: "Montserrat", Helvetica, Arial, sans-serif;
    padding: 20px 30px;
    line-height: 1;
    color: #fff;
    background-color: #5fb1c7;
    display: inline-block;
    border-radius: 22px;
    border: solid 1px #5fb1c7;
}

#adopt{
	text-align:center;
}


#footer td a:link{
color: #fff;
	 text-decoration-line:none;
	 padding: 5px;
	 font-size: 28px;
line-height: 2em; 
}
#footer td a:visited{
	 color: #ffffff;
	 text-decoration-line:none;

	 
}
#footer td a:hover{
	 	color:#5fb1c7;
	 border: #ffffff solid 3px;
	 background-color:#fff;
}
@media (min-width: 300px) and (max-width:768px){
h2 {
margin: 15px 0 0px 10px;
font-size: 60px;
}
#headerContent .topnav a{
	background-color:#fff;
color:#5fb1c7;
text-decoration-line: none;
padding: 5px;
border-radius:4px;
font-family: "Montserrat", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight:800;
}
p.resources {
color: #5fb1c7;
font-family: "Montserrat", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-weight:800; 
font-size: 2.5em;
text-decoration-line: none;
text-align:center;
}
h1.adoptor {padding: 10px 10px;color:#535bce;}
}
A:link { text-decoration: none !important; }
A:hover { text-decoration: none !important; }
A:active { text-decoration: none !important; }
A:visited { text-decoration: none !important; } 
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
a:link, .standout {
color: #5fb1c7;
text-decoration-line: none;
}
a.adopt {font-family: "Montserrat", Helvetica, Arial, sans-serif;
    padding: 20px 30px;
    line-height: 1;
    color: #fff;
    background-color: #5fb1c7;
    display: inline-block;
    border-radius: 15px;
    border: solid 1px #5fb1c7;
font-size: 48px;
font-weight:900;
}

@media screen and (min-width: 768px) and (max-width: 992px){
.browseInfo {
    width: 500px;
    margin-left: 0px;
}
h2 {
margin: 15px 0 0px 10px;
font-size:60px;
}
.browse {width: 800px;}
/* this controls the animal browse page text width */
.browseInfo {
width: 800px;
}
.browseInfo a:first-child {
	font-size: 60px;
	line-height:1em;
}

.browsePicture{
padding-bottom:15px;
}
a.adoptsearch {font-family: "Montserrat", Helvetica, Arial, sans-serif;
    padding: 10px 20px;
    line-height: 1;
    color: #fff;
    background-color: #5fb1c7;
    display: inline-block;
    border-radius: 10px;
    border: solid 1px #5fb1c7;
font-size: 36px;
font-weight:900;
}
}
.browseInfo a:first-child {
	font-size:36px;
	line-height:1em;
}
@media screen and (max-width: 768px){
h2 {
margin: 15px 0 0px 10px;
font-size: 60px;
}

.pageCenterTitle {
	color: #000;
	display: table;
	padding: 30px 0px;
	margin-bottom:15px;
        font-size:5em;
}
a.adoptsearch {font-family: "Montserrat", Helvetica, Arial, sans-serif;
    padding: 10px 20px;
    line-height: 1;
    color: #fff;
    background-color: #5fb1c7;
    display: inline-block;
    border-radius: 10px;
    border: solid 1px #5fb1c7;
font-size: 50px;
font-weight:900;
}
}

.pageCenterTitle {
	color: #000;
	display: table;
	padding: 30px 0px;
	margin-bottom:15px;
        font-size:3em;
}
.portalTable thead td, .portalTable tfoot td {
  padding: 8px;
 
}
h2 {
margin: 15px 0 0px 10px;
font-size: 60px;
}
.event {
padding-left:6px;
line-height:1.4em;
}
.aablue {
color:#5fb1c7;
}
.aabluebg {
background-color: #5fb1c7;
}
.aapurple {
color:#525cce;
}
.aapurplebg {
background-color:#525cce;
}
#footerContent {
	background : #5fb1c7;
}
h3 {
font-size: 2em;
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
  clear: both;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.blkcatborder {
	  border: solid #3eb3ca 8px;
margin-left: 30px;
margin-top: 30px;
}
@media (max-width: 768px) {
p.resources {
color: #5fb1c7;
font-family: "Montserrat", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-weight:800; 
font-size: 2.5em;
}
}

h1.mont { 
font-family: "Montserrat", Helvetica, Arial, sans-serif;
color: #525cce;
font-size: 2em; 
margin: .67em 0;
}
h2.mont { 
font-family: "Montserrat", Helvetica, Arial, sans-serif;
color: #525cce;
font-size: 1.5em; 
margin: .75em 0;
font-weight: 800;
}
h2.montblue { 
font-family: "Montserrat", Helvetica, Arial, sans-serif;
color: #5fb1c7;
font-size: 1.5em; 
margin: .75em 0;
font-weight: 800;
}
h3.montblue { 
font-family: "Montserrat", Helvetica, Arial, sans-serif;
color: #5fb1c7;
font-size: 1.17em; 
margin: .5em 0;
font-weight: 800;
}

/*
h1 { font-size: 2em; margin: .67em 0 }
h2 { font-size: 1.5em; margin: .75em 0 }
h3 { font-size: 1.17em; margin: .83em 0 }
h4 { margin: 1.12em 0 }
h5 { font-size: .83em; margin: 1.5em 0 }
h6{ font-size: .75em; margin: 1.67em 0 } */

ul.mont li {
padding-top: 1em;
}
h1.resources {
color: #5fb1c7;
font-family: "Montserrat", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-weight:800; 
font-size: 2.5em;
text-decoration-line: none;
text-align:center;
}
p.foster {
margin-top: 0px;
}