/* -----------------------------------------------------
  tabs.css
----------------------------------------------------- */

/*  Color Defaults
Darkest Blue    #101330
Darker Blue     #2E5092
Mid Blue        #5178BF
Lighter Blue    #A4C3FF
Lighterer Blue  #bad2ff
Lightest blue   #EFF3FA
Orange          #E39315
*/

div#nav     { position: relative; display: block;
              margin-bottom: 5.2000em; border-top: 1px solid #213A6F; border-bottom: 1px solid #213A6F; padding: 1px 0px;}
body#home div#nav, body.loose-pages div#nav, body.tou div#nav, body.privacy-policy div#nav, body.search div#nav
            { margin-bottom: 0;}
#nav h2     { display: none; }
#nav ul     { display: block; margin: 0; padding-right: 15px; 
              background: #34579B url('sprites/nav-bg-right.png') repeat-y scroll right top; }
#nav ul li  { /*display: inline-block;*/ /*position: relative;*/ margin: 0; 
              /*display: block; float: left;*/
              max-width: 14%; min-height: 100%;
              text-align: center; }
#nav ul li:first-child 
            { padding-left: 15px; background: transparent url('sprites/nav-bg-left.png') repeat-y scroll left top;}
#nav ul li,
#nav ul li h3,
#nav ul li h3 a
            { min-height: 100%; vertical-align: middle; display: table-cell;}
#nav > ul li h3:first-child
            { /*display: block; */ width: 100%; margin-bottom: 0;
              padding: 0 0 0 1px; background: transparent url('sprites/nav-rule.gif') no-repeat scroll left center;
              font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
              font-size: 1.000em; }
#nav > ul li:first-child h3:first-child
            { background-image: none; }
#nav ul li h3 a
            { padding: 7px 18px 10px 18px; /*background-color: #34579B;*/ /*margin: 5px;*/
              border: 1px solid transparent; border-bottom-width: 0px;
              font-weight: 600; letter-spacing: 0.0100em;
              color: #fff;}
#nav ul li h3 a:hover,
#nav ul li h3 a:focus,
#nav ul li:hover h3 a,
#nav ul li:focus h3 a,
#nav ul li.current h3 a
            { border-color: #5a80c9; background-color: #446ab2;background: #446ab2 url('sprites/tab-bg.gif') repeat-x scroll left bottom;}
#nav ul li > div, #about-nav
            { display: none; position: absolute; top: 99.00%;
              left: 0; margin-top: 1px; width: 100%; /*height: 5.2em;*/
              text-align: left; 
              background: #3b62ab url('sprites/nav-bg.gif') repeat-x scroll left top; }
#nav ul li.current div,
#nav ul li:hover div,
#nav ul li:focus div,
#about-nav
            { display: block; z-index: 51; }
#nav ul li.current div, #nav #about-nav
            { z-index:1; }
#nav ul li:hover div div,
#nav ul li:focus div div,
#nav li.current div div,
#about-nav div
            { position: relative; overflow: hidden; margin: 0 1px 1px 1px;
              border-right: solid 1px #101330; border-left: solid 1px #101330; border-bottom: solid 1px #101330; 
              padding: 0.5384em 35px 0.5384em 35px; width:auto; }
#about-nav div
            { padding: 0.7000em 35px 0.7000em 35px; }
#nav ul ul, #about-nav ul
            { background-color: transparent; background-image: none; }
#nav ul ul li, #about-nav ul li
            { padding: 0 9px 0 9px;}
#nav ul div:first-child ul li,  #about-nav ul li
            { border-left: 1px solid #101330;}
#nav ul div:first-child ul li:first-child, #about-nav ul li:first-child
            { background-image: none; padding-left: 0; border-left: 0px none transparent;}
#nav h4, #nav #about-nav h4, #nav ul ul h5, #about-nav ul h5
            { font-weight: 400; font-size: 100%; color: #101330; margin-bottom: 0; line-height: 1.00; }
#nav #about-nav h4
            { font-size: 1.300em;}
#nav h4, #nav #about-nav h4
            { margin-bottom: 0.7692em;}
#nav li.materials h4
            { margin-bottom: 1.700em;}
#nav ul ul h5 a, #about-nav ul h5 a
            { font-weight: 400; color: #fff;}
#nav ul ul h5 a:hover,
#nav ul ul h5 a:focus,
#nav ul ul li.current h5 a,
#about-nav ul h5 a:hover,
#about-nav ul h5 a:focus,
#about-nav ul li.current h5 a
            { color: #bad2ff; border-bottom: 1px dotted #bad2ff}

#utility    { float: right; margin-top: 10px;}
#utility ul { list-style-type:none;}
#utility li { display: inline; padding: 0 8px 0px 10px;
              text-transform: uppercase; font-size: 0.8500em;}
#utility li a
            { font-weight: normal;}
.branding   { float: left;}
#utility ul:first-child li
            { border-left: 1px solid #101330; }
#utility > ul li:first-child
            { border-left: 0px none transparent; }