/*  Accordion Banner  */
        .accordionBanner        { overflow: hidden; position: relative; width: 868px; height: 235px; }
                        
            #accordionFirstOpen     { width: 478px; }
            #accordionFirstOpen dt  { display: block; }
            .accordionBanner div    { width: 194px; height: 235px; float: left; overflow: hidden; position: relative; }
            .accordionBanner dl     { position: absolute; bottom: 25px; left: 25px; width: 400px; padding: 0; margin: 0; display: block; }
            .accordionBanner dt     { color: #000; font-size: 2.6em; display: none; }
            .accordionBanner dd     { padding-left: 10px; background: url(../images/bullet-arrow.gif) no-repeat left .4em; color: #000; }
            .accordionBanner a,
            .accordionBanner a:link,
            .accordionBanner a:visited  { color: #EAA800; text-decoration: none; }
            .accordionBanner a:active,
            .accordionBanner a:focus,
            .accordionBanner a:hover    { text-decoration: underline; }

/*  ================================================================================================  */

/*  GENERIC STYLES  ================================================================================  */
    
    /*  ================================================================================================  */
    /*  Column Layouts  */
        .cols2,
        .cols3,
        .cols4      { margin: 10px 0 30px; }
        
        .col-first  { float: left; display: inline; margin: 0 1% 0 0; }
        .col        { float: left; display: inline; margin: 0 1%; }
        .col-last   { float: left; display: inline; margin: 0 0 0 1%; }
        
        .cols2              { margin: 10px 0 15px; }
        .cols2 .col-first,
        .cols2 .col-last    { width: 49%; margin: 0; }
        .cols2 .col-last    { float: right; }
        
        .cols3 .col-first,
        .cols3 .col,
        .cols3 .col-last            { width: 31.9%; }
        .cols3 .col-twothird        { width: 66%; }
        .cols3 .col-twothird-last   { width: 65%; }
        
        .cols3.libraries-cols3 .col-first       {}
        .cols3.libraries-cols3 .col-twothird    { width: 579px; }
        .cols3.libraries-cols3 .col-last        { width: 251px; }   
        
        .cols4 .col-first   { width: 22%; margin: 0 2% 0 0; }
        .cols4 .col         { width: 22%; margin: 0 2%; }
        .cols4 .col-last    { width: 21.5%; margin: 0 0 0 2%; }
        
    /*  ================================================================================================  */
    /*  Block Navigation - Used for accordions and side navigation  */
        ul.block-nav                        { margin: 0; padding: 0; }
        ul.block-nav li                     { position: relative; width: 100%; background: #fff; padding: 2px 0 0; }
        ul.block-nav li a,
        ul.block-nav li a:link,
        ul.block-nav li a:visited           { height: 1%; line-height: 1.5em; font-size: 1.1em; padding: 4px 14px; text-decoration: none; color: #628b39; display: block; background-color: #e6e6c3; font-weight:600;}
        ul.block-nav li.open a,
        ul.block-nav li.open a:link,
        ul.block-nav li.open a:visited,
        ul.block-nav li a.ui-state-active,
        ul.block-nav li a.ui-state-active:link,
        ul.block-nav li a.ui-state-active:visited   { background: /*url(../images/bg-sidenavHover.gif) repeat-x left top*/ #DFDFDF; color: #000; }
        ul.block-nav li a.ui-state-active span      { display: none; }
        ul.block-nav li a:active,
        ul.block-nav li a:focus,
        ul.block-nav li a:hover                     { color: #000; background-color: #efefc5; text-decoration: none; }
        ul.block-nav li.open a,
        ul.block-nav li.open a:link,
        ul.block-nav li.open a:visited              { font-weight: bold; }
        
        /*  Sub Navigation in Side Navigation  */
            ul.block-nav ul                     { padding: 5px 14px 12px 14px; margin: 0; }
            ul.block-nav li li                  { line-height: 1.3em; }
            
            ul.block-nav li li                  { background: url(../images/bullet-circle.gif) no-repeat left .7em; padding-left: 1em; }
            ul.block-nav li li a,
            ul.block-nav li li a:link,
            ul.block-nav li li a:visited,
            ul.block-nav li.open li a,
            ul.block-nav li.open li a:link,
            ul.block-nav li.open li a:visited   { background: none; padding: 0; font-size: .9em; display: inline; font-weight: normal; color: #000; }
            ul.block-nav li.open li a:active,
            ul.block-nav li.open li a:focus,
            ul.block-nav li.open li a:hover,
            ul.block-nav li li a:active,
            ul.block-nav li li a:focus,
            ul.block-nav li li a:hover          { text-decoration: underline; }
            ul.block-nav li.open li.active a,
            ul.block-nav li.open li.active a:link,
            ul.block-nav li.open li.active a:visited    { font-weight: bold; }
            
        ul.largerNav li a,
        ul.largerNav li a:link,
        ul.largerNav li a:visited   { font-size: .9em; padding: 10px 14px; }