/*                      DeVry University Global Components                              */
/* ------------------------------------------------------------------------------------ */

/*     MASTHEAD(S)                                                                      */
/* ------------------------------------------------------------------------------------ */
        /*  COMMON PROPERTIES               */
        /*  ------------------------------  */
        #masthead{position:relative; margin-left: 10px;}
        #masthead #branding{position: absolute; z-index: 1;}
        #masthead #branding span{visibility: hidden;}
        #masthead #brandLogo{z-index: 2; position: absolute; top: 0; left: 0;}
        /*  DEFAULT SMALL MASTHEAD          */
        /*  ------------------------------  */
        #masthead{height: 85px; width: 750px;}
        #masthead #masthead-image{position: absolute; top: 10px; right: 10px;}
        #masthead #branding {
            width:      205px;
            height:     72px;
            top:        10px;
            left:       -10px;
        }
        /*  TALL MASTHEAD                   */
        /*  ------------------------------  */
        .home #masthead{height: 240px; width: 750px;}
        .home #masthead #masthead-image{position: absolute; top: 10px; left: 10px;}
        .home #masthead #branding {
            width:      210px;
            height:     115px;
            top:        20px;
            left:       -10px;
        }

/*  SIDEBAR CONTENT                                               */
/* -------------------------------------------------------------- */
        #sidebar{font-size: 11px;}
        #sidebar h4{
            font-size:      11px;
            color:          #CC0000;
            border-bottom:  1px solid #ccc;
            font-weight:    normal;
            text-transform: uppercase;
            padding-bottom: 3px;
        }
        #sidebar p{ margin: 3px 0;}
        #sidebar ul{margin: 0; padding: 0; margin: 4px 0;}
        #sidebar ul li{
            list-style-type: none;
            margin:            0;
            padding:        0;
            padding-left:    14px;
            background:        #fff url(/htdocs/kls/images/arrow_blueWhite.gif) no-repeat 0 50%;
        }
/*  Other Components                                                           */
/*  -------------------------------------------------------------------------  */
        /*  CALL-TO-ACTION                                                                      */
        /* ------------------------------------------------------------------------------------ */
        #cta{position: absolute; top: 0; right: 0; width: 205px; height: 167px; background: url(/htdocs/kls/images/cta-bg.jpg) no-repeat 0 0; text-transform: uppercase;}
        #cta dt{font-size: 12px; font-weight: bold; color: #003366; background: url(/htdocs/kls/images/sh_get_started.gif) no-repeat 20px 0px; position: relative; margin-top: 20px;}
        #cta dd{font-size: 10px; margin: 18px 0;  margin-left: 70px; margin-right: 20px; padding-left: 14px; background: url(/htdocs/kls/images/arrow-dkblue.gif) no-repeat 0 3px;}
        #cta p{font-size: 10px;}
        #cta a{color: #000033;}
        #cta dt span{visibility: hidden;}/* Hide HTML text to show the image text */        
        #cta{top: -4px; right: -3px;} /* Position CTA off the edge */
        ##cta{right: -4px;} /* Rounding Error Fix */
        
            /* Page Variations */    
            #cta{top: -7px;}
            .home #cta{top: -10px;}
            .topic #cta{top: -7px;}    
            .program #cta{top: -7px;}

        /*  STUDY OPTIONS                                                                       */
        /* ------------------------------------------------------------------------------------ */
        #study-options{width: 155px; background: #fff url(/htdocs/kls/images/study-options.gif) no-repeat top left; margin: 0; padding: 0;}
        #study-options dt{color: #003366; font: bold 11px/11px Frutiger, Helvetica, Arial, sans-serif; text-transform: uppercase; margin: 0;}
        #study-options dt span{font: italic bold 22px/22px Trebuchet MS, Arial, sans-serif; text-transform: none; margin-left: 65px; display: block; margin-bottom: 8px;}
        #study-options dd{font-size: 11px; margin: 2px 0;  margin-left: 80px; padding-left: 14px; background: url(/htdocs/kls/images/arrow_blueWhite.gif) no-repeat 0 3px;}
        #study-options dd.descrip{font-size: 11px; padding: 0; margin: 2px 4px; background: transparent url();}
        #study-options a{font-size: 10px; text-transform: uppercase;}
        #study-options dt{ visibility: hidden; } /* Hide HTML text to show the image text */
        #study-options .descrip{background:none;}
        #section-nav #study-options{position: absolute; top: 0; right: 215px;}

        /*  SUCCESS STORIES                                                                     */
        /* ------------------------------------------------------------------------------------ */
        #success-stories, #success-stories dt, #success-stories dd{position: relative; padding: 0;  margin:0;}
        #success-stories{width: 180px; height: 130px;   background: url(/htdocs/kls/images/background.gif) no-repeat top left; border: 1px solid #fff;}
        #success-stories dt, #success-stories dd{  }
        #success-stories dt{ text-align: right; width: 110px; color: #016CA0;   font: normal 22px/22px Trebuchet MS, Tahoma, Arial, sans-serif; margin-top: 20px;   }
        #success-stories dt span{   font-weight: bold; font-size: 14px; font-style: italic; display: block;}
        #success-stories dd{width: 95px; font-size: 11px; margin-left:20px; margin: 4px 0;  margin-left: 10px;}
        #success-stories img{display: block; position: absolute; top: 8px; left: 100px;}

        /*  MORE INFO                                                 */
        /*  --------------------------------------------------------  */
        #more-info{padding:0; margin:0;}
        #more-info dt{color: #8CA50F; font: 13px/21px "Trebuchet MS", Tahoma, Arial; font-weight: bold;}
        #more-info dt span{font-weight: normal; font-size: 21px; font-style: italic;}
        #more-info dd{
                margin:0;
                padding-left:5px;
                font-size: 11px;
                margin: 4px 0;
                margin-left: 0px;
                padding-left: 14px;
                background: url(/htdocs/kls/images/arrow_blueWhite.gif) no-repeat 0 2px;
        }
        /* Page Variations */    
        .home #more-info,
        .keller #more-info{margin-left: 4px;}

        /*  OFFSITE NAV                                               */
        /*  --------------------------------------------------------  */
        #offsite-nav{height: 20px; display: block; clear: both; margin: 0 10px 10px 20px;}
        #offsite-nav a{
            height: 19px;
            line-height: 19px;
            margin:  0px 0px;
            padding: 0px 0px 0px 14px;
            background: url(/htdocs/kls/images/arrow-ltblue.gif) no-repeat 0 50%;
            font-weight: bold;
            font-size: 12px;
            display:  inline;            
            vertical-align: bottom;
            }
        #offsite-nav a img{vertical-align: bottom;}

        /*  VARIOUS CLASSES                                                                     */
        /* ------------------------------------------------------------------------------------ */
        a.link-arrow{background: url(/htdocs/kls/images/arrow-ltblue.gif) no-repeat 0 50%;padding-left: 14px;}
        a.link-arrow-dblue{background: url(/htdocs/kls/images/arrow-dkblue.gif) no-repeat 0 50%;padding-left: 14px;}
        div.divider{border-bottom: 1px solid #ccc; clear: both; height: 1px; margin: 15px 0;}
        div.cleaner{display: block; clear: both;}