@charset "UTF-8";
/* CSS Document */
* {
	margin: 0;
}
html, body {
	height: 100%;
}
#wrapper,
#wrapper2{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -90px; /* the bottom margin is the negative value of the footer's height NEEDED: to make sure the footer sticks to the bottom*/
}
/*main container- centered within window*/
#wrapper {
	background-color: #FFF;
	padding:0 15px 0 15px;
	width: 969px;
}
#footer, .push {
	height: 90px; /* .push must be the same height as .footer NEEDED: to make sure the footer sticks to the bottom */
}
#footer {
	font-size: 12px;
	position:relative;
	width: 969px;
	padding: 0;
	color: #000;
	margin: 0 auto;
}
#footer ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
}
#footer ul li {
	margin-left: 0px;
	float: left;
	text-align:left;
	padding: 20px 10px 5px 0px;
	list-style: none;
	display: inline;	
}
#footer a:link,
#footer a:active,
#footer a:visited{
		text-decoration:underline;
}
#footer a:hover{
		text-decoration:none;
}

.copyright{ /* style for long copy right information in footer */
	font-size: 10px;
	float:left;
	padding-top:5px;
	width:450px;
}
#footerlinks{ /* style for long copy right information in footer */
	font-size: 10px;
	float:right;
	padding-top:5px;
	width:313px;
}
#footerlinks ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
}
#footerlinks ul li {
	margin-left: 0px;
	float: left;
	text-align:left;
	padding: 0px 0px 0px 0px;
	list-style: none;
	display: inline;	

}
#footerlinks a:link,
#footerlinks a:active,
#footerlinks a:visited{
		text-decoration:none;
}
#footerlinks a:link.direct,
#footerlinks a:active.direct,
#footerlinks a:visited.direct{
		font-size: 10px;
		color: #003766;
		font-weight:bold;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:62.5%;
	background-image: url(img/global/pattern.gif);
	background-repeat: repeat;
	margin: 0;
	padding:0;
	z-index:0;
}
/* type style css */
p {
	float:none;
	font-size:12px;
	margin: 0;
	padding:0;
	
}
img.padding{
	padding-bottom:5px;
}
img{
	margin:0;
	padding:0;
}
a img {
	text-decoration:none;
	text-transform: none;
	border: none;
}
/* allow image links to change opacity  a tag needs class=image added for this to work*/
a.image:hover img {
	filter: alpha(opacity=85);   
	-moz-opacity: .85;   
	opacity: .85;
	-khtml-opacity: .85;
}
A:link,
A:visited,
A:active{
	text-decoration:underline;
	color:#888;
}
A:hover{
	text-decoration:none;
}
/* the H-tags are used for larger type throught the site*/
h1{ /* larger titles throughout site as of 121509 - */
	font-family: "Times New Roman", Times, serif;	
	font-weight:100;
	font-size: 20px;
	line-height:21px; 
	color: #000;	
	margin: 0;
	padding:0 0 10px 0; /* space after is unique to each H */
}
h2{ /* titles for story sets on index page to fit on one line*/
	font-family: "Times New Roman", Times, serif;	
	font-weight:normal;
	font-size: 18px; 
	line-height:19px; 
	color: #000;
	margin: 0;
	padding:0 0 10px 0; /* space after is unique to each H */
}
h3{ /* style for story titles within scroll bar */
	font-family: "Times New Roman", Times, serif;	
	font-weight:normal;
	font-size: 16px;
	line-height:17px;
	color: #000;	
	margin: 0;
	padding:0 0 10px 0; /* space after is unique to each H */
}
h4{ /* "our shared goals" links to story sets*/
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 13px; 
	line-height:14px;
	color: #000;	
	margin: 0;
	padding:0 0 4px 0; /* space after is unique to each H */
}
h1 a:link,h1 a:visited, h1 a:active, 
h2 a:link,h2 a:visited, h2 a:active, 
h3 a:link,h3 a:visited, h3 a:active,
h4 a:link,h4 a:visited, h4 a:active{
	text-decoration:none;
	color: #000;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
.on{
	text-decoration:none;
	color: #999;
}
h5{ /* NO LINK Key facts size for list of facts */
	font-family: "Times New Roman", Times, serif;	
	font-weight:normal;
	font-size: 16px;
	line-height:17px;
	color: #000;	
	margin: 0;
	padding:0 0 4px 0; /* space after is unique to each H */
}
h6{ /* NO LINK logos in specific sections to style spacing below as well as image replacement type in case images are turned off */
	font-family: Arial, Helvetica, sans-serif;	
	font-weight:100;
	font-size:10px;
	line-height:11px;
	color: #000;	
	margin: 0;
	padding:0 0 20px 0; /* space after is unique to each H */
}
/* intro blocks of copy with larger type size */
.large-sans{
	font-size: 14px;
	color: #000;	
}
/*small type like names with images etc*/
.smalltype {
	font-size:10px;
	line-height:11px;
	color: #000;
	padding-top:3px;
}
/* ---------------------------------------------------------------------------- Structural style css ---------------------------------------------------------------------------- */

/* -----------------------------------------------Head navigation for main sections ----------------------------------------------- */
#header {
	text-align: left;
	padding: 35px 0 20px 0;
	height:67px;
	width: 969px;
}
#nm-home {
	position:relative;
	float: left;
	margin: 0 2px 0 0;
	padding: 0px;
	height: 73px;
	width: 565px;
	border-bottom: 4px solid #999;
}
/* NM logo in header should turn gray on HOVER but IE6 drops content down 
therefore this style needs to be hidden from IE6 - start with neutral style and follow with adjusted style that's hidden from IE6*/
a.nmlogo:hover img {
	position:relative;
	float:left;
	display:inline-block;
	margin: 0;
	padding: 0;
}
/*this adjustment is hidden from IE6*/
html>body a.nmlogo:hover img {
	position:relative;
	float:left;
	display:inline-block;
	filter: alpha(opacity=65);   
	-moz-opacity: .65;  
	opacity: .65;
	-khtml-opacity: .65;
	margin: 0;
	padding: 0;
}
/*------------*/
#fsm-home{
	float: left;
	margin: 0 2px 0 0;
	padding: 0px;
	height: 73px;
	width: 200px;
	border-bottom: 4px solid #606;
}
#nmhc-home{
	float: left;
	margin: 0;
	padding: 0px;
	height: 73px;
	width: 200px;
	border-bottom: 4px solid #003766;
}
/* ----------------------------------------------------Intro content area ---------------------------------------------------- */
#top-block {
	position:relative;
	margin: 0 0 20px 0;
	padding: 0px;
	height:385px;
	width: 969px;
}
#graphic-left {
	float:left;
	height:385px; /*height will be based on video + control bar*/
	width: 640px;
	background-color:#000;
	z-index:100;
}
#graphic-right {
	float:right;
	height:385px; /*height will be based on video + control bar*/
	width: 641px;
	z-index:100;
}
div.captiongraphic{
	position:absolute;
	display:block;
	font-size:12px; 
	top:346px;
	margin:0;
	padding:5px 20px 10px 0px;
	width:621px;
	height:24px;
	background-color:#FFF;
}
#intro-right {
	float:left;
	margin-left: 15px;
	width: 313px;
}
#intro-left {
	width: 313px;
	float:left;
	margin-right: 15px;
}
/* bottom section with 2nd nav and text */
#bucket-title {
	position:relative;
	margin: 0px 0 10px 0;
	padding: 0px 0 3px 0;
	width: 969px;
	height:20px;
	border-bottom:#000 dotted 1px;
}
#bottom-block {
	position:relative;
	margin: 0px;
	padding: 0px;
	width: 969px;
	height:auto;
}
.columnrule{ /* dotted line on LEFT*/
	position:relative;
	float:left;
	display:inline;
	width:313px;
	padding:0 0px 0 7px;
	margin:0 0px 0 7px;
	border-left:dotted 1px #000;
}
.columnrule ul{ /* list within*/
	font-size:12px; 
	margin: 0;
	padding: 5px 0 0 0;
	width:280px;
}
.columnrule ul li{ /* list within*/
	text-align:left;
	margin: 0 0 10px 17px;
	padding: 0px;
	list-style: none;
	list-style-type:square;
}
.column-left-rule{ /* RULE ABOVE */
	position:relative;
	float:left;
	display:block;
	border-top:#999 solid 4px;
	width:313px;
	margin: 0;
	padding: 5px 0 0 0;
}
/* column-left2 for fsm/nmhc specific section*/
.column-left div a:link,
.column-left div a:active,
.column-left div a:visited,
.column-left2 div a:link,
.column-left2 div a:active,
.column-left2 div a:visited{
	text-decoration:none;
}

.column-left{
	position:relative;
	float:left;
	display:block;
	padding:0;
	width:313px;
	min-height:220px;
}
.column-left2{
	position:relative;
	float:left;
	display:block;
	border-right:dotted 1px #000;
	margin:0 7px 0 0;
	padding:0 7px 0 0;
	width:313px;
	min-height:220px;
}
.column-left ul,
.column-left2 ul{
	font-size:13px; 
	border-top:#999 solid 4px;
	margin: 0;
	padding: 5px 0 0 0;
}
.column-left ul li,
.column-left ul li a:link,
.column-left ul li a:active,
.column-left ul li a:visited,
.column-left2 ul li,
.column-left2 ul li a:link,
.column-left2 ul li a:active,
.column-left2 ul li a:visited{
	text-align:left;
	color:#000;
	margin-left: 0px;
	padding: 0px 0px 5px 0px;
	list-style: none;
	text-decoration:none;
}
.column-left ul li a:hover,
.column-left2 ul li a:hover,
.listON{
	color:#999
}
.column-left div,
.column-left2 div{
	display:block;
	position:relative;
	padding:0;
	margin-bottom:6px;
	width:313px;
}
.column-left div.head,
.column-left2 div.head{
	position:relative;
	float:left;
	padding-right:5px;
	margin-bottom:6px;
	width:97px;
}
.column-left div.subnav,
.column-left2 div.subnav{
	position:relative;
	clear:left;
	padding:20px 0 10px 0;
	}
.column-left div a:link,.column-left div a:visited, .column-left div a:active,
.column-left2 div a:link,.column-left2 div a:visited, .column-left2 div a:active{
	color:#999;
}
.column-left div a:hover,
.column-left2 div a:hover{
	color:#000;
	text-decoration:none;
}
.column-left div p,
.column-left2 div p{
		border-bottom:dotted #999 1px;
		padding:2px 0 2px 0;
}

.widecolumn{
	display:block;
	float:left;
	position:relative;
	width:641px;
	border-left:dotted 1px #000;
	min-height:220px;
	padding:0 0 0 7px;
	margin:0 0 0 7px;
}
.widecolumn2{
	display:block;
	float:left;
	position:relative;
	width:641px;
	min-height:220px; 
}
.widecolumn p,
.widecolumn2 p{
	padding-bottom:14px;
}
.widecolumn div.headshot,
.widecolumn2 div.headshot{
	position:relative;
	float:left;
	padding-right:5px;
	/*width:200px;*/
}
.widecolumn div.signature,
.widecolumn2 div.signature{
	position:relative;
	float:left;
	font-size:10px;
	line-height:11px;
	width:200px;
}
.widecolumn div.text,
.widecolumn2 div.text{
	width:641px;
	padding:0px 0 10px 0;
}
.widecolumn table,
.widecolumn2 table{
	font-size:12px;
}
.widecolumn th,
.widecolumn2 th{
	border-top:#000 solid 1px;
	padding-top:2px;
	height:20px;
	font-weight:normal;
}
.widecolumn th.bottom,
.widecolumn2 th.bottom{
	border-top:#000 solid 1px;
	border-bottom:#000 solid 1px;
	padding:5px 0 5px 0;
	font-weight:normal;
}
.widecolumn th.tablehead,
.widecolumn2 th.tablehead{
	border-top:#000 solid 1px;
	border-bottom:#000 solid 1px;
	padding:5px 0 5px 0;
	font-weight:normal;
	color:#606;
}
.widecolumn th.second,
.widecolumn2 th.second{
	padding:5px 0 0 0;
	font-weight:normal;
}
.home{ /* home link no rule if nothing above it*/
	padding-top:2px;
	font-weight:bold;
	/*border-top:dotted #000 1px;*/
}
/* alt styles to emphasize home link w/dotted line above*/
.home1{
	padding-top:2px;
	border-top:dotted #000 1px;
	font-weight:bold;
}
#mainsitelinks
{
	padding-top:2px;
	/*border-top:dotted #000 1px;*/
	font-weight:normal;
	border-bottom:0;
	padding:2px 0 20px 0;
}
#mainsitelinks p
{
	padding-top:2px;
	border-top:0;
	font-weight:normal;
	border-bottom:0;
	padding:2px 0 2px 0;
}
#mainsitelinks A:link,
#mainsitelinks A:visited,
#mainsitelinks A:active{
	text-decoration:underline;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clear { 
	clear: left;
}
.expandtitle{
	padding:0px;
	margin-bottom:10px;
	height:15px;
	border-bottom:#999 dotted 1px;
}
.expandtitle A:link,
.expandtitle A:visited,
.expandtitle A:active{
	text-decoration:none;
}
.expandtitle a:hover{
	text-decoration:none;
}
#expand{/* expandable content on NMHC-about page + FSM-about page*/
	padding-bottom:20px; /* adjust hack for IE6 !!!!!!!!!!!!!*/
	margin:0;
	width:633px;
	display:none;
	background-color:#FFF;
}
#expand2{/* expandable content on NMHC-about page*/
	padding-bottom:20px;
	margin:0;
	width:633px;
	display:none;
	background-color:#FFF;
}
#expand3{/* expandable content on NMHC-about page*/
	padding-bottom:20px;
	margin:0;
	width:633px;
	display:none;
	background-color:#FFF;
}
#expand ul,
#expand2 ul,
#expand3 ul{
	margin: 0;
	width:630px;
	padding: 5px 0 0 0;
	font-size:12px; 
}
#expand ul li,
#expand2 ul li,
#expand3 ul li{
	margin: 0 0 10px 17px;
	text-align:left;
	padding:0px 0 10px 0;
	list-style: none;
	list-style-type:square;
}
.FPO{/* REMOVE when letters are in*/
	position: absolute;
	text-align:center;
	float:left;
	top:40px;
	left: 30px;
	width: 200px;
	border:2px solid #F00;
	background-color:#FFF;
	font-size:14px;
	font-weight:bold;
	color:#F00;
	padding:20px;
	}
/* FSM styles - fsm-officera list format */
.narrowcolumn{
	position:relative;
	float:left;
	width:198px;
	padding:0 15px 0 0;	
	margin:10px 0 0 0;
}
.narrowcolumn ul{
	margin: 0 0 15px 0;
	width:198px;
	padding: 0px 0 0 0;
	font-size:10px; 
	line-height:12px;
}
.narrowcolumn ul li{
	margin: 0 0 8px 0px;
	text-align:left;
	padding:0px 0 0px 6px;
	list-style: none;
	list-style-type:none;
	text-indent:-6px;
}
.narrowcolumn p{
	margin: 0;
	padding:0;
}
.narrowcolumn p.title1{
	font-size:12px;
	font-weight:bold;
	color:#606; /*#606;*/
	padding-bottom:7px;
}
.narrowcolumn p.title2{
	font-size:10px;
	font-weight:bold;
	color:#606; /*#606;*/
	margin-bottom:5px;
	border-bottom:#606 solid 1px;
}
.narrowcolumn .title3{ /* denotes new departments */
	font-size:10px;
	line-height:14px;
	padding-bottom:0px;
	margin-bottom:2px;
	color:#000;
	border-bottom:#000 1px solid;
}
/* ---------------------------------------------------- Scroll content layout ---------------------------------------------------- */
#contentBox {
	position:relative;
	float:left;
	height:385px;
	width:969px;
	line-height:16px; 
	margin:0;
	padding:0;
	z-index:90;
}
/* ------------------------------ scroll ------------------------------ */
#scrollBox {
	position:relative;
	top:0px;
	display:block;
	height:385px; /* to show caption and image the height needs to be 560 */
	width:969px;
	overflow:auto;
	margin:0;
	padding:0;
	background-color:#ffffff;
	float:left;
}
*html #scrollBox {
	margin-left:0px;
}
.fixedwidthProfileS1 { /*IMPORTANT - Width of scroll bar for Deliver Exceptional Care */	
	position:relative;
	display:block;
	width:5388px; /* exact width of all images + text box + padding */
	padding:0;
	overflow:hidden;
	float:left;
}
.fixedwidthProfileS2 { /*IMPORTANT - Width of scroll bar for Advance Medical Science and Knowledge */	
	position:relative;
	display:block;
	width:5390px; /* exact width of all images + text box + padding */
	padding:0;
	overflow:hidden;
	float:left;
}
.fixedwidthProfileS3 { /*IMPORTANT - Width of scroll bar for Develop People, Culture and Resources */	
	position:relative;
	display:block;
	width:5390px; /* exact width of all images + text box + padding */
	padding:0;
	overflow:hidden;
	float:left;
}
.fixedwidthProfile img {
	display:block;
	padding:0;
}
p.fixedwidthProfile {
	display:block;
}

/* text block within the scroll bar*/
div.firststoryintro {
	float:left;
	margin:0;
	padding:10px 15px 0 10px;
	display:block;
	width:251px; 
	height:350px;
	background-color:#440751;/*520063;*/
	color:#FFF;
}
div.firststoryintro h1,
div.storyintro h1,
div.firststoryintro h3,
div.storyintro h3{
	color:#FFF;
}
div.storyintro {
	float:left;
	margin:0px 0px 0px 15px;
	display:block;
	width:251px; 
	height:350px;
	padding:10px 15px 0 10px;
	background-color:#440751;/*520063;*/
	color:#FFF;
}
/* link color adjusted to work better on dark background*/
div.storyintro A:link,
div.storyintro A:visited,
div.storyintro A:active,
div.firststoryintro A:link,
div.firststoryintro A:visited,
div.firststoryintro A:active{
	text-decoration:none;
	color:#d7d7d7;
	text-decoration:underline;
}
div.storyintro A:hover,
div.firststoryintro A:hover{
	text-decoration:underline;
}
div.firststoryintro p,
div.storyintro p{
	line-height:15px;
}
div.scrollImg {
	float:left;
	margin:0 0 0 15px;
	padding:0;
	min-width:505px;/*width of the image to keep width possibly to avoid accordion effect related to loading speed*/
	background-color:#FFF;
}
.imageheight{
	min-width:505px;
	min-height:291px;
}
div.captionTOP{	
	font-size:12px;
	line-height:14.5px;
	margin:0;
	padding:5px 20px 10px 0px;
	width:485px;
	background-color:#FFF;
}
/* video within story scroll bar */
div.scrollVideo {
	float:left;
	display:block;
	margin: 0 0 0 15px;
	padding:0;
	width:373px;
	height:364px;
	background-color:#fff;
}
div.videocontainer{
	position:relative;
	padding:34px 10px 34px 10px;
	width:352px;
	height:223px;/*223 px is the height of the video*/
	background-color:#ccc;
}
div.videocaption{
	font-size:12px; 
	line-height:14.5px; 
	position:relative;
	margin:0;
	padding:5px 10px 10px 0px;
	width:363px;
	background-color:#ffffff;
}
/* box with link to next bucket or home*/
div.storyclosing {
	float:left;
	margin:0px 0px 0px 7px;
	display:block;
	width:191px; 
	height:65px;
	padding:295px 15px 0 7px;
	background-color:#fff;
	color:#888;
	font-size: 12px;	
	border-left:dotted 1px #000;
}
div.storyclosing A:link,
div.storyclosing A:visited,
div.storyclosing A:active
{	text-decoration:none;
	color:#888;
	text-decoration:none;
}
div.storyclosing A:hover{
	text-decoration:underline;
}
/* ---------------------------------------------------- Print styles - set up when styling is approved, test with print preview ---------------------------------------------------- */
@media print {
.column-left-rule,
.columnrule,
.column-left{ 
	width:312px;/*313 make narrow for printing*/
}
.widecolumn2{
	width:640px;
}
}