/* Styles for home page */

/*.container {
    max-width:1000px;
}*/


.jumbotron.border-LeftBottomRight {
    padding:0 0 0 0; 
    border-bottom-left-radius:15px;	
	border-bottom-right-radius:15px;
    
}

 #content { 
    background-color:#1A1A1A;	
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px;
    color:#fff;
    overflow:hidden;
    position:relative;             
    width:100%;
}


 #divRight {
    float:right;
    background-color: #6C5D99;
    border:1px solid black;
    width:20%;
    height:90%;    
 }

#divRight img:focus {
    outline: 5px auto black !important;
    outline-offset: -2px;
    border-color: #000 !important;
    box-shadow: 0px 0px 4px 1px #000 !important;
}

 #bucketsDiv {
    border:1px solid black;
    width:80%;
    overflow:hidden;    
 }

 .careers {    
    float:left;
    width:50%;
}

.education {    
    float:right;
    width:50%;
}


.carousel-inner > .item > img {       
    width:100%; 
    /*background-color: red;*/ 
}

#bucketsDiv a img {
    width:100%;
}


#carouselDiv {   
    float:left;
    border:1px solid black;
    width:80%;    
    overflow:hidden; 

}
.menuCel {
    /*background-color:#6C5D99;*/
    background-color:#BBB4D3;
    border:2px solid white;	
    color:white;
    font-weight:bold;        
    width:100%;
}

.menuSpacer	{
	background-color:#BBB4D3;   	
	height:25px;
	width:100%;
}
.goDeliveryStyle {
    padding:5px 5px 5px 5px;
    /*background-color:#6C5D99;*/           
    color:#ffffff;
}

#followUsDiv
{
	background-color:#1A1A1A;		
	border-bottom-left-radius:9px;	
	border-bottom-right-radius:9px;
    width:100%;
}


/* Hover effects for careers and education buckets */
#careerOff, .careers:hover #careerOn{
   display:none
}
#careerOn, .careers:hover #careerOff{
   display:block
}

#eduOff, .education:hover #eduOn{
   display:none
}
#eduOn, .education:hover #eduOff{
   display:block
}

#divBottom {
    display:none;
}



/*####################################################################*/

@media (max-width: 767px) {
    #carouselDiv {
        float:none;
        width:100%;
    }

    #divRight {
        /*float:none;
        width:100%;*/
        display:none;
    }

    #divBottom {
        display:block;
    }

    #divRight img{
        width:100%;
    }

    .item {
    background: #333;
    text-align: center;  
    padding:0 0 0 0;
    }

    .slider-size {
        height: auto;
        margin-left:0;
    }
    .slider-size > img {
         
        margin-left:0;
    }

    #bucketsDiv {
        float:none; 
        width:100%;  
    }

    .menuCel {
        background-color:#BBB4D3;
        border-bottom:2px solid white;
        color:white;
        font-weight:bold;    
        width:100%;
    }

    .menuSpacer {
        width:100%;
    }

     .careers {
        display:table;
        float:left;
        width:100%;
    }

    .education {
        display:table;
        float:none;
        width:100%;
    }

    .careers img{
        width:100%;
    }

    .education img{
        width:100%
    }

    #govdelivery
    {
        /*background-color:#6C5D99;*/           
        color:#ffffff;
        /*height:120px;*/ 
        margin-bottom:0px;   
        padding-left:5px;    
        /*width:100%;*/
    }

    #govdelivery img{
        width:5%;
    }
}

/*####################################################################*/

#feedbackLink{
        color: white;
        margin-left: 40%;
        display: block;
        float: left;
        padding-top: 1%;
    }
 #faqLink{
        color: white;
        margin-left: 1%;
        display: block;
        float: left;
        padding-top: 1%;
    }