body {
  margin: 0px;
  padding: 0px;
  background-color:#999999;
  color:#000000;
  text-align: center;
}


/* Overall site container forcing it to center */
#container { 
  text-align:left; /* reset text alignment */
  width:980px;
  margin:0 auto; /* for non-IE browsers */ 
  background-color: #ffffff;
} 


/* -----------------------------------------------------------------*/


/* START: Header layout elements */
#header {
  background-color: #ffffff;
  top: 0px;
  width: 980px;
  float: left; 
  display: inline; 
}

/* START: Pre-Top-navigation layout elements */
#logohomepage {
  background-color: #ffffff;
  left: 38px;
  width: 447px;
  height: 102px;  
  padding: 17px 0 13px 22px;    
  float: left; 
}

div#logo {
  background-color: #ffffff;
  padding-left: 30px;
  width: 447px;
  height: 102px;  
  padding: 17px 0 13px 22px;     
  margin-bottom:0px;
  float: left; 
}

div#logo a {
  display: block;
  background: url(/images/tbuild_logo.gif) no-repeat;
  overflow: hidden;
  width: 274px;
}

div#logo a:hover {
  display: block;
  background: url(/images/tbuild_logo_home.gif) no-repeat;
  overflow: hidden;  
}

div#logo img {visibility: hidden;}

/*div#logoffc img {visibility: hidden;}*/



#logobankhomepage {
  background-color: #ffffff;
  left: 38px;
  width: 447px;
  height: 102px;  
  padding-top:17px;    
  float: left;
  text-align: right;  
}

#printlogo {	
    display: none;
}	
#printlogobank {	
    display: none;
}	

#topright {
  display: inline;
  float: right;
  background-color: #ffffff;
  width: 306px;
  height: 127px;
  margin-right: 30px;  /* for firefox it needs to be margin-right: 33px;  */
  padding-right: 0px;
  padding-left: 0px;   
  padding-top: 0px;
  margin-top: 0px;  
  padding-bottom: 0px;
  margin-bottom: 0px;    
}

/*needed for skinny blue header */
#topright_plain {
  background: #ffffff;
  width: 304px;
  height: 127px;  
  float: right;
/*  margin-right: 15px;   for firefox it needs to be margin-right: 33px;  */
  margin-right: 18px;  /* for firefox it needs to be margin-right: 33px;  */  
  padding-right: 0px;
  padding-left: 0px;
  margin-left: 0px;    
  padding-top: 0px;
  margin-top: 0px;  
  padding-bottom: 0px;
  margin-bottom: 0px;    
}

#toprightlinks {
  display: inline;
  background-color: #ffffff;  
  height: 24px; 
  text-align: right;
  padding-top: 6px;   
  margin-top: 0px;
  padding-right: 0px;  
  margin-right: 30px; 
  padding-bottom: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
  float: right;
}

#searchbox {
  display: inline;
  text-align: left;  
  background: #CCCCCC url(/images/searchboxhead.gif) no-repeat scroll center top;
  width: 234px;
  height: 102px;
  padding:0;
  margin: 0 30px 0 0;  
  float: right;
  clear: right;
}

#wrap_txtsearch {
	display: inline;
	float: left;
	margin: 24px 6px 5px 13px;
}

#wrap_btnsearch {
	display: inline;
	float: left;
	margin: 23px 12px 5px 0;
}

#fontsizer {
	width: 110px;
	display: inline;
	float: left;
	margin: 12px 0 15px 27px;
	line-height: 16px;
	clear: both;
}

#printicon {
	display: inline; 
	float: right; 
	margin: 12px 30px 15px 0;
}

/* -----------------------------------------------------------------*/

/* START: Links in the top-right of the header */
.toprightlink a, .toprightlink a:visited, .toprightlink a:active, .toprightlink a:hover, .toprightlink {
  font-weight:bold; 
  color:#000000; 
/* font-size:100%; */
  font-size: 98%;
}

a:hover.toprightlink {
  font-weight:bold; 
  color:#000000; 
/* font-size:100%; */
  text-decoration:underline;
}

.logintext {
  font-weight:bold; 
  color:#FFFFFF; 
  font-size:93%;
}

.forgottext {
  font-weight:bold; 
  color:#FFFFFF; 
  font-size:85%;
}

a.forgottext,a:visited.forgottext,a:active.forgottext {
  font-weight:bold; 
  color:#FFFFFF; 
  font-size:85%;
}

a:link.forgottext {
  font-weight:bold; 
  color:#FFFFFF; 
  font-size:85%;
}

a:visited.forgottext {
  font-weight:bold; 
  color:#FFFFFF; 
  font-size:85%;
}

a:hover.forgottext {
  font-weight:bold; 
  color:#f9f169; 
  font-size:85%;
}

a:active.forgottext {
  font-weight:bold; 
  color:#FFFFFF; 
  font-size:85%;
}

a.sitemaintenance,a:visited.sitemaintenance,a:active.sitemaintenance {
  font-weight:bold; 
  color:#FFFFFF;   
  font-size:85%;  
  text-decoration:none;
  border-bottom-color:#FFFFFF;
  border-bottom-style:dashed;
  border-bottom-width:1px;
}
a:hover.sitemaintenance {
  color:#f9f169; 
  border-bottom-color:#f9f169;
  border-bottom-style:dashed;
  border-bottom-width:1px;
}

/* END: Links in the top-right of the header */

/* END: Pre-Top-navigation layout elements */

/* -----------------------------------------------------------------*/

/* START: Top-navigation layout elements */

#topnav {
	display: inline;
	margin-top: 0;
	padding-left: 30px;
	float: left;
  background-color: #ffffff;
  width: 950px;
  height: 45px;
  position: relative;
  z-index: 2;  
}

/*used in skinny blue header*/
#topnav_plain {
	
  background: #336699;
  width: 920px;
  height: 45px;
  position: relative;
  z-index: 2;
  float: left; /*added 11/21/08 do not remove */
  display: inline; /*added 11/21/08 do not remove */  
}

#topnavlogindropdown {
  background-color: #6699cc;
  width: 306px;
  padding-left: 0px;   
  margin: 0px;  
  padding-top: 0px;  
  padding-bottom: 0px;
  padding-right: 0px;
  height: 45px;  
  float: left;  
}

#topnavlogindropdown form { width: 306px; }

#logindropdowntext {
  padding: 6px 0 0 6px;
  font-weight:bold; 
  color:#FFFFFF; 
  font-size: 90%;
  float: left;
  height: 39px;
}

#logindropdownform {
	float: right;
	padding: 12px 6px 0 0;
}

.logindropdown {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
}

/* END: Top-navigation layout elements */

/* END: Header layout elements */


/* -----------------------------------------------------------------*/


/* START Tableless Top Nav */

#topnavlinks {
	background-color: #ffffff;
	height: 45px;
	float: left;
	margin: 0px;
	padding: 0px;
}

#topnavlinks, #topnavlinks ul {
	list-style: none;
	border: none;
	width: 920px;
	background-color: #f9f169;
}


#topnavlinks li {
	float: left;
	background-color: #f9f169;
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold;
	font-size: 100%;
	border-right: #fff 1px solid;
	text-align:center;
}


#topnavlinks a {
	display: block;
	padding-top: 13px;
	height: 32px; 
	color: #000000;
	text-decoration:none;
}

#topnavlinks a:hover {text-decoration:underline;}

#topnavlinks div.menupadder {
	margin: 0 0 0 -12px;
	position: absolute;
	left: -999em;
	width: auto;
	}
	
#topnavlinks ul {
	margin: 0;
	width: 137px; 
	font-weight: normal;
	/*border-top: 1px solid #fff;*/
	/*border-right: 1px solid #fff;*/
	/*background: #cccccc;*/ 
	background: url(/images/clear.gif);
	padding: 0 12px 12px 12px;
}



#topnavlinks ul a{
	display: block;
	font-size: 89%;
	
	text-align: left;
	text-decoration: none;
	line-height: 100%;
	padding: 6px 0 0 8px;  
	margin: 0;
	height: 20px;
}

#topnavlinks ul li.extranavpad a {line-height: 105%;}


#topnavlinks li li {
	text-align: left;
	background-color: #cccccc;
	height: 20px;	
}

#buildhomesnav, #buildhomesnav a {width: 132px;}

#worldwidenav, #worldwidenav a {width: 138px;}

#thrivehabnav, #thrivehabnav a {width: 148px;}

#buildsmobilenav, #buildsmobilenav a {width: 175px;}

#buildhomesnav ul, #buildhomesnav li a {width: 124px;}

#worldwidenav ul, #worldwidenav li a {width: 130px;}

#thrivehabnav ul, #thrivehabnav li a {width: 140px;}

#buildsmobilenav ul, #buildsmobilenav li a {width: 167px;}

#topnavlinks li:hover div.menupadder, #topnavlinks li li:hover div.menupadder, #topnavlinks li li li:hover div.menupadder, #topnavlinks li.sfhover div.menupadder, #topnavlinks li li.sfhover div.menupadder, #topnavlinks li li li.sfhover div.menupadder {
	
	left: auto;
}

/* IE7 CSS */

* + html #topnavlinks li#buildhomesnav:hover div.menupadder, * + html #topnavlinks li#buildhomesnav.sfhover div.menupadder{
	left: 30px;
}

* + html #topnavlinks li#worldwidenav:hover div.menupadder, * + html #topnavlinks li#worldwidenav.sfhover div.menupadder{
	left: 163px;
}

* + html #topnavlinks li#thrivehabnav:hover div.menupadder, * + html #topnavlinks li#thrivehabnav.sfhover div.menupadder{
	left: 302px;
}

* + html #topnavlinks li#buildsmobilenav:hover div.menupadder, * + html #topnavlinks li#buildsmobilenav.sfhover div.menupadder{
	left: 451px;
}

/* END IE7 CSS*/

#topnavlinks li:hover, #topnavlinks li.sfhover {background-color: #cccccc;}

#topnavlinks li:hover {background-position: 0 0;}

#topnavlinks li:hover, #topnavlinks li.sfhover {background-color: #cccccc;}

#topnavlinks li li:hover, #topnavlinks li li.sfhover {background-color: #ffffdd;}

#topnavlinks li:hover a, #topnavlinks li.sfhover a {color: #000000;}

#topnavlinks #buildhomesnav {background: url(/images/topnavleftcorner_up.gif) left no-repeat #f9f169;}

#buildhomesnav a:hover#buildhomesactive, #topnavlinks li#buildhomesnav:hover, #topnavlinks li#buildhomesnav.sfhover {
	background: url(/images/topnavleftcorner_over.gif) left no-repeat #cccccc;
}


li.extranavpad { padding: 0 0 17px 0;}

li.extranavpad a {padding-bottom: 5px;}

.nav_firstsub {border-top: 1px solid #fff;}

#nav_firstsub {border-top: 1px solid #fff;}


/* END Tableless Topnav */


/* -----------------------------------------------------------------*/


/* START: Crumbs */

.crumbsection {background-color: #ffffff; display: inline; float: left; text-align:left; padding: 12px 30px 0 42px; width: 908px;} 

.crumbsection_skinny {background-color: #ffffff; display: inline; float: left; text-align:left; padding: 24px 30px 0 42px; width: 908px;} 

span.crumbcurrentpage {font-family: Arial, Helvetica, sans-serif; font-size: 90%; color:#cc3333; font-weight:bold;}

a.crumblink,a:hover.crumblink,a:visited.crumblink,a:active.crumblink {font-family: Arial, Helvetica, sans-serif; font-size: 90%; color:#000000;}
a:hover.crumblink {color:#0000FF;}
/* END: Crumbs */


/* -----------------------------------------------------------------*/


/*START No Nav style used for generic login page in usability testing*/
#nonav {
  color: #ffffff;  
  width: 180px;
  border: #000000 0px solid;
  padding-left: 0px;  
  margin-right: 12px;     
  padding-top: 0px;   
  margin-top: 0px;     
  margin-bottom: 0px;   
  float: left;  
  text-align: left;   
 /* height: 100%;*/
}
/* END no nav*/


/* -----------------------------------------------------------------*/


/* START: Left-nav */

#leftnav {
  color: #ffffff;  
  width: 180px;
  border: #000000 0px solid;  
  padding-left: 0px;     
  padding-right: 0px; 
  padding-top: 0px;     
  padding-bottom: 0px; 
  display: inline;
  margin: 0px 15px 0px 30px;  
  float: left;  
  text-align: left;   
 /* height: 100%;*/
}

ul.leftnav { padding-left: 12px; padding-right: 12px; padding-bottom: 8px; padding-top: 8px; margin-top:0px; margin-left:0px; margin-bottom:0px; list-style: outside; text-indent: 0em; list-style: none; BORDER-BOTTOM: #FFFFFF 1px solid; letter-spacing:.04em; }

ul.leftnavwithsub { padding-left: 12px; padding-right: 12px; padding-bottom: 4px; padding-top: 8px; margin-top:0px; margin-left:0px; margin-bottom:0px; list-style: outside; text-indent: 0em; list-style: none; letter-spacing:.04em; font-weight:bold;}

ul.leftnavhotitem { padding-left: 12px; padding-bottom: 8px; padding-top: 8px; margin-top:0px; margin-left:0px; margin-bottom:0px; list-style: outside; text-indent: 0em; list-style: none; background-color:#FFFFCC; letter-spacing:.04em;}

ul.leftnavwithsubhotitem { padding-left: 12px; padding-bottom: 8px; padding-top: 8px; margin-top:0px; margin-left:0px; margin-bottom:0px; list-style: outside; text-indent: 0em; list-style: none;  background-color:#FFFFCC; letter-spacing:.04em;}

ul.leftsubnav { padding-top: 4px; padding-bottom: 0px; padding-left:0px; padding-right:12px; margin-top:0px; margin-left:35px; margin-bottom:4px; margin-right:0px; list-style: outside; text-indent: 0em; list-style: none; letter-spacing:.04em; }

ul.leftsubnavhotitem { margin-top:4px; padding-top:4px; padding-left:36px; padding-right:12px; margin-left: 0px; margin-bottom:0px; padding-bottom:4px; list-style: outside; text-indent: 0em; list-style: none; background-color:#FFFFCC; letter-spacing:.04em;}

ul.leftsubnavfirsthotitem { margin-top:0px; padding-top:4px; padding-left:36px; padding-right:12px; margin-left: 0px; margin-bottom:0px; padding-bottom:4px; list-style: outside; text-indent: 0em; list-style: none; background-color:#FFFFCC; letter-spacing:.04em;}

ul.leftsubnavlast { padding-bottom :8px; padding-top: 4px; padding-left:36px; padding-right:12px; margin:0px; list-style: outside; text-indent: 0em; list-style: none; BORDER-BOTTOM: #FFFFFF 1px solid; letter-spacing:.04em;}

.headeritem { text-decoration: none; color: #FFFFFF; font-family: Arial, Helvetica, Sans-Serif; font-size: 100%; font-weight: bold;}

a.navitem { text-decoration: none; color: #FFFFFF; font-family: Arial, Helvetica, Sans-Serif; font-size: 90%; font-weight: bold;}
a.navitem:hover {cursor: pointer; text-decoration: underline; color: #FFFFCC;}

a.hotnavitem { text-decoration: none; color: #000000; font-family: Arial, Helvetica, Sans-Serif; font-size: 90%; font-weight: bold; list-style:none;}

a.subnavitem { color: #FFFFFF; font-weight: bold; font-family: Arial, Helvetica, Sans-Serif; text-decoration: none; font-size: 90%;}
a.subnavitem:hover {cursor: pointer; text-decoration: underline; color: #FFFFCC;}

/* END: Left-nav */


/* -----------------------------------------------------------------*/


/* START: Main content layout elements */

#main {
  background-color: #ffffff;
  width: 980px;  
  padding-top: 0px; 
  padding-bottom: 0px;   
  margin-bottom: 0px;     
  height: 100%; 
  
}
/* This gives the background gradient on the far right and far left hand sides of the page*/
#gradient {
  width: 980px;
  float: left;  
  margin-bottom: 0px;
  padding-bottom: 0px;  
  background-image: url(/images/gradient500.gif);
  background-repeat: repeat-x; 
  background-color: #e5e5e5;
}

/*#farleft {
  width: 30px;
  float: left;  
  margin-bottom: 0px;
  padding-bottom: 0px;  
  background-image: url(/images/gradient500.gif);
  background-repeat: repeat-x; 
  background-color: #f9f169;
}*/

#content {
  background: url(/images/contentmainbg.gif) repeat-y;
  width: 980px;
  text-align: left;     
  float: left;  
  padding-top: 0px;    
  padding-bottom: 0px;                
  margin-bottom: 0px;                  
}

/*this is used for pages that do not have a right nav area*/
#content_right {
  float: left;  
  display: inline;
  background: url(/images/contentleftbg.gif) repeat-y;
  width: 980px;
  text-align: left;     
  padding-top: 0px;    
  padding-bottom: 0px;                
  margin-bottom: 0px;                  
}

/*this is used for usability test only (generic login page)*/
#content_none {
  background: url(/content/images/contentnoleftbg.gif) repeat-y;
  width: 980px;
  text-align: left;     
  float: left;  
  padding-top: 0px;    
  padding-bottom: 0px;                
  margin-bottom: 0px;                  
}

#rightnav {
	display: inline;
  color: #efefef;  
  width: 200px;
  height: 100%;  
  padding-left: 0px;     
  padding-right: 0px; 
  padding-top: 0px;      
  padding-bottom: 0px;
  margin: 10px 30px 10px 0px;
  float: right;  
  text-align: left;   
}

/*#farright {
  width: 30px;
  float: right;  
  margin-bottom: 0px;  
  padding-bottom: 0px;    
  background-image: url(/images/gradient500.gif);
  background-repeat: repeat-x; 
  background-color: #e5e5e5;  
}*/

.sectionheader {
	display: inline;
	float: left;
  text-align: left;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 12px;  
  padding-bottom: 0px;  
  background-color: #ffffff;
  margin: 0;
  border-bottom: 1px #ffffff solid;
}

.sectionheadertext {
  font-family: Arial, Helvetica, sans-serif; 
  color: #cc3333;    
  font-size: 160%; 
  font-weight: bold; 
  text-decoration:none;  
}

a.sectionheadertext,a:active.sectionheadertext,a:visited.sectionheadertext,a:hover.sectionheadertext {
  font-family: Arial, Helvetica, sans-serif; 
  color: #cc3333;    
  font-size: 160%; 
  font-weight: bold; 
  text-decoration:none;  
}

a:hover.sectionheadertext {
	text-decoration:underline;
}

.foundationsectionheadertext {
  font-family: Arial, Helvetica, sans-serif; 
  color: #cc3333;    
  font-size: 136%; 
  font-weight: bold; 
}

a.foundationsectionheadertext,a:active.foundationsectionheadertext,a:visited.foundationsectionheadertext,a:hover.foundationsectionheadertext {
  font-family: Arial, Helvetica, sans-serif; 
  color: #cc3333;    
  font-size: 136%; 
  font-weight: bold; 
  text-decoration:none;  
}

a:hover.foundationsectionheadertext {
	text-decoration:underline;
}

.fontsizetext {font-family: Arial, Helvetica, sans-serif; font-size: 90%; color:#000000; font-weight:normal;} 

a.printerfriendlytext { font-family: Arial, Helvetica, sans-serif; font-size: 90%; color:#000000; font-weight:normal; text-decoration:none;}

a:visited.printerfriendlytext { color:#000000; }

a:hover.printerfriendlytext { text-decoration:underline; }

select {
	font-size: 100%;
}

#bodytext_nowrapper {
  background-color: #ffffff;
  height: auto;
  padding: 12px 12px 6px;  
  width: 98%;
  line-height:1.5em;
  text-align:left;
}

#bodytext {
	float: left;
	display: inline;
  background-color: #ffffff;
  height: auto;
  padding-top: 12px;  
  padding-bottom: 4px;
  width: 510px;
  line-height:1.5em;
}

#bodytext ul {
  margin-top: 6px;
  margin-bottom: 6px;    
  margin-left: -6px;
  margin-right: 6px;
}

.bodytext li  { padding-top:.35em; padding-bottom:.35em;   }

/*Used for LI spacing in contextual help boxes*/
.popdiv2 li  { padding-top:.35em; padding-bottom:.35em;   }

#bodytext li  { padding-top:.35em; padding-bottom:.35em;   }

.tabs li { padding-bottom:0em; padding-top:0em;   }

#bodytext#tabs li { padding-bottom:0em; padding-top:0em;   }

#bodytext#performance ul li { padding-bottom:0em; padding-top:0em;   }

#bodytext#performance_tall ul li { padding-bottom:0em; padding-top:0em;   }

#bodytext#performance_long ul li { padding-bottom:0em; padding-top:0em;   }

.performance li { padding-bottom:0em; padding-top:0em;   }

.performance_tall li { padding-bottom:0em; padding-top:0em;   }

.performance_long li { padding-bottom:0em; padding-top:0em;   }

/* This is used on pages that do not have a right hand nav and content needs to extend all the way to the right*/
#bodytext720 {
  float: left;  
  display: inline;
  background-color: #ffffff;
  height: auto;
  padding-top: 12px;  
  padding-bottom: 4px;
  padding-right: 18px;
  width: 710px;
  line-height:1.5em;
  z-index: -5; 
}

#bodytext720 ul {
  margin-top: 6px;
  margin-bottom: 6px;    
  margin-left: -6px;
  margin-right: 6px;
}

.bodytext720 ul li  { padding-top:.35em; padding-bottom:.35em;   }

.bodytext720.tabs ul li { padding-bottom:0em; padding-top:0em;   }

.bodytext720.performance ul li { padding-bottom:0em; padding-top:0em;   }

.bodytext720.performance_tall ul li { padding-bottom:0em; padding-top:0em;   }

.bodytext720.performance_long ul li { padding-bottom:0em; padding-top:0em;   }

/*#bodytext720 li {
  list-style-image:url(/content/images/bullet.jpg);
}*/

/* This is used on pages that do not have a right hand nav and content needs to extend all the way to the right*/
#bodytext740 {
  float: left;  
  display: inline;background-color: #ffffff;
  height: auto;
  padding-top: 12px;  
  padding-bottom: 4px;
  margin: 0px;
  width: 726px;
  line-height:1.5em;  
}

#bodytext740 ul {
  margin: 6px 6px 6px 18px;
}

.bodytext740 ul li  { padding-top:.35em; padding-bottom:.35em;   }

.bodytext740.tabs ul li { padding-bottom:0em; padding-top:0em;   }

.bodytext740.performance ul li { padding-bottom:0em; padding-top:0em;   }

.bodytext740.performance_tall ul li { padding-bottom:0em; padding-top:0em;   }

.bodytext740.performance_long ul li { padding-bottom:0em; padding-top:0em;   }


/* This is used on pages that do not have a right or left hand nav (usability test only)*/
#bodytext920 {
    float: left;
  display: inline;
  background-color:#ffffff;
  height: auto;
  padding-top: 12px;  
  padding-bottom: 4px;
  width: 920px;
  margin: 0 30px;
}

#bodytext920 ul {
  margin-top: 6px;
  margin-bottom: 6px;    
  margin-left: -6px;
  margin-right: 6px;
}

.bodytext920 ul li  { padding-top:.35em; padding-bottom:.35em;   }

.bodytext920.tabs ul li { padding-bottom:0em; padding-top:0em;   }

.bodytext920.performance ul li { padding-bottom:0em; padding-top:0em;   }

.bodytext920.performance_tall ul li { padding-bottom:0em; padding-top:0em;   }

.bodytext920.performance_long ul li { padding-bottom:0em; padding-top:0em;   }

/*#bodytext920 li {
  list-style-image:url(/content/images/bullet.jpg);
}*/

/* END: Main content layout elements */


/* -----------------------------------------------------------------*/


/* START: Used just for existing apps  */
.tabletext {font-family: Arial, Helvetica, sans-serif; font-size: 80%;} 

/* Creates the yellow background for ON nav items*/
TD.mainhotcell  { font-weight: bold; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; background-color: #ffff99; color: #003366;}

/* Creates the white background color for OFF main nav items. White background is the default. */
TD.maincoldcell { font-weight: bold; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; color:#003366; background-color:#FFFFFF;}

/* Creates the white background color for OFF sub nav items */
TD.subcoldcell  { font-weight: bold; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; background-color:#FFFFFF;}

/* Used to create the navy, bold color for OFF main nav items */
A.navlink { text-decoration: none; color: #003366; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-weight: bold;}

/* Used to create the black, bold color for ON main nav items */
A.hotlink { text-decoration: none; color: #000000; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-weight: bold;}

/* END: Used just for existing apps  */


/* -----------------------------------------------------------------*/


/* fontincrease1 is used here since it is the default font this highlights it red */
a.fontincrease1 { font-family: Arial, Helvetica, Sans-Serif; text-decoration:none; font-weight:bold; font-size:11px;}
/* fontincrease2 is used here since it is the default font this highlights it red */
a.fontincrease2 { font-family: Arial, Helvetica, Sans-Serif; text-decoration:none; font-weight:bold; font-size:13px;}
/* fontincrease3 is used here since it is the default font this highlights it red */
a.fontincrease3 { font-family: Arial, Helvetica, Sans-Serif; text-decoration:none; font-weight:bold; font-size:15px;}
/* fontincrease4 is used here since it is the default font this highlights it red */
a.fontincrease4 { font-family: Arial, Helvetica, Sans-Serif; text-decoration:none; font-weight:bold; font-size:17px;}


/* -----------------------------------------------------------------*/

.outage_container { 
position: absolute;
display:none; 
padding: 8px; 
width: 365px; 
z-index: 900; 
top:200px; 
left:410px;
float:left;
}

.out_message {
border-left: 2px solid #cccccc;
border-right: 2px solid #cccccc;
border-top: none;
border-bottom: none;
background-color:#ffffcc;
float:left;
padding-left:12px;
padding-right:12px;
width:337px;
}
.outage_top {
	background:url(/images/top_outage.gif) no-repeat bottom left;
	width:365px;
	height:14px;
	float:left;
	vertical-align:top;
	}
.outage_bottom {
	background:url(/images/bottom_outage.gif) no-repeat top left;
	width:365px;
	height:14px;
	float:left;
	vertical-align:bottom;
	}


/* -----------------------------------------------------------------*/


/* Accordions */

#basic-accordian{
	width:170px;
	z-index:2;
	margin-left: 15px;
}

#basic-accordian .accordion_headings{
	font-size: 92%;
	font-style: normal;
	font-weight: bold;
	color: #000000;	
	padding: 0;
	cursor:pointer;
	height: 35px;
	border-bottom: 1px solid #ffffff;
	background: #cccccc;
}

#basic-accordian .accordion_child{
	padding: 0 5px;
	background:#ffffff;
	color: #000000;
	border: 1px solid #cccccc;
}

.pm_img {
	float: right;
	padding-right: 4px;
	padding-left: 2px;
	padding-top: 10px;
}


#basic-accordian .acchead_txt {
	float: left;
	padding: 8px 0 0 4px;
	margin: 0;
}

.rcol_header {
  margin:0px;
  padding:0px;
  background: url(/images/rcol_inpageheader.gif) top left no-repeat;  
  width: 170px;
  height: 35px;
  background-color: none;
}
/* End Accordions */


/* -----------------------------------------------------------------*/


/* START: Footer */

#footerspacer {
	display: inline;
	float: left;
  background-color: #e5e5e5;
  width: 952px;
  line-height: 24px;  
  padding-top: 6px;
  padding-left: 28px;   
  padding-bottom: 6px;   
  text-align: left;    
  height: 24px;
}

#footerlinks {
	display: inline;
	float: left;
  background-color: #d7d7d7;
  width: 952px;
  line-height: 22px;  
  padding-top: 6px;
  padding-left: 28px;   
  padding-bottom: 6px;   
  font-size: 100%;  
  color:#000000;   
  text-align: left;    
  margin-top: 0px;  
}

a.footerlink,a:visited.footerlink,a:active.footerlink {
  font-weight:bold; 
  color:#000000; 
  font-size:100%;
  text-decoration: none;  
}
a:hover.footerlink {
  font-weight:bold; 
  color:#0000FF; 
  font-size:100%;
  text-decoration: none;  
}

#footeraddresses {
	float: left;  
	display: inline; 
  background-color: #b5b5b5;
  width: 950px;  
  padding-top: 10px;    
  padding-left: 30px;     
  font-size: 100%;    
  color:#000000;   
  text-align: left;    
}

#footerdisclaimers {
  background-color: #b5b5b5;
  width: 924px;
  padding-top: 2px;     
  padding-left: 28px;    
  padding-right: 28px;      
  padding-bottom: 10px;    
  font-size: 100%;    
  color:#000000;   
  text-align: left;  
  float: left;
  display: inline; 
  clear: both; 
}

#habitatthrivent_logo {
	float: left;	
	width: 400px;
	padding: 18px 0;
}

#footercontact {
	float: right;
	width: 300px;
	text-align: right;
	padding: 24px 0 18px 0;
}

/* END: Footer */


/* -----------------------------------------------------------------*/


.disclaimer {font-family: Arial, Helvetica, sans-serif; font-size: 90%;}

.dropdown { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; background-color: #FFFFFF; text-transform: none; font-variant: normal;}

.dropdownbutton { font-size: 13px; padding-left: 0px; padding-right: 0px;}



@media print {

    * {float: none;}
	
	#toprightlinks, 
	#loginbox, 
	#topnav, 
	.crumbsection,  
	#blue_nav_wrap, 
	#crnr_mat_tl, 
	#crnr_mat_tr, 
	#mat_bottom_crnrs, 
	#find_fr_block, 
	.popdiv, 
	.popdiv2, 
	.popdivinvestments, 
	.popdivTC, 
	.popdivbio, 
	.popdivstyle,
	#footeraddresses, 
	#footerlinks,
	#rightnav,
	.sectionheader,
	#leftnav,
        #header {display: none;}
	
	
	#mat_inner_content, 
	#thequest_form, 
	#bodytext, 
	#bodytext720, 
	#bodytext920, 
	#footerdisclaimers {background: #ffffff; width: 620px; margin: 0; padding: 0;}
	
	#printlogo {display: block;}

}