/*      SECTION NAVIGATION & TITLE                                                      */
/* ------------------------------------------------------------------------------------ */
/*   GENERIC SECTION NAV RULES             */
/* --------------------------------------- */
    #section-nav{
        position: relative;
        height: 172px;
        width: 751px;
        background: transparent url(/htdocs/kls/images/section-title-bg.jpg) no-repeat bottom left;
    }
    .home #section-nav,
    .keller #section-nav,
    .corp #section-nav{background: none;}
    #section-nav{height: 163px;}
    /*.keller #section-nav{height: 155px;}*/
    .topic #section-nav{height: 163px;}
    .home #section-nav{height: 160px;}
/*   HEADINGS RULES                 */
/* --------------------------------------- */
    h2{width: 187px; height: 100%; float: left;}
    h2 span{
        font: 22px/20px "Times New Roman", Times, serif;
        color: #01254B;
        padding-bottom: 4px;
        position: absolute;
        bottom: 15px;
        left: 15px;
        width: 150px;
        z-index: 1;
        }
/*   GENERIC BUCKET NAV RULES              */
/* --------------------------------------- */
    #bucket-nav-container{ float: left; z-index:10; clear: left;}
    .bucket-nav{position: relative; display: block; z-index: 30;}
    .topic #bucket-nav-container{width: 170px;}

/*   POPUP/FLYOUT NAVS                     */
/* --------------------------------------- */
    /*   GENERIC POPUP&FLYOUT NAV RULES        */
    /* --------------------------------------- */
    .program-nav {width: 180px; visibility: hidden; z-index: 99; }
    .program-nav ul, .program-nav li{list-style-type: none; margin: 0;padding: 0;}
    .program-nav ul{margin: 4px;}
    .program-nav ul li{margin: 0; padding:0; border:none; display:inline;}
    .program-nav ul li a{ font-weight: normal; display: block; float: none;}

    .program-nav {}
    .program-nav ul{/*border: 1px solid;*/}
    .program-nav ul li a.last{  border-bottom: 0;  }
    
    /*   FLYOUT Style Bucket Nav               */
    /* --------------------------------------- */
    /* Flyout's & Title Holder  */
    .flyout #bucket-nav-container{
        width: 180px;
        position: absolute; top: 0; left: 0;
        }
    /* Title Font  */
    .flyout h2 span.title{
        font: 22px/20px "Times New Roman", Times, serif;
        color: #000033;
        }
    /* Flyout Common  */
    .flyout .bucket-nav{
        position:   relative;
        background: #c5e1ed url(/htdocs/kls/images/flyout_bg.jpg) no-repeat bottom left;
        width:      180px;
        height:     28px;
        float:      left;
        clear:      left;
        }
    .flyout .program-nav ul{margin: 4px;}
    /* Bucket Title Detail  */
    .flyout #bucket-nav-technology{background: url(/htdocs/kls/images/flyout-tech.gif) no-repeat top left;}
    .flyout #bucket-nav-business{background: url(/htdocs/kls/images/flyout-biz.gif) no-repeat top left;}
    /* Hide Flyout Title  */
    .flyout #bucket-nav-business h3 a{display: none;}
    .flyout #bucket-nav-technology h3 a{display: none;}
    .flyout h3{float: left; padding: 0; width: 100%;}
    .flyout h3 a{
            display: block;
            height: 24px;
            padding: 0;
            margin: 0;
            /* HTML Text Approximation */
            color: #0A1B39;
            font: normal 10px/10px;
            text-transform: uppercase;
            line-height: 24px;
            }
    /* Flyout Positioning  */
    .flyout .program-nav{
            background: #cfeaf2 url(/htdocs/kls/images/flyout_bg_gradient.gif) repeat-x;
            width:      178px;
            position:   absolute;
            left:       178px;
            top:        2px;
    }
    /* Flyout Links */
    .flyout .program-nav ul li a{
            display: block;
            color: #003399;
            margin: 0px;
            padding-left: 4px;
            padding-top:  4px;
            padding-bottom:6px;
            border-top: 1px solid #fff;
            border-bottom: 1px solid #b1c2ce;
    }
    /* Flyout Link States */
    .flyout .program-nav a:hover{   background:  #fff; }
    .flyout .program-nav a.first{   border-top: 0; }
    .flyout .program-nav a.last{  border-bottom: 0; margin-bottom: 4px;}

    /*   POPUP Style Buckets Nav               */
    /* --------------------------------------- */
    /* Bucket Nav Container  */
    .popup #bucket-nav-container{
        width: 380px;
        position: relative;
        z-index: 1;
        }
        /* Section Title */
        #section-nav.popup h2{
                height: 18px;
                width: 350px;
                background: url(/htdocs/kls/images/sh_browse_ugrad_programs.gif) no-repeat;
                float: left;
                clear: none;
                z-index: 1;
                position: relative;
                }
        .popup h2 span{
                /* Html Text Approximation */
                font: normal 11px/11px Helvetica, Arial, sans-serif;
                color: #0B2442;
                text-transform: uppercase;
                letter-spacing: 1px;
                width: 370px;
                /* Hide Text */
                visibility: hidden;
                }
        /* PopUp Common  */
        .popup .bucket-nav{
                height: 140px;
                width: 185px;
                background: #F9C243;
                float: left;
                clear: none;
                }
        /* PopUp Titles  */
        .popup .bucket-nav h3 a{
                display: block;
                padding-left: 10px;
                margin-top: 100px;
                /* Html Text Approximation */
                font: bold 11px/11px Arial, Sans;
                text-transform: uppercase;
                letter-spacing: 1px;
                color: #0A1B39;
                /* Hide Text */
                visibility: hidden;
                }
        /* Bucket Nav Detail  */
        .popup #bucket-nav-technology{position: absolute; top: 0; left: 184px; background: url(/htdocs/kls/images/technology-programs.jpg) no-repeat top left;}
        .popup #bucket-nav-business{position: absolute; top: 0; left: 0; background: url(/htdocs/kls/images/business-programs.jpg) no-repeat top left;}

    /*   POPUP Details                            */
    /* --------------------------------------- */
        /* Popup Nav Detail  */
        .popup .program-nav{
            width: 175px;
            position: absolute;
            left: 4px;
            bottom: 40px;
            background: #FCD98B url(/htdocs/kls/images/popup_bg_gradient.gif) repeat-x bottom left;
            z-index: 30;
        }
        .popup .program-nav ul{margin: 4px;}
        .popup .program-nav ul li{}
        .popup .program-nav a{
            color: #003399;
            margin: 0;
            padding: 4px;
            border-bottom: 1px solid #ceb87d;
            border-top: 1px solid #fef4de;
            display: block;
        }
        .popup .program-nav a:hover{background: #FCEBB7; color: #000033;}
        .popup .program-nav a.first{
            border-top: none;
        }
        .popup .program-nav a.last{
            border-bottom: 0;
        }

/*  PROGRAM SUBNAV                                               */
/* -------------------------------------------------------------- */
        #program-subnav{display: block; clear: both; height: 20px; margin: 10px 0;}
        #program-subnav ul, #subsection-subnav li{margin: 0; padding: 0; list-style-type: none;}
        #program-subnav ul li{display: inline; float: left; border: 1px solid #ccc; border-top: 0; border-left: 0; padding: 1px;}
        #program-subnav ul li#first{border-left: 1px solid #ccc;}
        #program-subnav ul li a{display: block; float: left; font-size: 10px; padding: 2px 6px; text-transform: uppercase;}
        #program-subnav ul li a:hover{color: #353533; background: #C5E1ED;}
        #program-subnav ul li a.active{color: #353533; background: #C5E1ED;}
        #program-subnav ul li a.inactive, #program-subnav ul li a.inactive:hover
        {color: #ccc; background: #F7F7F7; cursor: default;}
        
    /* for inside #content #right-col-wide */
        #content #right-col-wide #program-subnav{margin-left:4px;}
        #content #right-col-wide #program-subnav ul li{margin:0;padding:0;list-style-type: none;background:none;}
        #content #right-col-wide #program-subnav ul li a{padding: 2px 9px;}
        /* for program-subnav.detail */
        #content #right-col-wide #program-subnav.detail ul li a{padding: 2px 32px;}
        
/*  LEFT SUBNAV                                                     */
/* -------------------------------------------------------------- */
        #left-col #left-subnav{margin:14px 0;padding:0;list-style-type: none;}
        #left-col #left-subnav ul li{padding:0 0 4px 0;margin:0;border-bottom:1px solid #ccc;background:none;}
        #left-col #left-subnav ul li.last{border:none;}
        #left-col #left-subnav ul li a{display:block;padding:3px 0 0 6px;verical-align:middle;}
        #left-col #left-subnav ul li div{padding:3px 0 0 6px;background:transparent url(/htdocs/kls/images/arrow.gif) no-repeat 100% 50%;}
    
        /* CSS Hackery To Make IE Behave */
        /* ----------------------------- */
        /* \*/
            /* PC IE Rules if needed */
            ##content-holder{
            display:        inline; /* IE Double Float Fix */
            }
        /* */