/*
  Natural Expressions CSS
*/

/* General font families for common tags */	
body { 
	margin: 0; 
	background: #F4F2E9; 
	font: 11px Tahoma, Arial, Verdana, Helvetica, sans-serif; 
	color: #FFF;
	text-align: center;
}

#envelope {
	margin: 0px auto;
	text-align:left;
	width: 780px;
	height: 100%;
}

p, td, input, select, textarea { 	
	font: 11px Tahoma, Arial, Verdana, Helvetica, sans-serif; 
	color: #FFF;
}

p {
	margin: 0 0 10px 0;
}

hr {
		border: none;
		color: #B2B4AC;
		background-color: #B2B4AC;
		height: 1px;
		margin: 8px 0 8px 0;
	}

a:link,a:active,a:visited { color: #B2B4AC; }
a:hover		{ text-decoration: underline; color : #B2B4AC; }

/* Headers */
h2 { 
	font-weight: bold; 
	font-size: 12px; 
	color: #B2B4AC; 
	margin: 5px 0 3px 0;
}

h2.FAQ {
	margin: 0 0 3px 0;
}

img.logo {
	margin: 12px 0 13px 16px
}

img.subHeader {
	margin: 0 20px 0 9px;
}

img.thumb {
	margin: 3px 3px 0 0;
}

img.thumbH {
	margin: 0 3px 4px 0;
}

	#mainContentX {
		margin: 62px 25px 0 25px;
	}
	
	#hdr {
		margin: 24px 0 0 15px;
	}
	
	#mainContent {
		margin: 63px 25px 10px 25px;
		padding-right: 20px;
		overflow: auto;  
		height: 320px;
		scrollbar-face-color: #B2B4AC;
		scrollbar-shadow-color: #FFF;
		scrollbar-highlight-color: #FFF;
		scrollbar-3dlight-color: #B2B4AC;
		scrollbar-darkshadow-color: #B2B4AC;
		scrollbar-track-color: #FFF;
		scrollbar-arrow-color: white;	
	}
	
	#mainContentHome {
		background: #FFF url(../images/layout/bg-home.jpg) no-repeat;
		width: 617px;
		height: 400px;
	}
	
	#logoWPJA {
		text-align: center;
		margin-top: 160px;
	}
	
	#hmpContent {
		padding: 20px 50px 0 50px;
		text-align: center;
	}

		.hmpTitle {
			font-size: 19px;
			color: #585C4C;
			text-align: center;
			margin-bottom: 15px;
		}
		
		.hmpTitleSm {
			font-size: 17px;
			color: #585C4C;
			text-align: center;
			margin-bottom: 10px;
		}
		
		.hmpDesc {
			font-size: 11px;
			color: #585C4C;
			text-align: center;
			margin-bottom: 10px;
			line-height: 14px;
			font-style: italic;
		}
	
		.hmpDescSep {
			font-size: 13px;
			color: #585C4C;
			text-align: center;
			margin-bottom: 10px;
		}

	#rightFocus {
		margin: 12px 0 0 25px;
	}
	
	#rightFocus img {
		margin-bottom: 15px;
	}
	
	#rightFocus img.last {
		margin: 0;
	}

	#navigation {
		width: 100px;
	}
	
	#navigation ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		font: 10px Tahoma, Arial, Helvetica, sans-serif;
		font-weight: normal;
		line-height: 14px;
	}
	
	#navigation li a {
		margin: 2px 0 0 10px;
		text-transform: uppercase;
		display: block;
		padding: 0 0 0 15px;
		background: #585C4C url(../images/layout/nav-bullet-0.gif) 0 4px no-repeat;
		color: #B2B4AC;
		text-decoration: none;
	}

	#navigation li a:hover, #navigation li a:active {
		background: #585C4C url(../images/layout/nav-bullet-1.gif) 0 4px no-repeat;
		color: #FFF;
	}

	#navigation li a.selected {
		background: #585C4C url(../images/layout/nav-bullet-1.gif) 0 4px no-repeat;
		color: #FFF;
		font-weight: bold;
	}
	
	#navigation ul ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		font: 10px Tahoma, Arial, Helvetica, sans-serif;
		font-weight: normal;
	}
		
		#navigation ul ul li a {
			margin: 2px 0 0 10px;
			text-transform: lowercase;
			display: block;
			padding: 0 0 0 15px;
			background: #585C4C;
			color: #B2B4AC;
			text-decoration: none;
		}

			#navigation ul ul li a:hover, #navigation li a:active {
				background: #585C4C;
				color: #FFF;
			}
			
			#navigation ul ul li a.selected {
				background: #585C4C;
				color: #FFF;
			}
			
		.photoSubtitle {
			margin-top: 35px;
			width: 400px;
		}	
			
		.copyright {
			margin: 5px 0;
			font: 10px Tahoma, Arial, Helvetica, sans-serif;
			font-weight: normal;
			color: #999999;
			text-align: right;
		}
			
		.contact {
			color: #000;
			font-weight: bold;
			margin-left: 38px;
		}
		
		/* Form */
		label {
			color: #FFF;
			font-weight: bold;
			display: block;
		}
		
		input {
			border: none;
			background: #B2B4AC;
			margin: 3px 0 10px 0;
			height: 15px;
			width: 400px;
		}

		select.small {
			border: none;
			background: #B2B4AC;
			margin: 3px 0 10px 0;
			height: 15px;
			width: 100px;
		}
		
		textarea {
			border: none;
			background: #B2B4AC;
			margin-top: 3px;
			height: 50px;
			width: 400px;
		}
	
		input.submit {
			display: block;
			width: 75px;
			font-weight: bold;
			background: #FFF;
			color: #B2B4AC;
			border: solid 1px #B2B4AC;
		}
		
		.error {
			color: #FFF;
		}
		
		.scroll {
			margin: 10px;
			text-align: right;
		}

		#viewSlideshow {
			width: 120px;
			margin-bottom: 25px;
		}
		
		#photos {
			text-align: center;
			width: 350px;
		}

/* photo1 css */

.photo {
  position: relative;
  border: solid 1px #585C4C;
  height: 398px;
}

	div#photo1 ul li {
	float:left;
	top: -1px;
	left: -1px;
	position:absolute;
	list-style: none;
}
/* photo1 image style */	
	div#photo1 ul li img {
/*	border:1px solid #ccc;*/
}
    div#photo1 ul li.show {
	z-index:500
}