﻿    *               {border: solid 0px black; font-family: verdana, Arial, Sans-serif; font-size: 12px; color: black; margin: 0px; padding: 0px;}
    body            {text-align:left; background: #3a5584; margin: 0 auto; padding: 8px 0 0 0; background-repeat:repeat; background-image: url(images/NFI_Tile.jpg); }
    zbody            {text-align:left; background: #946c6c; margin: 0 auto; padding: 8px 0 0 0; background-image: url(images/website/NFI_Background4.jpg); 
        background-repeat:repeat-x; }    .wrapper_outer  {text-align: left; width: 1024px; margin: 0px auto; border: 0px black solid; padding: 0px;}
    #wrapper_middle_home {background-image: url(images/website/NFI_Background.jpg); background-repeat:repeat-x; margin: 0 auto; border: 0px black solid; 
        padding: 100px 0px 100px 60px ; background-color: white;}
    #wrapper_middle {background-image: url(images/website/NFI_Background5.jpg); background-repeat:repeat-x; margin: 0 auto; border-left: 5px white solid; 
        border-right: 5px white solid; padding: 100px 0px 0px 60px ; background-color: white;}    
    .wrapper_inner  {float: left;       width: 190px; background: white; color: yellow;} 

/*  COLUMNS - have moved around some    */

    /*  Left column related */   
    .column_left    {float: left;  background: transparent; width: 410px; margin: 0px; padding: 0 30px 0 0px;}
    .column_left2   {float: left;  background: transparent; width: 600px; margin: 0px; padding: 0 30px 0 0px;}
    .left_h1        {color: #1d3f79; margin: 0px; font-size: 8pt; background-repeat:no-repeat; 
                    background-image: url(images/NFI_H1_rectangle_01.jpg); height: 25px; border: 0px #e0e1df solid; padding:7px 20px 0 20px;
                    text-align: center; }
    .left_p         {color: #444444; background: transparent; margin: 0px; padding: 20px; background-image: url(images/NFI_H1_rectangle_02.jpg);
        line-height: 1.3em; }
    .left_bottom    {color: #000000; margin: 0px; font-size: 8pt; letter-spacing: 7px; display: block; background-repeat:no-repeat; 
                    background-image: url(images/NFI_H1_rectangle_03.jpg); height: 30px; border: 0px #e0e1df solid; padding:0px 20px 0 20px;}
                
    /*  Right and Center column related */   
    .column_center  {float: left; width: 210px; padding: 0px; margin: 0px 10px 0 10px; }    
    .column_right   {float: left; width: 210px; padding: 0px; margin: 0px 10px 0 10px; } 

    .column_left3    {float: left;  width: 600px; padding: 0 30px 0 0px; margin: 0px; background: transparent; }
    .column_right3   {float: right; width: 310px; padding: 0  0px 0 0px; margin: 0px 10px 0 10px; } 

    .aaa_h1        {color: #1d3f79; margin: 0px; font-size: 8pt; background-repeat:no-repeat; 
                    background-image: url(images/NFI_H1_rectangle_210_01.jpg); height: 25px; border: 0px #e0e1df solid; padding:7px 20px 0 20px;
                    text-align: center; }
    .aaa_p         {color: #444444; background: transparent; margin: 0px; padding: 20px 20px 0px 20px; background-image: url(images/NFI_H1_rectangle_210_02.jpg);
        line-height: 1.3em; }
    .aaa_bottom    {color: #000000; margin: 0px; font-size: 8pt; letter-spacing: 7px; display: block; background-repeat:no-repeat; 
                    background-image: url(images/NFI_H1_rectangle_210_03.jpg); height: 30px; border: 0px #e0e1df solid; padding:0px 20px 0 20px;}



    #header_banner      {height: 150px; padding: 0px; margin: 0px; z-index: 550; background-color: #3a5584;border-left: 0px white solid; 
        border-right: 0px white solid; background-image: url(images/website/MenuBackgroundSliver.jpg);}
    
    #header_navigation, #footer_navigation      {height: 0px; z-index: 550; background-repeat:no-repeat; 
                                                margin: 0px auto; color: #6BB2E8; text-align: right;} 
    #header_navigation  {padding: 0px 0px 0 0; }
    #footer_navigation  {background-image: url(images/website/NFI_Footer.jpg); padding: 0px 0px 0 0; height: 80px; }

/*  HEADERS   */    
    h1, h2, h3 {margin-bottom: 10px; }
    h1 {color: #1d3f79; margin: 0px; font-size: 8pt; letter-spacing: 3px; display: block; background-repeat:no-repeat; background-image: url(images/NFI_H1_rectangle_long_01.jpg); 
        vertical-align: baseline; border-bottom: #99bfcc 0 solid; text-transform: uppercase; font-variant: small-caps;text-align: center; padding:0 20px 0 20px;}
    zh1 {background-color: transparent; color: black; font-size: 30px; font-weight: normal; text-align: center; margin-top: 0px; }
    h2 {background: transparent; color: black; font-size: 20px; font-weight: 200; }
    h3 {color: red; margin: 5px 5px 5px 15px; font-size: 12pt; width: 200px; letter-spacing: 9px; display: block; background : white;
        vertical-align: baseline; border-bottom: red thin solid; text-transform: uppercase; font-variant: small-caps;}
    zh4 {color: #317f18; margin: 2px; font-size: 8pt; letter-spacing: 7px; display: block; background : white;
        vertical-align: baseline; border-bottom: #99bfcc thin solid; text-transform: uppercase; font-variant: small-caps;}
    h4 {color: #ffffff; margin: 0px; font-size: 8pt; letter-spacing: 7px; display: block; background-image: url(images/NFI_H1.jpg); 
        vertical-align: baseline; border-bottom: #99bfcc 0px solid; text-transform: uppercase; font-variant: small-caps;text-align: left; padding:0 20px 0 20px;}

/*  IMAGES   */
    img             {padding:  0px; margin: 0px;}
    img.portrait    {padding:  0 20px 0 0px;float: left;}
    img.normal      {padding:  0px; vertical-align: top; border: 0px; margin: 0px; z-index: 999;}
    img.portfolio   {position: relative; top: -30px; left: -10px; float: left; margin: 0px;  padding: 0px; z-index: 1;}
    img.gallery     {padding:  10px 0px 5px 0px; color: #2F250C;letter-spacing: 1px; margin: 0px 0px 0px 10px; clear:both; z-index: 1;
                    overflow:  hidden;position: static; border: solid 0px white; background-color: #C7D6B5; float: left;}
    img.rightside   {float: right; right: -20px; }
    img.topright    {float: right; right: -20px; top: -30px; }
    img.margin      {position: relative; top: 100px; left: 50%+200px; float: left; margin: 0px;  padding: 0px; z-index: 1;}
    img.margin2     {position: relative; top: 400px; left: 0px; float: left; margin: 0px;  padding: 0px; z-index: 1;}
    img.margin3     {position: relative; top: -50px; left: 0px; float: left; margin: 0px;  padding: 0px; z-index: 1;}

/*  PARAGRAPH   */    
    p               {margin: 0 0 10px 0px; color: black; text-align: justify; line-height: 1.8em; padding: 0px;}
    p.homepage      {width:  500px; font-size: 12px; background: white; padding: 0 50px 0 50px; color: gray; text-align: justify; line-height: 16px;}
    p.leftcolumn    {width:  100px; font-size: 12px; background: blue; padding: 0 0px 0 0px; color: gray; text-align: justify; line-height: 16px;}
    p.rightimage    {width:  400px; text-align: center; line-height: 1.5em; z-index: 100; float: right; margin: 0 0px 0 0;  }
    p.footer        {width: 1024px; font-size: 8pt; background: transparent; margin: 0 auto; color: black; text-align: center;
                     border: 0px black solid; padding: 0 0 0px 0px; line-height: 1.3em;}
    p h1            {background-image: url(images/website/NFI_Footer.jpg); padding: 0px 0px 0 0; height: 80px; }
    p.small	        {font-size: 8pt; background: transparent; margin: 0 auto; color: black; text-align: left;}

/*  MISCELLANEOUS  */ 
    blockquote      {color: #b93e10; text-align: right; line-height: 1em; padding: 0px; font-size: 10pt; margin: 0 0 10px 0;}
    ul, lo          {margin: 10px 0 10px 0;}
    li              {color: black;   text-align:  left; line-height: 2em; padding: 0 0 0 0px; margin: 0 0 0 25px; width:  450px;}

    .lismall, .lismall_alt  {text-align:  left; line-height: 1em; padding: 5px; margin: 10px 10px 10px 15px; font-size: 8pt; width:  80%; }
    .lismall        {color: black; }
    .lismall_alt    {color: black; }
    .zlismall        {color: black; background-color: #f0f251;}
    .zlismall_alt    {color: black; background-color: #78c06c;}

/*  CARRYOVER Styles  */ 

    #contentArea    {position: relative; top: 0px; left: 0px; width: 90%; margin: 0 auto; padding: 0px 0px 0px 0px;  background-color: transparent; border: 0px solid blue;}
    #pageHeaderTitle{margin: 0px; color: #b93e10; text-align: right; line-height: 1em; padding: 0px; font-size:  8pt; margin: 0 0 10px 0;}
    .testimonial    {margin: 0px; color: #b93e10; text-align:  left; line-height: 1em; padding: 0px; font-size:  8pt; margin: 0 0 10px 0;}
    #letterDiv      {background-color: transparent; position: relative; height: 30px; width: 50px; top: 65px; left: 0px; border: 0px solid blue; color: #dddfe9;
                     font-family: Verdana, Arial, sans-serif; font-size: 60pt; font-weight: bold; vertical-align: middle; z-index: -1; }
    #pageHeaderPic  {display: none; }
    
/*  This is required to keep things from not floating where they are not supposed to float.  It creates a solid horizontal 'wall' that other elements
    have to stay below.   */
    .clear_across   {clear: both; background: transparent; height: 0px; color: white; border-top: solid 0px #C7D6B5; }

/*  LINKS   */
    a.menu        {font-size: 8pt; padding: 0 10px 0 10px; height: 20px; width: 140px; border: solid 0px gray; text-align: center;text-decoration: none;}
    a.menu:link   {color: blue;  background: transparent;}
    a.menu:visited{color: black; background: transparent;}
    a.menu:hover  {color: blue;  background: transparent; text-decoration: none; }
    a.menu:active {color: blue;  background: transparent; text-decoration: dotted; }
    
    a.emailLinksa {color: blue;  background: white; text-decoration: underline; }
    a.SmallLinks  {color: blue;  border: solid 0px black; text-decoration: none; font-size: 9px; padding: 10px; }
        
    a.small        {font-size: 8pt; padding: 0px; border: solid 0px gray; text-align: center;text-decoration: none;}
    
    a                   {margin: 0px 0px 0px 0px; color: black;}
    a:link              {font-weight: 100; color: blue; letter-spacing: 0px;}
    a:visited, a:hover  {font-weight: 100; text-decoration: dotted; color: black;}

    p.footer a  {font-size: 8pt; color: Blue;}


/*  Used for tables of data.  ecom refers to eCommerce columns or secondary color columns. */

    table#tabledata     {border: solid #000 3px;width: 850px; background-color:#FFFFFF;}
    table#tabledata td  {padding: 5px; border: solid #000 1px;}
    table#tabledata th  {padding: 10px; text-align: center; background-color: #FFFFCC;}
    .data               {color: #000000;text-align: center; background-color: #CCCCCC;}
    .ecom               {color: #000000;text-align: center; background-color: #f1f1f1;}
    .lastrow            {color: #000000;text-align: center; background-color: #CCCCCC;font-weight: bold;}
    .lastecom           {color: #000000;text-align: center; background-color: #f1f1f1;font-weight: bold;}
    .leftcol            {font-weight: bold;text-align: left;background-color: #CCCCCC;width: 600px; }


    input       {color: Black; background: #F4F3F5;}
    select      {color: Black; background: #F4F3F5;}
    textarea    {color: Black; background: #F4F3F5;}
    option      {color: Black; background: #F4F3F5;}
    
/*  Currently unused  
    .emphasis   {color: black; text-align: center; font-style: italic; font-weight: bold;}
    p.footnote  {margin: 15px; color: #081F7C; font-size: 10px;}
    a.centered  {text-align: center; font-weight: 100; text-decoration: underline; color: gray; padding: 0 0 4px 0;
                    width: 100%; margin: 0 0 4px 0; display: block; border: solid 0px gray; background: transparent;}
    
    a.text                          {margin: 0px 0px 0px 0px; color: blue;font-size: 12px;text-decoration: none; }
    a.text:link                     {text-decoration: none; color: blue; letter-spacing: 0px;}
    a.text:visited, a.text:hover    {text-decoration: dotted; color: blue;}
 
 */
