/************************************************  MASTER STYLES  ************************************************** */

html { margin:0; padding:0; }

#containerMain 
{ background:transparent url(images/hbw_main_container.jpg) repeat-y scroll center; margin:20px auto 0 auto; width:836px; }

#containerInner /* for CSS2 compliant browsers */ 
{ background:transparent url(images/hbw_inner_container.jpg) no-repeat scroll top center; min-height:532px; width:836px; }

* html #containerInner /* for IE only. * html is only recognized by IE */
{ background:transparent url(images/hbw_inner_container.jpg) no-repeat scroll top center; height:532px; width:836px; }

/* Top Logos and External Links */
#bannerTop 
{ margin:0 45px 0 10px; width:776px; height:80px; padding-top:20px; font-size:11px; white-space:nowrap; 
vertical-align:top; text-align:right; }

#bannerTop a, #bannerTop a:link, #bannerTop a:visited 
{ color:#222; font-size:11px; text-decoration:underline; }

#bannerTop a:hover 
{ color:#e16c04; }

/* LEFT Logo */
#logoLeft { float:left; width:112px; height:80px; }

/* MIDDLE Title - Image Version */
#bannerTitleImage { float:left; width:380px; height:80px; margin:0 45px 0 45px; }

/* MIDDLE Title - TEXT Version */
#bannerTitle 
{ float:left; width:475px; /*height:80px;*/ margin:46px 0 0 0; 
font-size:28px; font-style:italic; font-weight:600; line-height:32px; color:#000; text-align:center; }

#bannerTitle a:link, #bannerTitle a:visited
{ font-size:28px; font-style:italic; font-weight:600; line-height:32px; color:#000; text-decoration:none; }

#bannerTitle a:hover, #bannerTitle a:active 
{ font-size:28px; font-style:italic; font-weight:600; line-height:32px; color:#000; text-decoration:none; }

/* ORIGINAL */
/*#bannerTitle a:link, #bannerTitle a:visited
{ font-family:Arial; font-size:24px; font-style:italic; font-weight:600; font-size-adjust:0.6; 
line-height:24px; color:#000; text-decoration:none; }*/

/*#bannerTitle a:hover, #bannerTitle a:active 
{ font-family:Arial; font-size:24px; font-style:italic; font-weight:600; font-size-adjust:0.6; 
line-height:24px; color:#000; text-decoration:none; }*/

/* RIGHT Logo */
#logoRight { float:left; width:112px; height:80px; }

/* Top Banner External Links */
#navigationBanner { float:right; height:80px; }

/* Top Nav images and links (HO - Homeowner), display:inline for IE6 */
#navTopHO 
{ float:left; display:inline; margin-left:15px; margin-right:3px; width:194px; height:43px; }

#navTopHO a div, #navTopHO a:link div, #navTopHO a:visited div
{ background-image:url(images/NavHO.jpg); width:194px; height:43px; cursor:pointer; }

#navTopHO a:hover div
{ background-image:url(images/NavHOHover.jpg); }

#navTopHO a:active div, #navTopHO a div.active
{ background-image:url(images/NavHOSelected.jpg); }

/* Top Nav images and links (Bldr - Builder) */
#navTopBldr 
{ float:left; margin-right:3px; width:194px; height:43px; }

#navTopBldr a div, #navTopBldr a:link div, #navTopBldr a:visited div
{ background-image:url(images/NavBldr.jpg); width:194px; height:43px; cursor:pointer; }

#navTopBldr a:hover div
{ background-image:url(images/NavBldrHover.jpg); }

#navTopBldr a:active div, #navTopBldr a div.active
{ background-image:url(images/NavBldrSelected.jpg); }

/* Top Nav images and links (REP - Real Estate Professional) */
#navTopREP 
{ float:left; margin-right:3px; width:194px; height:43px; }

#navTopREP a div, #navTopREP a:link div, #navTopREP a:visited div
{ background-image:url(images/NavREP.jpg); width:194px; height:43px; cursor:pointer; }

#navTopREP a:hover div
{ background-image:url(images/NavREPHover.jpg); }

#navTopREP a:active div, #navTopREP a div.active
{ background-image:url(images/NavREPSelected.jpg); }

/* Top Nav images and links (SP - Service Provider) */
#navTopSP 
{ float:left; margin-right:3px; width:194px; height:43px; }

#navTopSP a div, #navTopSP a:link div, #navTopSP a:visited div
{ background-image:url(images/NavSP.jpg); width:194px; height:43px; cursor:pointer; }

#navTopSP a:hover div
{ background-image:url(images/NavSPHover.jpg); }

#navTopSP a:active div, #navTopSP a div.active
{ background-image:url(images/NavSPSelected.jpg); }

/************************************** Top Navigation Section (Level 2 and Sub - Level 3) ***************************/

#navigationTop40 /* Top Navigation for web sites WITHOUT Level 3 (gray) bar, height:40px */
{ width:786px; height:40px; margin:0 35px 0 15px; vertical-align:bottom; text-align:left; clear:both; }

#navigationTop20 /* Top Navigation for web sites WITH Level 3 (gray) bar, height:20px, NO verticle-align */
{ width:786px; height:20px; margin:0 35px 0 15px; text-align:left; clear:both; }

/************************************** Main Navigation Bar (Level 2) ************************************************/

#navigationMain 
{ width:786px; height:20px; line-height:20px; background-color:#ff6c04; float:none; clear:both; }

#navigationMain a, #navigationMain a:link, #navigationMain a:visited 
{ color:#333; font-size:12px; text-decoration:none; }

#navigationMain a:hover, #navigationMain a:active 
{ color:#fff; }

#navigationMain .title 
{ width:140px; margin:0 20px 0 20px; float:left; }

#navigationMain .title a, #navigationMain .title a:link, #navigationMain .title a:visited
{ color:#fff; font-size:11px; font-weight:600; white-space:nowrap; text-decoration:none;}

#navigationMain .title a:hover, #navigationMain .title a:active 
{ color:#cac3bf; }

#navigationMain .menu 
{ height:19px; display:inline; list-style-type:none; margin:0; padding:0; float:left; }

#navigationMain .menu li { display:inline; list-style-type:none; }
#navigationMain .menu li span { padding:0 2px 0 0; }

/************************************************ 2-10 HBW Navigation Main - Level 2  ********************************/

#navigationMainDEF 
{ font-size:12px; background-color:#ff6c04; width:786px; height:20px; margin:0 35px 0 15px; text-align:left; float:none; clear:both; }

#navigationMain2-10CI 
{ font-size:12px; background-color:#ff6c04; width:786px; height:20px; margin:0 35px 0 15px; text-align:left; float:none; clear:both; }

#navigationMain2-10HO 
{ font-size:12px; background-color:#769601; width:786px; height:20px; margin:0 35px 0 15px; text-align:left; float:none; clear:both; }

#navigationMain2-10BR 
{ font-size:12px; background-color:#ff6c04; width:786px; height:20px; margin:0 35px 0 15px; text-align:left; float:none; clear:both; }

#navigationMain2-10RP 
{ font-size:12px; background-color:#b8a100; width:786px; height:20px; margin:0 35px 0 15px; text-align:left; float:none; clear:both; }

#navigationMain2-10SP 
{ font-size:12px; background-color:#4993df; width:786px; height:20px; margin:0 35px 0 15px; text-align:left; float:none; clear:both; }

/************************************************ HBW, HomeTrust, IC Navigation **************************************/

.nav2TitleLink /* Section Title - Company Info, Homeowner, etc. */
{ color:#FFF; font-size:12px; font-weight:Bold; width:150px; margin:0 10px; float:left; }

.nav2TitleLink a, .nav2TitleLink a:link, .nav2TitleLink a:visited 
{ color:#FFF; font-size:12px; font-weight:Bold; white-space:nowrap; text-decoration:none; }

.nav2TitleLink a:hover, .nav2TitleLink a:active  /* Same as above for IE6 */
{ color:#cac3bf; font-size:12px; font-weight:Bold; white-space:nowrap; text-decoration:none; }

.nav2MenuItemLinks a, .nav2MenuItemLinks a:link, .nav2MenuItemLinks a:visited /* Nav 2 links */
{ color:#222; font-size:12px; text-decoration:none; vertical-align:bottom; }

.nav2MenuItemLinks a:hover, .nav2MenuItemLinks a:active /* Nav 2 links - Same as above for IE6 */
{ color:#FFF; font-size:12px; text-decoration:none; vertical-align:bottom; }

.nav3MenuItemLinks /* Nav 3 - Homeowner - Dropdown box - background-color: shade of HBW background */
{ font-size:11px; background-color:#e8e2cc; padding:2px; border-width:1px; border-style:solid; border-color:#fff; }

.nav3MenuItemLinksHover a:hover, .nav3MenuItemLinksHover a:active
{ color:#FFF; }

/************************************************ Sub Navigation (Level 3) *******************************************/

#navigationSub 
{ width:786px; height:20px; line-height:20px; background-color:#c0c0c0; float:none; clear:both; text-align:center; }

#navigationSub a, #navigationSub a:link, #navigationSub a:visited 
{ color:#333; font-size:12px; text-decoration:none; }

#navigationSub a:hover 
{ color:#fff; }

#navigationSub .menu 
{ display:inline; list-style-type:none; margin:0; padding:0; height:20px; }

#navigationSub .menu li { display:inline; list-style-type:none; /*height:20px;*/ }
#navigationSub .menu li span { padding:0 2px 0 0; }

/* SiteMapPath */
#contentSiteMapPath 
{ margin:5px 25px; clear:both; float:none; }

/* Primary Content Area */
#content 
{ width:746px; margin:15px 55px 10px 35px; clear:both; float:none; }

#bottomborder 
{ width:836px; height:35px; background:transparent url(images/hbw_bottom_border.jpg) no-repeat scroll bottom center; }

#footer 
{ width:836px; margin:0 auto; font-family:verdana, sans-serif; font-size:9px; color:#696969; text-align:center; }

#footer img
{ vertical-align:text-bottom; }