.noGutter{
    padding:0px;
}
.sideImage{
	width:100%;
}
.videoContainer{
	width:100%;
}
.videoContainer video{
	width:100%;
	height:auto;
}
.table-responsive .table th{
	background-color:#A3792C !important;
	color:#fff;
}
.table-responsive .table p{
	margin:0px;
	padding:0px;
}
.scholar-banner{
	margin-bottom:0.5em;
	overflow:hidden;
}
.scholar-banner .scholar-image-container{
	float:left;
	width:45%;
	max-width:150px;
}
.scholar-banner .scholar-image-container .scholar-image{
	width:100%;
}
.scholar-banner .banner-text{
	float:left;
	width:53%;
	margin-left:2%;
}

@media screen and (min-width:992px) {
    /* display the dropdown menu and make the background color grep and the text black */
    ul.nav.navbar-nav li.dropdown:hover > ul.dropdown-menu, .dropdown-menu > li  {
        background-color:black;
        display:block;
        color:black;
    }
    /* when you hover on a dropdown link, make the background change color slightly */
    .dropdown-menu > li:hover {
        background-color:black;
	    color:black;
    }
    /* When you hover on the .dropdown, make the links have good padding and no underlines */
    ul.nav.navbar-nav li.dropdown:hover > ul.dropdown-menu > li > a {
	    padding: 12px 16px;
	    text-decoration:none;
    }
    /* when you hover on a dropdown menu in a dropdown menu, make the second menu appear to the left
     * aka, allow the navbar to have submenus that work well
     */
    /* when you hover on a dropdown link change the cursor to point at the link. */
    .dropdown-menu > li > a:hover {
	    padding: 12px 16px;
	    cursor:pointer;
        text-decoration:none;
    }
    /* when you hover on the dropdown menu, give it a faint shadow */
    .dropdown-menu:hover {
	    box-shadow: 0px 9px 16px 0px rgba(0,0,0,2);
    }
    /* trying to get submenus to work */
    ul.nav.navbar-nav li.dropdown > ul.dropdown-menu > li.dropdown > ul.dropdown-menu {
        position:absolute;
    }
    ul.nav.navbar-nav li.dropdown > ul.dropdown-menu > li.dropdown > ul.dropdown-menu {
        top:0;
        left:100%;
        margin-top:-6px;
        margin-left:-1px;
        -webkit-border-radius:0 6px 6px 6px;
        -moz-border-radius:0 6px 6px 6px;
        border-radius:0 6px 6px 6px;
    }
    ul.nav.navbar-nav li.dropdown > ul.dropdown-menu > li.dropdown:hover > ul.dropdown-menu {
        display:block;
    }
    ul.nav.navbar-nav li.dropdown:hover> a :after {
        border-left-color:#ffffff;
    }    
}