/* CSS Document */

/*====== BEGIN GLOBAL OVERRIDES FOR MAJOR ITEMS AND DIFFERING BROWSER DEFAULTS =====*/
body, table, img, button, iframe, ul, li, form  { margin:0; padding:0; border:0; }
table { text-align:left; }
table.announce { background-image: url('../_images/announcements.gif');}
#home { background-image: url('../_images/regionalBox.gif');}
#west { background-image: url('../_images/regionalBoxFresno.gif');}
#north { background-image: url('../_images/regionalBoxFargo.gif');}
#southeast { background-image: url('../_images/regionalBoxAlbany.gif');}
#midwest { background-image: url('../_images/regionalBoxLawrence.gif');}
#iowa-wisconsin { background-image: url('../_images/regionalBoxEauClaire.gif');}
#northeast { background-image: url('../_images/regionalBoxPeoria.gif');}
#about { background-image: url('../_images/aboutBox.gif'); background-repeat:no-repeat;}
#tools { background-image: url('../_images/toolbox.gif'); background-repeat:no-repeat;}
table.fraud { background-image: url('../_images/fraudBox.gif');}
table.rma { background-image: url('../_images/rma_announce.gif');}

/*iframe { width:0; height:0 }*/
/*====== END GLOBAL OVERRIDES FOR MAJOR ITEMS AND DIFFERING BROWSER DEFAULTS =======*/

html {
	height:100%; /* required for wrapper div height=100% in FF */
}

body {
	height:100%; /* required for wrapper div height=100% in FF */
	background-color:#FFFFFF;
	/*background:url("
		javascript:
			document.body.onload=function(){
				var divContent = document.getElementById('sub-content');
				if (divContent) {
					divContent.style.zIndex = -1;
				}
				
				var divColRight = document.getElementById('sub-col-right');
				if (divColRight) {
					divColRight.style.zIndex = -2;
				}
			}
		");*/
}


body, 
p, 
#sub-content p, 
td, 
select, 
input {	/* default font */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*font-size:.82em;*/
	font-size:11px;
	/*color:#666666;*/
	color:#333333;
}

option.heading {
	color:#000066;
	background:#DDDDDD;
}

a {						/* default link style */
	color:#2F4B99;
	/*color:#000066;*/
}

a:active, 
a:visited {
	color:#800080;
}

p {
	text-align:left;
}

ul {
	/*color:#666666;*/
	color:#333333;
}

div {						/* defaults for all divs */
	background:#FFFFFF;
}

h1 {						/* sub page headings */
	font-size:1.5em;
	color:#000066;
}
h1.about {						/* sub page headings */
	font-size:1.5em;
	color:#be5100;
}
h1.corp {						/* sub page headings */
	font-size:1.5em;
	color:#412808;
}
h1.fraud {						/* sub page headings */
	font-size:1.5em;
	color:#ce9d1d;
}
h1.training {						/* sub page headings */
	font-size:1.5em;
	color:#ac0005;
}
h1.forms {						/* sub page headings */
	font-size:1.5em;
	color:#3b531a;
}
h1.tools {						/* sub page headings */
	font-size:1.5em;
	color:#3b531a;
}
h1.products {						/* sub page headings */
	font-size:1.5em;
	color:#2C8589;
}

h2 {						/* home page headings */
	font-size:1.2em;
	color:#3B531A;
	margin:0px;
}

h4 a {
   color:#ac0005;
   text-decoration:none;

}

h4 a:hover {
	text-decoration:underline;
        color:#ac0005;
}

h4 {						/* home page sub-headings */
	/*color:#666666;*/
	color:#333333;
	font-weight:bold;
	font-size:1em;
	margin-bottom:0px;
}

h5 {						/* sub page sub-headings */
	/*color:#666666;*/
	color:#333333;
	font-weight:bold;
	font-size:1.1em;
	/*font-size:12px;*/
	/*margin-bottom:0px;*/
}

h6 {						/* contacts sub page sub-headings (dotted underline) */
	font-size:1.2em;
	color:#000066;
	border-bottom:1px dotted #000000;
	/*margin-top:90px;*/
	margin-top:0px;
	margin-right:7px;
	width:100%;
}

* html h6 { 
	width:95%; /* for IE only, since if set to 100% it interferes with right vertical dotted line */
}

hr.dotted {
	border-top:1px dotted #000000;
	color:#FFFFFF;
}

.generic {
	background-color:#FFFFFF; /* override background color for generic pages */
	margin:10px;
}

.webding {
	font-size:12px;
	font-family: Webdings;
	/*color:#0000cc;*/
	color:#2F4B99;
}

.heading-teaser {
	font-size:1.2em;
	font-weight:bold;
	color:#990000;
	border-bottom:dotted;
	border-color:#000000;
	border-width:2px;
	margin-bottom:7px;
}

.heading-sitemap {			/* site map headings */
	margin-left:44px;
	margin-top:5px;
	margin-bottom:5px;
	font-weight:bold;
}

.navLeftOff, 
.navLeftOff a, 
.navLeftOff a:visited {
	/*font-size:1em;*/
	color:#000066;
	padding-top:4px;
	padding-bottom:4px;
	/*line-height:2em;*/
	padding-left:6px;
	text-decoration:none;
	/*letter-spacing:-.05em;*/
}

.navLeftOff a:hover,
.navLeftOff a:active {
	/*font-size:1em;*/
	color:#000066;
	padding-top:4px;
	padding-bottom:4px;
	/*line-height:2em;*/
	padding-left:6px;
	font-weight:bold;
	text-decoration:none;
}

.navLeftOn {
	/*font-size:1em;*/
	color:#000066;
	font-weight:bold;
	/*border-top:dotted;
	border-bottom:dotted;
	border-width:2px;*/
	padding-top:4px;
	padding-bottom:12px;
	/*line-height:2em;*/
	/*background-color:#FFFFFF;*/
	padding-left:12px;
	width:95%;
	height:5px;
}

* html .navLeftOn {			/* this is a hack only seen by IE */
	padding-bottom:4px;		/* FF requires greater padding-bottom for some reason, so reset back to normal for IE */
}

.text-footer, 
.text-footer a, 
.text-footer a:active, 
.text-footer a:visited {
	color:#000066;
	line-height:15px;
	text-decoration:none;
}

.text-footer a:hover {
	text-decoration:underline;
}

.text-small {
	font-size:10px;
}

#nav-top-right a {			/* top right navigation links */
	color:#FFFFFF;
	text-decoration:none;
}

#nav-top-right a:hover {	/* top right navigation links */
	color:#FFFFFF;
	text-decoration:underline;
}

div.home-content ul,
div.home-content ul li {
	margin:5px;
	margin-left:0px;		/* changed to not be indented on 2007-05-10 */
	padding:0;
	line-height:12px;
	list-style:none;
}

div.home-content a,				/* home page links */
div.home-content a:active,
div.home-content a:visited,
div.home-content a:hover {
	/*color:#0000cc;*/
	color:#2F4B99;
	font-weight:normal;
	text-decoration:none;
}

div.home-content a:hover {
	text-decoration:underline;
}

div.teaser p {
	text-align:left;
}

div.ticker {
	border-top:1px solid #CCCCCC;
	text-align:center;
	margin-top:7px;
}


.top,
.top a, 
.top a:visited {
	text-align:left;
	padding-right:10px;
	/*color:#666666;*/
	/*color:#000066;*/
	color:#2F4B99;
	font-weight:normal;
	text-decoration:none;
}

.top a:hover {
	text-decoration:underline;
}

.jumpMenu,						/* non-alphabet jump menu */
.jumpMenu a, 
.jumpMenu a:visited {
	/*color:#000066;*/
	color:#2F4B99;
	text-decoration:none;
	text-align:center;
	margin-bottom:25px;
}

.jumpMenu a:hover{
	text-decoration:underline;
}

.jumpMenuAlpha {				/* alphabet jump menu */
	text-align:center;
	margin-bottom:25px;
	
}

.teaser .jumpMenu {				/* override some styles if the jump menu is inside a teaser */
	text-align:left;
	margin-bottom:0px;
	line-height:16px;
}

.jumpMenuAlpha a, 
.jumpMenuAlpha a:visited {
	color:#000066;
	text-decoration:underline;
	font-weight:bold;
}

.heading-table {
	color:#FFFFFF;
	background-color:#2462AD;
	font-weight:bold;
}

.data {
	text-align:center;
}

.data-shaded {							/* for shaded table cells */
	background-color:#DFE8F2;
	text-align:center;
}


/*====== BEGIN STYLES FOR LAYOUT ===================================================*/

#wrapper {
	position:relative;		/* use relative positioning for absolutely positioned flash movie to work in Firefox */
	width:976px; /*max width for 1024 x 768*/
	/*border:1px solid #FF0000;*/
	margin-left:auto;  /*centers the div on the page*/
	margin-right:auto; /*centers the div on the page*/
	background-color:#FFFFFF;
	/*min-height:778px; /* set minimum wrapper height for home page - moved to the masterpage */
	/*z-index:-10;*/
}

* html #wrapper {
	position:relative;		/* for IE only, use relative positioning so the top menu z-index will work and appear on top of everything */
	top:0;
	left:0;
}

#banner-top {
	/*position:relative;		/* use relative positioning so nav-top-right div can be positioned absolutely in relation to banner-top */
	width:976px;
	/*height:94px;*/
	height:100px;
	background-image:url("../_images/topbnr.gif");
	background-repeat:no-repeat;
	/*background-position:top right;*/
	padding: 0px;
	margin:0px;
	margin-left:auto;  /*centers the div on the page*/
	margin-right:auto; /*centers the div on the page*/
	margin-bottom:30px; /*allow space for top menu*/
	/*z-index:0;*/
	
}

#banner-tagline {
	position:absolute;
	top:23px;
	left:165px;
	background:none;
	color:#000066;
	font-size:14px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

#nav-top {					/* background behind top navigation menu */
	/*position:relative;		/* use relative positioning so search div can be absolute positioned in relation to nav-top div */
	position:absolute;	/*changed to use absolute positioning since*/
	top:100px;			/*the menu code was moved to the bottom of page*/ 
	left:0px;			/*so it will be drawn on top of content divs*/ 
						/*and negative z-index values can be removed*/
						/*since they cause text selection issue in IE -2007-06-15 LR*/
	width:976px;
	height:20px;
	background:#000066;
	padding:0;
}

#nav-top-right {			/* top right navigation */
	position:absolute;		/* position absolute in relation to banner-top div */
	top:2px;
	right:15px;
	color:#FFFFFF;
	background:none;
	z-index:1; /*prevent this from being hidden behind wrapper*/
}

#sub-left-col {				/* subpage left column */
	position:static;
	float:left;
	width:205px;
	border:1px solid #CCCCCC;
	padding-top:5px;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:5px;
	margin-top:3px;
	margin-left:3px;
	margin-right:3px;
	margin-bottom:3px;
	/*min-height:100%; not needed anymore */
	/*z-index:0;*/
}

#sub-right-col {			/* subpage right column */
	position:relative;		
	top:0px;
	left:0px;
	float:left;
	width:733px;
	border:1px solid #CCCCCC;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	margin-top:3px;
	margin-left:3px;
	margin-right:3px;
	margin-bottom:3px;
}

/*
removed the following since negative z-index causes a text selection issue in IE
instead, move the menu code below all other code since it gets drawn on top of everything else
and make it absolutely positioned --2007-06-15 LR

for IE6 and IE7 only, set z-index so this is behind the top menu

* html #sub-right-col {
	z-index:-5; 
}

*+html #sub-right-col {
	z-index:-5;
}
*/

#sub-page-heading {			/* subpage page heading div */
	border-bottom:1px dotted #000000;
	/*z-index:0;*/
}

#sub-content {				/* subpage content div */
	position:relative;		/* use relative position so contacts div lines up correctly */
	top:0px;
	left:0px;
	float:left;
	width:542px;
	/*border-right:1px dotted #000000; --line sometimes turns solid after scrolling - changed to use background image instead */
	padding-left:5px;
	padding-right:10px;
	/*z-index:-4;*/
}

#sub-margin-right {			/* subpage right margin div */
	float:left;
	width:171px;
	/*border-left:1px dotted #000000;*/
	padding-top:5px;
	padding-left:5px;
	/*z-index:-4;*/
}

#footer{				/* first footer */
	float:left;
	width:100%;
	background-color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
}

div.contacts {
	position:absolute;	/* positioned absolute in relation to the sub-content div */
	/*top:65px;*/
	top:140px;
	left:0px;
	margin-top:20px; /* set top margin so this doesn't overlap the contacts select box */
	visibility:hidden;
}

div.teaser {
	border:1px solid #CCCCCC;
	padding:5px;
}


/* begin home page layout */

#slideshow-flash {			/* the flash slideshow */
	float:left;				/* cannot be absolutely positioned or the drop-down menus will appear on top and if that is fixed then the slideshow-noFlash div appears on top */
	/*width:654px; if have border around slideshow -LR */
	/*height:181px; if have border around slideshow -LR */
	width:666px;
	height:193px;
	/*text-align:center; if have border around slideshow -LR */
	/*vertical-align:middle; if have border around slideshow -LR */
	/*padding:5px; if have border around slideshow -LR */
	padding:0px;
	margin:3px;
	/*margin-top:13px;*/
	margin-top:5px;
	/*margin-bottom:1px; /* if showing static image instead of flash */
	/*border:1px solid #CCCCCC; if have border around slideshow -LR */
	background:none;	/* allow slideshow-noFlash to show through if the user does not have the flash player */
}

*+html #slideshow-flash {				
	/*margin-top:23px; /* for IE7 only, increase top margin by 10px */
	margin-top:15px;
	margin-bottom:-7px; /* for IE7 only, decrease bottom margin so boxes below line up properly */
}

#slideshow-noFlash {		/* static image behind flash movie which displays if the user does not have the flash player */
	position:absolute;
	top:125px;
	left:6px;
	z-index:-1;				 /* make sure this appears behind the flash movie (for FF & IE) and the drop-down menus (for IE) */
							/* but if set flash movie div display=none, it will not show this div behind it */
}

*+html #slideshow-noFlash {				
	top:135px; 		/* for IE7 only, adjust the position */
	left:3px; 
}

#hideme {
	background:none;		/* div containing flash movie that gets hidden if already played once, needs no bg so non flash users can see the non-flash image */
}

div.home-content-heading {		/* home content box headings */
	position:absolute;			/* use an absolute position relative to #home-r1-c2 */
	top:-9px;
	left:5px;
	/*color:#990000;*/
	border:none;
	/*background-color:#FF0000;
	font-family:Verdana, Arial, Helvetica, sans-serif;*/
	/*font-size:12px; use px or em or what unit for accessibility?*/
	/*font-weight:bold;*/
}

div.home-content-more {		/* home content box bottom "more" links */
	position:absolute;		/* use an absolute position relative to #home-r1-c2 */
	bottom:9px;
	right:10px;
	border:none;
}

div.home-content {			/* default styles for home content boxes */
	position:relative; 		/* use relative position to work with heading position */
	float:left;
	top:0px;
	left:0px;
	padding:5px;
	margin:3px;
	margin-top:13px;
	border:1px solid #CCCCCC;
}



/*
removed the following since this causes text selection issue in IE
instead, move the menu code below all other code since it gets drawn on top of everything else
and make it absolutely positioned --2007-06-15 LR

for IE6 and IE7 only, set z-index so these appear behind the top menu
* html div.home-content {
	z-index:-1;
}

*+html div.home-content {
	z-index:-1;
}
*/

/* begin set size for home content boxes and override any default styles set on div.home-content */

#home-r1-c2 {				
	float:right;
	width:280px;
	height:181px;
	margin-top:5px;
}

*+html #home-r1-c2 {				
	margin-top:15px; /* for IE7 only, increase top margin by 10px */
}

#home-r2-c1 {
	width:206px;
	height:192px;
}

*+html #home-r2-c1 {				
	margin-top:23px; /* for IE7 only, increase top margin by 10px */
}

#home-r2-c2 {
	width:206px;
	height:192px;
}

*+html #home-r2-c2 {				
	margin-top:23px; /* for IE7 only, increase top margin by 10px */
}

#home-r2-c3 {
	width:206px;
	height:192px;
}

*+html #home-r2-c3 {				
	margin-top:23px; /* for IE7 only, increase top margin by 10px */
}

#home-r2-c4 {
	float:right;
	width:280px;
	height:192px;
}

#home-r3-c1 {
	width:654px;
	height:95px;
}

#home-r3-c2 {
	float:right;
	width:280px;
	height:178px;
}

#home-r4-c1 {			/* Ratings box */
	/*width:448px;*/
	width:430px;
	height:55px;
}

#home-r4-c2 {
	width:216px;
	height:65px;
	padding:0;
	border:none;
	text-align:center;
}

/* end set size for home content boxes and override any default styles set on div.home-content */


/* end home page layout */



















div.container {
	position:static;
	float:left;
	border:1px solid #CCCCCC;
	padding-top:0px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	margin-top:20px;
	margin-right:5px;
	/*z-index:0;*/
}

div.container-right {
	position:relative;
	float:right;
	top:-14px;
	width:264px;
	border:1px solid #CCCCCC;
	padding-top:14px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	margin-top:20px;
	margin-left:5px;
	/*z-index:-2;*/
}

div.container-title {
	position:relative;
	float:left;
	top:12px;
	left:15px;
	color:#990000;
	border:none;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; /*use px or em or what unit for accessibility?*/
	font-weight:bold;
	/*z-index:-1;*/
}

#col-sub-left {
	position:static;
	float:left;
	width:197px;
	/*height:100%;*/
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	/*border-right:1px solid #0000FF; TESTING*/
	margin:0; 
	padding:0;
	background:#FFFFFF repeat-y;
	color: #333333;
	/*z-index:3;*/
}

#col-sub-left2 {
	position:relative;
	margin:-6px 6px 6px -6px;
	padding:4px;
	border:1px solid #0000FF;
	/*z-index:2;*/ 
}

/*====== END STYLES FOR LAYOUT =====================================================*/

/* For expandable/collapsible menus */
.treemenu {
  list-style : none;
}

.treemenu UL {
    list-style: disc;
    margin-left: 30px;
    padding: 0px;
    border: none;
}

.treemenu LI {
	display : list-item;
	
}

.treemenu A {
    padding-left : 15px;
}

.treemenu A.xtrapadding {
    padding-left : 20px;
}

.treemenu A.nopadding {
    padding-left : 0px;
}

.treemenu .treeopen {
	background-image :  url("../_images/minus.gif");
	background-repeat : no-repeat;
	background-position : left;
}

.treemenu .treeclosed {
	background-image :  url("../_images/plus.gif");
	background-repeat : no-repeat;
	background-position : left;
}
/* End expandable/collapsible menus */

.qmmt_main	{
    background-color: #ffffff;
    border: none;
	}
.qmmt_text	{
    font: 11px arial;
    color: #333333;
	padding:2px;
	}
.qmmt_text_up	{
    font: 11px arial;
    color: #009900;
	}
.qmmt_text_down	{
    font: 11px arial;
    color: #ff0000;
	}
.qmmt_cycle	{
    background:none;
	}
.qmmt_header_text	{
    font: bold 12px arial;
    color: #333333;
	}
.qmmt_header_bar	{ 
	background:none; 
	}
a.qmmt {
	color:#02458A;
	}
a:visited.qmmt {
    color: #02458A;
	}
a:hover.qmmt {
    color: #02458A;
	}


/* begin added 2008-03-28 -LRi */

div.textHome {
	width:226px;
}

.txtSmall, 
.txtSmall td {
	font-size:10px;
}

.txtHomeLg {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
}

.txtGreen {
	color:#3b531a;
}

.schedule, 
.schedule td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	vertical-align:top;
	line-height:12px;
}

.schedule td {
	padding-bottom:3px;
	padding-right:5px;
}

.schedule-heading1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-left:1px;
}

/*regional office contact info*/
#rog,
#rog td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

/* end added 2008-03-28 -LRi */

.generic { margin:10px; }