body {
   background-image:url(images/starrynight-bg.jpg);
    background-repeat: repeat;
    background-color:black;
     height:100vh;
     margin:0;
     padding:0;
}


/*.container {
    background-color:white;
   box-shadow: 0px 0px 8px white;
}*/
.panel-group {
/*    border: thin solid blue;*/
    background-color: white;
    box-shadow: 3px 3px 5px black;
        padding-top: 10px;
}

.panel .panel-heading {
    color: darkblue;
    background-color: #87c0ea;
    box-shadow: 0px 2px 4px black;
    margin-bottom: 5px;

}

.mybanner {
    max-height:250px;
/*    background-image:url(images/wedoUnitBanner_Moodle.jpg);*/
    background-repeat: no-repeat;
    background-size: contain;
    font: normal 36px 'Russo One', sans-serif;
    text-shadow: 3px 3px 5px black;
    color:darkorange;
}
.panel .panel-title {
    font-weight: bold;
    font-size:  24px ;
    font-family: 'Mandali', sans-serif;
    text-decoration: none;
}

.panel .panel-title a {
    font-weight: bold;
    font-size:  24px ;
    font-family: 'Mandali', sans-serif;
    text-decoration: none;
}

.panel .panel-heading:hover {
    background-color:#99ff66;
    cursor:pointer;
}

.mysidebar {
    background-color: #99ff66;
    border:thin solid #009624;
    color: darkgreen;
    font: bold 24px 'Roboto', sans-serif;
    min-height:150px;
    box-shadow: 3px 3px 5px black;
    margin-bottom: 10px;
    padding:10px;
}

.mysidebarAd {
    height:300px;
}

.panel h1 {
    color: black;
    font: 
}

.insetPanels {
    margin-top:-30px;
}

.pageHeader {
    background-color: #50b1e8;
    box-shadow:0px 3px 3px black;
    margin-bottom:5px;
}




.navbar {
    font:normal 15px Roboto;
}
.navbar a {
    color: darkslategrey;
    background-image:url(images/whiteBlock.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size:contain;
    margin-bottom: auto;
}
.navbar a:hover {
    color: red;
    font-weight:500;
    background-image:url(images/hoverBlock.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size:contain;

}
.navbar .navbar-brand  {
    font-family:Roboto;
    margin-bottom: auto;
}

.navbar-text {
    font:500 15px Roboto;
    font-style: italic;
    margin-bottom:-5px;
}

.navbar .active{
    color:black;font-weight: bold;
    color:green;
    background-image:url(images/greenblock.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.panel-body  a {
    font: bold 20px Mandali, sans-serif;
    text-decoration: none;
    color:#009624;
}

.panel-body  a:hover {
    font: bold 20px Mandali, sans-serif;
    text-decoration: none;
    color:#87c0ea;
    background-color:navy;
}

#main-wrapper {
    padding: 0 0 100px;
    position: relative;
}

footer {
    position: absolute;
    bottom: 0;
    height: 80px;
    left: 0;
    width: 100%;
}

font-family: 'Russo One', sans-serif;
font-family: 'Mandali', sans-serif;
font-family: 'Roboto', sans-serif;