@charset "utf-8";
/* CSS Document */

/*//////////////////////////
// filename: menu.css
// author: Frances Donovan
// last mod: April 2016 -- replaced h4s with p for accessibility purposes
// notes: This controls the TOP menu (global navigation)
//        only. Left Navigation styles are in styles.css
//        
//        Originally developed by MadPow/Atom Group
//        modified by Nina Johannessen, Blue Iris Web Design
//        modified by Tristan Dwyer, White Rhino December 2015 - Jan 2016
//        primary owner is Frances Donovan, PHS Web Dev for BWH (FJD6)
//////////////////////////*/

/* main global navigation wrapper div #navigation is set in styles.css */

/* menu */

ul#topnav {height:48px; margin:0px 0px -2px 0px; padding:0; top:0px; left:0px; position:absolute; z-index:1000;}
ul#topnav li {float:left; list-style-type:none;}
ul#topnav li a {display:block; text-decoration:none;}
ul#topnav li a:link {text-decoration:none;}
ul#topnav li a:visited {text-decoration:none;}
ul#topnav li a:hover {text-decoration:none; color:#000;}
ul#topnav li a:active {text-decoration:none;}

ul#topnav .menu {
	top:48px;
	position:absolute;
	/*background:#e4f5fa;*/
	background: #f9faf9;
	/*border-right:1px solid #008BA7;* <-- teal */
	border-left:1px solid #1a56a7;
	border-right:1px solid #1a56a7;
	border-bottom:1px solid #1a56a7;
	padding:20px 0 12px 20px;
	z-index:10000;
	list-style-type: none;
	font-size: 11px !important;
}

ul#topnav .menu ul.sub_nav {
	float:left;
	padding:0px;
	width:120px;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
	list-style-image: none;
	list-style-type: none;
}
ul#topnav .menu ul.sub_nav.divided {border-right:1px dotted #1a56a7; margin:0 15px 0 0; padding:0 15px 0 0; width:115px;}
ul#topnav .menu ul.sub_nav li {float:none; background-image:none;}
ul#topnav .menu ul.sub_nav li a, ul#topnav .menu ul.sub_nav li a:link, ul#topnav .menu ul.sub_nav li a:visited {
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px !important;
	font-weight:normal !important;
	margin:0px 0px 5px 0px;
	padding:0px 6px 4px 8px;
	text-decoration:none;
	list-style:none;
	list-style-image:none;
	background:url(../_images/bullet5.gif) no-repeat;
	z-index:1000;
	line-height:1.3em; 
	color: #1a56a7 !important;
	/*color:#006175; */
}
ul#topnav .menu ul.sub_nav li.header {
	font-family:Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #006175;
	padding-bottom: 8px;
	font-size: 13px;
	letter-spacing: 0.08em;
	line-height: 1.3em;
}
p.header  {
	font-family:Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #008BA7;
	/*color: #006175;*/
	font-size: 13px;
	letter-spacing: 0.07em;
	line-height: 1.3em;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
 } 
 
 
ul#topnav .menu ul.sub_nav li a:hover {
	/*color:#000000;*/
	color: #666 !important;
	text-decoration: none;
	background:url(../_images/bullet3.png) no-repeat;
	z-index:1000;
	list-style-image: none;
	list-style-type: none;
}
ul#topnav .menu ul.sub_nav li a:active {color:#000000; text-decoration: none; background-color:transparent;}
ul#topnav .menu ul.sub_nav li img {color:#000000; font-size:12px; margin:0px 0px 10px 0px; z-index:10000;}

ul#topnav li .menu {display:none; z-index:1000;}
ul#topnav li:hover .menu {display:block;}
ul#topnav li.over .menu {display:block; width:200px; height:1%;}
ul#topnav a.nav_item span {position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden;}


li.nav_home {background-position:0px 0;}
li.nav_home:hover, li.nav_home_over {background-position:0px -48px;}
li.nav_home a.nav_item, li.nav_home_over a.nav_item {width:76px; height:48px;}

li.nav_about {background-position:-76px 0;}
li.nav_about:hover, li.nav_about_over {background-position:-76px -48px;}
li.nav_about a.nav_item, li.nav_about_over a.nav_item {width:111px; height:48px;}
li.nav_about div.menu {left:76px; min-width:111px}

li.nav_dept {background-position:-187px 0;}
li.nav_dept:hover, li.nav_dept_over {background-position:-187px -48px;}
li.nav_dept a.nav_item, li.nav_dept_over a.nav_item {width:140px; height:48px;}
li.nav_dept div.menu {left:187px; min-width:140px}

li.nav_disease {background-position:-327px 0;}
li.nav_disease:hover, li.nav_disease_over {background-position:-327px -48px;}
li.nav_disease a.nav_item, li.nav_disease_over a.nav_item {width:135px; height:48px;}
li.nav_disease div.menu {left:327px; min-width:135px}

li.nav_health {background-position:-462px 0;}
li.nav_health:hover, li.nav_health_over {background-position:-462px -48px;}
li.nav_health a.nav_item, li.nav_health_over a.nav_item {width:136px; height:48px;}
li.nav_health div.menu {left:462px; min-width:136px}

li.nav_patients {background-position:-598px 0;}
li.nav_patients:hover, li.nav_patients_over {background-position:-598px -48px;}
li.nav_patients a.nav_item, li.nav_patients_over a.nav_item {width:121px; height:48px;}
li.nav_patients div.menu {left:598px; min-width:121px}

li.nav_research {background-position:-719px 0;}
li.nav_research:hover, li.nav_research_over {background-position:-719px -48px;}
li.nav_research a.nav_item, li.nav_research_over a.nav_item {width:112px; height:48px;}
li.nav_research div.menu {left:523px; min-width:129px;}
*li.nav_research div.menu {left:523px; width:300px;} /*IE6 hack*/

li.nav_forMed {background-position:-831px 0;}
li.nav_forMed:hover, li.nav_forMed_over {background-position:-831px -48px;}
li.nav_forMed a.nav_item, li.nav_forMed_over a.nav_item {width:129px; height:48px;}
li.nav_forMed div.menu {left:652px; min-width:129px}

ul#topnav li {
background-image:url(../_images/nav.png);
}

/* Update done with Mega Menu - Author Tristan Dwyer @White Rhino - Live text instead of images*/
ul#topnav {
	display: block;
	width: 100% !important;
	max-width: 100% !important;
}
ul#topnav li.nav_bttn {
	display: table !important;
	height: 100%;
	width: 120px !important;
	background: url(../_images/nav_bg_line.png) no-repeat;
	background-position: left top;
}
ul#topnav li a:link.nav_item,
ul#topnav li a:visited.nav_item {
	position: relative;
	float: none;
	display: table-cell !important;
	vertical-align: middle !important;
	padding-top: 2px;
	width: 100%;
	
	vertical-align: middle;

	font-family: "futura-pt", verdana, sans-serif;
	font-size: 13px !important;
	line-height: 1;
	font-weight: 500 !important;
	font-style: normal;
	text-align: center;
	text-transform: uppercase;
	color: white !important;
	z-index: 999;
}
ul#topnav li:hover a.nav_item {
	background: url(../_images/nav_hover.png) repeat-x;
	color: #1a56a7 !important;
}

/* ====================================================================================== */
/* FORMER MEGAMENU.CSS FILE - MERGED IN HERE ============================================ */
/* ====================================================================================== */

/*//////////////////////////
// filename: megamenu.css
// author: Tristan Dwyer (White Rhino)
// last mod: Dec 2015
// notes: This controls the mega-menu dropdown styles for the TOP menu (global navigation)
//        only. Left Navigation styles are in styles.css
//        primary owner is Frances Donovan, PHS Web Dev for BWH
//////////////////////////*/


/* ANIMATION & TRANSITIONS ============================================================== */
.mega-menu,
.mega-menu .mega-menu-subhead a,
.mega-menu .mega-menu-subhead a::before,
.mega-menu .mega-menu-subhead a::after,
.mega-menu-promo
{
	-webkit-transition: all 0.25s cubic-bezier(0.165, 0.840, 0.440, 1.000); 
        	transition: all 0.25s cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
}
.mega-menu-column.az .letter,
.mega-menu-column.az .letter a {
	-webkit-transition: all 0.125s cubic-bezier(0.165, 0.840, 0.440, 1.000); 
        	transition: all 0.125s cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
}
ul#topnav li a.nav_item  {
	-webkit-transition: all 0.25s cubic-bezier(0.165, 0.840, 0.440, 1.000); 
			transition: all 0.25s cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
}

/* STRUCTURE ============================================================== */

#topnav {
	position: absolute;
	z-index: 999;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	height: 10px;
}
ul#topnav li {
	background: none;
}
.mega-menu *, .mega-menu *:before, .mega-menu *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mega-menu {
	position: absolute;
	top: 48px;
	width: 960px;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	z-index: 997;
	background-color: #f9f9f9;
	left: 0;
	box-shadow: 0 0 50px rgba(0,0,0,0.3);
}

ul#topnav li:hover .mega-menu {
	max-height: 600px;
	z-index: 998;
	opacity: 1;
}
.mega-menu-interior {
	position: relative;
	margin: auto;
	overflow: hidden;
	padding: 20px 10px 100px;
}
.mega-menu-column,
.mega-menu-sidebar {
	position: relative;
	margin: auto;
	padding: 0 10px;
	width: 20%;
	float: left;
	overflow: hidden;
}
.mega-menu-promos {
	position: absolute;
	display: table;
	width: 100%;
	left: 0;
	bottom: 0;
	height: 85px;
	background-color: #e6eae6;
}
/* set up some overides */
.mega-menu ul,
.mega-menu ol,
.mega-menu li,
.mega-menu p {
	/*display: inline-block;*/
	display:block;
	margin: auto;
	padding: 0;
	position: relative;
	clear: both;
}
/* Headers --------------------------- */

.mega-menu .mega-menu-subhead a 
.mega-menu .mega-menu-subhead a:link,
.mega-menu .mega-menu-subhead a:visited
{
	margin-bottom: 10px;
	padding: 0;
	font-family: "futura-pt", verdana, sans-serif;
	font-weight: 500 !important; /*book*/
	font-style: normal;
	font-size: 18px !important;
	line-height: 1.3 !important;

	color: #ff6633 !important;
}

/* replaces h4s */
.mega-menu p,
.mega-menu p a.mega-menu-subhead, 
.mega-menu p a.mega-menu-subhead:link,
.mega-menu p a.mega-menu-subhead:visited
{
	margin-top: 0;
	margin-bottom: 10px;
	padding: 0;
	font-family: "futura-pt", verdana, sans-serif;
	font-weight: 500 !important; /*book*/
	font-style: normal;
	font-size: 18px !important;
	line-height: 1.3 !important;
	color: #ff6633 !important;
}

.mega-menu p a.mega-menu-subhead::after 
{
	content: "";
	display: inline-block;
	width: 6px;
	height: 9px;
	margin-left: 5px;
	background-image: url(../_images/mega-menu-arrow.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
}

.mega-menu p a.mega-menu-subhead:hover::after {
	-webkit-transform: translateX(5px);
		-ms-transform: translateX(5px);
			transform: translateX(5px);
}
.mega-menu p a.mega-menu-subhead:hover,
.mega-menu p a.mega-menu-subhead:active {
	color: #1a56a7 !important;
}


/* Sub page links --------------------------- */

.mega-menu ul {
	margin-bottom: 10px;
	overflow: hidden;
}
.mega-menu li a {
	padding-bottom: 6px;

	font-style: normal;
	font-size: 12px !important;
	line-height: 1.35 !important;
	letter-spacing: 0;

	color: #1a56a7 !important;
}
.mega-menu li a:hover {
	color: #333 !important;
}
.mega-menu-column.sidebar::after {
	content: "";
	display: block;
	width: 100%;
	height: 10px;
	margin: auto;
	padding: 0 10px;
	border-bottom: 1px solid #ddded0;
}

/* replaces h4s */
.mega-menu-column.sidebar p a,
.mega-menu-column.az p a {
	padding: 0 0 10px 15px;
	margin-bottom: 0;
	font-weight: 400 !important;
	line-height: 1.1 !important;
	/*font-size: 18px !important;*/
	font-size: 14px !important;
	color: #1a8cad !important;
}
.mega-menu-column.sidebar p a:hover {
	color: #1a56a7 !important;
}
.mega-menu-column.sidebar p a::before {
	content: "";
	position: absolute;
	display: inline-block;
	width: 6px;
	height: 9px;
	margin: 4px 0 0 -15px;
	background-image: url(../_images/mega-menu-arrow.png);
	background-position: left bottom;
	background-size: 100%;
	/*font-size: 12px !important;*/
}
.mega-menu-column.sidebar p a:hover::before {
	color: #1a56a7;
	-webkit-transform: translateX(3px);
		-ms-transform: translateX(3px);
			transform: translateX(3px);
}
.mega-menu-column.sidebar p a::after {
	display: none !important;
}

.mega-menu-column p.head {
	margin: auto auto 14px;
	padding: 0;
	font-family: "futura-pt", verdana, sans-serif;
	font-weight: 500 !important; /*book*/
	font-style: normal;
	/*font-size: 18px !important;*/
	font-size: 16px !important;
	text-transform: uppercase;
	color: #8a897b !important;
}


/* A-Z DISEASES MENU --------------------------- */

.mega-menu-column.az #browseLetters.navigation {
	position: relative;
	width: 100%;
	height: auto;
	margin: auto;
	padding: 0;
}
.mega-menu-column.az #letters {
	position: relative;
	width: 100%;
	height: auto;
	margin: auto auto 20px;
	padding: 16px 15px 15px;
	background-color: #e3e8e4;
	overflow: hidden;
}
.mega-menu-column.az .letter {
	display: inline-block;
	float: left;
	position: relative;
	margin: 0 0 6px 0;
	padding: 0;
	width: 25%;
	height: 35px;

	font-family: "futura-pt", verdana, sans-serif;
	font-size: 18px !important;
	text-align: center;
	background: transparent;
}
.mega-menu-column.az .letter:hover {
	background: #ff6633;
	color: white !important;
	-webkit-cursor:pointer;
			cursor:pointer;
	font-family: "futura-pt", verdana, sans-serif;
	font-size: 18px !important;
	text-decoration: none !important;
}
.mega-menu-column.az .letter a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	margin-top: 6px;
	font-size: 18px !important;	
}
.mega-menu-column.az .letter:hover a {
	background: transparent;
	color: white !important;
}

.mega-menu-column.az .letter:active a {
	background: transparent;
	color: white !important;
	font-size: 18px !important;
}


/* PROMOS ON BOTTOM OF MENU --------------------------- */

.mega-menu-promo 
{
	display: table-cell !important;
	vertical-align: middle;
	text-align: center;
	float: none;
	width: 33.33%;
	border-right: 1px solid #f9f9f9;
	-webkit-cursor: pointer;
			cursor: pointer;
}
.mega-menu-promo:hover {
	background-color: #1a56a7 !important;
}
.mega-menu-promo:last-of-type {
	border-right: none;
}
.mega-menu-promo:first-of-type {
	background-image: url(../_images/megamenu-cta-image.png);
	background-size: 62px auto;
	background-repeat: no-repeat;
	background-position: 30px center;
}


/* replaces h4s */

.mega-menu-promo:first-of-type p {
	margin-left: 80px;
}
.mega-menu-promo p {
	display: inline-block;
	margin: auto;
	padding: 0;
	font-family: "futura-pt", verdana, sans-serif;
	font-weight: 500 !important;
	line-height: 1.1 !important;
	letter-spacing: 0.025em;
	font-size: 18px !important;
	color: #1a56a7 !important;
}
.mega-menu-promo p::after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 9px;
	margin-left: 5px;
	background-image: url(../_images/mega-menu-arrow.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
}
.mega-menu-promo:hover p::after {
	-webkit-transform: translateX(5px);
		-ms-transform: translateX(5px);
			transform: translateX(5px);
}
.mega-menu-promo:hover p {
	color: white !important;
}
.mega-menu-promo p a:hover::before {
	color: #1a56a7;
	-webkit-transform: translateX(3px);
		-ms-transform: translateX(3px);
			transform: translateX(3px);
}