@charset "utf-8";
/* CSS Document */


/* =============================================================
   **                HIGH LEVEL CONTENT CONTAINERS            **
   =============================================================  */

/* The entire presentation, including shadow borders:
   width = entire width, from left side of left border to right side of right border

   Note: gs March 17, 2009
     Example:  Version 1 was 947 wide + left & right shadows of 16 (12 each side)
 */
.public_site .wf_whole_body,
.ie .wf_whole {
   width: 954px;
}



/* Set the following to the above "width" of .wf_whole_Body MINUS the width of the left
   border MINUS the width of the right border. */
.public_site .wf_whole_mid {
   width: 938px;
}


/* Sites normally size to wrap around content.  For pages with
   small content, site may look strange.  Set this value
   to the overall content area has a minimum height. */
.public_site .wf_content_panel {
       min-height: 600px;
}

.firefox.public_site .wf_content_panel {
       min-height: 625px;
}


/* IE6 does not support sizing vertically - you must establish the 
   absolute height you want to use for the site here. If you'd prefer the
   overall site's height to be fixed (for the public site, for example),
   you can change ".ie6" here to ".public_site"), and that will force
   a fixed height. */
.ie6 .wf_whole_body {
   height: 900px;
}


/* IE6 does not support sizing vertically - you must establish the 
   absolute height of the "inner" parts (wf_whole_body size minus
   height of top border minus height of bottom border. */
.ie6 .wf_border_left,
.ie6 .wf_whole_mid,
.ie6 .wf_border_right {
   height: 1600px;
}

/* IE6 requires you calculate the width of the "middle part" of
   the public site: width of wf_whole_body minus the width of the
   left and right border */
.ie6.public_site .wf_whole_mid {
   width: 938px;
}


/* IE6 does not support sizing horizontally well.  But, for
   the private site, dynamic sizing is important. Take a "
   best guess" at what the width should be, percentage wise
   (which works in IE6) */
.ie6.private_site .wf_whole_mid {
   width: 95%;
}


/* =============================================================
   **                     SHADOW BORDERS                      **
   =============================================================  */

/* Shadow border along the top (if no border, set "display" to "none") */
.wf_border_top {
   height:8px;
}

/* Height of shadow border along the top. */
.wf_border_top,
.wf_border_top_left,
.wf_border_top_right {
   height: 0px;
}

/* Set the following "top" value to the same as the above height of "wf_border_top"
   (or zero if no top border) */
.wf_border_left,
.wf_border_right {
   top: 8px;
}


/* Width of the shadow border on the left */
.wf_border_left,
.wf_border_top_left,
.wf_border_bottom_left {
   width: 8px;
}

/* Set the following "left" value to the same as the above width of "wf_border_left" */
.wf_whole_mid {
   left: 8px;
}

/* Width of the shadow border on the right */
.wf_border_right,
.wf_border_top_right,
.wf_border_bottom_right {
   width: 8px;
}

/* Set the following "right" value to the same as the above width of "wf_border_right" */
.wf_whole_mid {
   right: 8px;
}


/* Shadow border along the bottom (if no border, set "display" to "none") */
.wf_border_bottom {
   display: block;
}

/* Height of shadow border along the bottom. */
.wf_border_bottom,
.wf_border_bottom_left,
.wf_border_bottom_right {
   height: 8px;
}

/* Set the following "bottom" value to the same as the above height of "wf_border_bottom" 
   (or zero if no bottom border) */
.wf_border_left,
.wf_whole_mid,
.wf_border_right {
   bottom: 8px;
}


/* =============================================================
   **                        HEADER                           **
   =============================================================  */

/* The height of the banner area */
.wf_header {
   height: 225px;
   margin-right: 2px;
}

/* Set the following "top" values to the height of the above "wf_header" 
   Need to also add the size of the bottom border from wf_header.  

   For example, on the NGDC has a 3 px solid grey bottom.  
     So, the height was 158 and the value below was 161px.
*/

.wf_left_panel {
   top: 161px;
}

/* IE6 requires explicit height of the left and content panels. This
   should be set to the height of wf_whole_mid minus the height
   of the wf_header */
.ie6 .wf_left_panel,
.ie6 .wf_content_panel {
   height: 1296px;
}


/* IE6 requires you explicitly specify the width of the public site's fixed header. */
.ie6.public_site .wf_header {
   width: 947px;
}


.wf_logo {
  width: 295px;
  height: 185px;
  
}

/* Using a logo only? Hide the name: */
.wf_logo_company_name { 
   display: block;
   margin-left:20px;
   text-align:center;
   color:#000000;
   font-size:30px;
   line-height:36px;
}


/* Custom HTML inside the banner area */
.wf_header_article {
   top: 10px;
   right: 5px;
   width: 550px;
   height: 60%;
   margin: 55px 5px 5px 5px;
}

.wf_header_article, 
.wf_header_article a {
   color: #747474;
   font-size:16px;
   font-family:Arial,Helvetica,sans-serif;
   font-weight:normal;
   text-transform:uppercase;
   line-height:22px;
}




/* =============================================================
   **                  SIDE PANEL / NAVIGATION                **
   =============================================================  */

/* The left side panel including navigation */
.wf_left_panel {
   width: 240px;
}

/* Set the "left" value of the content panel to the "width" value of the above wf_left_panel */
.wf_content_panel,
#navigation .child-menu,
.private_site #navigation .child-menu {
   left: 240px;
}


/* Set the following "right-margin" to the same value as the width of the above "wf_left_panel" */
.wf_content_panel {
    margin-right: 242px;
}

.wf_left_panel_content {
   position: relative;
   top: 20px;
   left:30px;
}


/* Custom HTML inside the left side panel */
.wf_left_panel_article_1 {
   min-height: 50px;
   height: auto;
   margin:0;
   width:179px;
   background: url(../images/quoteBot.gif) no-repeat bottom center;
   padding:0;
   font-size:10px;
   line-height:16px;
   
}


/* Custom HTML inside the left side panel */
.wf_left_panel_article_2 {
   min-height: 50px;
   height: auto;
}

/* Custom HTML inside the left side panel */
.wf_left_panel_article_3 {
   min-height: 50px;
   height: auto;
}

.ie6 .wf_left_panel_content {
    height: 440px;
}
    
/* =============================================================
   **                    MAIN CONTENT AREA                    **
   =============================================================  */


.ie6 .wf_main_body {
   height: 612px;
}

.ie6.public_site .wf_content_panel {
   width: 655px;
}

.ie6.private_site .wf_content_panel {
   width: 83%;
}

.public_site .wf_main_body_bottom {
   height: 65px;
}

/* =============================================================
   **                        FOOTER                           **
   =============================================================  */

/* The footer area of the site */
.wf_footer {
   height: 25px;
   margin-right: 2px;
}

/* Set this to the size of footer pluls the size of the footer border.  
   In the case of the original NGDC, the footer was 25 px and the grey top border was 3.
*/

.wf_content_panel,
.wf_left_panel {
   bottom: 28px;
}

.private_site .wf_main_body {
       min-height: 750px;
}

.private_site .wf_main_body_bottom {
       display: none;
}


.ie6 .wf_left_panel_content {
    top: -930px;
    height: 500px;
    bottom: auto;
}