/*!
 * Core stylesheet for basic style through out the whole site 
 *
 */
 
html{
	background-color: #ffaa00;
	/*background-color: #ff9c00;*/
	/*background-attachment: fixed;*/
}
 
body {
	background: url(../images/bg.jpg) no-repeat #ffaa00 center 0;
/*	background: url(../images/bg.jpg) no-repeat #ff9c00 center 0;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

h1, h2, h3, h4{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
}

h1{
	font-size: 40px;
	line-height: 24px;
}

h2{
	font-size: 26px;
	line-height: 24px;
	margin-bottom: 16px;
}

h3{
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 2px;
}

h4{
	text-transform: uppercase;
	font-size: 14px;
	line-height: 17px;
	color: #ffc300;
}

h5{
	font-weight: bold;
	margin-bottom: 2px;
}

p{
	margin: 0 0 16px;
	line-height: 16px;
}

a{
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

a:hover{
	font-weight: bold;
	text-decoration: underline;
}
	h1 a:hover{
		text-decoration: none;
	}

a.button{
	display: block;
	height: 42px;
	border: none;
	text-indent: -99999px;
	text-decoration: none;
	background: 0 0 no-repeat;
}

a.button:hover{
	text-decoration: none;
	background-position: 0 -42px;	
}
	
	a.button.clickHere{
		width: 109px;
		background-image: url( ../images/content/btn_click_here.png);	
	}
	
	a.button.btnPetrescue{
		margin-left: -5px;
		width: 141px;
		background-image: url( ../images/content/btn_visit_petrescue.png);	
	}
	
	a.button.btnSupportUs{
		width: 113px;
		background-image: url( ../images/content/btn_support_us.png);	
	}

input{
	margin-right: 8px;
}
    input.textInput{
		color: #999999;
		border: none;
		background: transparent;
		padding: 10px 12px;
		width: 91px;
		background: url( ../images/content/input_bg_small.png) no-repeat center center;
	}

	input.textInput.large{
		width: 216px;
		background: url( ../images/content/input_bg_large.png) no-repeat center center;
	}

	input.button{
		display: block;
		height: 42px;
		margin-left: 10px;
		border: none;
		background: 0 0 no-repeat;
	}
	
	input.button:hover{
		background-position: 0 -42px;	
	}
	    input.btnSubmit{
			width: 87px;
			margin: 15px 0 10px -5px;
			background: url( ../images/content/btn_submit.png) no-repeat 0 0;
		}
	
ul.disc li{
	list-style: disc inside;
	line-height: 14px;
	margin-bottom: 14px;
}

.noMargin{
	margin: 0;	
}

.centerAlign{
	text-align: center;
}

.smallText{
	font-size: 10px;	   
}

.floatLeft{
	float: left;
	display: block;
}

.floatRight{
	float: right;
	display: block;
}

.hidden{
	display: none;
}

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

.hr{
	font-size: 2px;
	height: 2px;
	line-height: 2px;
	background-color: #5a1612;
	clear: both;
}

.noFlashMsg{
	text-align: center;	
}

#errorMessage
{
    margin-top: 22px;
    margin-left: 15px;
    display: block;
    float: left;
    color: #FF0000;
}

#pageWrapper{
	width: 982px;
	margin: 20px auto 0;
}

#header{
	height: 107px;
}

	#header h1{
		float: left;
		display: block;
		margin-top: 20px;
		margin-left: 167px;
	}

#shareIcons{
	margin-top: 14px;
	margin-left: 10px;
}

#shareIcons .shareIcon{
	margin: 0 5px 0 0;
}


/* Nav css */

#navContainer, #borderTop, #borderCornerLeft, #borderCornerRight{
	height: 38px;	
}

#borderTop, #borderCornerLeft, #borderCornerRight{
	float: left;
	display: block;
}

#borderTop{
	width: 952px;
	background: url( ../images/content/border_top.png) repeat-x 0 22px;
}

#borderCornerLeft{
	width: 15px;
	background: url( ../images/content/border_top_left.png) no-repeat left bottom;
}

#borderCornerRight{
	width: 15px;
	background: url( ../images/content/border_top_right.png) no-repeat left bottom;
}

#nav{
	width: 800px;
	height: 31px;
	margin: 0 auto;
}

	#nav ul li{
		display: block;
		float: left;
		height: 31px;
		font-size: 14px;
		line-height: 16px;
		text-align: center;
		text-transform: uppercase;
	}
		
		#nav ul li.devider{
			display: block;
			width: 1px;
			background-position: 0 0;
			background-repeat: no-repeat;
		}
		
		#nav ul li.d1{
				background-image: url( ../images/content/nav_divider1.gif);
		}
		
		#nav ul li.d2{
				background-image: url( ../images/content/nav_divider2.gif);
		}
		
		#nav ul li.d3{
				background-image: url( ../images/content/nav_divider3.gif);
		}
		
		#nav ul li.d4{
				background-image: url( ../images/content/nav_divider4.gif);
		}
		
		#nav ul li a, #nav ul li a:hover{
			display: block;
			padding-top: 12px;
			height: 19px;
			color: #ffffff;
			text-decoration: none;
			background-position: 0 0;
			background-repeat: no-repeat;
		}
		
		.howCanHelp #nav ul li.d1, .howCanHelp #nav ul li a.nav1, 
		.adoptingDog #nav ul li.d1, .adoptingDog #nav ul li.d2, .adoptingDog #nav ul li a.nav2, 
		.about #nav ul li.d2, .about #nav ul li.d3, .about #nav ul li a.nav3, 
		.donateNow #nav ul li.d3, .donateNow #nav ul li.d4, .donateNow #nav ul li a.nav4, 
		#nav ul li a:hover{
			background-position: 0 -31px;
		}
	
			#nav ul li a.nav1{
				width: 179px;
				background-image: url( ../images/content/nav1.png);
			}
		
			#nav ul li a.nav2{
				width: 161px;
				background-image: url( ../images/content/nav2.png);
			}
		
			#nav ul li a.nav3{
				width: 88px;
				background-image: url( ../images/content/nav3.png);
			}
		
			#nav ul li a.nav4{
				width: 135px;
				background-image: url( ../images/content/nav4.png);
			}
		
			#nav ul li a.nav5{
				width: 95px;
				background-image: url( ../images/content/nav5.png);
			}

/* end of Nav css */


/* Content css */

#contentContainer{
	background: url( ../images/content/border_left.png) repeat-y 0 0;
}

#contentInnerContainer{
	background: url( ../images/content/border_right.png) repeat-y top right;
	padding: 14px 9px 0;
}


	/* Side Nav css */
	
	#sideNav{
		display: block;
		float: left;
		width: 180px;
	}

	#sideNav ul li{
		font-size: 14px;
		text-transform: uppercase;
	}
		
		#sideNav ul li a, #sideNav ul li a:hover{
			display: block;
			padding-top: 8px;
			padding-left: 30px;
			height: 22px;
			color: #000000;
			text-decoration: none;
			background: url( ../images/content/sideNav_bg.png) no-repeat 0 0;
		}
		
		#sideNav ul li a:hover{
			color: #ffffff;
		}
		
		#sideNav ul li a.active{
			color: #ffffff;
			background-position: 0 -30px;
		}
		
		.returnDogGallery{
			margin-top: 30px;
			margin-left: 26px;
			padding-top: 29px;
			background: url( ../images/content/icon_return_dogs_gallery.gif) no-repeat 0 0;
		}
	
	/* end of Side Nav css */
	
#content{
	display: block;
	float:left;
	width: 707px;
	padding-bottom: 20px;
	margin-left: 50px;
}

	#content p{
		width: 610px;	
	}

ul.formList li{
	line-height: 31px;
}

	ul.formList li.narrowLi{
		line-height: 20px;
	}

	ul.formList li.padTop{
		padding-top: 5px;
	}

.shareContainer{
	margin-top: 30px;
}

.shareContainer .shareText
{
    margin-top: 10px;
	font-size: 14px;
	line-height: 30px;
	display:block;
	float: left;
}

	.shareIcon{
		margin: 0 4px;
	}

/* end of Content css */


/* Footer css */

#promoContainer{
	height: 128px;
	background-color: #000000;
}

	.promoLeft, .promoRight, .promoDivider, .promoBox{
		display: block;
		float: left;
		height: 128px;
	}
	
	.promoLeft{
		width: 9px;
		background: url( ../images/footer/promo_left.gif) no-repeat 0 0;
	}
	
	.promoRight{
		float: right;
		width: 9px;
		background: url( ../images/footer/promo_right.gif) no-repeat 0 0;
	}
	
	.promoDivider{
		width: 17px;
		background: url( ../images/footer/promot_divider.gif) no-repeat 0 0;
	}
	
	.promoBox{
		position: relative;
		width: 306px;
		background-position: bottom right;
		background-repeat: no-repeat;
	}
	
		.promoBox h4{
			margin-top: 16px;
			margin-left: 10px;
		}
	
		.promoBox p{
			width: 165px;
			margin: 3px 0 0 10px;
			line-height: 18px;
			color: #ffffff;
		}
		
		.promoBox a{
			margin: 8px 0 0 10px;
			padding-right: 15px;
			display: block;
			float: left;
			text-decoration: none;
			color: #ffc300;
			background: url(../images/footer/icon_link.gif) no-repeat right top;
		}
		
		.promoBox a:hover{
			color: #ffffff;
			background-position: right -14px;
		}
		
		.promoBox a.more{
			position: absolute;
			left: 0px;
			bottom: 16px;
		}
	
		.promoBox a.button.btnFbLike{
			margin-top: 4px;
			padding: 0;
			width: 52px;
			height: 24px;
			background: url( ../images/footer/btn_fb_like.gif) no-repeat 0 0;
		}
		
		.promoBox a.button.btnFbLike:hover{
			background-position: 0px -24px; 
		}
		
		.promoBox p.promoDisclaimer{
			font-size: 8px;
			margin-top: 15px;
		}
		
#footer{
	padding: 20px 0;
	background-color: #ffaa00;	
/*	background-color: #ff9c00;	*/
	font-size: 10px;
	line-height: 13px;
}

#footerLinks ul li{
	display: block;
	float: left;
}

	#footerLinks ul li a{
		text-decoration:  none;
		font-weight: normal;
	}

	#footerLinks ul li a:hover{
		text-decoration:  underline;
	}

#footer #disclaimer{
	display: block;
	float: right;
	text-align: right;
}

	/* Footer pormo page */
	
	#promoBuyPedigree{
		background-image: url(../images/footer/promo_buy_pedigree.jpg);
	}
	
	#promoAdoptDog{
		background-image: url(../images/footer/promo_adopt_a_dog.jpg);
	}
	
	#promoSupportersShop{
		background-image: url(../images/footer/promo_supporters_shop.jpg);
	}
	
	#promoDonate{
		background-image: url(../images/footer/promo_donate.jpg);
	}
	
	#promoSupportUs{
		background-image: url(../images/footer/promo_support_us.jpg);
	}
	
	#promoDogsInMedia{
		background-image: url(../images/footer/promo_in_media.jpg);
	}
	
	/* end of Footer pormo page */

/* end of Footer css */