body {
	background-image: url("images/pageShadowBoth.gif");
	background-repeat: repeat-y;
	background-position: center;
	background-color:#E6E5E1;
}

form {
	display: inline-block;  
}
#ft, #bd {
	background-color:#EEEADE;
}

a.article-archor:active { 
	color: #F00;
	background-color: transparent;
}

a.article-archor:link, 
a.article-archor:visited {
	color: #3A1600;
	text-decoration: none; 
	background-color: transparent; 
}

a.article-archor:hover {
	color: #f11; 
	background-color: transparent;
	text-decoration: none;
}

a.normal-archor:active { 
	color: #F00;
	background-color: transparent;
}

a.normal-archor:link, 
a.normal-archor:visited {
	color: #44d;
	text-decoration: none; 
	background-color: transparent; 
}

a.normal-archor:hover {
	color: #f11; 
	background-color: transparent;
	text-decoration: none;
}


.pointer {
	cursor: pointer;
}


#doc2 {
	width: 875px;
}

#ft {
	padding-top: 50px;
	padding-bottom: 25px;
	text-align: center;
	color: #888;
}


#topLinks {

	background-color:#451C00;
	height: 44px;
	width: 100%;
	text-align: right;

}


#topLinkAdopt {
	margin-right: 28px;
	
}

#topLinkDonate {
	margin-right: 8px;	
}

#topLinkVolunteer {
	margin-right: 6px;
}

#topLinks img {
	padding-top: 5px; 
	border: none;
	cursor: pointer;
}



#mainLinks {
	background-color: #032b66;
	height: 33px;
	width: 100%;
	color: #ccc;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}


#mainLinks div {
	padding-top: 6px;
}

#mainLinks img {

	vertical-align: middle;
}

#mainLinks a {
	cursor: pointer;
    text-decoration: none;
}

#mainLinks a:hover {
	cursor: pointer;
    color: yellow;
    text-decoration: none;

}


#catHeader {
	text-align: right;
	background-color: #93d2ff;
	height: 181px;
}

#tclogo {
	float: left;
}

#tclogo img {
	vertical-align: top;
	margin-left: 30px;
	margin-top: 20px;
}

#cathead {
}

#cathead img {
	vertical-align: top;
}


#featuredCats {
	background-color:#EEEADE;
	background-repeat: repeat-x;
	border: 0px solid red;
	height: 194px;
	/* width: 875px; */
}

#featuredCats_pane {
	padding-top: 15px;
	padding-left:80px;
	/* padding-right:50px; */
	border: 0px solid green;
}
#featuredCats_pane span.f_title {
	float: left;
	width: 70%;
	*width: 62%;
	color: #3A1600;
	font-size: 24px;
	font-family: Arial;
}

#featuredCats_pane span.more_cats {
	text-align: right;
	padding-top: 8px;
	color: #3A1600;
	font-size: 14px;
	font-family: Arial;
	float: left;
}

.clear { clear: both; height: 1px; }

#featuredCats_pane span.more_cats a {
	color: #3A1600;
	text-decoration: none; 
	background-color: transparent; 
}


#featuredCats img {
	vertical-align: top;
	margin-right: 4px;
	margin-top: 1px;
}

#featuredCats_cats {

	background-color: transparent;
	border: 0px solid blue;
	text-align: justify;
	vertical-align: top;
	text-align: center;
	padding-left:80px;
	padding-right:50px;
	
}

#featuredCats_cats table {
	width: 745px;
}

#featuredCats_cats .catPreview { 
	border: 0px solid black;
	width: 120px;
	height: 120px;
	margin-right: 24px;
	text-align: center;
	vertical-align: top;
	display: -moz-inline-stack;
	display: inline-block;  
	*display: inline;
	
}

#featuredCats_cats .catPreviewPicture { 
	border: 0px solid red;
	width: 125px;
	height: 105px;
	padding: 0px;
	margin: 0px;
	text-align: center;
}
#featuredCats_cats .catPreviewText { 
	border: 0px solid blue;
	width: 100px;
	height: 20px;
	padding-top: 6px;
	font-size: 12px;
	font-family: Arial;
	text-align: center;
	
}


#lines div {

	background-color: #451C00;
	width: 100%;
	height: 3px;

}


#lines {

	margin-bottom: 0px;

}

#towncatsmain {
	padding-left: 0px;
	padding-right: 0px;
}

#towncatsmain p {
	color: #222;
	font-family: Arial;
	font-size: 14px;
	margin-bottom: 4px;
	margin-top: 4px;
}

.title {
	color: #27251A;
	font-family: Arial;
	font-size: 18px;
	padding-bottom: 8px;
	padding-top: 6px;
}

.article-wrapper {

	background-image:  url("images/paw-40g.png"); 
	background-repeat: no-repeat;
	padding-bottom: 40px;
	margin-bottom: 10px;
	/* opacity: 0.5; */
}

.article-back-link {
	text-align: right;
	float: right;
	margin-top: 15px;
	margin-right: 25px;
	font-family: Arial;
	font-size: 14px;
}



.article-title {
	color: #3A1600;
	font-family: Arial;
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 2px;
	padding-top: 20px;	
	margin-left: 15px;
}


.article-byline {
	color: #666;
	font-family: Arial;
	font-size: 11px;
	padding-bottom: 15px;
	padding-left: 2px;
	width: 80%;
	margin-left: 15px;
	margin-right: 15px;
}

.article-byline .byline-by {
	display: block;

}
.article-byline .byline-cdate {
	display: block;

}
.article-byline .byline-mdate {
	display: block;
}

.byline-event-when {
	display: block;
	color: #3A1600;
	font-family: Arial;
	font-size: 24px;
}
.byline-event-where {
	display: block;
	color: #3A1600;
	font-family: Arial;
	font-size: 24px;
}

.article-body {
	text-align: justify;
	margin-left: 15px;
	margin-right: 15px;
}

#events {

	float: right;
	width: 275px;
	margin: 0 0px 20px 20px;
	padding: 0 4px 0 0;
	border-width:  0px 2px 2px 2px;
	border-color: #451C00;
	border-style: solid;
	background-color: #ddd9cd;
}

#events .title {

	text-align: right;
}

#events dl { }

#events dt { 
	text-align: right;
	font-weight: bold;

}
#events dd { 
	margin-bottom: 8px;
	text-align: right;
}

#events  a:active { 
	color: #F00;
	background-color: transparent;
}

#events a:link, 
#events a:visited {
	color: #44d;
	text-decoration: none; 
	background-color: transparent; 
}

#events a:hover {
	color: #f11; 
	background-color: transparent;
	text-decoration: none;
}


#content {
}

#towncatsNavigationMenu {

	padding-left: 190px;
	background-image: url("images/topLinksBg.gif");
	background-repeat: no-repeat;
	display: none;


}


.admin-toplinks {

	display: inline;
	margin-right: 10px;
	padding-top: 10px;
	
	font-size: 24px;
	color: red;

}


li.li { display: list-item;
		list-style-type: disc;}
ul.ul { margin-left: 20px;
		margin-top: 2px;
		margin-bottom: 15px;}

#admin-menu {
	float: left;
	width: 150px;
	height: 275px;
	margin-left: 10px;
	margin-right: 20px;
	
}

#admin-menu-ul-div {
	height: 175px;
	overflow-y: scroll;
	overflow-x: hidden;
	border: 2px solid black;
	margin-top: 10px;
	margin-bottom: 10px;

}

#admin-nav {
	font-size: 18px;
	color: #000;
	margin-bottom: 10px;
	padding: 5px 5px;
	background-color: #999;
	text-align: center;
}

#admin-nav a:active { 
	color: #F00;
	background-color: transparent;
}

#admin-nav a:link, 
#admin-nav a:visited {
	color: #44d;
	text-decoration: none; 
	background-color: transparent; 
}

#admin-nav a:hover {
	color: #f11; 
	background-color: transparent;
	text-decoration: none;
}




#admin-usercard {
	font-size: 14px;
	color: #000;
	margin-bottom: 0px;
	padding: 5px 5px;
	background-color: yellow;
}

#admin-usercard span {
	display: inline-block;  
	width: 33%;
}

#admin-editmain {

}
		
#admin-menu h4 {

	margin-top: 0px;
	font-size: 18px;
	color: #082958;
	
}

#admin-editmain h4 {

	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 18px;
	color: #082958;
	
}


#admin-articlelist {

	height: 100px;
	overflow-y: scroll;
	border: 1px solid #666;
}

#admin-editwindow {
	margin-top: 20px;
}

.admin-editwindow-div {
	margin-top: 10px;
}

.admin-editwindow-span {
	display: inline-block;
}

.label {
	width: 100px;
	vertical-align: top;

}
.label2 {
	width: 25px;
	vertical-align: middle;
	margin-right: 15px;
}



#admin-newpage-input {
	font-size: 11px;
	border: 1px solid black;
	padding: 5px 5px 5px 5px;	
	background-color: #feffbb;
	display: block;
	margin-bottom: 5px;

}

.tcinput, #admin-profile-dieddate ,#admin-profile-bday, #admin-profile-trackid, #admin-profile-emailSubject, #admin-profile-email, #admin-profile-name, #admin-articleTitle, #admin-eventTitle, #admin-eventLocation {

	font-size: 14px;
	border: 1px solid black;
	width: 500px;
	padding: 5px 5px 5px 5px;	
	background-color: #feffbb;
	
}

.dateField {
	font-size: 14px;
	border: 1px solid black;
	width: 500px;
	padding: 5px 5px 5px 5px;	
	background-color: #feffbb;
	width: 90px;	
}


#admin-profile-photo-window-preview {
	padding: 15px 15px 15px 15px;

}

#admin-profile-photo-window-div {
	width: 95%;
}

#admin-profile-photo-window-div span {
	vertical-align: middle;
}

#admin-profile-images-span img {
	vertical-align: middle;
}

.mainPhotoSelected {
	background-color: red;
	
}
.adminProfilePhoto {
	margin-right: 10px;
	padding: 5px 5px 5px 5px;
	display: inline-block;
}



#admin-profile-name {
	width: 200px;
}

#admin-profile-emailSubject, #admin-profile-email {
	width: 300px;
}
#admin-profile-trackid {
	width: 50px;
}

#admin-profile-dieddate, #admin-profile-bday {
	width: 90px;
}

#admin-profile-special-span {
	vertical-align: middle;
	padding: 5px 5px 5px 5px;
	border: 1px solid black;
	margin-right:5px;
	
}

#admin-profile-bio, #admin-articleIntro, #admin-articleBody, #admin-eventBody {
	font-size: 14px;
	width: 750px;
	height: 300px;
	border: 1px solid black;
	padding: 5px 5px 5px 5px;	
	background-color: #feffbb;

}

#admin-profile-bio {
	height: 200px;
}

#admin-articleIntro {
	height: 200px;
}


#admin-eventSave {
	margin-left: 450px;
}

#admin-articleSave {
	margin-left: 385px;
	height: 20px;
}

#admin-upload div {
	width: 100%;
	height: 50px;
}

#admin-upload div span {
	display: inline-block;
	width: 400px;
}

#admin-upload div span:first-child {
	display: inline-block;
	width: 220px;
}



.button:hover {
	background-color: yellow;
}

.button {

	display: -moz-inline-stack;
	display: inline-block;  
	*display: inline;
	text-align: center;
	vertical-align: middle;
	/* width: 25px; */
	height: 15px;
	font-size: 12px;
	border: 1px solid black;
	padding: 5px 5px;
	background-color: #aaa;
	cursor: pointer;
	
}


.article-listitem {

	margin-bottom: 2px;
	padding: 2px 2px 2px 5px;
	cursor: pointer;

}
.article-listitem img {

	vertical-align: middle;
	padding-right: 5px;

}

.article-listitem:hover {

	background-color: yellow;
}


.article-listitem-odd { background-color: #ccc; }
.article-listitem-even { background-color: #eee;  }


#admin-articlesfor {}
#admin-articlesfor span { 
	display: inline-block; 
	text-align: right;
	text-align: left; 
	border: 0px solid red;
}
#admin-articlesfor span:first-child { width: 560px; text-align: left; }
.clear { clear: both; }

#admin-eventTime {
	display: block;
}

.admin-date {
	width: 100%;
}


.dl {
	display: block;
	margin-top: 8px;
}

.eventDT {
	font-size: 14px;
}
.eventDD {
	font-size: 12px;
	margin-left: 20px;
	margin-bottom: 4px;
}


#admin-menu.menu-calendar {

	margin-left: 0px;
	width: 175px;
}


#admin-menu.menu-profile {

	margin-left: 0px;
	width: 125px;
	height: 800px;
}


.towncats-paypal-subscription {
	width: 80%;
	height: 40px;
	display: -moz-inline-stack;
	display: inline-block;  
	*display: inline;
}

.towncats-paypal-subscription span.pp-fund {
	display: -moz-inline-stack;
	display: inline-block;  
	*display: inline;
	text-align: right;
	font-size: 14px;
	font-family: Arial;	
	width: 30%;
	vertical-align: middle;
}

.towncats-paypal-subscription span.pp-title {
	display: -moz-inline-stack;
	display: inline-block;  
	*display: inline;
	text-align: center;
	font-size: 14px;
	font-family: Arial;	
	width: 10%;
	vertical-align: middle;
}

.towncats-paypal-subscription span.pp-amount {
	display: -moz-inline-stack;
	display: inline-block;  
	*display: inline;
	width: 15%;
	vertical-align: middle;
	text-align: center;
	font-size: 16px;
}

.towncats-paypal-subscription span.pp-amount input {

	font-size: 16px;
	border: 1px solid black;
	padding: 5px 5px 5px 5px;	
	background-color: #feffbb;
	display: -moz-inline-stack;
	display: inline-block;  
	*display: inline;
	text-align: center;
	width: 60px;

}



.towncats-paypal-subscription span.pp-subscribe {
	display: inline-block;
	vertical-align: middle;
}

#towncatsNavigationMenu  .yuimenu {
    border: solid 1px #000;
    background-color: #032b66;
}

#towncatsNavigationMenu .yuimenu .bd {
   background-color: #032b66;
}


#towncatsNavigationMenu .yuimenubaritem {
	margin-left: 6px;
	margin-right: 6px;
}

#towncatsNavigationMenu .yuimenubaritem.first-of-type {
	margin-left: 0px;
}

#towncatsNavigationMenu .yuimenuitemlabel,
#towncatsNavigationMenu .yuimenubaritemlabel {
	color: #b9b9b9;
	font-size: 16px;
}

#towncatsNavigationMenu .yuimenuitemlabel-selected,
#towncatsNavigationMenu .yuimenubaritemlabel-selected {
	color: yellow;
	cursor: pointer;
	background-color: #000;
}


#towncatsNavigationMenu .yuimenubaritem-selected {
	background: none;
	cursor: pointer;	
}




    /* Clear calendar's float, using dialog inbuilt form element */
    #container .bd form {
        clear:left;
    }

    /* Have calendar squeeze upto bd bounding box */
    #container .bd {
        padding:0;
    }

    #container .hd {
        text-align:left;
    }

    /* Center buttons in the footer */
    #container .ft .button-group {
        text-align:center;
    }

    /* Prevent border-collapse:collapse from bleeding through in IE6, IE7 */
    #container_c.yui-overlay-hidden table {
        *display:none;
    }

    /* Remove calendar's border and set padding in ems instead of px, so we can specify an width in ems for the container */
    #cal {
        border:none;
        padding:1em;
    }

    /* Datefield look/feel */
    .datefield {
    	display: block;
        /* white-space:nowrap; */
        border:1px solid black;
        background-color:#eee;
        padding:5px;
    }

    .datefield input,
    .datefield button,
    .datefield label  {
        vertical-align:middle;
    }

    .datefield label  {
        font-weight:bold;
    }

    .datefield input  {
        width:15em;
    }

    .datefield button  {
        padding:0 5px 0 5px;
        margin-left:2px;
    }

    .datefield button img {
        padding:0;
        margin:0;
        vertical-align:middle;
    }

    /* Example box */
    .box {
        position:relative;
        height:30em;
    }

.fund-div  {
	display: block;
	padding: 5px 0px 5px 0;
}
.fund-div span {
	display: -moz-inline-stack;
	display: inline-block;  
	*display: inline;
}

.fund-delete  {
	width: 20px;
}

.fund-name {
	width: 300px;
}
.fund-number  {
	width: 300px;
}

.odd { background-color: #ccc; }
.even { background-color: #eee;  }
.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }




.catprofile {
	width: 100%;
	height: 275px;
	border: 0px solid red;
}

.catprofile-sponsor {
	text-align: center;
}
.catprofile-sponsor h3 {
	font-size: 16px;
	font-weight: bold;
	color: black;

}

.catprofile-sponsor-amount {
	font-size: 16px;
	border: 1px solid black;
	padding: 5px 5px 5px 5px;	
	background-color: #feffbb;
	width: 60px;
	
}

.catprofile-sponsor-link {
	font-style: italic;
	color: #630;
}


.catprofile-picture {
	float: left;
	width: 310px;
	margin-left: 10px;
	margin-top: 10px;
	text-align: center;
	vertical-align: middle;

}


.catprofile-picture img {
	vertical-align: middle;
}

.catprofile-name {
	margin-bottom: 5px;
	font-size: 36px;
	font-family: Arial;
	font-weight: bold;

}

.edit-profile-link { 
	vertical-align: top;
	font-size: 12px;
	font-family: Arial;
}
.edit-profile-link a { 
	text-decoration: none; 
}


.catprofile-vitals {
	color: #444;
}

.catprofile-thumbs {
	float: right;
	display: block;
	text-align: center;
	width: 60%;
	margin-bottom: 20px;
}

.catprofile-vitals span {
	width: 50px;
	margin-right: 5px;
	margin-left: 5px;
}
.catprofile-vitals span:first-child {
	margin-left: 0px;
}


.catprofile-infopane {
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	text-align: left;
	width: 60%;

}

.catprofile-bio {

	margin-top: 10px;
	font-size: 16px;
	font-family: Arial;
	height: 150px;
	overflow-y: auto;
	border: 1px solid #666;
	padding: 0px 10px 0px 10px;
	margin-bottom: 6px;
	text-align: justify;
	background-color: white;
	
}

.catprofile-photos {
	margin-right: 10px;
	height: 83px;
	display: -moz-inline-stack;	
	display: inline-block;
	*display: inline;
	
}


.cat-profile-card {
	width: 425px;
	height: 135px;
	border: 1px solid #999;
	padding: 5px 0 5px 5px;
	vertical-align: top;
	text-align: left;
	display: -moz-inline-stack;	
	display: inline-block;
	*display: block ;
	*float: left;
}

.cat-profile-card-img {
	width: 125px;
	height: 135px;
	vertical-align: top;
}


.cat-profile-card-vitals {
	margin-left: 5px;
	height: 100%;
	vertical-align: top;
}

.cat-profile-card-vitals span {
	display: block;
	text-align: left;
}

.cat-profile-card-name {
	font-size: 24px;
	font-family: Arial;
	font-weight: bold;
	overflow-x: hidden;
	width: 280px;
}

.cat-profile-card-name-memorial {
	font-size: 18px;
	text-align: center;
}

.cat-profile-card-specialneeds {
	color: red;
}

.cat-profile-card-name a {
	color: black;
	text-decoration: none; 
	background-color: transparent; 

}
.cat-profile-card-name a:hover {
	color: #f11; 
}

.cat-profile-available-soon {
	font-style: italic;
	color: blue;
	font-weight: bold;
}

.cat-profile-card-bioblurb {
	font-style: italic;
	color: #333;
}

.cat-profile-referral {
	font-style: italic;
	color: green;
	font-weight: bold;
}

.cat-profile-admin-status {
	color: black;
	font-weight: bold;
	background-color: yellow;
}

.catprofile-search {
	margin-bottom: 10px;
	text-align: center;
}

.catprofile-search .search_label {
	width: 50px;
	display: inline-block;
}
.catprofile-search div {
	text-align: left;	
	margin-top: 10px;
}

.search_checkboxes label {
	margin-right: 5px;
	width: 80px;
	display: inline-block;
}

.search_checkboxes label input {
	margin-right: 3px;
	vertical-align: middle;
}


/* tables */

table {
  display: table;
  border-spacing: 2px;
  border-collapse: separate;
  margin-top: 0;
  margin-bottom: 0;
  /* XXXldb do we want this if we're border-collapse:collapse ? */
  -moz-box-sizing: border-box;
  text-indent: 0;
}

table[align="left"] {
  float: left;
}

table[align="right"] {
  float: right;
  text-align: start;
}

table[rules]:not([rules="none"]) {
  border-collapse: collapse;
}
   
/* caption inherits from table not table-outer */  
caption {
  display: table-caption;
  text-align: center;
  -moz-box-sizing: border-box;
}

table[align="center"] > caption {
  margin-left: auto;
  margin-right: auto;
}

table[align="center"] > caption[align="left"] {
  margin-right: 0;
}

table[align="center"] > caption[align="right"] {
  margin-left: 0;
}

tr {
  display: table-row;
  vertical-align: inherit;
}

col {
  display: table-column;
}

colgroup {
  display: table-column-group;
}

tbody {
  display: table-row-group;
  vertical-align: middle;
}

thead {
  display: table-header-group;
  vertical-align: middle;
}

tfoot {
  display: table-footer-group;
  vertical-align: middle;
}

/* for XHTML tables without tbody */
table > tr {
  vertical-align: middle;
}

td { 
  display: table-cell;
  vertical-align: inherit;
  text-align: inherit; 
  padding: 1px;
}

th {
  display: table-cell;
  vertical-align: inherit;
  font-weight: bold;
  padding: 1px;
}

tr > form:-moz-is-html, tbody > form:-moz-is-html,
thead > form:-moz-is-html, tfoot > form:-moz-is-html,
table > form:-moz-is-html {
  /* Important: don't show these forms in HTML */
  display: none !important;
}