/* 

	CHW
	Master Screen CSS
	Alison Endacott
	April 2008
	
 */
 
* {
	margin: 0;
	padding: 0;
}
 
	img {
		border: 0;
	}
	
 body {
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 68%;
	line-height: 1.4;
 	background: #efead5;
	}
 
 a {
 	color: #fff;
	text-decoration: none;
 }
 
 	a:hover {
	
		text-decoration: underline;
	}
	
	a:visited {
		
	}
 
#container {
	width: 780px;
	margin: 0 auto; /*centers container if there is a width */
	
}
 
 #head {
 	background: #fff;
	height: 150px;
 }
 
 	h1 {
		padding: 46px 0 0 24px;
	}
 
 	#head span {
		background: url(../images/web/chw-info.gif) no-repeat 25px 0;
		display: block;
		height: 14px;
		width: 768px;
		text-indent: -9999px;
		overflow: hidden;
		margin-top: 10px;
	}

 
 #accessibility {
 	position: absolute;
	left: -9999px;
 }
 
	#head-info {
		background: #737145;
		color: #fff;
		min-height: 11px;
		_height: 11px;
		padding: 5px;
		position: relative;
		text-align: center;
		font-weight: bold;
		font-size: 85%;
	}
		#head-info a {
			color: #fff;
			font-weight: normal;
			text-decoration: none;
		}
			#head-info a:hover {
				text-decoration: underline;
				}
		
	
		#head-info #print {
			text-align: right;
			
			position: absolute;
			top: 5px;
			right: 25px;
			z-index:100;
		}
			#head-info #print a {
				background: url(../images/web/print.gif) no-repeat left;
				padding-left: 15px;
				
				}
				
					
 #content {
 	*height: 1%;
 }
/* special */
body.special #page-content {
	padding-right: 200px;
	background: url(/Images/web/laptop.jpg) no-repeat 220px 20px;
} 

	body.special #page-content h3 {
		position: relative;
		top: -16px;
		font-size: 90%;
	}
	
	body.news #page-content h3 {
		padding-top: 1em;
	}

/* ------------------------ 
		HOME
------------------------ */
body.home #navigation {

}

	body.home #navigation li {
		float: left;
		_display: inline;
		list-style: none;
		text-align: center;
	}
	
		body.home #navigation li a {
			display: block;
			width: 86px;
			padding-top: 337px;
			padding: 337px 35px 0 35px;
			height: 47px;
			color: #d4d182;
			text-decoration: none;
			line-height: 1.2;
			font-size: 120%;
			background: url(../images/web/nav-home.jpg)
			}
	
			body.home #navigation li a:hover {
				font-size: 95%;
				text-transform: uppercase;
				font-weight: bold;
				color: #fff;
			}
			
			body.home #navigation li#nav-aboutUs a {
			
			}
				body.home #navigation li#nav-aboutUs a:hover {
					background-position: 0 -384px;
				}
				
			body.home #navigation li#nav-what a {
				background-position: -156px 0 ;
			}
				body.home #navigation li#nav-what a:hover {
					background-position: -156px -384px;
				}
				
			body.home #navigation li#nav-who a {
				background-position: -312px 0;
			}
				body.home #navigation li#nav-who a:hover {
					background-position: -312px -384px;
				}
				
			body.home #navigation li#nav-housing a {
				background-position: -468px 0;
				padding-top: 334px;
				padding-bottom: 3px;
			}
				body.home #navigation li#nav-housing a:hover {
					background-position: -468px -384px;
				}
				
			body.home #navigation li#nav-news a {
				background-position: -624px 0;
			}
				body.home #navigation li#nav-news a:hover {
					background-position: -624px -384px;
				}

/* ------------------------ 
		content
------------------------ */
#flash {
	float: left;
	_display: inline;
}

body.inner #navigation {
	display: block;
	width: 146px;
	padding-left: 180px;
	height: 384px;
	background: url(../images/web/nav-inner-bg.jpg) no-repeat;
	text-align: center;
	float: left;
	_display: inline;
}

	body.inner #navigation ul {
		list-style: none;
		background: #737145;
		opacity: .9;
		filter:alpha(opacity=90);
		height: 384px;
	}
	
	body.inner #navigation a {
		color: #fff;
		padding: 1em 10px;
		display: block;
		font-size: 130%;
		font-weight: bold;
		line-height: 1.1;
	}
	
#main-content {
	float: left;
	_display: inline;
	width: 455px;
	min-height: 384px;
	_height: 384px;
	position: relative;
}

	h2 {
		color: #fff;
		font-size: 100%;
		padding: 34px 0 0 52px;
		min-height: 27px;
		_height: 27px;
		/*filter:alpha(opacity=90);
		opacity: .9;*/
	}
	
		h2 a,
		h2 a:hover {
			text-decoration: none;
			cursor: text;
		}
	
	ul#sub-navigation {
		padding: 1em 52px;
		list-style: none;
		color: #fff;
		font-size: 90%;
	}
		ul#sub-navigation li {
			display: inline;
			}
			
			body ul#sub-navigation li.active,
			body ul#sub-navigation li.active a,
			body ul#sub-navigation a.Active {
				color: #fff;
				font-weight: bold;
				text-decoration: none;
				cursor: text;
			}
			
			ul#sub-navigation li a {
				
				}
	
	#page-content {
		color: #fff;
		padding: 1.5em 52px 2em 52px;
	}
	
		#page-content h3 {
			color: #fff;
			font-size: 100%;
			padding: .5em 0;
		}
	
		#page-content p {
			padding: .5em 0;
		}



/* ------------------------ 
		NEWS
------------------------ */

body.news #page-content li {
	list-style: none;
	padding: 1em 0;
	border-bottom: 1px solid #efead5;
}

body.news h4 {
	line-height: 1.2;
	font-size: 105%;
}

body.news a {
	text-decoration: underline;
}
	body.news a:hover {
		text-decoration: none;
	}


	#page-content p.date {
		padding: 0 0 .5em 0;
		font-style: italic;
		font-size: 90%;
	}

	p.previous,
	p.next {
		width: 49%;
		float: left;
		_displaY: inline;
		padding-bottom: 1em;
	}
	
	p.next {
		text-align: right;
	}

/* ------------------------ 
	WHO / DIRECTORY 
------------------------ */
body.directory #page-content {
	padding-top: 0;
}

body.directory h4 {
	font-size: 105%;
}


dl {
	
	font-size: 90%;
	font-weight: bold;
}

body.directory dl {
	position: relative;
	background: #fff;
	border-bottom: 3px solid #dbe9ec;
	color: #000;
	padding: 15px 20px 0 70px;
	min-height: 55px;
	_height: 55px;
}

	body.directory dl:hover {
		background: #f0f6f7;
	}


	dl a {
		/*color: #28484f;*/
		text-decoration: none;
	}
	
	dt {
		font-size: 105%;
		/*color: #28484f;*/
		width: 135px;
		float: left;
		_display: inline;
	}
	
	body.directory dd {
		float: left;
		_display: inline;
	}
	
	dd.img {
		position: absolute;
		top: 0;
		left: 0;
	}
	
	dd.title {
		width: 135px;
	}
	
	dd.location {
		float: left;
		width: 180px;
		padding-bottom: .2em;
	}
	
	
	body.directory dd.vcard {
		width: 48px;
	}
		dd.vcard a {
			background: url(../images/web/vcard.gif) no-repeat;
			padding-left: 23px;
		}
		
		
		
	dd.email {
		
	}
		dd.email {
			background: url(../images/web/email.gif) no-repeat 0 3px;
			padding-left: 15px;
		}
	
		body.directory dl img {
			display: block;
			height: 70px;
			width: 60px;
		}
		
		
		
		/* detail page */
		body.detail h2 {
			padding: .8em 0 .5em 190px;
			/*color: #7cb0bc;*/
			min-height: 1%;
		}


		#staff-detail {
			background: #fff;
			min-height: 220px;
			padding: 1.5em 52px 2em 52px;
		}
		
			#staff-detail div {
				border-bottom: 3px solid #deebed;
				padding: .5em 0 1.5em 0;
				clear: both;
					
			}
			
				#staff-detail div.outside {
					
				}
		
			#staff-detail h4,
			.aHeading,
			.whoWeAreSubhead {
				display: block;
				font-size: 105%;
				font-weight: bold;
				/*color: #365d66;*/
				padding-top: 1em;
			}
			
			#staff-detail li,
			#page-content li {
				margin-left: 15px;
			}
			
			p.outside {
				position: relative;
			}
			
			p.outside img {
				float: left;
				_display: inline;
				width: 115px;
				padding-right: 5px;
				
			}
			
				.outside h4 {
					padding-bottom: .5em;
				}
			
				p.outside a#hlnkImage2 {
					width: 112px;
					display: block;
					border: 1px solid;
					
				}
				
				p.outside a img {
					width: 112px;
					}
					
					p.outside a span img {
						position: absolute;
						left: -9999px;
						width: 380px
					}
					
					p.outside a:hover {
						border-color: #fff; /* this needs to be here for IE6 bug where hovers will not show unless here is a unique style in the a:hover styles */
					}
					
					p.outside a:hover span img {
						display: block;
						top: -250px;
						position: absolute;
						left: -370px;
						_left: -450px;
						padding: 10px;
						background: #fff;
						border:1px solid #b4b3af;
					}
		
		body.detail dl {
			padding: 10px 20px 0 190px;
			color: #fff;
			font-weight: normal;
			min-height: 187px;
			_height: 187px;
		}

		body.detail dl a {
			color: #fff;
		}

			body.detail dt {
				color: #fff;
				font-size: 110%;
				font-weight: bold;
			}
			
			body.detail dd{
				font-size: 90%;
			}
			
				body.detail dd.title {
					font-weight: normal;
					padding-bottom: 1em;
				}
				
				body.detail dd.address {
					padding-bottom: 1em;
				}
				
				body.detail dd.email {
					margin-top: 1em;
					background: url(../images/web/email-white.gif) no-repeat 0 3px;
				}
				
				body.detail dd.vcard {
					font-size: 105%;
					
				}
					body.detail dd.vcard a {
					background: url(../images/web/vcard-white.gif) no-repeat;
					}
				
				body.detail dl img {
					display: block;
					width: 183px;
				}
				
				body.detail dd span span,
				body.detail dd.email a {
					color: #8fcbd9;
					display: block;
					
				}
				
				body.detail dd span span {
					display: block; 
					width: 25px;
					float: left;
				}
	
/* ------------------------ 
		TESTIMONIALS
------------------------ */	

.testimonials ul {
	padding-bottom: 1em;
	list-style: none;
	position: relative;
	left: -10px;
}
	ul.client-list {
		padding-top: 1em;
	}
	
	
	.testimonials ul li a {
		padding-left: 15px;
		display: block;
		position: relative;
		text-decoration: none;
		z-index: 20;
	}
		.testimonials ul li a.testimonial {
			background: url(/images/web/t.gif) no-repeat 0 4px;
		}
	
	.testimonials ul li a.nolinks,
	.testimonials ul li a.nolinks:hover {
		text-decoration: none;
		cursor: default;
	}

		.testimonials ul li a:hover {
			text-decoration: underline;
			border-color: #fff; /* this needs to be here for IE6 bug where hovers will not show unless here is a unique style in the a:hover styles */
			}
			
			
		.testimonials ul li a span {
			left: -9999px;
			position: absolute;
		}
		
			.testimonials ul li a:hover span {
				z-index: 99;
				display: block;
				position: absolute;
				bottom: 5px;
				_top: 0px;
				
				left: -355px;
				_left: -380px;
				width: 330px;
				margin: 0px;
				color: #000;
				border: 1px solid #b4b3af;
				background: #fff;
				padding: 5px 10px;
				}

.testimonials h4	 {
	padding-top: 1em;
	font-size: 100%;
}
			
.testimonials h5 {
	font-size: 135%;
	margin-top: -5px;
	padding-bottom: 0.6em;
	padding-top: 0;
	line-height: 1;
}	
/* ------------------------ 
		housing
------------------------ */	
.removeBulletsHousing {
	list-style: none;
	margin: 0 0 1em 0;
}
#housing li {
	margin: 0 0 1em 0;
	list-style: none;
}

	#housing h4,
	.housingSubhead {
		font-size: 110%;
		font-weight: bold;
	}

	#housing li li {
		margin-left: 20px;
	}
	
	#housing a {
		color: #fff;
	}
	
.housing li {
	margin: 0 0 1em 0;
	list-style: none;
}

	.housing li li {
		margin-left: 20px;
	}
	
	.housing a {
		color: #fff;
	}
	
/* ------------------------ 
		contact
------------------------ */

#albany,
#buffalo {
	width: 170px;
	float: left;
	_display: inline;
}

/* ------------------------ 
 career opportunities form
------------------------ */

 fieldset {	
 	clear: both;
	margin: 1em 0;
	border: 0;
}

	legend {
		color: #fff;
		padding: 1em 0 .5em 0;
		font-weight: bold;
		font-size: 115%;
		*margin-left: -9px;
	}


	body.form fieldset div {
		float: left;
	}
	
		#ZipCode,
		#referenceZipCode1,
		#referenceZipCode2 {
			width: 80px;
		}
		
		body.form table { 
			padding: 0;
			border-collapse: collapse;
		}
		body.form table td,
		body.form table th {
			padding: 0 .5em;
		}
		
		th {
			font-weight: normal;
			text-align: left;
		}
		
		th.name {
			width: 300px;
		}
		
		th.year {
			width: 120px;
		}
		
			body.form table input {
				width: 100px;
			}
			
			body.form #rdLegal input,
			body.form #rd18 input,
			body.form #rdCrime input, 
			body.form #rdEmp input,
			body.form #rdContact input {
				width: auto;
			}
	 
	#personal label,
	#personal input {
		display: inline;
		border: 0;
	}
	
	#personal p {
		padding-top: 1.5em;
	}
	
		#personal p.small {
			font-size: 85%;
			padding: 0;
		}
		
		#certify,
		#lbl_certify {
			display: inline;
			border: 0;
		}	
		
		#referenceAffiliations1,
		#historyReason1,
		#historyReason2 {
			margin-bottom: 2em;
		}
	 

   label {
   	clear: both;
	display: block;
	padding-top: .5em;
	}
	
		  label.required {
			font-weight: bold;
		}

   input, 
   select {
		border: 1px solid #ccc;
		display: block;
		margin-right: 10px;
	}

	  input:focus,
	  select:focus {
		border: 1px solid #750000;
	}

 p#submit {
	
}
	 
 #summary ul,  #ValidationSummary1 ul{
	padding: 1em 2em;
	background: #fff;
	width: 100%;
	clear: both;
}

 #btnSubmit {
	margin-top: 1em;
	border: 0;
}


body.form #summary {
	float: none;
}


/* ------------------------ 
		FOOTER
------------------------ */


#footer {	
	border-top: 7px solid #737145;
	clear: both;
	padding-top: .5em;
	text-align: center;
	margin-bottom: 1.5em;
	font-size: 85%;
}

	#footer h2 {
		display: none;
	}

	#footer li {
		list-style: none;
		display: inline;
		padding: 0 .6em;
		text-transform: uppercase;
		font-weight: bold;
	}
		
		#footer li a {
			color: #000;
			text-decoration: none;
		}
			#footer li a:hover {
				text-decoration: underline;
				}
				
#footer p {
	padding: .5em 0;
}
		
	
/* ------------------------ 
		EASY CLEARING 
------------------------ */
.clear { clear:both;}
.clearfix:after,
#staff-detail div:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix, #staff-detail div {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix,
*html #staff-detail div {
height:1%;
}
*+html .clearfix,
*+html #staff-detail div {
height:1%;
}
.clearfix,
#staff-detail div {
display:block;
}
/* End hide from IE-mac */