*{outline: none;}
img {border: 0;}
.container {
	width: 960px;
	padding: 0;
	margin: 0 auto;
}

.mainnav {
	/* add z-index higher for container than for ul#topnav to overcome IE z-index issue where nav shows under page content - http://brenelz.com/2009/02/03/squish-the-internet-explorer-z-index-bug/ */
	z-index:999;
}

#mainnav {
	padding:0 !important; 
	/* margin-bottom:24px; !important; */
	margin-bottom: 0;
}


#mainnavwrap {
	background: url(../img/bg_tnav_transition.jpg) bottom no-repeat; padding-bottom:2px !important;
}

ul#topnav {
	background: url(../img/bg-topnav.jpg) no-repeat;
	margin: 0 0 0 0; 
	padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 12px;
	z-index:998;
	margin-bottom:0;
	
}
ul#topnav li {
	list-style: none;
	float: left;
	margin: 0; padding: 0;
	position: relative;
}

span.rootwrapfirst {
	position:relative;
	padding-left:17px;
	padding-right:9px;
	line-height:32px;
}

span.rootwrap {
	position:relative;
	margin:0 9px;
	line-height:32px;

}

ul#topnav li a {
	float: left; 
	/* text-indent: -9999px; */
	height: 32px;
	text-decoration:none;
	color:#2559AB;
	/*font-weight:bold;*/
}

ul#topnav li:hover a, ul#topnav li a:hover {background-position: left bottom; color:#6B82C6;}

ul#topnav a {background: url(../img/bg_rootnav.jpg) no-repeat right top;}

ul#topnav a.PatientsandVisitors {background: url(../img/bgnav_patients.gif) no-repeat; width:139px;}
ul#topnav a.PatientsandVisitors:hover {background: url(../img/bgnav_patients.gif) no-repeat right bottom !important;}

ul#topnav a.Admin {background: #e7c7c7; border-right:1px solid #d16b79;border-left:1px solid #d16b79; background-image:none; color:#8e0606; font-weight:bold;}
ul#topnav a.Admin:hover{background: #f6e7f0; border-right:1px solid #e49ea8;border-left:1px solid #e49ea8; background-image:none;color:#b75c59;font-weight:bold;}


ul#topnav li .sub {
	position: absolute;	
	top: 32px; left: 0;
	/*background: #344c00 url(sub_bg.png) repeat-x;*/
	background: #dfebf1 url(../img/bg_subnav.jpg) repeat-x top;
	padding: 20px 20px 20px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 4px;
	-khtml-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 4px;
	-khtml-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom:1px solid #C7C3C2;
	border-left:1px solid #C7C3C2;
	border-right:1px solid #C7C3C2;
	display: none;
}

ul#topnav li .subright{left:auto; right:0 !important; } 

ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	float: left;
	width: 175px !important;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #2b3472;
	line-height:12px;
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 14px;
	font-weight: bold;
	color:#2b3472;
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	font-weight: bold;
	color:#2b3472;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(/Portals/0/Skins/jhsmh/img/navlist_arrow.png) no-repeat 5px 10px;
	padding: 5px 5px 5px 15px;
	display: block;
	text-decoration: none;
	color: #778ac6;
	font-size: 12px;
	border:1px solid transparent;
	border-color:transparent;
}

ul#topnav .sub ul li span{
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(/Portals/0/Skins/jhsmh/img/navlist_arrow.png) no-repeat 5px 10px;
	padding: 5px 5px 5px 15px;
	display: block;
	text-decoration: none;
	color: #999999;
	font-size: 12px;
	border:1px solid transparent;
	border-color:transparent;
}

ul#topnav .sub ul li a:hover {color: navy; background: #fff url(../img/navlist_arrow.png) no-repeat 5px 12px; background-position: 5px 10px; border:1px solid #C3DDF8 !important; }