/* Universal */

* {
	padding: 0;
	margin: 0;
}

body {
	background: #fff;
	font: 0.9em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #363636;
}

.img-border {
	display: block;
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 10px 10px 2px 10px;
	font-family: Ariel, Helvetica, Tahoma, Geneva, sans-serif;
	font-size: 70%;
	line-height: 1.5em;
	color: #666;
}

div.caption {
	color: #282425;
	font-size: 90%;
}

div.caption-text {
	/*float: left;
	clear: right;*/
	text-align: left;
}

a img {
	border: 0px;
}

img {
	margin: 0;
}

a:hover img {
	border: 0px;
}

blockquote {
        margin: 14px 40px;
        font: 1.1em Georgia, "Times New Roman", Times, serif;
	font-weight: normal; 
}

div#indent {
        margin: 0 20px;
	color: #363636;
	font-size: 85%;
	line-height: 1.6;
	margin-bottom: .6em;
	font-weight: normal; 
}

h1, h2, h3, h4, h5 {
	font: 1em Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}

h1 {
	background-color: #FEF3DC;
	border-left: 15px solid #FF9900;
	margin-right: 21px;
	padding: 5px 0 5px 15px;
	color: #a0410d;
	font-size: 130%;
	margin-bottom: 1.2em;
	text-transform: capitalize;
}

h2 {
	color: #a0410d;
	font-size: 120%;
	margin-bottom: .8em;
}

h3 {
	color: #ff9900;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	font-size: 85%;
}

h4 {
	color: #a0410d;
	margin-bottom: .8em;
        font-size: 94%;
}

h4 a {
	color: #a0410d;
}

h4 a:visited {
	color: #a0410d;
}

h4 a:hover {
	color: #f90;
}

.orange {
	color: #f90;
}

.hr {
	color: #ccc;
	border-top-style: solid;
	border-top-width: thin;
	text-align: center;
	margin-bottom: 15px;
}

p, ul, ol, dl, th, td {
	color: #363636;
	font-size: 85%;
	line-height: 1.6;
	margin-bottom: .6em;
}

ul, ol, dl {
	margin: 0 1em .8em 1.2em;
}

a {
	color: #f90;
	text-decoration: none;
}

a:visited {
	color: #f90;
}

a:hover {
	color: #a0410d;
}

a:visited:hover {
	color: #a0410d;
}

/* GLOBAL WRAPPER */

div#global_wrapper {
	margin: 0;
	padding: 0;
}

/* CONTENT WRAPPER */

div#content_wrapper {
	width: 852px;
	margin: 16px auto 20px auto;
	text-align: left;
}

div#nav_util {
	padding-right: 6px;
	margin-bottom: 4px;

height: 25px;
overflow:hidden;
}

div#nav_util form {
	text-align: right;
}

div#nav_util a {
	color: #363636;
	font-size: 80%;
	line-height: 1;
	font-weight: normal;
	text-decoration: none;
}

div#nav_util a:hover {
	text-decoration: underline;
}

div#nav_util input {
	margin-left: 8px;
	font-size: 80%;
}

div#nav_util img {
	padding: 0 25px 0 8px;
	margin-bottom: -4px;
}

/* MAIN HEADER */

div#main_header {
	background: url(http://catadoption.pmhclients.com/images/site/mast_bg.gif) no-repeat;
	height: 150px;
	overflow: hidden;
	clear: both;
}

div#main_header div#seo {
	padding: 34px 34px 0 34px;
	float: left;
	display: inline;
	width: 400px;
}

div#main_header div#seo h1 {
	display: none;
}

div#main_header div#seo p {
	display: none;
}

/* DONATE */

div#main_header div#donate_button {
	margin: 38px 30px 0 0px;
	width: 240px;
	float: right;
	display: inline;
}

div#d_button {
	float: left;
	width: 150px;
}

div#social_buttons {
	float: left;
	padding: 20px 0 0 0;
	width: 150px;
}

span.social_button {
	padding-left: 2px;
}

div#kitten {
	float: right;
	display: inline;
	width: 93px;
	height: 81px;
	margin-top: -65px;
}

/* NAV ROW */

/* Main and Drop Down Navigation */

div#nav_row {
	float: left;
	display: inline;
	background: url(http://catadoption.pmhclients.com/images/site/nav_bg.gif) repeat-y;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
        text-transform: lowercase;
	width: 100%;
	clear: both;
        height: 29px; /* fixes safari and opera to show bottom border of nav background */
}

div#nav_row_left {
	float: left;
	display: inline;
	margin-left: 34px;
        width: 178px; /*178px + 34px = 212px left sidebar */
}

div#nav_row_right {
	float: right;
	display: inline;
	margin-right: 26px;
        width: 613px;
}

div#nav_row_left ul, ul#main_navigation {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 85%;
}

div#nav_row_left li, ul#main_navigation li {
        padding: 4px 0 5px 0; 
        /* adding top and bottom padding to the li so background-image is fully displayed and so drop downs don't disappear on mouseover 
        if top and bottom padding is added to the link it causes problems in ie */
}

div#nav_row_left li.donut, ul#main_navigation li.donut {
	background-image: url(http://catadoption.pmhclients.com/images/site/nav_donut2.gif);
	background-repeat: no-repeat;
	background-position: 0px 50%;
        width: 7px;
}

div#nav_row_left li {
	float: left;
	display: inline;
}

ul#main_navigation li {
	float: right;
	display: inline;
}

div#nav_row_left a, ul#main_navigation a {
	display: block;
        padding: 0 10px;
        white-space: nowrap;
}

div#nav_row_left a:link, ul#main_navigation a:link,
div#nav_row_left a:visited, ul#main_navigation a:visited {
	color: #ffffff;
}

div#nav_row_left a:hover, ul#main_navigation a:hover, 
div#nav_row_left a:visited:hover, ul#main_navigation a:visited:hover {
	color: #ffc100;
}

/* Drop Down Menus */

ul#main_navigation li ul {
	list-style: none;
	margin: 0;
        margin-top: 5px;
        /* aligns the drop down to the white border at nav bottom */
	padding: 3px 0;
	position: absolute;
	left: -9999px;
	z-index: 10;
        font-size: 100%;
	text-transform: lowercase;
}

ul#main_navigation li.drop_down ul {
	left: auto;
	background-color: #fcc75c;
}

ul#main_navigation li.drop_down ul#about-us {
        width: 160px;
}

ul#main_navigation li.drop_down ul#adopt {
        width: 160px;
}

ul#main_navigation li.drop_down ul#donate {
        width: 140px;
}

ul#main_navigation li.drop_down ul#programs-resources {
        width: 160px;
}

ul#main_navigation li.drop_down ul#news-events {
        width: 140px;
}

ul#main_navigation li li {
        display: block;
        float: none;
        white-space: normal;
	background-image: none;
	background-color: transparent;
        padding: 0;
        line-height: 1.2;
        height: 1%; /*fix for ie hasLayout issues*/
}

ul#main_navigation li li a {
	display: block;
	color: #faecc6;
	text-align: left;
	font-weight: normal;
	line-height: 1.2;
	text-transform: lowercase;
        padding: 3px 10px 3px 10px;
        height: 1%; /*fix for ie hasLayout issues*/
}

ul#main_navigation li li a:link, ul#main_navigation li li a:visited {
	color: #5b3c33;
}

ul#main_navigation li li a:hover, ul#main_navigation li li a:visited:hover {
	color: #a0410d;
}

/* TOP CONTENT */

div#top_content {
	background: url(http://catadoption.pmhclients.com/images/site/landing_top_bg.gif) repeat-y;
	overflow: hidden;
	height: 176px;
	clear: both;
}

/* TOP LEFT CONTENT */

div#top_left_content {
	float: left;
	display: inline;
	width: 164px;
	padding: 6px 15px 6px 34px;
}

/* TOP RIGHT CONTENT */

/*  Secondary Navigation  */
/*
div#secondary_navigation {
	float: left;
	display: inline;
	width: 130px;
}
*/
div#secondary_navigation {
	float: left;
	display: inline;
	width: 130px;
	height: 177px;
	background-color: #ff9900;

height: 176px;
}

div#secondary_navigation ul {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	float: left;
	display: inline;
}

div#secondary_navigation ul li {
	list-style-type: none;
	height: 1%;
	/*fix 

for ie 6 */
	width: 130px;
	float: left;
	display: block;
}

div#secondary_navigation ul li a {
	padding: 5px 10px 5px 15px;
	font-weight: bold;
	font-size: 105%;
	line-height: 1.4;
	display: block;
	text-transform: lowercase;
}

div#secondary_navigation ul li a:link {
	color: white;
}

div#secondary_navigation ul li a:visited {
	color: white;
}

div#secondary_navigation ul li a:hover {
	color: #5B3D33;
}

/*  Banners  */
div#banner_wrapper {

}
div#banner {
	float: right;
	display: inline;
	margin-right: 20px;
	position: relative;
}

#banner .banner_text {
	padding: 0 20px 0 10px;
	position: absolute;
	bottom: 0;
	left: 0;
}

#banner #donate_banner .banner_text {
	padding: 0 150px 0 10px;
}

#banner .banner_text h1 {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	background-color: transparent;
	border: 0 none;
	margin: 0;
	margin-bottom: .5em;
	padding: 0;
	color: white;
	text-transform: none;
}

#banner #donate_banner .banner_text h1 {
	color: #f90;
}

#banner .banner_text p {
	color: white;
	font-size: 95%;
	font-weight: bold;
	line-height: 1.1;
}

#banner #donate_banner .banner_text p {
	color: black;
}

div#banner div#home_banner {
	height: 177px;
	width: 489px;
	background: url(http://catadoption.pmhclients.com/images/site/home_banner.jpg) no-repeat left bottom;
	margin: 0;
	position: absolute;
	left: -9999px;
}

body#b_home div#banner div#home_banner {
	position: relative;
	left: 0;
}

div#banner div#donate_banner {
	height: 177px;
	width: 489px;
	background: url(http://catadoption.pmhclients.com/images/site/donate_banner.jpg) no-repeat left bottom;
	margin: 0;

	position: absolute;
	left: -9999px;
}

body#b_donate div#banner div#donate_banner {
	position: relative;
	left: 0;
}

div#banner div#adopt_banner {
	height: 177px;
	width: 489px;
	background: url(http://catadoption.pmhclients.com/images/site/adopt_banner.jpg) no-repeat left bottom;
	margin: 0;
	position: absolute;
	left: -9999px;
}

body#b_adopt div#banner div#adopt_banner {
	position: relative;
	left: 0;
}

div#banner div#volunteer_banner {
	height: 177px;
	width: 489px;
	background: url(http://catadoption.pmhclients.com/images/site/volunteer_banner.jpg) no-repeat left bottom;
	margin: 0;
	position: absolute;
	left: -9999px;
}

body#b_volunteer div#banner div#volunteer_banner {
	position: relative;
	left: 0;
}

div#banner div#foster_banner {
	height: 177px;
	width: 489px;
	background: url(http://catadoption.pmhclients.com/images/site/foster_banner.jpg) no-repeat left bottom;
	margin: 0;
	position: absolute;
	left: -9999px;
}

body#b_foster div#banner div#foster_banner {
	position: relative;
	left: 0;
}

div#banner div#spay-neuter_banner {
	height: 177px;
	width: 489px;
	background: url(http://catadoption.pmhclients.com/images/site/spay_banner.jpg) no-repeat left bottom;
	margin: 0;
	position: absolute;
	left: -9999px;
}

body#b_spay-neuter div#banner div#spay-neuter_banner {
	position: relative;
	left: 0;
}

/* BOTTOM CONTENT */

div#bottom_content {
	background: url(http://catadoption.pmhclients.com/images/site/landing_bottom_bg.gif) repeat-y;
	clear: both;
}

/* BOTTOM LEFT CONTENT */

div#bottom_left_content {
	float: left;
	display: inline;
	width: 164px;
	padding: 15px 15px 0 13px;
	margin-left: 21px;
	border-top: 1px solid #fff;
}

div#bottom_left_content p {
	font-size: 80%;
	line-height: 1.2;
}

div#bottom_left_content h2 a {
	color: #a0410d;
}

div#bottom_left_content h2 a:visited {
	color: #a0410d;
}

div#bottom_left_content h2 a:hover {
	color: #ff9900;
}

div#bottom_left_content h2 a:visited:hover {
	color: #ff9900;
}

/* BOTTOM RIGHT CONTENT */

div#bottom_right_content {
	float: right;
	display: inline;
	padding: 0px;
	padding: 15px 15px 0 0;
	margin-right: 21px;
	width: 588px;
	/*plus 

15px gap left*/
        border-top: 1px solid #fff;
}

div#bottom_right_content a {
        font-weight: bold;
}

div#bottom_right_content_col1 {
	float: left;
	display: inline;
	padding-right: 15px;
	width: 191px;
}

div#bottom_right_content_col1 .story_intro {
	clear: left;
	overflow: hidden;
	padding-bottom: 10px;
}

div#bottom_right_content_col1 .story_intro img {
	float: left;
	display: inline;
	padding: 0px 10px 5px 0;
}

div#bottom_right_content_col2 {
	float: right;
	display: inline;
	padding-right: 15px;
	width: 352px;
/* plus 15px gap left*/
}





/* TOP CONTENT */

div#top_content_inside {
	background: url(http://catadoption.pmhclients.com/images/site/inside_middle_bg.gif) repeat-y;
	height: 176px;
	overflow: hidden;
}

/* INSIDE CONTENT */

div#inside_content {
	background: url(http://catadoption.pmhclients.com/images/site/landing_bottom_bg.gif) repeat-y;
	float: none;
	clear: both;
}

/* INSIDE LEFT COL */

div#inside_left_col {
	float: left;
	display: inline;
	width: 213px;
/*allow

s for 1px white between the left sidebar and banner nav and image */
}

/* INSIDE LEFT COL TOP - SUB NAV */

div#inside_left_col_top {
	background-color: #F3F1F0;
	margin-left: 23px;
	padding: 0 10px;
	width: 169px;
/* total width is 212px: 169px width

+ 20px pad +23px margin*/
}

div#inside_left_col_top #nav_sub_empty_margin {


/* this div is apparently inserted when the calendar module is used */
        display: none;
}

div#inside_left_col_top #nav_categories {
	margin: 0;
	padding: 10px 0;
	list-style: none;
	font-size: 85%;
	line-height: 1.2;
}

div#inside_left_col_top #nav_categories ul {
	font-size: 100%;
	margin: 0;
	margin-top: -.3em;
	padding: 0 0 0  25px;
	list-style: disc;
	color: #ff9900;
}

div#inside_left_col_top #nav_categories il {
	padding: 0;
}

div#inside_left_col_top #nav_categories li a {
	color: #363636;
	text-decoration: none;
	display: block;
	padding: .3em 0;
	text-transform: capitalize;
	width: 169px;
/* added width to fix problem

s in IE6*/
}

div#inside_left_col_top #nav_categories li li a {
	padding: .1em 0;
	width: 144px;
/* added width 

to fix problems in IE6*/
        /* width reduce

d to 144px due to pad on ul of 25px - 144px + 25px = 169px */
}

div#inside_left_col_top #nav_categories li a:visited {
	color: #363636;
}

div#inside_left_col_top #nav_categories li a:hover, div#inside_left_col_top #nav_categories li a#selected {
	color: #ff9900;
}

div#inside_left_col_top #nav_categories li a:visited:hover {
	color: #ff9900;
}

/* INSIDE LEFT COL MIDDLE - CAT BIO */

div#inside_left_col_middle {
	background-color: #FEF3DC;
	padding: 10px 15px 10px 12px;
	margin-left: 23px;
	border-top: 3px solid #FFF;
	border-bottom: 3px solid #FFF;
	float: left;
	display: inline;
	width: 162px;
}

div#inside_left_col_middle_home {
	background-color: #efeeeb;
	padding: 10px 15px 10px 12px;
	margin-left: 23px;
	border-bottom: 3px solid #FFF;
	float: left;
	display: inline;
	width: 162px;
}

div#inside_left_col_middle p {
	font-size: 80%;
	line-height: 1.2;
	margin-bottom: .2em;
}

div#inside_left_col_middle div#bio_pic {
	float: left;
	display: inline;
	padding: 0px 10px 5px 0;
}

div#inside_left_col_middle div#cat_bio {
	clear: left;
}

div#inside_left_col_middle div#adopt_me {
	margin-bottom: .8em;
}

div#inside_left_col_middle div#adopt_me a {
	font-size: 110%;
}

div#inside_left_col_middle div#cat_bio p {
	font-size: 74%;
}

/* INSIDE LEFT COL BOTTOM */

div#inside_left_col_bottom {
	padding: 15px 15px 0 12px;
	margin-left: 23px;
	clear: left;
}

div#inside_left_col_bottom p {
	font-size: 80%;
	line-height: 1.2;
}

div#inside_left_col_bottom h2 a {
	color: #a0410d;
}

div#inside_left_col_bottom h2 a:visited {
	color: #a0410d;
}

div#inside_left_col_bottom h2 a:hover {
	color: #ff9900;
}

div#inside_left_col_bottom h2 a:visited:hover {
	color: #ff9900;
}

/* INSIDE RIGHT COL */

div#inside_right_col {
	margin-left: 212px;
}

div#inside_right_col a {
        font-weight: bold;
}

div#inside_right_col div#in_content li {
	margin: 0 1em .8em 1.2em;
	font-size: 1.2em;
}

div#inside_right_col div#in_content {
	padding-right: 38px;
	margin-left: 15px;
}

div#banner_wrapper {
	float: left;
	display: inline;
	margin-bottom: 20px;
}

div#inside_right_col div#in_content td p {
font-size: 100%;
}

/* CONTACT INFO */

div#contact_info {
	clear: both;
	margin: 0 38px 0 227px;
	color: #ccc;
	font-size: 72%;
	border-top-style: solid;
	border-top-width: thin;
	text-align: center;
}

div#inside_right_col div#contact_info {
	margin: 0 38px 0 0;
}

div#calendar_content div#contact_info {
	margin: 0 38px 0 38px;
}

div#contact_info p {
	color: #5b3c33;
	padding-top: 6px;
	padding-bottom: 6px;
}

div#contact_info span {
	color: #f90;
	font-weight: bold;
	padding: 0 10px;
}

div#contact_info a {
	color: #5b3c33;
        font-weight: bold;
}

div#contact_info a:visited {
	color: #5b3c33;
}

div#contact_info a:hover {
	color: #a0410d;
}

div#contact_info a:hover:visited {
	color: #a0410d;
}

/* FOOTER */

div#footer {
	background: url(http://catadoption.pmhclients.com/images/site/footer.gif) no-repeat;
	font-size: 80%;
	padding: 28px 28px 20px 28px;
}

div#footer div#credits p {
	color: #5b3c33;
	float: left;
	display: inline;
}

div#footer div#credits span {
	background-image: url(http://catadoption.pmhclients.com/images/site/donut.gif);
	background-repeat: no-repeat;
	background-position: 0px 35%;
	padding-left: 30px;
}

div#footer div#credits a {
	color: #5b3c33;
}

div#footer div#credits a:hover {
	color: #a0410d;
}

div#footer ul#links {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #5b3c33;
	float: right;
	display: inline;
}

div#footer ul#links li {
	background-image: url(http://catadoption.pmhclients.com/images/site/donut.gif);
	background-repeat: no-repeat;
	background-position: 0px 35%;
	padding-left: 30px;
	float: left;
	display: inline;
}

div#footer ul#links li a {
	color: #5b3c33;
}

div#footer ul#links li.nodonut {
	background-image: none;
}

div#footer ul#links li a:visited {
	color: #5b3c33;
}

div#footer ul#links li a:hover {
	color: #a0410d;
}

div#footer ul#links li a:visited:hover {
	color: #a0410d;
}

div#footer span.donut {
	vertical-align: bottom;
}

/* CALENDAR */

/* INSIDE LEFT COL */

div#calendar_content {
	background: url(http://catadoption.pmhclients.com/images/site/calendar_bg.gif) repeat-y;
	float: none;
	clear: both;
        padding-top: 10px;
}

table#calendar {
	width: 86%;
	margin: 30px 30px 30px 60px;
	border-collapse: collapse;
}

table#calendar th div.monthName {
	text-align: center;
	font-size: 120%;
	color: #a0410d;
}

table#calendar th div.prevMonth {
	text-align: left;
}

div.dayNumber {
	font-weight: bold;
	margin-bottom: .6em;
}

table#calendar th div.nextMonth {
	text-align: right;
}

table#calendar td {
	width: 14%;
	text-align: left;
	vertical-align: baseline;
	font-size: 85%;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	line-height: 1.2;
}

table#calendar td.calendarCell, table#calendar td.calendarToday {
	border: 1px solid #000;
	padding: 5px;
}

table#calendar td.calendarToday {
	background-color: #e7e2e1;
}

table#calendar td.calendarDayHeading {
	text-align: center;
	font-weight: bold;
	padding: 10px;
}

table#calendar div.event {
	margin-bottom: 10px;
}

table#calendar  a {
	color: #a0410d;
	text-decoration: none;
}

table#calendar  a:visited {
	color: #a0410d;
}

table#calendar  a:hover {
	color: #ff9900;
}

table#calendar  a:hover:visited {
	color: #ff9900;
}

table#calendar th div.prevMonth  a, table#calendar th div.nextMonth  a {
	color: #ff9900;
}

table#calendar th div.prevMonth  a:visited, table#calendar th div.nextMonth  a:visited {
	color: #ff9900;
}

table#calendar th div.prevMonth  a:hover, table#calendar th div.nextMonth a:hover {
	color: #a0410d;
}

table#calendar th div.prevMonth  a:hover:visited, table#calendar th div.nextMonth  a:hover:visited {
	color: #a0410d;
}

/* CLEARFIX */

/* here follows the "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com - simply add the clearfix class to any containter that must enclose floated elements - http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	content: ".";
	

/* the period is placed on the page as the last thing before the div closes */
	display: block;
	

/* inline elements don't respond to the clear property */ 
        height: 0;
	

/* ensure the period is not visible */
        clear: both;
	

/* make the container clear the period */
        visibility: hidden;
/* furth

er ensures the period is not visible */
}

.clearfix {
	display: inline-block;
}

/* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */

/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* End hide from IE-mac */

/* end of "no-extra-markup" clearing method */

/* SEARCH STYLES */

div#search_results {
	width: 580px

;
/* needed this for ie6 */
}

div#inside_content table.breadcrumb td p {
	font-weight: bold;
	font-size: 100%
}

div#inside_content table#search th {
	text-align: left;
	padding: 0 10px 10px 0;
	font-size: 100%;
}

div#inside_content table#search th p {
	color: #a0410d;
	font-size: 120%;
	font-weight: normal;
	padding: 0;
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}

div#inside_content table#search td {
	text-align: left;
	padding: 0 10px 20px 0;
	font-size: 100%;
}

div#inside_content table#search td p {
	padding: 0;
	margin: 0;
}
