@charset "utf-8";

/* ----------------------------------------------------
	Body Default
	----------------------------------------------------*/
* {
	margin: 0px;
	padding: 0px;
	outline: none;
}

a, a:visited {
	text-decoration: underline;
	color: #A3A60F;
}

a:hover {
	color: #A3A60F;
	text-decoration: none;
}

img {
	border: none;
}

ul {
	margin: 0px;
	padding: 0px;
}

li {
	
}

li a{
	text-decoration: none;
}


.left { float: left !important; }
.right { float: right !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
/*.clear { float: left !important; clear: both !important; width: 100% !important; }*/

.clear {
	clear: both;
}

.h10 {
	height:10px;
}

.h15 {
	height:15px;
}

.h20 {
	height:20px;
}

img.padImage {
	margin:10px;
}

body {
	font: normal 13px Arial, sans-serif;
	text-align: left;
	text-decoration: none;
	color: #CFCFCF;
	background-color: #5E6E66;
	position:relative;
}

/* ----------------------------------------------------
	Headings 
	----------------------------------------------------*/
	
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	display: inline;
}

#backStrips {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background:#fff url(../images/stripes_gold.png) repeat;
	height:293px;
	z-index:0;
}

	#backStrips .grayBottom {
		background:#fff url(../images/stripes_grey.png) repeat;
		width:100%;
		position:absolute;
		bottom:0;
		height:18px;
	}

#wrapper {
	width: 953px;
	position:relative;
	margin: 0px auto;
}

#header {
	height:117px;
	background:url(../images/header_bg.jpg) repeat-y;
	width:100%;
}

	#header #logo img {
		margin: 13px auto auto 62px;
	}
	
	#header #nav {
		background:url(../images/main_menu.png) no-repeat;
		width:600px;
		position:absolute;
		top:30px;
		right:0;
		height:75px;
	}
	
	#header #nav a.homeLink {
		position:absolute; display:block; width:60px; height:20px;
	}
	
	
	#header #nav ul {
		margin-top:28px;
		list-style: none;	
	}
	
		#header #nav ul li {
			float:left;
			background-image: url(../images/nav_dot.png);
			background-repeat: no-repeat;
			background-position: right top;
			height:90px;
		}
		
			#header #nav ul li a {
				height:90px;
				display:block;
			}
			
				#header #nav ul li a.selected, #header #nav ul li a:active {
					background-image:url(../images/navArrow_over.png);
					background-repeat: no-repeat;
					background-position: center 20px;
				}
				
				#header #nav ul li a:hover {
					background-image: url(../images/navArrow.png);
					background-repeat: no-repeat;
					background-position: center 20px;
				}
		
		#header #nav ul li img {
			margin:0 8px 0 3px;
		}
		
		#header #nav ul li.last {
			background-image:none;
		}

#banner {
	height:158px;
	overflow:hidden;
	position:relative;	
	z-index:3;
}

	#banner #backStripsInner {
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
		background:url(../images/stripes_gold.png) repeat;
		height:32px;
		z-index:7;
	}

	#banner #leftSide {
		background:url(../images/subpage_photo.jpg) top left;
		height:158px;
		width:426px;
		float:left;
		position:relative;
		z-index:4;
	}
	
	
		#banner #bannerNav {
			position:absolute;
			left:0;
			height:35px;
			z-index:10;
		}
	
			#banner #leftSide #bannerNav img {
				position:relative;
				
			}
	
	#banner #rightSide {
		background:url(../images/subpage_bannerBg.jpg) top left;
		float:right;
		position:relative;
		width:527px;
		height:158px;
	}
	

#bar {
	background-color:#77867f;
	width:100%;
	height:18px;
	position:relative;
	z-index:5;
}



#content {
	background-color:#536059;
	overflow:hidden;
	z-index:10;
}

	#content #rightContent {
		width:285px;
		position:absolute;
		right:0px;
		padding:15px 10px 15px 10px;
		
	}
	
	#content #rightContent p {
		padding:10px;
	}
	
	#content #rightContent .signUpBox {
		padding:10px; 
		background-color:#5E6E66;
		clear:both;
	}


	#leftContent {
		background-color:#5E6E64;
		width:565px;
		padding: 0 40px;
	}
	
		#content #subNav {
		}
	
		#content #subNav a {
			color:#cccccc;
			text-decoration:none;
			font-weight:bold;
			margin: 10px 5px;
			line-height:20px;
		}
		
		#content #subNav a:hover {
			text-decoration:underline;
		}
		
		#content a.button {
			padding:5px 15px;
			background-color:#A3A60F;
			width:150px;
			color:#dfdfdf;
			text-decoration:none;
			font-size:13px;
			text-transform:uppercase;
			font-weight:bold;
		}
		
		#content a.button:hover {
			background-color:#AEAF20;
		}
		
		#content h3 {
			color:#A3A60F;
			font-weight:bold;
			display:block;
			padding:7px 0;
			line-height:22px;
			font-size: 18px;
		}
		
		#content h4 {
			color:#A3A60F;
			font-size:16px;
			font-weight:bold;	
		}
		
		#content .greenText {
			color:#A3A60F;
			font-size:14px;
			font-weight:bold;					
		}
		
		#content .greyText {
			color:#CFCFCF;
			font-size:14px;
			font-weight:bold;					
		}
		
		#content h5 {
			color:#CFCFCF;
			font-size:15px;
			font-weight:bold;
			display:block;
			width:100%;
			border-bottom:1px #CFCFCF solid;
			line-height: 26px;				
		}
		
		#content p {
			line-height:19px;
			margin:10px 0;
		}
		
		#content p.quote {
			font-style:italic;
			font-weight:bold;
			color:#cccccc;
			text-align:center;
			font-size:14px;
		}
		
		#content .comment {
			color:#66CCFF;
		}
		
		#content ul {
			margin-left:15px;
		}
		
		#content ul li {
			margin:10px;
			line-height:18px;
		}
		
		#content strong {
			font-size:13px;
		}
	
	#content .dotted {
		width:100%;
		height:20px;
		border:none;
		background-image: url(../images/dotted_line.png);
		background-repeat: repeat-x;
		background-position: 8px;
	}

 	#content #pageTitle {
		
		height:42px;
		position:absolute;
		margin:-65px auto 0 0;
		z-index:100;
	}
	
		#content #pageTitle img {
			border:12px #5E6E64 solid;
		}

	#content h1 {
		clear:both;
	}

	
	#content .donateButton {
		width:904px;
		background:url(../images/stripes_gold.png);
		height:46px;
	}


#footer {

}

	#footer img {
		margin:1px 0 0 -1px;	
	}






.family-wrap{
	width:560px;
	font-family:Arial, Helvetica, sans-serif;
	margin:10px 0;
}
.family-wrap h2{
	font-size:22px;
	font-weight:bold;
	color:#a3a60f;
}
.family{
	width:540px;
	float:left;
	background-color:#718377;
	padding:10px;
	margin:0 0 2px 0;
}
.family-image{
	width:175px;	
	float:left;
	position:relative;
	margin:0 15px 0 0;
}
.family h3{
	font-size:15px !important;
	font-weight:bold;
	color:#b0c1ab  !important;
	margin:0;
	padding:10px 0 0 0;
}
.family h3 a{
	font-size:15px ;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}
.family h3 a:hover{
	text-decoration:underline;
}
.family p{
	font-size:13px;
	font-weight:normal;
	line-height:18px;
	color:#dae3cb;
	text-align:left;
	padding:0 !important;
	margin:0 !important;
	
}
.adopted{
	width:175px;
	background-color:#000;
	position:absolute;
	left:0;
	bottom:10px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	opacity:0.6;
	filter:alpha(opacity=60);
	padding:5px 0;
}
.family label{
	width:220px;
	float:left;
	font-size:13px;
	font-weight:normal;
	color:#dae3cb;
	padding:10px 15px;
}

.table{
	width:540px;
	float:left;
}
.table-list td{
	font-size:13px;
	color:#fff;
	padding:10px 0;
}
.table-list td p{
	padding:0 !important;
	margin:0 !important;
}


.family p{
	width:220px;
	float:left;
	font-size:13px;
	font-weight:normal;
	color:#fff;
	padding:10px 15px;
	margin:0;
}

.family-image-preview{
	width:500px;
	float:left;
	padding:15px;
}
.adopt{
	width:92px;
	height:35px;
	background:url(../images/adopt.png) no-repeat;
	border:none;
	cursor:pointer;
	margin:15px;
}
.adopt:hover{
	background-position:0 -35px;
}
.adopt-small{
	width:80px;
	height:30px;
	background:url(../images/adopt_sml.png) no-repeat;
	border:none;
	cursor:pointer;
	margin:3px;
	float:right;
}
.adopt-small:hover{
	background-position:0 -30px;
}




.field{
	width:510px;
	float:left;
	padding:10px 15px;
}

.field label{
	padding:0;
}
.textbox{
	width:320px;
	height:20px;
	background-color:#fff;
	border:2px solid #45524b;
	padding:5px;
	font-size:13px;
	color:#5b5e56;
	margin:3px 0 0 0;
}
.select{
	width:330px;
	height:35px;
	background-color:#fff;
	border:2px solid #45524b;
	padding:5px;
	font-size:13px;
	color:#5b5e56;
	margin:3px 0 0 0;
}
.submit{	
	width:95px;
	height:35px;
	background:url(../images/submit.png) no-repeat;
	border:none;
	cursor:pointer;
	margin:15px;
}
.submit:hover{
	background-position:0 -35px;
}