/* home section colour changes plus layout for home page */

h1
{
    background-color: #ed037f;
    background-image: url('../images/h1homebg.gif');
    background-position: bottom left;
    background-repeat: no-repeat
}


div.wholepage div.navigation div.submenu
{
    background-color: #000000;
}

div.wholepage div.navigation div.submenu ul li a:hover  
{
    color: #ffffff
}

div.wholepage div.navigation div.submenu ul li a.selected
{
    color: #ffffff
}




/* home page layout */


div.wholepage div.allmenuintro  
{
    float: left;
    width: 980px;
    background-image: url('../images/introbg.jpg');
    background-position: bottom;
    background-repeat: no-repeat;
    padding-bottom: 50px;
    margin-bottom: 0
}

    div.wholepage div.allmenuintro div.menuintro 
    {
        width: 216px;
        padding-left: 8px;
        padding-top: 15px;
        float: left;
        margin-right: 20px;
        padding-bottom: 20px
    }
    
        div.wholepage div.allmenuintro div.menuintro a  
        {
            display: inline;
            margin: 0
        }
    
        div.wholepage div.allmenuintro div.menuintro img    
        {
            float: left;
            margin-right: 8px;
        }
        
        div.wholepage div.allmenuintro div.menuintro img.header    
        {
            float: none;
            margin-right: 0;
        }

        div.wholepage div.allmenuintro div.mishowcase
        {
            border: 3px dashed #ed037f;
        }
        
        div.wholepage div.allmenuintro div.mieducation
        {
            border: 3px dashed #ec9118;
        }
        
        div.wholepage div.allmenuintro div.micareers
        {
            border: 3px dashed #aec725;
        }
        
        div.wholepage div.allmenuintro div.minews
        {
            margin-right: 0;
            border: 3px dashed #2f81b3;
        }
    
    
    
/* clearing menuintros  */


div.clearleft   
{
    clear: left
}



/* home info */

div.wholepage div.main div.homeinfo 
{
    float: left;
    margin-top: 20px
}

    div.wholepage div.main div.homeinfo p   
    {
        margin-bottom: 0;
        margin-top: 8px;
    }

    div.wholepage div.main div.homeinfo ul  
    {
        margin-left: 0;
        padding-left: 0;
        list-style: none;
        margin-top: 8px;
    }
    
        div.wholepage div.main div.homeinfo ul li   
        {
            background-image: url('../images/bullet.gif');
            background-position: left;
            background-repeat: no-repeat;
            padding-left: 12px;
        }

    div.wholepage div.main div.homeinfo div.services    
    {
        width: 350px;
        float: left;
        
    }
    
        div.wholepage div.main div.homeinfo div.services h2 
        {
            background-color: #ec9118;
            background-image: url('../images/h1educationbg.gif');
            background-position: bottom left;
            background-repeat: no-repeat;
            color: #ffffff;
            text-transform: uppercase;
            padding-left: 10px;
            padding-bottom: 5px
        }
    
    div.wholepage div.main div.homeinfo div.aims    
    {
        width: 350px;
        float: left;
        margin-left: 30px;
    }
    
        div.wholepage div.main div.homeinfo div.aims h2 
        {
            background-color: #aec725;
            background-image: url('../images/h1careersbg.gif');
            background-position: bottom left;
            background-repeat: no-repeat;
            color: #ffffff;
            text-transform: uppercase;
            padding-left: 10px;
            padding-bottom: 5px
        }
        
        div.wholepage div.main div.homeinfo div.aims h3 
        {
            color: #ed037f;
            text-transform: uppercase;
            margin-bottom: 0
            
        }
        
        div.wholepage div.main div.homeinfo div.aims ul 
        {
            font-style: italic
        }
        
            div.wholepage div.main div.homeinfo div.aims ul li  
            {
                padding-bottom: 5px;
            }
            
            
/* additional info */

div.wholepage div.addinfo dl.directions 
{
    background-image: url('../images/directionbg.jpg');
    background-position: top;
    background-repeat: no-repeat;
    padding-top: 136px;
    margin-top: 25px;
}

    div.wholepage div.addinfo dl.directions dt  
    {
        background-color: #2f81b3;
        color: #ffffff;
        padding-left: 5px;
        padding-top: 2px;
        padding-bottom: 3px
    }
    
    div.wholepage div.addinfo dl.directions dd   
    {
        margin-left: 0;
        padding-top: 2px
    }
    
        div.wholepage div.addinfo dl.directions dd a    
        {
            color: #000000;
            display: inline;
            padding-right: 15px;
        }
        
        div.wholepage div.addinfo dl.directions dd a:hover  
        {
            color: #ed037f
        }
        
        
div.wholepage div.addinfo dl.lonjweek 
{
    background-image: url('../images/lonjweekbg.jpg');
    background-position: top;
    background-repeat: no-repeat;
    padding-top: 136px;
    margin-top: 25px;
}

    div.wholepage div.addinfo dl.lonjweek dt  
    {
        background-color: #2f81b3;
        color: #ffffff;
        padding-left: 5px;
        padding-top: 2px;
        padding-bottom: 3px
    }
    
    div.wholepage div.addinfo dl.lonjweek dd   
    {
        margin-left: 0;
        padding-top: 2px
    }
    
        div.wholepage div.addinfo dl.lonjweek dd a    
        {
            color: #000000;
            display: inline;
            padding-right: 15px;
        }
        
        div.wholepage div.addinfo dl.lonjweek dd a:hover  
        {
            color: #ed037f
        }
        
        
div.wholepage div.addinfo dl.jewelevent
{
    background-image: url('../images/jeweleventbg.jpg');
    background-position: top;
    background-repeat: no-repeat;
    padding-top: 136px;
    margin-top: 25px;
}

    div.wholepage div.addinfo dl.jewelevent dt  
    {
        background-color: #2f81b3;
        color: #ffffff;
        padding-left: 5px;
        padding-top: 2px;
        padding-bottom: 3px
    }
    
    div.wholepage div.addinfo dl.jewelevent dd   
    {
        margin-left: 0;
        padding-top: 2px
    }
    
        div.wholepage div.addinfo dl.jewelevent dd a    
        {
            color: #000000;
            display: inline;
            padding-right: 15px;
        }
        
        div.wholepage div.addinfo dl.jewelevent dd a:hover  
        {
            color: #ed037f
        }