/*----------------------------------------------------------------------------------------*/
										/* BODY AND SITEWIDE */

* {
  	margin: 0;
  	padding: 0;
    }

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	background: #668a99 url(images/background.gif);
  	}
  
body p, body ul {			/* only way to reach inside table tags w/ certain global font properties */
	font-size: .8em;
	line-height: 1.3em;
	margin-bottom: 1.3em;
	}
	
h1 {
	font: bold 3em/0.9em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #253235;
	margin-bottom: -.3em;
	}

h2 {
	font: bold 1.5em Arial, Helvetica, sans-serif;
	color: #fff;
	}

h3 {
	font: bold 0.9em Arial, Helvetica, sans-serif;
	color: #DDE9ED;
	margin-top: 1em;
	margin-bottom: 0.9em;
	}

.h3 {												/* for inline use */
	font: bold 1em Arial, Helvetica, sans-serif;
	color: #DDE9ED;
	margin-bottom: 1em;
	}
	
#branding {
	left: 0px;
	top: 0px;
	position: absolute;
	height: 112px;
	width: 760px;
  	}
	
	
	
 

/*----------------------------------------------------------------------------------*/
							/* LEFT NAVIGATION BAR */

#leftnav_1 {                /* first block of left side navigation, etc...  */
	position: absolute;
	left: 11px;
	top: 115px;
	width: 101px;
  	}

#leftnav_2 {
	position: absolute;
	left: 11px;
	top: 219px;
	width: 101px;
  	}

#leftnav_3 {
	position: absolute;
	left: 11px;
	top: 323px;
	width: 101px;
 	}

#leftnav_4 {
	position: absolute;
	left: 11px;
	top: 427px;
	width: 101px;
 	}

#leftnav_5 {
	position: absolute;
        left: 8px;
	top: 631px;
	width: 101px;
 	}

#leftnav_6 {
	position: absolute;
        left: 9px;
	top: 685px;
	width: 101px;
 	}

#leftnav_1 li, #leftnav_2 li, #leftnav_3 li, #leftnav_4 li, #leftnav_5 li, #leftnav_6 li {
	list-style-type: none;
	font-size: 12px;
	line-height: 25px;
	font-weight: bold;
  	}

#leftnav_1 a, #leftnav_2 a, #leftnav_3 a, #leftnav_4 a, #leftnav_5 li{
  	display: block;
 	text-decoration: none;
 	color: #fff;
  	}

#leftnav_1 a:hover, #leftnav_2 a:hover, #leftnav_3 a:hover, #leftnav_4 a:hover, #topnav a:hover {
  	color: #ff7e28;
  	}
  
a#donate_button {			/* network for good button redesign */
	display: block;
	position: absolute;
	left: 0;
	top: 520px;
	height: 100px;
	width: 100px;
	background: url(../donate/images/networkforgood.gif);
	overflow: hidden;
	text-decoration: none;	
	}	
		
a:hover#donate_button {
	background-position: 0 -100px;
	}

/*----------------------------------------------------------------------------------------*/ 
					/* TOP NAVIGATION BAR AND ROLLOVERS FOR BOTH NAVS */
					
#topnav {
	position: absolute;
	left: 105px;
	top: 113px;
	width: 422px;
	overflow: visible;
	z-index: 2;
	text-align: center;
  	}

#topnav li {
	font-size: 14px;
	list-style-type: none;
	display: inline;
  	}

#topnav a {
	color: #1E292B;
	text-decoration: none;
	font-weight: bold;
	margin-left: 15px;
  	}
	
#body_cats #nav_cats a, 
#body_dogs #nav_dogs a, 
#body_other #nav_other a, 
#body_courtesy #nav_courtesy a, 
#body_events #nav_events a,  
#body_tails #nav_tails a, 
#body_about #nav_about a, 
#body_ask #nav_ask a, 
#body_links #nav_links a, 
#body_memory #nav_memory a, 
#body_honor #nav_honor a, 
#body_thanks #nav_thanks a, 
#body_adopt #nav_adopt a, 
#body_donate #nav_donate a, 
#body_sponsor #nav_sponsor a, 
#body_volunteer #nav_volunteer a, 
#body_shop #nav_shop a {
  color: #ff7e28;           		/*  the "you are here" navigation states  */
  } 

/*------------------------------------------------------------------------------------------*/
									/* MAIN CONTENT AREA */

#mainarea {
	width: 447px;
	max-width: 447px;
	position: absolute;
	left: 100px;
	top: 150px;
	z-index: 3;
    }
  
#mainarea p, 
#mainarea h1, 
#mainarea h2, 
#mainarea h3 {
	margin-left: 4px;
	}
	
#mainarea li {
	margin-left: 20px;
	list-style: none outside;
	list-style-image: url(images/star_main.gif);	
	margin-bottom: 1.5em;
	}
	
#mainarea a {
	color: #fff;
	text-decoration: none;
	border-bottom: thin dotted #fff;
	font-weight: bold;
	}
	
#anchor_link li {
	font-size: 14px;		/* have to use px because different uls inherent different referent sizes */
	list-style: none;
	margin-bottom: .7em; 
	text-transform: capitalize;	
	}
		
#body_home #mainarea img,
#body_tails #mainarea img,
#body_about #mainarea img,
/*#body_ask #mainarea img,*/		/* for now Qs and As no border */
#body_adopt #mainarea img,	
#body_donate #mainarea img,
#body_sponsor #mainarea img,
#body_volunteer #mainarea img,
#body_shop #mainarea img {
	border: 4px solid #668a99;
	}
	
.name {
	font-size: 18px;		/* compensates for .8em body style to make 14 pt class */
	font-weight: bold;
	color: #1E292B;
	text-align: right;
	text-transform: uppercase;
	padding-right: 4px;
    }
		
.portrait {
	border-bottom: 4px solid #668a99;  
	}

/*----------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/	
									/* RIGHT COLUMN */
#right_column {
	position: absolute;
	left: 547px;
	top: 103px;
	width: 204px;
	z-index: 1;
	}

#sidebar {
	width: 178px;
	padding: 5px 13px;  			/* for ie reference: was 0 11 10 11 */
	background-color: #A7BCC4;
	border-bottom: 4px solid #668A99;
  	}
  
.sidebar_title {
	font: bold 2em Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	color: #DDE9ED !important;
	margin-top: .3em !important;
	margin-bottom: -.05em;
	line-height: .7em !important;
	letter-spacing: -.05em;
	}
	
/*.sidebar_title_overlined {			/* PROJECT: create header style to create new sidebar sections
	font: bold 2em Arial, Helvetica, sans-serif;
	text-transform: lowercase;			/* with an overline 4px 668a99
	color: #DDE9ED !important;
	margin-top: .3em !important;
	margin-bottom: -.05em;
	line-height: .7em !important;
	letter-spacing: -.05em;
	border-top: 4px solid #668a99;
	}*/						
	
#sidebar p, 
#sidebar li, 
#sidebar a {
	color: #36484E;
	line-height: 1.3em; 
	margin-top: 1.3em;
	}

#sidebar li {
	margin-left: 20px;
	list-style: none outside;
	list-style-image: url(images/star_sidebar.gif);	
	}

#sidebar a {
	color: #1E292B;
	text-decoration: none;
	border-bottom: thin dotted #1E292B;
	font-weight: bold;
	}
	
#sidebar img {
	border: 4px solid #A7BCC4;
	margin-left: -6px;
	margin-bottom: -3px;   	/*to center image and minimize the appearance of those bottom text wrap gaps */
	}
	
/*----------------------------------------------------------------------------------------*/
							/* FEATURES IN RIGHT COLUMN */
							
#featured_cat_top,  		/* optional feature areas in dw template */
#featured_dog_top {
	width: 204px;
	background-color: #36484e;
	padding-bottom: 5px;
	border-bottom: 4px solid #668A99;
	}
	 
#featured_cat,
#featured_dog {
	width: 204px;
	background-color: #36484e;
	padding-bottom: 5px;
	border-bottom: 4px solid #668A99;
	}

#featured_cat_top p,
#featured_cat p, 
#featured_dog_top p,
#featured_dog p {
	margin-right: 8px;
	margin-left: 8px;
	}		
	
#featured_cat_top a,				/* if ever needed */
#featured_cat a, 
#featured_dog_top a,
#featured_dog a {
	font-weight: bold;
	color: #fff; 
	text-decoration: none;
	border-bottom: thin dotted #fff;
	}
	
/*#featured_cat_top img[src="../sitewide/featured_pets/featured_cat.jpg"],
#featured_cat img[src="../sitewide/featured_pets/featured_cat.jpg"], 
#featured_dog_top img[src="../sitewide/featured_pets/featured_dog.jpg"],
#featured_dog img[src="../sitewide/featured_pets/featured_dog.jpg"] {
	overflow: hidden;
	margin-top: 4px;
	margin-left: 4px;
	} */
	
#featured_cat_top img,
#featured_cat img,
#featured_dog_top img,
#featured_dog img {
	border: 4px solid #36484E;   	/* IE clobber, tweaked w/ inline styles in templates */
	}								/* delete inline template styles & use commented out style above when lose IE 6 */
									/* this is in main styles now because it may effect other browsers as well */

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

.feature_name {
	font: bold 14px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	}
	
/*----------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------*/	
			/* NEXT LINK @ BOTTOM OF ANIMAL PGS AND CONTENT AREA HOVER COLOR*/
				
#next_link {                      
	text-align: center;
	}

#next_link a {
	display: block;
	padding-top: 2em;
	padding-bottom: 2em;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: none;
	text-decoration: none;
	color: #1E292B;
  	}

#next_link a:hover, 
#sidebar a:hover, 
#mainarea a:hover, 
#anchor_link a:hover {
	color: #ff7e28;
	border-bottom: none;
	}
	
/*----------------------------------------------------------------------------------------*/
 							/* MISCELLANY AT END OF CASCADE */
						 
.nested_list {
	 font: 1em Arial, Helvetica, sans-serif;
	 }
	 
.linked_image {
	border-bottom: none !important;  		/* was trumped by #id */
	}
	
a#egg {
	display: block;
	position: absolute;
	left: 764px;
	top: 0px;
	height: 101px;
	width: 101px;
	background: url(../index/images/zguardian_angel.gif);
	overflow: hidden;
	text-decoration: none;	
	}	
		
a:hover#egg {
	background-position: 0 -101px;
	}