@charset "utf-8";

body {
    background: #f0f0f0;
}

.text-bolder {
    font-weight: bolder;
}

div#mainContainer {
    background: #ffffff;
    -webkit-box-shadow: 0 4px 6px 0px #999;
    -moz-box-shadow: 0 4px 6px 0px #999;
    box-shadow: 0 4px 4px 0px #999;
}


ul.content
{
    margin-left: 20px;
    padding-left: 2px;
}

ul.content li {
    margin-left: 0;
    padding-left: 0;
}

.contentnav.ui-scrollfix {
    position:fixed;
    width: 253px;
    top:0;
}

.table-smallfont {
    font-size: 85%;
}

th.tight {
    width: 8%;
}
th.supertight {
    width: 3%;
}

.leaflet-left .leaflet-control {
    margin-left: 20px;
}

.navbar-inverse .navbar-nav > .highlight > a
{
    background-image: -webkit-linear-gradient(bottom, #660000 0%, #663300 100%);
    background-image: -o-linear-gradient(bottom, #660000 0%, #663300 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#660000), to(#663300));
    background-image: linear-gradient(to top, #660000 0%, #663300 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff663300', endColorstr='#ff660000', GradientType=0);
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
    box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
}


#news-container {
    
}

.news-title
{
    font-size: 110%;
    font-weight: bold;
}

.news-published
{
    font-size: 70%;
}

.news-content
{
    font-size: 90%;
    font-style: italic;
}

/* The Overlay (background) */
.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */    
    height: 0;
    width: 60%;
    position: fixed; /* Stay in place */
    z-index: 3; /* Sit on top */
    left: 20%;
    top: 310px;
    background-color: rgb(255,255,255); /* Black fallback color */
    background-color: rgba(255,255,255, 0.9); /* Black w/opacity */
    
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
    
    -webkit-box-shadow: 0 4px 6px 0px #999;
    -moz-box-shadow: 0 4px 6px 0px #999;
    box-shadow: 0 4px 4px 0px #999;
}

/* Position the content inside the overlay */
.overlay-content {
    position: relative;
    top: 10%; /* 25% from the top */
    width: 100%; /* 100% width */
    height: 80%;
    overflow-y: auto; /* Disable horizontal scroll */
    text-align: center; /* Centered text/links */
    margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

/* The navigation links inside the overlay */
.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
    position: absolute;
    cursor: pointer;
    top: 20px;
    right: 45px;
    font-size: 40px;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
    .overlay a {font-size: 20px}
    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }
}