@charset "utf-8";
/* CSS Document */
html {
font: 100% arial, sans-serif;
margin: 0;
padding: 0;
}
body  {
font: 90% arial, sans-serif;
color: #333333;
background: #e6e6e6;
margin: 0em 0em 2em 0em;
padding: 0px;
}
form {
margin: 0px;
padding: 0px;
}
img {
border: none;
}
a:link {
color: #000099;
background: #ffffff;
text-decoration: underline;
padding: .2em;
}
/*
a:hover {
color: #ffffff;
background: #000099;
text-decoration: none;	
padding: .2em;
}
*/
.clear {
clear: both;	
}

/* topBar*/
#topBar {
color: #333333;
background: #ffffff url(../images/accessBarBack.jpg) left top repeat-x;	
text-align: right;
padding: .7em .8em .6em 10em;
font-weight: bold;
font-size: .9em;
border-bottom: 1px solid #333333;
}
#topBar a:link, #topBar a:visited {
color: #000099;
background: #ffffff;
text-decoration: underline;
padding: .2em;
}
#topBar a:hover, #topBar a:visited:hover {
color: #ffffff;
background: #000099;
text-decoration: none;	
padding: .2em;
}


/* Logo and Image Header */
#headerContainer {
color: #333333;
background: #e6e6e6 url(../images/headerBack.jpg) left top repeat-x;
position: relative;
}
#logo {
	position: absolute;
	top: 10px;
	left:20px;
}

#imagePanels {
height: 175px;
margin: 0 0 0 200px;	
overflow: hidden;
background: url(../images/panelBack.jpg) left top repeat-x;
}
.panel {
margin-right: 10px;
float: left;	
}
/* Main Navigation and Ad Space */
#navAdContainer {
float: left;
width: 190px;	
}
#mainNavList {
width: 190px;
list-style: none;
padding: 0;
margin: 5px 0 0 0;
font-size: .9em;
overflow: hidden;
}
.mainNavLink:link, .mainNavLink:visited {
color: #fffffe; 
background:	#404040;
padding: .3em .5em;
display: block;
margin-top: 5px;
text-decoration: none;
font-weight: bold;
}
.mainNavLink:hover, .mainNavLink:visited:hover {
color: #fffffe;
background:	#b40000;
padding: .3em .5em;
display: block;
margin-top: 5px;
text-decoration: none;
font-weight: bold;
}
.mainNavLinkActive:link, .mainNavLinkActive:visited, .mainNavLinkActive:hover, .mainNavLinkActive:visited:hover {
color: #fffffe;
background:	#b40000 url(../images/mainNavActiveBack.jpg) right bottom no-repeat;
padding: .3em .5em;
display: block;
margin-top: 5px;
text-decoration: none;
font-weight: bold;
}
#subNavList {
width: 190px;
list-style: none;
padding: 0;
margin: 0;
font-size: .9em;
overflow: hidden;
}
.subNavLink:link, .subNavLink:visited {
color: #404040;
background:	#ffffff;
padding: .3em .5em;
display: block;
text-decoration: none;
font-weight: bold;
margin: 1px 0 0 0;
border-right: 6px solid #808080;
}
.subNavLink:hover, .subNavLink:visited:hover {
color: #404040;
background:	#fef4d5;
padding: .3em .5em;
display: block;
text-decoration: none;
font-weight: bold;
margin: 1px 0 0 0;
border-right: 6px solid #b40000;
}
.subNavLinkActive, .subNavLinkActive:visited, .subNavLinkActive:hover, .subNavLinkActive:visited:hover {
color: #b40000;
background:	#fef4d5 url(../images/subNavActiveBack.jpg) right center no-repeat;
padding: .3em .5em;
display: block;
text-decoration: none;
font-weight: bold;
margin: 1px 0 0 0;
border-right: 6px solid #b40000;
}
#adContainer {
	border-top: 1px solid #808080;
	border-right: 6px solid #808080;
	border-bottom: 1px solid #808080;
	color: #000099;
	background: #f3f8fe url(../images/contactBack.jpg) right bottom no-repeat;
	margin-top: 5px;
	padding: .5em 1em 0 .5em;
	font-size: 0.8em;
	font-weight: bold;
	overflow: hidden;
	line-height: 1.5em;
}

/* Contact Info */
#contactContainer {
	border-top: 1px solid #808080;
	border-right: 6px solid #808080;
	border-bottom: 1px solid #808080;
	color: #000099;
	background: #f3f8fe url(../images/contactBack.jpg) right bottom no-repeat;
	margin-top: 5px;
	padding: .5em 1em 0 .5em;
	font-size: 0.8em;
	font-weight: bold;
	overflow: hidden;
	line-height: 1.5em;
}
#contactContainer address {
margin: 0 0 1em 0;
padding: 0;
line-height: 1.4em;
}
.addressTitle {
font-size: 1.1em;
color: #b40000;
background: #f3f8fe;
}
.contactInfo {
margin: 0 0 1em 0;
padding: 0;
line-height: 1.4em;	
}
.contactInfo .inlineLink, .contactInfo .inlineLink:visited {
background: transparent;	
}


/* Donate Ad */
#donateForm form{
border-top: 1px solid #808080;
border-right: 6px solid #808080;
border-bottom: 1px solid #808080;
background: #ffffff url(../images/donateBack.jpg) left center no-repeat;
margin-top: 15px;
padding: .5em .5em .5em 75px;
font-size: .8em;
font-weight: bold;
overflow: hidden;
display: block;
color: #404040;
text-decoration: none;	
}
#donateLink:link, #donateLink:visited {
border-top: 1px solid #808080;
border-right: 6px solid #808080;
border-bottom: 1px solid #808080;
background: #ffffff url(../images/donateBack.jpg) left center no-repeat;
margin-top: 15px;
padding: .5em .5em .5em .5em;
font-size: .8em;
font-weight: bold;
overflow: hidden;
display: block;
color: #404040;
text-decoration: none;	
}
#donateLink:hover, #donateLink:visited:hover {
border-top: 1px solid #b40000;
border-right: 6px solid #b40000;
border-bottom: 1px solid #b40000;
background: #fef4d5 url(../images/donateBackHover.jpg) left center no-repeat;
margin-top: 15px;
padding: .5em .5em .5em .5em;
font-size: .8em;
font-weight: bold;
overflow: hidden;
display: block;
color: #404040;
text-decoration: none;	
}
#donateNow {
color: #b40000;
background: #ffffff;
}
#donateItem {
color: #b40000;
background: #ffffff;
}
#adCause {
color: #b40000;
background: #ffffff;
}

/* Content */
#contentContainer {
background: #ffffff;
color: #333333;
border-top: 1px solid #404040;
border-bottom: 1px solid #404040;
margin: 10px 0 0 200px;
padding: 0 3em 3em 3em;
}
#skipHere {
width: 80%;
overflow: hidden;	
}
h1 {
font-size: 1.8em;
margin: .5em 0 .5em 0;
padding: 0;	
color: #b40000;
background: #ffffff;
position: relative;
}
h2 {
font-size: 1.4em;
margin: 1.2em 0 .5em 0;
padding: 0;	
color: #b64949;
background: #ffffff;
}
h3 {
font-size: 1em;
margin: 1em 0 .5em 0;
padding: 0;	
color: #222222;
background: #ffffff;		
}
#h1Crumbs {
display: block;
font-size: .5em;
color: #333333;
background: #ffffff;	
}
p {
	margin: .5em 0 1em 0;
	padding: 0;
	line-height: 1.4em;
	text-align: justify;
}
.contentList {
margin: 0 0 1em 1.2em;
padding: 0;
line-height: 1.4em;
}
.contentListNoBullet {
margin: 0 0 1em 1em;
padding: 0;
line-height: 1.4em;
list-style: none;
}
.inlineImage {
float: left;
margin: 0 1em .5em .5em;	
}
.inlineImage:hover{
text-decoration: none;
}
.inlineRightImage:hover{
text-decoration: none;
}
.inlineRightImage {
	float: right;
	margin: 0 1em 1em .5em;
}
.programLogo {
margin: 1em 0 1em 1em;
float: right;	
}
.contentImageLandscape {
color: #ffffff;
background: #404040;
width: 408px;
margin: .5em 0 1em 0;	
}
.contentImagePortrait {
color: #ffffff;
background: #404040;
width: 308px;
margin: .5em 0 1em 0;
}
.contentImageLandscape img, .contentImagePortrait img {
margin: 4px;	
}
.imageCaption {
font-style: italic;
font-size: .9em;
margin: 0;
padding: .2em .5em .5em .5em;
line-height: 1.4em;
}

.inlineLink, .inlineLink:visited {
color: #000099;
background: #ffffff;
text-decoration: underline;
}
.inlineLink:hover, .inlineLink:visited:hover {
	color: #ffffff;
	background: #000099;
	text-decoration: none;
	padding-top: 5px;
}
#contentContainer address {
margin: 0 0 1em 0;
padding: 0;
line-height: 1.4em;
}
#contentContainer .addressTitle {
font-size: 1.1em;
color: #222222;
background: #ffffff;
font-weight: bold;
}
.specialNote {
font-weight: bold;
font-style: italic;
color: #333333;
background: #fff9d9;
margin: .5em 0 1em 0;
padding: .5em .8em;
line-height: 1.4em;
}
#featureLogos {
float: right;
width: 175px;
text-align: center;	
}
#floatedImage {
float: right;
padding: 0 1em 1em 1em;	
}
acronym, abbr {
cursor: help;
text-decoration: none;
border-bottom: 1px dotted #337900;
color: #337900;
background: #ffffff;	
}
acronym:hover, abbr:hover {
cursor: help;
text-decoration: none;
border-bottom: none;
color: #ffffff;
background: #337900;	
}
.imageCaption acronym, .imageCaption abbr {
cursor: help;
text-decoration: none;
border-bottom: 1px dotted #ffffff;
color: #ffffff;
background: #404040;	
}
.imageCaption acronym:hover, .imageCaption abbr:hover {
cursor: help;
text-decoration: none;
border-bottom: none;
color: #404040;
background: #ffffff;	
}
#dogList {
list-style: none;	
}

#dogList li {
	display: inline;
	text-align: center;
	height: 8em;
	width: 150;
    padding-left: 0px;
    float: left;
    margin: .2em .3em .4em 0em;
	padding: 0px;
}
#adoptedList {
list-style: none;	
}

#adoptedList li {
	display: table-cell;
	text-align: center;
	height: 8em;
	width: 150;
    padding-left: 0px;
    float: left;
    margin: .2em .3em .4em 0em;
	padding: 0px;
}

img.adoptedDog {
width: 123px;
height: 175px;
border: 1px solid #000000;
}
 

/* Events */
.event {
border-top: 1px solid #404040;
position: relative;
/*
margin: 0 0 1.5em 0;
*/
margin: 0px 0px 0px 0px;
padding: 0px;
}
.event h3 {
	font-size: 1em;
	margin: 1em 0 .5em 0;
	padding-left: 0px;
	color: #222222;
	background: #ffffff;
}


.event img {
border:#000000 thin solid;
}
.dogPanel {
/*height: 220px;

margin-left: -40px;
*/
display:table-cell;
}

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

.eventWithThumbnail {
border-top: 1px solid #404040;
position: relative;
margin: 0 0 1.5em 0;
}
.eventWithThumbnail h3 {
font-size: 1em;
margin: 1em 0 .5em 0;
/* change back after dogtoberfes
padding-left: 150px;
*/
padding-left:180px;
color: #222222;
background: #ffffff;		
}
.eventWithThumbnail p {
/* change back after dogtoberfest
padding-left: 150px;
*/
padding-left: 180px;
}

.eventWithThumbnail form {
padding-left: 180px;
}
.eventThumbnail {
	position: absolute;
	top: 0.5em;
	left: 0;
	height: 175px;
	/*width: 123px;
	*/
	/*
	height: 175px;
	width: 123px;
	*/
}
.eventThumbnailmg {
	position: absolute;
	top: 0.5em;
	left: 0;
	/*height: 150; */
	width: 175;
	/* commented out for dogtoberfest
	height: 175;
	width: 123;
	*/
	/*
	background-image: url(Shop%20for%20a%20Cause);
	height: 175px;
	width: 263px;
	*/
}
/* Footer */
#footerContainer {
margin: .5em .7em;
text-align: right;
font-size: .9em;
clear: both;
}
#footerContainer .inlineLink, #footerContainer .inlineLink:visited {
color: #0071bb;
background: #e6e6e6;
text-decoration: underline;
}
#footerContainer .inlineLink:hover, #footerContainer .inlineLink:visited:hover {
color: #ffffff;
background: #0071bb;
text-decoration: none;
}
/* Special Styles */
.bigAd {
color: #ffffff;
/*
background: #336699 url(../images/goodshop-search.gif) left center no-repeat;  --switch back for GoodSearch
*/
background: #b40000 left center no-repeat;
font-weight: bolder;
padding: .5em .5em .5em .5em;
margin-top: 15px;
font-size: .9em;
}
.bigAdLink:link, .bigAdLink:visited {
color: #ffffff;
/*  change back for Good Search
background: #226699;
*/
background: #b40000;
text-decoration: none;
}
.bigAdLink:hover, .bigAdLink:visited:hover {
/* Change back for Good Search
	color: #3366CC;
	*/
	color: #808080;
	background: #ffffff;
	text-decoration: none;
	padding: 0.2em;
}

/*Available dog styles*/

a.availableDog:link {
font-size: 1.4em;
font-weight: bold;
text-decoration: underline;
margin: 1.2em 0 .5em 0;
padding: 0;	
color: #b64949;
background: none;
}

a.availableDog:visited {
font-size: 1.4em;
font-weight: bold;
text-decoration: underline;
margin: 1.2em 0 .5em 0;
padding: 0;	
color: #b64949;
background: none;
}

a.availableDog:hover {
font-size: 1.4em;
font-weight: bold;
text-decoration: underline;
margin: 1.2em 0 .5em 0;
padding: 0;	
color: #808080;
background: none;
}

a.availableDog:active {
font-size: 1.4em;
font-weight: bold;
text-decoration: underline;
margin: 1.2em 0 .5em 0;
padding: 0;	
color: #b64949;
background: none;
}

div.availableDoginfo {
position: relative;
border-bottom: 1px solid #404040;
padding-bottom: 9px;
margin: 0 0 17px 0;
}


img.availableDog {
width: 123px;
height: 175px;
border: 1px solid #000000;
position: absolute;
}

p.availableDoginfo {
align: left
font-size: 9px;
line-height: 16px;
padding-top: 27px;
padding-left: 150px;
}

p.clDoginfo {
align: left
font-size: 9px;
line-height: 16px;
padding-top: 23px;
padding-left: 150px;
}

div.clDisclaimer {
border: 1px solid #000000;
padding: 10px;
font-size: 11px;
background: #e3e3e3;
margin-bottom: 20px;
}
/*Individual Dog Profiles*/
div.availableDogprofile {
width: 400px;
position: relative;
float: left;
z-index: 2;
}

div.availableDogprofile2 {
border-bottom: 1px solid #404040;
position: relative;
/* changed 1/10 for new bio headers
padding-top: 52px;
padding-bottom: 25px;
*/
padding-top: 42px;
padding-bottom: 10px;
float: center;
z-index: 2;
}

p.availableDogprofile {
align: left
font-size: 9px;
line-height: 16px;
padding-left: 150px;
}

p.availableDogtitle {
font-size: 1.4em;
font-weight: bold;
text-decoration: underline;
color: #b64949;
align: left;
margin-top: 0px;
margin-bottom: 10px;
padding-top: 21px;
padding-left: 150px;
}

img.availableDogthumb {
width: 123px;
height: 175px;
border: 1px solid #000000;
}
mg.adoptedDogold {
border: 1px solid #000000;
}

div.availableDogcontent {
padding-top: 17px;
}

div.disclaimer {
border: 1px solid #000000;
padding: 10px;
font-size: 11px;
background: #e3e3e3;
}

a.dogEnlarge:link {
border:0px; 
background:none; 
padding:0px;
}

a.dogEnlarge:visited {
border:0px; 
background:none; 
padding:0px;
}

a.dogEnlarge:hover {
border:0px; 
background:none; 
padding:0px; 
}

a.dogEnlarge:active {
border:0px; 
background:none; 
padding:0px;
}

a.dogThumbnail:link {
background:none;
border:0px;
padding:2px;
}

a.dogThumbnail:visited {
background:none;
border:0px;
padding:2px;
}

a.dogThumbnail:hover {
background:#000099;
border:0px;
padding:2px;
}

a.dogThumbnail:active {
background:none;
border:0px;
padding:2px;
}

a.dogThumbnail{
display:table-cell;
}