/*##################################

  ENT Site Specific Styles

##################################*/
	
	/* Import the asset library */
	@import 'http://webmedia.med.cornell.edu/cmn/WC/lib/css/the_asset-1.0.css';
	
	/*
	COLOR REFERENCE:

	WCMC
		Main Institution red: #990000
		PO Red: #992800
		PO lighter red: #A84826
		Font Brown: #544842
		Title Font Darker Brown: #423934
		Menu grey: #AEA89D
		Menu hover grey: #C1BEB7
		Link Blue: #0E5D86
		Dark Blue BG: #20343D
		Cream BG: #FDFAF3
		PO Footer Grey: #B8B2A7
		Light Footer Grey: #DEDBDB
		PO footer links: #67645E

	NYPP
		Green: #677F7F
		Yellow: #FFFFCC
		Font Green, Link Green: #026860
		Title Font Brown: #5C261A
		Lighter Font Brown: #873F0D
		Footer Green: #D6DEDE
	
	RESEARCH
		Light blue BG: #83AAC4
		Cream BG: #FFF9E8
	
	*/
	
	
	body {
		color: #544842; 
		background: #B8B2A7;
	}
	
	a {
		color: #0E5D86;
	}
	
	p {
		line-height: 1.75em;
		font-size: 14px; 
	}
	
	#header {
		background: #FDFAF3;
	}
	
		#javascript_off_notice {
			display: none;
		}
	
		div.wcmc_ent_header {
			background: url(../images/WCMC_ENT_header_inside.jpg) no-repeat;
			height: 86px;
		}
	
			a#logo {
				float: left;
				height: 87px;
				width: 325px;
				display: block;
				cursor: pointer;
			}
	
			h2#department_name {
				font-size: 3.2em;
				padding-bottom: 0;
				line-height: 0;
				width: 450px;
				height: 87px;
				float: right;
				text-align: right;
				font-weight: normal;
		
			}
	
			h2#department_name a {
				color: #423934;
				width: 450px;
				height: 87px;
				float: right;
			}
	
	a#logo:hover, 
	h2#department_name a:hover { 
		text-decoration: none; 
	}
	
	#main_menu {
		background: #992800;
		height: 30px;
	}
	
		ul.main_nav  {
			font-size: 1.1em;
			letter-spacing: .02em;
			font-weight: normal;
			float: left;
			width: 960px;
			border-left: 1px solid #A84826;
			background: none;
			margin-bottom: 0;
		}
		
		ul.main_nav li {
			float: left;
			text-align: center;
			border-right: 1px solid #A84826;
			margin-bottom: 0;
		}
		
		ul.main_nav li a {
			float: left;
			color: #FDFAF3;
			height: 23px;
			padding-top: 7px;
			background: #992800;
		}
		
		ul.main_nav li a:hover {
			background: #A84826;
			text-decoration: none;
		}
		
		a#about_us { 
			width: 114px;
		}
		a#healthcare_services { 
			width: 185px;
		}				
		
		a#ent_health_library { 
			width: 154px;
		}
		
		a#for_patients { 
			width: 133px;
		}
		
		a#for_healthcare_professionals { 
			width: 246px;
		}
		
		a#residency { 
			width: 122px;
		}
		
		ul.main_nav a.active {
			background: #A84826;
		}
	
	#content {
		background: #FDFAF3;
		padding: 25px 0 35px 0;
	}
	
	
	
	/* extend Asset styles */
	
	.image_left,
	.image_right {
		border: 1px solid #ccc;
		padding: 2px;
	}
	
	.margin_bottom {
		margin-bottom: 1.5em;
	}
	
	
	
	/* -----------------------------------------*/
	/* --------- HOME SPECIFIC STYLES --------- */

	body#home div.wcmc_ent_header {
		background: url(../images/WCMC_ENT_header.jpg) no-repeat;
		height: 86px;
	}
		
	body#home #content {
		padding: 0;
	}
	
	body#home #content .bg {
		background: url(../images/adult/woman_face.jpg) no-repeat;
		width: 960px;
		position: relative;
	}
	
	body#home #content .bg.peds {
		background: url(../images/peds/baby_face.jpg) no-repeat;
		width: 960px;
		position: relative;
	}

		#left {
			float: left;
			width: 654px;
		}
		
			#left h1 {
				margin: 44px 0 0 0;
				background: url(../images/adult/home_title.png) 0 0 no-repeat;
				width: 654px;
				height: 95px;
				float: left;
			}
			
			.peds #left h1 {
				margin: 44px 0 10px 0;
				background: url(../images/peds/home_title.png) 0 0 no-repeat;
				width: 419px;
				height: 88px;
				float: left;
			}
		
			#left p {
				font-size: 14px;
				width: 370px;
				color: #434343;
			}
			
			.peds #left p {
				font-size: 18px;
				width: 370px;
				color: #434343;
			}
			
			#left ul {
				position: absolute;
				left: 0;
				top: 270px;
				z-index: 999;
			}
			
				#left ul li {
					background: url(../images/li_bg_repeat.png) repeat-y;
					margin-bottom: 15px;
					height: 20px;
					width: 240px;
				}
				
				#left ul li a {
					padding-left: 5px;
					position: relative;
					z-index: 40;
				}
		
		#right {
			float: left;
			width: 275px;
			padding: 92px 6px 30px 25px;
		}
		
			.feature {
				float: left;
				margin-bottom: 5px;
				width: 275px;
			}
		
			.feature h2 {
				font-weight: normal;
				padding-bottom: 0.4em;
				font-size: 18px;
				letter-spacing: .01em;
				line-height: 100%;
			}
			
			.feature .line {
				height: 1px;
				width: 275px;
				margin-bottom: 0.4em;
				float: left;
				background: url(../images/adult/item_underline.jpg) no-repeat;
			}
			
			.feature h2 a:hover {
				text-decoration: none;
			}
			
			.feature p {
				line-height: 160%;
				color: #444;
				font-size: 12px;
			}
		
		#news {
			background: url(../images/adult/news_bg_repeat.png) right top repeat-y;
			padding: 35px 0 35px 380px;
			width: 580px;
			height: 90px;
			float: left;
			position: relative;
		}
		
			img.top_border {
				float: right;
			}
			
			.cream_extend {
				border-top: 1px solid #e4dac5;
				height: 160px;
				background: #f6f0e0;
				position: absolute;
				left: 960px;
				top: -1px;
				z-index: 100;
			}
		
			.little_head {
				background: url(../images/adult/sm_baby_head.png) no-repeat;
				height: 122px;
				width: 95px;
				position: absolute;
				left: 295px;
				top: 15px;
				z-index: 20;
			}
			
				.little_head a {
					height: 122px;
					width: 95px;
					display: block;
				}
			
			.item {
				float: left;
				font-size: 11px;
				color: #444;
				width: 235px;
				position: relative;
				z-index: 30;
			}
			
				.item a {
					position: relative;
					z-index: 35;
				}
			
				#news .margin {
					margin-right: 63px;
				}
			
				.item span {
					color: #423934;
					font-size: 16px;
				}
			
			

	
	
	/* --------- END HOME MAIN MEAT ---------*/
	/* --------------------------------------*/
	
	
	
	
	
	
	
		#breadcrumb {
			width: 780px;
			font-size: .9em;
		}
		
			#breadcrumb ul {
				float: left;
				margin-bottom: 1em;
				width: 540px;
			}
			
				#breadcrumb ul li {
					float: left;
					margin-right: 3px;
					margin-bottom: 0;
				}
				
		
		input#main_search {
			width: 168px;
			float: right;
			padding: 7px 5px 4px 5px;
			margin-right: 2px;
			border: 1px solid #ddd;
			font-size: 13px;
			color: #999;
		}
		
		.submit_button {
			background: #992800;
			color: #fff;
			margin-top: 1px;
			height: 27px;
			width: 27px;
			border: none;
			float: right;
			cursor: pointer;
		}
		
		.submit_button:hover {
			background: #A84826;
		}

	
	
	/* -----------------------------------------------------------------------------------
	                                     COLUMN 1 
	----------------------------------------------------------------------------------- */
		
		
	#col_1 {}
		
		ul.level_2_nav {
			line-height: 1.25em;
			float: left;
		}
		
		ul.level_2_nav li {
			background: url(../images/submenu_delimeter.jpg) left bottom no-repeat;
			padding-bottom: .85em;
			margin-bottom: .85em;
			float: left;
			width: 150px;
		}
		
		ul.level_2_nav li a {
			float: left;
		}
		
		ul.level_2_nav li a.active {
			color: #423934;
			font-weight: bold;
		}
		
			ul.level_3_nav {
				margin: 1.15em 0 0 0;
				float: left;
				display: none;
			}

			ul.level_3_nav li {
				background: none;
				margin: .1em 0 0 0;
				font-size: 11px;
				line-height: 1.2em;
				float: left;
			}
			
			ul.level_3_nav li.last {
				margin-bottom: 0;
			}
			
			ul.level_3_nav li a {
				color: #725944;
				padding-left: 5px;
				float: left;
				border-left: 4px solid #FDFAF3;
			}
			
			ul.level_3_nav li a:hover {
				color: #333;
				border-left: 4px solid #7F6C59;
			}
			
			ul.level_3_nav li a.active {
				color: #333;
				border-left: 4px solid #7F6C59;
				font-weight: normal;
			}
	
	
	

	
	
	/* -----------------------------------------------------------------------------------
	                                     COLUMN 2 
	----------------------------------------------------------------------------------- */
		
		
	
	#col_2 {
		position: relative;
	}
	
		#col_2 h1,
		.modal_container h1 {
			font-size: 26px;
			font-weight: normal;
			padding-bottom: .40em;
			color: #423934;
		}
			#col_2 h1 span {
			font-size:20px;	
			}
			
		#col_2 h2 {
			font-weight: normal;
			color: #423934;
		}	
		
		#col_2 ul, #col_2 ol,
		.article_content ul {
			padding-left: 20px;
			margin-bottom: 2em;
			list-style: outside;
		}
		
		#col_2 ul li, 
		.article_content ul li {
			list-style: disc outside;
			line-height: 1.5em;
			margin-bottom: 0 0 5px 8px;
			padding-left: 8px;
		}
		
		#col_2 ol li {
			list-style: decimal outside;
			line-height: 1.5em;
			margin-bottom: 0 0 5px 8px;
			padding-left: 8px;
		}
		
		#col_2 ul li strong {
			display: block;
		}
		
		#col_2 h3,
		.modal_container h3 {
			font-weight: normal;
			color: #423934;
			font-size: 1.5em;
		}
		
		a.show {
			font-size: 11px;
			margin-top: 10px;
			float: left;
		}
		
		#col_2 h4,
		#col_3 h4,
		.modal_container h4 {
			font-weight: normal;
			color:#634426; 
			padding-top: 10px;
		}
		
		p.update_text {
			font-size: 11px;
			color: #666;
			margin-top: 3.5em;
		}
		
		p.service_link {
			margin-bottom: 5px;
			font-weight: bold;
		}
		
			p.service_link em {
				font-weight: normal;
			}
		
		
		.faculty_member {
			width: 240px;
			height: 160px;
			margin: 0 10px 10px 0;
			float: left;
			position: relative;
		}
		
			.faculty_member a {
				font-size: 13px;
				display: block;
				margin-bottom: 5px;
			}
			
			.faculty_member span {
				font-size: 11px;
				display: block;
				margin-bottom: 8px;
				line-height: 130%;
			}

			.faculty_member img {
				padding: 1px;
				border: 1px solid #e4dac5;
				float: left;
				margin: 0 10px 30px 0;
				cursor: pointer;
			}
		
			
			
			/* 
			All modal container css has to be abstracted.
			This is simply an interim.
			See line 765
			*/
			.modal_container_person {
				position: absolute;
				top: -1px;
				left: -530px;
				z-index: 999;
				width: 527px;
				display: none;
			}
			
				.person_detail {
					width: 480px;
					background: #fff;
					float: left;
					padding: 20px;
					border-top: 1px solid #eee;
					border-right: 1px solid #eee;
				}
				
					.modal_container_person .b {
						width: 514px;
					}
			
					#col_2 .person_detail ul {
						margin-bottom: 1.8em;
						margin-left: 0;
						padding-top: 4px;
					}
					
					#col_2 .person_detail ul li {
						list-style: none;
						color: #666;
						line-height: .75em;
					}
					
					.person_detail ul li strong {
						color: #634426;
						font-size: 1.5em;
						font-weight: normal;
					}
					
					#col_2 .person_detail p {
						
						font-size: 12px;
					}
					
					.modal_container_person #close {
						z-index: 1000;
						position: absolute;
						left: 501px;
						top: 15px;
					}
				
						#col_2 .modal_container_person #close a {
							font-size: 16px;
							font-weight: normal;
						}
		
		
		div#related_physicians {
			width: 190px;
			float: right;
			margin: 0 0 10px 20px;
		}
			
			.related_physician {
				width: 190px;
				float: left;
				padding: 5px 0;
				line-height: 110%;
				border-bottom: 1px solid #efe6d2;
				position: relative;
			}
			
			.related_physician:hover,
			.related_physician.active {
				background: #F6F0E0;
			}
			
			#col_2 .related_physician a {
				font-size: 11px;
				font-weight: bold;
				padding-top: 3px;
				display: block;
			}
			
			#col_2 .related_physician span {
				display: block;
				font-size: 11px;
			}
			
			.related_physician img {
				float: left;
				margin-right: 5px;
				height: 45px;
				padding: 1px;
				border: 1px solid #efe6d2;
			}
			
			.related_physician .person_detail img {
				margin-bottom: 1.8em;
				margin-right: 15px;
				height: 150px;
			}
			
			
		
		
		/* MOISES SYLES BEGIN */
		.img_flt_left {
			padding: 0px 15px 15px 0px; 
			float: left;
		}
		
		.img_flt_right {
			padding: 0px 15px 15px 0px; 
			float: right; 
			width: 144px;
		}
		
		.img_flt_left img,
		.img_flt_left span, 
		.img_flt_right img,
		.img_flt_right span {
			padding: 3px 0px 6px 0; 
			float: left;
		}
		
		.right_side_caption {
			width: 360px; 
			float: left; 
			padding: 10px;
			line-height: 1.5em;
			color: #666;
		}
		
		/* MOISES STYLES END */
		
		table {
			border-top: 1px solid #e4dac5;
			border-bottom: 1px solid #e4dac5;
			margin: 10px 0 2em 0;
			width: 540px;
		}
		
		table td, table th  {
			padding: 5px;
		}
		
		table tr.odd td {
			background: #f6f0e0;
		}
		
		
		
		
		
		/* -----------------------------------------------------------------------------------
		   HEALTH LIBRARY 
		----------------------------------------------------------------------------------- */	
			
		#col_2 ul.library {
			padding-top: 5px;
			margin-left: 0;
			float: left;
			padding-left: 0px;
		}

			#col_2 ul.library li {
				list-style: none;
				float: left;
				width: 230px;
				margin-bottom: 1.3em;
				line-height: 125%;
				background: url(../images/li_bg_repeat.png) 0 0 repeat-y;
			}
		
				#col_2 ul.library li a {
					float: left;
					padding: 2px 2px 2px 6px;
				}

				.lib_left {
					float: left;
					width: 230px;
					margin-right: 40px;
				}
	
				.lib_right {
					float: left;
					width: 230px;
				}
			
		#col_2 .hl_womans_face {
			position: absolute;
			right: -250px;
			top: 0px;
			z-index: 0;
		}
		
		#col_2 .hl_childs_face {
			position: absolute;
			right: -250px;
			top: 0px;
			z-index: 0;
		}
		
		input.hl_filter {
			padding: 3px;
			width: 142px;
			color: #777;
			float: left;
			border: 1px solid #ccc;
		}
		
		li.hl_filter_li {
			display: none;
		}
		
		body#health_library li.hl_filter_li {
			display: inline;
		}
		
		body.glossary h2.page_title {
			display: none;
		}
			
		.show {
			display: inline !important;
		}
			
			
			
			
		/* --- BEGIN MODAL WINDOW STYLES --- */		
		
		.overlay {
			background: #000;
			position: fixed;
			left: 0;
			top: 0;
			display: none;
		}
		
		
		
		/* 
		All modal container css has to be abstracted.
		This is simply an interim.
		See line 582
		*/
		.modal_container {
			display: none;
			width: 966px;
			position: absolute;
			top: 140px;
			z-index: 30;
			background: none;
			/*-moz-opacity: 0.9;   
			opacity: 0.9;
			filter:alpha(opacity=9);
			-khtml-opacity: 0.9;*/
		}
		
			.modal_container h4 {
				padding-top: 0px;
			}
		
			.left_shadow {
				width: 5px;
				float: left;
			}
		
				.tl {
					background: url(../images/modal/tl.png) no-repeat;
					height: 6px;
					width: 5px;
					float: left;
				}
			
				.l {
					background: url(../images/modal/l.png) repeat-y;
					width: 5px;
					float: left;
				}
				
				.bl {
					background: url(../images/modal/bl.png) no-repeat;
					height: 5px;
					width: 5px;
					float: left;
				}
				
			.bottom_shadow {
				width: 100%;
				height: 5px;
				float: left;
			}
				
				.b {
					background: url(../images/modal/b.png) repeat-x;
					height: 5px;
					float: left;
				}
				
				.modal_container .b {
					width: 955px;
				}
				
				.br {
					background: url(../images/modal/br.png) no-repeat;
					height: 5px;
					width: 6px;
					float: left;
				}




			/* ------------------------------------
			   HL MODAL CONTENT 
			------------------------------------ */
			
			.hl_modal {
				position: relative;
				font-size: 12px;
				width: 900px;
				background: #fff;
				padding: 30px;
				float: left;
				text-align: left;
				border-top: 1px solid #f5f2ec;
				border-right: 1px solid #f5f2ec;
			}
			
				.hl_modal #breadcrumb {
					float: left;
					width: 100%;
				}
			
				#col_2 .hl_modal #breadcrumb ul {
					margin: 0;
					padding: 0 0 10px 0;
					float: left;
				}
			
					#col_2 .hl_modal #breadcrumb li {
						list-style: none;
						padding-left: 0;
					}
				
				.hl_modal #article_content {}
								
				.hl_modal #related_services {
					position: relative;
					top: -23px;
				}
				
				.hl_modal #related_services h4 {
					padding: 0 0 .85em 0;
				}
				
				#col_2 .hl_modal #related_services ul {
					font-size: 12px;
					margin-left: 0;
					text-align: left;
					float: left;
				}
				
					#col_2 .hl_modal #related_services ul li {
						list-style: none;
						line-height: 120%;
						margin-bottom: 1.3em;
						float: left;
					}
				
				.hl_modal #close {
					color: #634426;
					width: 60px;
					height: 30px;
					font-size: .8em;
					padding: 3px 0 2px 5px;
					float: left;
					cursor: pointer;
					z-index: 50;
					position: relative;
					top: -38px;
					left: 145px;
				}
				
					.hl_modal #close a {
						font-size: 18px;
					}
			
				
			/* END MODAL */	
			
			
			/*  --- ARTICLE CONTENT (some greystone styling) --- */
			
			.article {
				display: none;
			}
			
			.hl_modal h3 {
				font-size: 1.5em;
				font-weight: normal;
				color: #423934;
			}
			
			.hl_modal h4 {
				font-size: 1.3em;
				font-weight: normal;
				color: #423934;
			}
			
			.hl_modal img {
				float: right;
				margin: 0 0 15px 15px;
				border: 1px solid #ccc;
				padding: 2px;
			}
			
			.hl_modal table {
				border: none;
				margin-bottom: 1.75em;
			}
			
				.hl_modal table tr,
				.hl_modal table th {
					border: none;
				}
				
				.hl_modal table tr strong {
					width: 125px;
					display: block;
					padding: 0;
				}
			
				.hl_modal table tr td {
					border: none;
					padding: 0 0 15px 0;
				}
				
				.hl_modal p.online {
					display: none;
				}
				
			.hl_modal .accent_table {
				float: right;
				width: 200px;
				padding: 20px 10px;
				background: #FDFAF3;
				margin: 0 0 15px 15px;
			}
		
				.hl_modal .accent_table span.accent_header {
					color: #634426;
					display: block;
					margin-bottom: .7em;
					font-size: 14px;
				}
		
				.hl_modal .accent_table p {
					margin-bottom: 1em;
					font-size: 12px;
				}
			
			.thumbnail_align_center,
			.thumbnail_align_right {
				float: right;
				text-align: center;
				width: 210px;
			}
	
			.thumbnail_caption {
				font-size: 11px;
			}
			
			.hl_img_modal {
				display: none;
			}
			
			.definition_term,
			.list_item {
				font-weight: bold;
			}
			
			.hl_modal ul.double_spaced {
				padding-right: 30px;
			}
			
			table.data_table_wide p {
				text-align: left;
				margin-bottom: .9em;
			}
					
	
	
	
	/* -----------------------------------------------------------------------------------
	                                     COLUMN 3 
	----------------------------------------------------------------------------------- */
		
		
	
	#col_3 {
		padding-top: 4em;
	}
	
		#col_3 h3 {
			font-weight: normal;
		}
	
		.caption {
			color: #666;
			font-size: 11px;
			line-height: 1.5em;
			margin-top: 10px;
		}
		
		
		.contact_info {
			float: left;
			width: 210px
		}
		
		body#health_library .contact_info {
			display: none;
		}
		
			#col_3 h3,
			#col_3 h4 {
				font-size: 1.3em;
				color: #423934;
				padding-bottom: 0.5em; 
			}
			
			.contact_info h3,
			#related_articles h4 {
				padding-left: 15px;
			}
			
			
			.contact_info ul.contact_main {
				background: #f6f0e0;
				padding: 10px 15px;
				border-top: 1px solid #e4dac5;
				border-bottom: 2px solid #e4dac5;
			}
			
				.contact_info ul.contact_main li {
					margin-bottom: 0em;
				}
			
				.contact_info ul.contact_services li {
					font-size: 12px;
				}
			
				.contact_info ul.contact_services li span {
					display: block;
				}
			
		#related_articles {
			float: left;
			width: 210px;
		}
		
			#related_articles ul {
				font-size: 12px;
				margin-left: 0;
				background: #f6f0e0;
				padding: 15px 15px 10px 15px;
				border-top: 1px solid #e4dac5;
				border-bottom: 2px solid #e4dac5;
				width: 180px;
				float: left;
			}
		
				#related_articles ul li {
					list-style: none;
					line-height: 120%;
					margin-bottom: 1em;
					text-transform: capitalize;
					width: 180px;
					float: left;
				}
			
				#related_articles ul li a#toggle_article_list {
					color: #634426;
					font-size: 90%;
				}
		
			
	
	
	
	
	
	/* -----------------------------------------------------------------------------------
	                                     FOOTER
	----------------------------------------------------------------------------------- */
		
		

	#footer {
		padding: 25px 0;
		color: #67645E;
		font-size: .9em;
	}
	
		#footer p {
			font-size: 11px;
		}

		ul.footer_nav {
			margin-bottom: 0em;
		}
	
		ul.footer_nav li {
			display: inline;
			margin-right: 1px;
		}
	
		ul.footer_nav a {
			color: #67645E;
		}
	
		.nyp_logo {
			float: right;
		}