*{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;
}


#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;*/
	background:#6b2473 ;
	margin: 0; 
	padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 12px;
	z-index:998;
	margin-bottom:0;
	height:32px;
	
}
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:#fff;
	border-right:1px solid #29106b;
	/*font-weight:bold;*/
}

ul#topnav li:hover a, ul#topnav li a:hover {background:#29106b; color:#fff;}

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

/*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: #fff 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 #29106b;;
	border-left:1px solid #29106b;;
	border-right:1px solid #29106b;;
	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: #311473;
	line-height:12px;
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 14px;
	font-weight: bold;
	color:#311473;
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	font-weight: bold;
	color:#311473;
}
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: #311473;
	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: #63656b; background: #fff url(../img/navlist_arrow.png) no-repeat 5px 12px; background-position: 5px 10px; border:1px solid #a555c6 !important; }