.message_queue span strong { behavior: url("/NewGraphics/newerGraphics/iepngfix.htc") }

html { height:100%; }
body { background-color:#ffffff; margin:0; padding:0; 
	height:100%; 
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	-ms-box-sizing:border-box; 
	box-sizing:border-box; 
	}
body, td, .mouse, input, a, ol li, ul li, form fieldset legend, form fieldset, ol.bulletblue ul li  { 
	color: black; font-style: normal; font-weight: normal; 
	font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif; 
	line-height: 130%; 
}
body { font-size: 14px;  }
h2, h3, .headline, .subhead, .parent, a#headbook { 
	color: #000; font-style: normal; font-weight: bold; 
	font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif; 
	line-height: 110%;
}
h4, h5 { font-weight: bold; }

/* headings and text */
h2 { margin:.5em 0; padding:0;  }
h3, h4, h5, h6, p { margin:.9em 0 .5em 0; padding:0;  }
h4, h5, h6 { margin:1.1em 0 .5em 0;  }
p { margin:.9em 0;  }
.headline, h2 { font-size: 26px; text-align:center; }
.subhead, h3 { font-size: 18px; line-height: 20px; text-align:center; }
.paragraph, li, p, td, th, form fieldset, form fieldset legend, ol.bulletblue ul li { font-size: 12px; line-height: 150%; }
.paragraph, li, p, form fieldset, form fieldset legend, ol.bulletblue ul li { text-align:left; }
h4, .subsub, .table caption { font-weight: bold; font-size: 13px; line-height: 16px; color:#1E4F9F; }
h4, .subsub { border-bottom:#a7d6ff 1px solid;  text-align:center; *padding-bottom:1px; }
acronym, a.deflink { border-bottom: 1px dotted #999; cursor: help; }
a.deflink, a.deflink:link, a.deflink:active, a.deflink:hover, a.deflink:visited { text-decoration:none; color:currentColor; zoom:1; position:relative; }

.smallcaps  { font-size: 80% }
.nowrap { white-space:nowrap; }

/* superior text */
sup { font-size: 90%; position:relative; top: 2px; font-weight:normal; line-height:2px; }
.headline sup, h2 sup { font-size: 50%; top: 1px; font-weight:bold; }
.subhead sup, h3 sup { font-size: 70%; top: 4px; font-weight:bold; }
/* * html .headline sup, * html h2 sup { top: -4px; }
* html .subhead sup, * html h3 sup { top: 2px; }*/
sup, .headline sup, h2 sup, .subhead sup, h3 sup { $vertical-align: baseline; $top:-.5em; }

/* Mouse Type */
.mouse, h6 { font-size: 10px; line-height: 11px; margin:1em 0; text-align:left; }
.mouse div, h6 div, .mouse span.aster, h6 span.aster, .mouse span.isk, h6 span.isk { margin:0; padding:0; margin-bottom:.7em; }
.mouse div.aster, h6 div.aster, .mouse span.aster, h6 span.aster { MARGIN-BOTTOM:-1em;float:left; clear:left; width:2em; display:block; }
.mouse div.isk, h6 div.isk, .mouse span.isk, h6 span.isk { margin-left:2em; display:block;  }

/* Bullets */
ol, ul {
	padding-left:0;
	margin-left: 22px;
}
ol { margin-left: 2.5em; }
ul li { list-style: circle url(/NewGraphics/bulletB.gif) outside;  }
li, ol.bulletblue ul li, html body ol ul li { padding: 4px 2px 4px 0; margin-left:2px;   }
* html ul li, * html ol.bulletblue ul li, * html body ol ul li { list-style: circle url(/NewGraphics/bulletBIE.gif) outside; margin-left:0;   }
html body ol li { list-style: none; list-style-type:decimal; vertical-align: text-bottom; }
* html body ol { padding-left:.2em; }
* html body ol li { list-style: none none outside; list-style-type:decimal;  }
ol.bulletblue li, ul.bulletblue li { border-bottom: #AAC288 dotted 1px; }
ol.bulletblue li:first-child, ul.bulletblue li:first-child { border-top: #AAC288 dotted 1px; }
*html ol.bulletblue, *html ul.bulletblue { border-top: #AAC288 dotted 1px; }

ol.bulletblue ul li, ul.bulletblue ul li { border-bottom: 0; }
ol.bulletblue ul li:first-child, ul.bulletblue ul li:first-child { border-top: 0; }
*html ul.bulletblue ul.bulletblue, *html ol.bulletblue ul.bulletblue { border-top: #AAC288 solid 0px; }
*html ul.bulletblue ul.bulletblue li, *html ol.bulletblue ul.bulletblue li { border-bottom: 0px; }


ol.bulletblue li, 
	ul.short-intros li b, 
	ol.short-intros li b, 
	ul.short-intros li b a,
	ol.short-intros li b a,
	ul.short-intros li b a:visited,
	ol.short-intros li b a:visited { font-size: 16px; line-height: 10px; color:#1E4F9F; font-weight:bold; vertical-align: baseline; }
ol.bulletblue li small { font-size: 12px; line-height: 18px; color:black; font-weight:normal; }
*html ol.bulletblue li { padding-top:9px; vertical-align:top; padding-bottom:0; }
*html ol.bulletblue li small { position:relative; margin-top:-4px; margin-bottom:0px; padding-bottom:6px; vertical-align: top; zoom:1; }
*html ol.bulletblue li small sup { display:inline-box; vertical-align:top; top:-.2em;  }

html body ol.bulletblue ol.bulletblue, html body ul.bulletblue ul.bulletblue, 
html body ol.bulletblue ul.bulletblue, html body ul.bulletblue ol.bulletblue { margin-top: 8px; margin-bottom:.5em;   }

ol.short-intros { color:#1E4F9F;  }

ul.short-intros li, ol.short-intros li, ul.short-intros p, ol.short-intros p { margin-top:12px; color:#666; }
ul.short-intros li b, ol.short-intros li b { display:block; margin-bottom:.2em; }
ul.short-intros li b a, ul.short-intros li b a:visited, ol.short-intros li b a, ol.short-intros li b a:visited { padding-top:0; padding-right:2px; padding-left:1px; }
ul.short-intros li b a:hover, ol.short-intros li b a:hover { color:white; background-color: #1E4F9F; }

form {margin:0px; padding:0;}
textarea { width: 100%; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; margin-right:0px;  }

textarea { 
	-singlex: expression(this.singlex == 0 ? 0 : (function(t){
					if (document.compatMode=="CSS1Compat") {
						t.style.width = t.offsetWidth - (parseInt(t.currentStyle.paddingLeft) * 2) - (parseInt(t.currentStyle.marginRight) * 2) - (parseInt(t.currentStyle.borderLeftWidth) * 2) - 4 + "px";
					}
					t.singlex = 0; 
				} )(this)) !ie; 
}

table { margin:0; }

/* Links */
a { color: #000; font-weight: inherit; }
*html h4 a { font-weight: bold; }

a:hover { color: black; background-color: #FF9; }

.iconlinks a { behavior: url("/NewGraphics/newerGraphics/iepngfix.htc") }
p.iconlinks { text-align:center; margin:2em 0; }
p.iconlinks a { background-image: url(/NewGraphics/newerGraphics/feedicons/ical-icon-16x16.png); background-repeat: no-repeat; background-position: 0 0; padding:0px 2px 3px 2px; padding-left:20px; display:inline-block; min-height:16px; zoom:1; text-decoration:underline;}

/* page structure */
		.maxwidth, 
		#oflows .bodyContainer  { max-width:42em !important; margin-right:auto; margin-left:auto; text-align:left;  position:relative; zoom:1; }
*html 	.maxwidth, 
*html	#oflows .bodyContainer  { width:expression( document.body.clientWidth > (542) ? "42em" : "" ); z-index:1; } /* IE6 */
*html 	body.sidebar .maxwidth, 
*html 	#oflows .bodyContainer  { width:expression( document.body.clientWidth > (716) ? "42em" : "" );}

body.sidebar { padding: 0; }
#maininnertable, #maintable { height:100%; width:100%; }

*html #maintable { 
	/* 100% doesn't work well in IE6 in Quirks Mode */
	width:expression(( document.compatMode == 'CSS1Compat' )? '100%' : document.body.clientWidth + (document.body.clientHeight * 0)); 
	}
#maintable td#maincell { padding:0 16px; text-align:center; }
body.sidebar #maintable td#maincell { padding:0 16px; }
#maintable td#maincell { height:100%; }
#maininnertable td#innercell, p.utilities { padding:0; text-align:center; }
p.shortlines, h6.shortlines { text-align:center; }
p.utilities { margin-bottom:2em; }

.pagefootcell { padding:0 16px 16px 16px; vertical-align:bottom; }
body.sidebar #maincell .pagefootcell { padding:0 0 16px 0;  }
body.sidebar tr td.sidebartop { background-color:#eee; border-left:2px solid #d6d6d6; 
/* Experimental:*/
background-color: #666;
border-left: 2px solid black; 
}

.footer {color: #666; border-top: 1px solid #999; padding:0; padding-top:2px; margin:0; font-size: 9px; }
html>body td.footer { text-align:left; }
.footer[align=right] { text-align:right; }
.footer a, #compliancelogos p, #compliancelogos p a { color: #000; opacity:.7;   }
#compliancelogos img { margin: 6px; margin-left:0;}
#compliancelogos p
{   float:left;
	max-width: 224px;
	_width: 224px;
	font-size: 9px;
	white-space: normal;
	line-height:9px;
	padding-top:0;
	margin-top:5px;
	margin-right:12px;
}

#compliancelogos p a
{
	min-height:35px;
	_height:35px;
	display: block;
	padding-left: 84px;
	background-image: url(/NewGraphics/newerGraphics/ncua.gif);
	background-repeat: no-repeat;
	filter: alpha(opacity=50);
}
#compliancelogos p a, #compliancelogos p a:hover span { text-decoration:none; }
#compliancelogos p a span { text-decoration:underline; }

		#compliancelogos.twoLinks p { 
			margin-right: 4px;
			/* width: 40%; */
			margin-bottom:0;
		}
		#compliancelogos.twoLinks img { margin-bottom:.5em; display:block; }
		#compliancelogos.twoLinks p#ncuaChanges { 
			/* max-width: 17em;
			width: 25%; */
			float:none; clear:both;
			width: auto;
			max-width: none;
			margin-bottom:0.9em;
			margin-top:0; 
		}
		#compliancelogos.twoLinks p a { /* display:inline-block; */ }
		#compliancelogos.twoLinks p#ncuaChanges a {
			text-decoration: underline;
			opacity: 1;
			background-image: none;
			padding: 0;
			min-height: 0;
			height: auto !important;
			filter:none;
		}
		td.footer { white-space:nowrap; }


.controlbox { border:1px solid #cdcdcd; padding:1em; margin-bottom:1em; margin-right:auto; margin-left:auto;}

blockquote {margin:0; padding:0; margin-left:30px; padding-left:8px; padding-right:8px; }

.callToAction {
	margin: 8px auto;
	padding: 1em 2em;
	border: #1e559f 3px solid;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background-image: url(/NewGraphics/2010/H.png);
	background-repeat: repeat-x;
	background-position: left -607px;
    
	background: -webkit-gradient(linear, 0 10%, 0 60%, color-stop(0,#fee1af), color-stop(1,white)); /*webkit*/
    background: -moz-linear-gradient(top, #fee1af 10%, white 60%); /*gecko*/
   -pie-background: linear-gradient(top, #fee1af, #fff); /*PIE*/
	behavior: url(/AFrames/includes/CSS/PIE.htc);
	*margin-bottom:16px; *position:relative; *top:8px;

	background-color:white;
}
.callToAction h3 { margin-top:0; padding-top:0; line-height:100%; color:black; text-shadow: 2px 2px 3px rgba(0,0,0,0.5); }

/* Feature Highlight Box, such as is found on MortgageTypes page */
/*.highlightbox { background:#fff; padding:18px; border:yellow 3px solid; margin-bottom:12px; } */
.highlightbox { 
	background:#EDF7FF; 
	padding:18px; 
	border:#1E4F9F 2px solid; 
	margin-bottom:12px; 
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, .4);
	-pie-box-shadow: 0px 3px 6px #999;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, .4);
}
.highlightbox h3 {margin-top:0; padding-top:0; color:#006}
.highlightbox p { margin-bottom:0; }

/* Hover text on resources contents pages: */
a span.hothelp {
  position:absolute; 
  margin-left:10px;
  _margin-left:-6px;
  top: -5000px;
  padding: 5px;
  border:1px solid black;
  font-weight: normal;
  font-size: 11px;
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;  line-height: 18px;
  z-index: 2000;
  background-color: rgba(255,255,170,0.95);
  $background-color: #ffffaa;
  width: 15em;
  text-align: left;
  text-decoration:none;
  min-height:60px; _height:60px;

  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 3px 3px 12px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 3px 3px 12px;
  box-shadow: rgba(0, 0, 0, 0.3) 3px 3px 12px;
  filter: progid:DXImageTransform.Microsoft.DropShadow(color='#999999',offX='2',offY='2');
}
html.ie9 > body a span.hothelp { filter:none; }
a:hover span.hothelp { top:-33px; left:100%; }
a span.hothelp::before
{
	background-image: url(../../../NewGraphics/newerGraphics/hothelp-tip2.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -14px;
	width: 14px;
	content: " ";
	background-position: 0 -16px;
	margin:-1px 0;
}
a > span.hothelp { border-left:none; }

ul.hoverlist { vertical-align:top; zoom:1; position:relative; z-index:200; }
ul.hoverlist li { padding:0; vertical-align:bottom; zoom:1; }
ul.hoverlist a { display:block; padding:6px; text-decoration:none; color:#555;}
ul.hoverlist a:hover { background-color: #C3DCFF; color:black; position:relative; z-index:600; }
ul.hoverlist a b { /* border-bottom: 1px #C1C2C1 solid;*/ text-decoration:underline;  }

ul.hoverlist .very_recent a { background-color:yellow; color:black}
ul.hoverlist .very_recent a:hover { background-color:#C3DCFF; }
ul.hoverlist .very_recent .when { color:red; }
ul.hoverlist .pretty_recent a { background-color:#fffa99; color:black; }
ul.hoverlist .pretty_recent .when { color:black; }


/* BULLETIN-TYPE MESSAGES: */
div.message_queue {
	margin: 0;
	padding:0 12px;
	color: white;
	text-align: left;
	background:#32343d url(/NewGraphics/2010/linen.jpg) repeat-x;
	text-align:center; 
	overflow: hidden;
    
    -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0px -5px 36px inset;
    -moz-box-shadow: rgba(0, 0, 0, 0.9) 0px -5px 25px inset;
    -ie-box-shadow: rgba(0, 0, 0, 0.9) 0px -5px 25px inset;
    -o-box-shadow: rgba(0, 0, 0, 0.9) 0px -5px 25px inset;
    box-shadow: rgba(0, 0, 0, 0.9) 0px -5px 25px inset;
}
html > body #maincell div.message_queue { margin:0 -12px;  }
*html #maincell div.message_queue { position:relative; left:-12px; margin-right:-24px; zoom:1 }

html > body #maincell .maxwidth div.message_queue { margin:0; }
*html #maincell .maxwidth div.message_queue { left:0; margin-right:0; }

div.message_queue span {
	border-bottom: 1px solid #9c9c9c;
	display: block;
	min-height: 40px;
	line-height: 145%;
	padding: 12px 1.67em 12px 4.33em;
	margin:-1px auto 0 auto;
	position:relative;
	top:1px;
	text-align:left; 

	max-width:36em !important; 
	zoom:1;
}
/* IE6: */
*html 				div.message_queue span { 
							height:64px;  /* (match "min-height" of more capable browsers)  */
							width:expression( document.body.clientWidth > (542) ? "42em" : "" ); 
} 
*html body.sidebar  div.message_queue span  { width:expression( document.body.clientWidth > (716) ? "42em" : "" );}
*html 				.maxwidth div.message_queue span,
*html body.sidebar  .maxwidth div.message_queue span  { width:expression( "auto");}

div.message_queue span.error {
	color:#fee93e;
}
div.message_queue span.info {
}
div.message_queue span.error b, div.message_queue span.error a, div.message_queue span.error a:visited { color:#fff; text-shadow:0 1px 3px #000; }
div.message_queue span.info b, div.message_queue span.info a, div.message_queue span.info a:visited
{
	color: #c6ff00;
	font-weight: normal;
}
div.message_queue span.error a:hover { color:#000; background-color:#fee93e; }
div.message_queue span.info a:hover { color:#000; background-color:#FBFA00; }
div.message_queue span.error a:hover, div.message_queue span.info a:hover { text-shadow:none; }

div.message_queue span.error strong
{
	position: absolute; height:40px; width:55px; margin-top:12px;
	background-image: url(/NewGraphics/NewerGraphics/caution.png);
	top: 0;
	left: -12px;
}
div.message_queue span.info strong
{
	position: absolute; height:40px; width:55px; margin-top:12px;
	background-image: url(/NewGraphics/NewerGraphics/info.png);
	top: 0;
	left: -13px;
}

.side-label { font-weight:bold; color:#777; background-color:#eee; }
.side-label b { color:#444;  }

@media print {
	*html body #maintable { width:100% !important; }
	body.sidebar { background-image: none; }
	.callToAction {
		background-color: #fff;
		background-image: none;
	}
	p.utilities { display:none; }
	acronym { border-bottom: none; }
	
	css3-container, ignore, .icon { display:none !important;  }
	* { 
		-webkit-box-shadow:none !important;
		-moz-box-shadow:none !important;
		-o-box-shadow:none !important;
		-ie-box-shadow:none !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
}
