#sas-media {
	background: #eee9dd url(../Content/Images/logo-nav-pattern.gif) repeat-x right top;
	height: 280px;
}

    #logo-nav {
        width:330px;
        float: left;
        background: #eee9dd url(../Content/Images/logo-nav-logo.gif) no-repeat right top;
        height: 280px;
        display:block;
    }
    
        
    
        .logo-nav-clear {
                background: transparent url() no-repeat right top;
                width: 100px;
                height: 100px;
                margin: -6px 0 0 117px;
                position:absolute;
            }
            
        .logo-nav-fair{
                background: transparent url() no-repeat right top;
                width: 100px;
                height: 100px;
                margin:39px 0 0 198px;
                position:absolute;
            }
            
        .logo-nav-curr{
               background: transparent url() no-repeat right top;
               /*text-indent: -9999px;*/
               width: 100px;
               height: 100px;
               margin:136px 0 0 202px;
               position:absolute;
            }
            
        .logo-nav-inst{
                background: transparent url() no-repeat right top;
                width: 100px;
                height: 100px;
                margin:185px 0 0 116px;
                position:absolute;
            }
            
        .logo-nav-res{
                background: transparent url() no-repeat right top;
                width: 100px;
                height: 100px;
                margin:134px 0 0 33px;
                position:absolute;
            }
            
        .logo-nav-int{
                background: transparent url() no-repeat right top;
                width: 100px;
                height: 100px;
                margin:39px 0 0 36px;
                position:absolute;
            }
                                   
    
    #logo-nav-desc {
        width:575px;
        height: 240px;
        margin: 13px 30px 0 0;
        border: 1px solid #f3f2ed;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
	    float: right;
	    font-family: helvetica, arial, sans-serif;
	    padding: 5px;
	    background-color: #d1cfc9; /* Degrade to this IE7*/
        background-color: rgba(255, 255, 255, 0.6);
    }
    
       #logo-nav-desc h2{
                font-weight: bold;
                font-size: 18px;
                color: #fff;
                margin-bottom: 10px;
                -moz-border-radius: 3px;
                border-radius: 3px;
                -webkit-border-radius: 3px;
                background-color: #3072BB;
                padding:  5px 10px;
                border-bottom:  0px solid #000;
                -moz-box-shadow: 0px 0px 0 #000;
                -webkit-box-shadow: 0px 0px 0 #000;
                box-shadow: 0px 0px 0 #000;
                text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
        }
        
        #logo-nav-desc ul{
            margin-left: 40px;
            list-style: disc inside none; 
        }
        
            #logo-nav-desc ul li{
                padding: 3px 0;
                list-style: disc outside none; 
                color:#43413E;
            }
        
        
        #logo-nav-desc p{
                font-size: 12.5px;
                line-height:1.6em;
                margin-bottom: 10px;
                
                padding: 0 10px;
        }
        
        #logo-nav-sas { /* This is only for the MOH content. Remove when banner is removed. */
            height: 240px;
            margin: 0 0 0 0;
            width: 575px;
            -moz-box-shadow: 0px 0px 5px #807C6B;
            -webkit-box-shadow: 0px 0px 5px #807C6B;
            box-shadow: 0px 0px 5px #807C6B;
            overflow: hidden;
            
            /*IE7 hacks*/
            *position:relative;
            *margin: 0;
            *background-position: -1px -1px;
        }
        
            #logo-nav-sas ul, #logo-nav-sas ul li{ /* This is only for the MOH content. Remove when banner is removed. Currently Using for PALearns */
            list-style: none inside none;
            margin: 0;
            padding: 0;
        }
        
            .featured-banner-library { /* This is only for the MOH content. Remove when banner is removed.*/
                padding: 60px 0 20px;
                background: transparent url(../Content/Images/landing_banner_library.jpg) no-repeat right top;
                color:#43413E;
            }
            
            .featured-banner-finance { /* This is only for the MOH content. Remove when banner is removed.*/
                padding: 80px 0 20px;
                background: transparent url(../Content/Images/banner_finance.jpg) no-repeat right top;
                color: #000;
                
            }
            
            .featured-banner-cte { /* This is only for the MOH content. Remove when banner is removed.*/
                padding: 50px 0 40px;
                background: transparent url(../Content/Images/banner-cte.jpg) no-repeat right top;
                color: #000;
                
            }
        
            .featured-banner-conf { /* This is only for the MOH content. Remove when banner is removed.*/
                padding: 60px 0 40px;
                background: transparent url(../Content/Images/landing_banner_conf.jpg) no-repeat right top;
                color: #000;
                
            }
            
        #logo-nav-sas h2{
                 /*font-size: 19px;
                margin-bottom: 10px; Revert to this after MOH banner is removed */
                /* This is only for the MOH content. Remove below when banner is removed. Currently Using for PALearns.*/
        }
       
        
        #logo-nav-sas .featured-banner p{
                 /* This is only for the MOH content. Remove when banner is removed. Currently Using for PALearns.*/
                font-family: Arial,Helvetica;
                font-size: 11px;
                font-weight: 400;
                line-height: 1.4em;
                margin: 0 0 0 8px;
                text-align: left;
        }
        
        
        #logo-nav-sas .featured-banner p.callout { color: #2d8eff; font-weight: bold; margin-top: 12px;}
        
        #logo-nav-sas .featured-banner p:first-child{
                 /* This is only for the MOH content. Remove when banner is removed. Currently Using for VNEP.*/
                 width: 380px;
        }
        
        .featured-banner a
        {
                color: #2d8eff;
                font-size: 12px;
                font-weight: bold;
                text-decoration: underline;
        }
        
        /*
        #logo-nav-sas a{
                color: #fe9608;
        }*/
        
         #logo-nav-clear p{
                line-height: 1.5em;
        }
        
        /* logo-nav-sas Banner */

            #logo-nav-sas ul {
              position: relative;
              margin: 0;
              padding: 0;
              height: 240px;
              list-style: none;
            }

            #logo-nav-sas ul li {
              position: relative;
              display: block;
              float: left;
              margin: 0;
              padding: 0;
              width: 575px;
              height: 240px;
              text-align: center;
              line-height: 300px;
            }

            a.control_prev, a.control_next {
              position: absolute;
              top: 250px;
              z-index: 999;
              display: block;
              padding: 10px 15px;
              width: auto;
              height: auto;
              text-decoration: none;
              background-color: #fff;
              font-weight: bold;
              font-size: 18px;
              opacity: 0.8;
              cursor: pointer;
              /*background: url(../Content/Images/link-arrow.png) no-repeat 50% 50% #43413E;
              text-indent: -9999px;*/
              -moz-border-radius: 20px;
              border-radius: 20px;
              -webkit-border-radius: 20px;
              /*IE 7 Hack*/
              *top:105px;
              *padding: 5px 8px;
            }

            a.control_prev:hover, a.control_next:hover {
              opacity: 1;
              -webkit-transition: all 0.2s ease;
            }

            a.control_prev {
              margin-left: -20px;
              /*IE7 Hack*/
              *margin-left: 0px;
            }

            a.control_next {
              margin-left: 555px;
            }

            /* This is an optional auto scroll button that I disabled for the time being
            .logo-nav-sas_option {
              position: relative;
              margin: 10px auto;
              width: 160px;
              font-size: 18px;
            }*/

	                
	        /* End of Banner logo-nav-sas */
        
            
            #logo-nav-clear, #logo-nav-fair, #logo-nav-curr, #logo-nav-inst, #logo-nav-res, #logo-nav-int{
                display: none;
                
                /* 
                -- Use this if we have rotation of images

                height: 240px;
                margin: 20px 0 0 360px;
                padding: 10px;
                width: 530px;
                position: absolute;

                */
                
            }