/* CSS Document
General style sheet for MSI Web Site.
Created: MSI, JUN-2005

Notes: 
  - IE Bug:  A background color is required to get IE to display
     the background image in #headerNav a:hover correctly.
	- Fixed top and bottom margins and padding are needed to prevent screen hop in IE.
	- Images in leftCol div should not exceed 90px in width to avoid text resizing problems in IE.
	
	- &#8942;<!-- Unicode Vertical Elipsis -->
*/

html, body, ul, li {margin: 0; padding: 0; border: 0;}

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0;
	padding: 0;
	font-size: .9em;
	text-align: center;
/*	background-color: #71828A; */
}

acronym {
	color: #006;
	font-weight: bolder;
	border-bottom: 1px dotted;
	}

noscript {
	font-weight: bold;
	color: #336;
	}

.emphasis_b {
	font-weight:bold;
	color:#336;
	}

.emphasis_bi {
	font-weight:bold;
	font-style:italic;
	color:#336
	}

.emphasis_i {
	font-style:italic;
	color:#336
	}

#wrapper {
	margin: .2% 2%;
	min-width: 50em;
	text-align: left;
	}

.noBullet li {
	list-style: none;
	}
	
a.linkInline {
	text-decoration: none;
	color: #039;
	font-weight: bold;
	}
a.linkInline:focus, a.linkInline:hover {
	text-decoration: underline;
	}
a.linkInline:visited {
	color: #990000;
	}

a.linkHdr, a.linkHdr a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #069;
	}
a.linkHdr:focus, a.linkHdr:hover {
	text-decoration: underline;
	}

p.blueHighlight {
	color: #0033CC;
	}

#banner {
	padding: 2px 0 0 0;
	width: 100%;
}

/* Upper Right Header Navigation Elements */

#headerNav{
	float: right;
	font: .8em Verdana,sans-serif;
	color: #069;
	top: 1px;
	padding: 0;
	margin: 10px 2px 0 2px;
	}

#headerNav a, #headerNav a:visited{
	color: #069;
	padding: 0;
	text-decoration: none;
}
#headerNav a:hover, #headerNav a:focus{
	text-decoration: underline;
	background-color: #f5f4fa;
	}

/* Horizontal Navigation Bar Elements */

#horzNav{
	clear: both;
	color: #CCC;
	padding: 0;
	margin: 2px 0 0 0;
	height: 32px;
	font-size: medium;
	background-image: url(../Images/hdrNavBar1.gif);
	text-align: right;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
}

#horzNav_tagline {
	float: left;
	font-style:italic;
	font-weight: bold;
	color: #069;
	padding: 6px 0 0 9px;
}

a.horzLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #069;
	padding: 2px 0 4px 6px;
	margin: 0 4px 0 0;
	text-decoration: none;
	position: relative;
	border-left: 1px solid #8FB8BC;
	/*border-right: 1px solid #8FB8BC;*/
	top: 6px;
	}
a.horzLinkNoBorder {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #069;
	padding: 2px 0 4px 0;
	margin: 0 4px 0 0;
	text-decoration: none;
	position: relative;
	top: 6px;
	}
a.horzLink:visited {
	color: #990000;
	}
a.horzLinkNoBorder:visited {
	color: #990000;
	}
a.horzLinkNoBorder:hover, a.horzLink:focus {
  background-image: url(../Images/glblnav_selected.gif);
	text-decoration: none;
	}
a.horzLink:hover, a.horzLink:focus {
  background-image: url(../Images/glblnav_selected.gif);
	text-decoration: none;
	}
span.horzNoLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #036;
	padding: 2px 0 4px 6px;
	margin: 0 4px 0 0;
	text-decoration: none;
	position: relative;
	border-left: 1px solid #8FB8BC;
	/*border-right: 1px solid #8FB8BC;*/
	top: 6px;
	}

.leftCol {
	margin: 7px 0; /*Fixed top/bottom margin required to prevent hop in IE. */
	padding: 0;
	float: left;
	clear: both;
	width: 8em;
	}

/* Vertical Navigation Elements */

.vFlyOut {
	width: 99%;
	display: inline; /* doubled margin bug fix for IE/win */
	}
.vFlyOut ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	border-top: 1px solid #71828A;
  border-left: 1px solid #71828A;
  border-right: 1px solid #71828A;
	background-color: #f5f4fa;
	padding: 0;
	}
.vFlyOut li {
	list-style: none; /* kills the list item "bullet" markers */
	position: relative;
	border-bottom: 1px solid #71828A; /* Makes bottom border on flyouts */
	vertical-align: bottom; /* for IE5/win */
	}
.vFlyOut ul a {
	background: transparent url(../Images/arrowRight.gif) no-repeat right center;	/* rightArrow graphic, indicating flyout menu. */
	display: block;
	padding: 2px 5px 3px;  /* Must used fixed padding to prevent hop in IE */
	vertical-align: bottom; /* needed for IE5/win */
	text-align: left;
	text-decoration: none;
	color: #069;
	}

.vFlyOut ul a.noMore {	/* Disable rightArrow, indicating no flyout menu */
	background: none;
	}
	
.vFlyOut ul ul { 
	position: absolute;  
	padding: 0;
	left: -3000px;
	font-size: 95%;
	width: 9em;
	background-color: #f5f4fa; /* flyout elements need a background image or color to avoid bugs in IE/win */
	border-left: 1px solid #71828A; /* Makes side borders on flyouts */
	border-right: 1px solid #71828A; /* Makes side borders on flyouts */
	}

.vFlyOut ul ul a {
	background: none;	/* Drop default rightArrow from sub-menu elements */
	}
	
.vFlyOut ul a:hover, .vFlyOut ul a:focus {
	text-decoration: none;
	}

.vFlyOut li:hover, .vFlyOut li:focus {
	background-color: #fff;
	}

.vFlyOut ul a:visited, .vFlyOut ul ul a:visited {
	color: #990000;
	}

.vFlyOut ul li:hover ul, .vFlyOut ul li:focus ul {
	left: 90%;
	top: 2px;
	}

/* \*/ /*/ 
.vFlyOut ul li ul {position: static;}
/* */

/* The block above hides the rule inside so that only IE5/Mac can see it.
This rule causes the menus to be fully expanded vertically in that browser,
allowing those users to access the navigation without needing to hover it. */

/* History elements */

.Google {
	width: 99%;
	padding: 1px 0 1px 0;
	margin: 8px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	background-color: #f5f4fa;
	}

.leftColCapsule {
	width: 99%;
	padding: 1px 0 1px 0;
	margin: 8px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	color: #036;
	background-color: #f5f4fa;
/*	background-image: url(../Images/CHALK.JPG); */
	}
.leftColCapsule h2 {
	text-align: center;
	font-size: 1em;
	padding: 2%;
	margin: 1%;
	border-bottom: 1px solid #71828A;
	}
.leftColCapsule p {
	padding: 0 2%;
	margin: 0 1% 3px 2%;
	}

p.bluep {
	padding: 0 2%;
	margin: 0 1% 0 2%;
	}

.leftColCapsule ul {
	margin: 0;
	padding: 0;
	list-style: none;
/*	border-top: 1px solid #71828A; */
	}
.leftColCapsule li {
	padding: 2%;
	margin: 2%;
	border-bottom: 1px solid #71828A;
	}

.leftColCapsule a.linkInline {
	font-weight: normal;
	}

/* Content Elements */

#content {
	background-color: #FFC;
	color: #000;
	margin: 0 0 0 8em; /*Fixed right margin for leftcol. */
	padding: 0;
	}

/* Really stupid, but <noscript> cannot be using inside a <p>.  Fix is this <div> class
	 which can be used in place of <p> where <noscript> is required. */
.contentNoscriptParagraph {
	padding: 0;
	margin: 0 3% 10px;
	}

.contentWrapper {
	background-color: #FFF;
/*	background-image: url(../Images/CHALK.JPG); */
	float: right;
	margin: 8px 0; /*Fixed top/bottom margin required to prevent hop in IE. */
	padding: 0;
	width: 100%;
	font-size: .9em;
	}
	
#content h1 {
	padding: 0 3px;
	margin: 8px 1% 5px 2%;  /* Top and bottom margins must be fixed height to prevent hop in IE.*/
	font-size: 140%;
	color: #036;
	background-color: #f5f4fa;
	border-bottom: 1pt solid #036;
}
#content h2 {
	padding: 0 3px;
	margin: 5px 1% 5px 2%;  /* Top and bottom margins must be fixed height to prevent hop in IE.*/
	font-size: 120%;
	color: #036;
	background-color: #f5f4fa;
	border-bottom: 1pt solid #036;
}
#content h3 {
	padding: 0 3px;
	margin: 5px 1% 5px 2%;  /* Top and bottom margins must be fixed height to prevent hop in IE.*/
	font-size: 110%;
	color: #036;
	background-color: #f5f4fa;
}
#content h4 {
	padding: 0;
	margin: 5px 1% 5px 2%;  /* Top and bottom margins must be fixed height to prevent hop in IE.*/
	font-size: 100%;
	color: #036;
}
#content h5 {
	padding: 0;
	margin: 5px 1% 5px 2%;  /* Top and bottom margins must be fixed height to prevent hop in IE.*/
	font-size: 95%;
	color: #036;
}
#content p {
	padding: 0;
	margin: 0 3% 10px; /* Top and bottom margins must be fixed height to prevent hop in IE.*/
	}
#content pre {
	font-weight: bold;
	padding: 1%;
	margin: 0 3% 10px; /* Top and bottom margins must be fixed height to prevent hop in IE.*/
	}
#content ul {
	padding: 0;
	margin: 0 3% 10px 4%;  /* Top and bottom margins must be fixed height to prevent hop in IE.*/
	}
#content ul ul {
	padding: 0;
	margin: 0 3% 10px 2%;  /* Top and bottom margins must be fixed height to prevent hop in IE.*/
	}
#content ul ul li {
	padding: 0;
	margin: 0;
	}
#content ol {
	padding: 0;
	margin: 0 3% 10px 10%;  /* Top and bottom margins must be fixed height to prevent hop in IE.*/
	}
#content li{
	padding: 0;
	margin: 0 0 4px 1%;
	}
	
#content li p {
	margin-left: 0;	/* Prevent doubling of left margin in p elements inside li. */
	}

.contentFull {
	clear: both;
	width: 99%;
	margin: 0;
	padding: 0;
	}

#content .contentFull ul {
	padding: 0;
	margin: 0 3% 10px 5%;  /* Top and bottom margins must be fixed height to prevent hop in IE.*/
	}

/* Capsule elements */
/* Odd ball sizes on width settings are necessary to get IE to
display things properly. */

.capsuleLeft {
	float: left;
	width: 47%;
	margin: 0 .5%;
	padding: 0 3px 0 10px;
	}
.capsuleRight {
	float: right;
	width: 47%;
	margin: 0 .5%;
	padding: 0 0 0 3px;
	}
.capsuleLeft li, .capsuleRight li {
	padding: 0;
	margin: 0 0 4px 3%;
	}

/* Footer elements */

#footerNav{
	clear: both;
	font-size: .7em;
	color: #069;
	padding: 0 4px 0 0;
	margin: 0 0 8px 0;
	height: 32px;
	width: 100%;
	background-image: url(../Images/ftrnav_background2.gif);
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	}
a.flink, a.flink:visited{
	font-size: small;
	color: #069;
	padding: 2px 5px 4px 5px;
	text-decoration: none;
	border-right: 1px solid #8FB8BC;
	top: 5px;
	position: relative;
}
a.flink:hover, a.flink:focus{
  background-image: url(../Images/ftrnav_selected.gif);
	text-decoration: none;
}
#copyright {
	float: right;
	text-align: right;
	font-size: .9em;
	margin: 2px 0 0 0;
	}

/* Override margin within jumpTo div.  Otherwise elements set via the #content ID will override elements set via the .jumpTo class. */
/*   Example: #content ul settings override .jumpTo ul settings. */

#content .jumpTo {
    background-color: #fff; /*#f5f4fa;*/
    float: right;
		clear: right;
    width: 175px; /* Default width */
    margin: 2px 0 5px 5px;
    text-align: left;
    text-decoration: none;
    padding: 5px;
    border: 1px solid #71828A;
    font-size: 12px;
	}

#content .jumpTo h2 {
	background-color: #069;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	padding: 3px;
	}

#content .jumpTo h3 {
	background-color: #39C;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 3px;
	}

#content .jumpTo h3 a {
	display: block;
  color: #fff;
	padding: 3px;
	text-decoration: none;
	}

#content .jumpTo h4 {
	background-color: #39C;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 0 3px;
	text-align: right;
	}

#content .jumpTo p {
	margin: 4px 0 0 0;
	font-size: .9em;
	font-style: italic;
  color: #036;
}

#content .jumpTo ul {
		margin: 0;
		padding: 0 2px;
    background-color: #f5f4fa;
    font-size: .96em;
		font-weight: bold;
}

#content .jumpTo li {
  list-style-type: none;
	margin: 0;
  text-align: right;
	border-bottom: dotted 1px #053188;
  }

#content .jumpTo ul ul li {
	font-weight: normal;
	border-bottom: none;
  }

#content .jumpTo ul a {
	display: block;
  color: #369;
	padding: 2px;
	text-decoration: none;
	}
#content .jumpTo ul ul a {
	padding: 0px;
	}

#content .jumpTo a:hover, .jumpTo a:focus {
  color: #FF0000;
  background-color: #C2D5FC;
	text-decoration: none;
	}

#content .jumpTo a:visited {
  color: #990000;
	}
	
.columnListBold {
	 float: left;
	 font-weight: bold;
	 padding: 0 0 0 4%;
	 }	

.columnListBoldNoType {
	 color: #036;
	 float: left;
	 font-weight: bold;
	 padding: 0 0 0 4%;
	 }	

.columnListBoldNoType ul{
	 list-style-type: none;
	 }