/* HTML elements */

html {
    overflow-y: scroll;
}

body {
    margin: 0px;
    padding: 0px;
    font-family: 'Asap Condensed', sans-serif, Arial;
    font-size: 14px;
    color: #444444;
    line-height: 20px;
    background-color: #FFF;
    text-align: left;
}

a {
    color: #237887;
    text-decoration: none;
}

    a:hover {
        color: #1770ad;
    }

br {
    clear: both;
}

p {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

h1 {
    display: inline;
    line-height: 25px;
    font-size: 22px;
    font-weight:normal;
    color: #1b78b5;
    border-radius: 5px;
    margin: 0px;
    vertical-align: middle;
}

h2 {
    display: inline;
    line-height: 25px;
    font-size: 18px;
    font-weight: normal;
    color: #2a2a2a;
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
}

h3 {
    display: inline;
    margin: 0px;
    padding: 0px;
    line-height: 20px;
    font-size: 16px;
    color:#4a4a4a;
    font-weight: normal;
    vertical-align: middle;
}

h4 {
    display: inline;
    font-weight: normal;
    font-size: 12px;
    color: #444444;
    line-height: 25px;
    vertical-align: middle;
}

h5 {
    display: inline;
    font-size: 11px;
    line-height: 25px;
    color: #DDD;
    vertical-align: top;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #999;
}

h6, h6 a {
    font-size: 11px;
    line-height: 18px;
    color: #AAA;
    vertical-align: top;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
}

h5 a:hover {
    color: #EEE;
}

img {
    border: none;
}

textarea {
    display: inline-block;
    font-family: Arial, Tahoma;
    font-size: 12px;
    border: 1px solid #DDD;
    height: 70px;
    width: 300px;
    color: #333;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 2px;
    border-radius: 1px;
}

/* MASTER PAGE STRUCTURE */

#topbar {
    height:200px;
    position:relative;
}

#divtopmostbar { width:100%; height:35px; display:block; background-color:#005AAD; }
#divtopmostbar span {display:inline-block; width: 40px; margin-top:5px; float:right; }
#divtopmostbar label {float:left; color:#EEEEEE; margin-top:10px; font-size:12px; font-weight:normal;}

#divtopmiddle { width:100%; width:100%; margin:45px 0px; }
#divtopmiddle #imgtoplogo {float:left;}
#divtopmiddle #imgtopad {float:right;}


#divtopmenu {
    width:100%;
    display:block;
    height:40px;
    background-color:#005AAD;
}

#divtopmenu a {
    display:inline-block;
    line-height:30px;
    padding:5px 15px;
    margin:0px;
    font-size:15px;
    float:left;
    color:#EEEEEE;
    font-family:Calibri, Arial,Tahoma;
    border-right:1px solid #1770ad;
}

#divtopmenu a:hover {
    background-color:#002D7A;
    color:#FFFFFF;
    text-decoration:none;
}

#mmbutton { display: none; position:absolute; right:0; top:60px; cursor:pointer; }
#mobilemenu {display:none; position:absolute; right:0px; z-index:3; }
#mobilemenu a {display:inline-block; padding:5px 10px; background-color:#555; color:#fff; width:150px; border-bottom:1px solid #333;}

@media screen and (max-width: 990px) {
    #divtopmenu {display:none;}
    #mmbutton {display:inline-block;}
    #cse {display:none;}
}

#middlebar {
    min-height: 600px;
    clear: both;
    z-index: 0;
    overflow: hidden;
    background-color: #FFF;
}

#bottombar {
    font-size: 13px;
    clear: both;
    color: #DDD;
    background-color: #1770ad;
    background-position: bottom;
    background-repeat: repeat;
    line-height: 20px;
    box-shadow: 0px 0px 5px 1px #555;
}

#bottombar .bottomheading {
    display:inline-block;
    font-size:18px;
    line-height:18px;
    margin-bottom:5px;
    color:#FFF;
}

#bottombar .bottomline {
    height:1px;
    font-size:1px;
    background-color:#0e5483;
}

#bottombar a {
    display:inline-block;
    margin-bottom:5px;
    color: #DDD;
}

    #bottombar a:hover {
        color: #FFF;
    }

    #bottombar span, #bottombar span a {
        color:#AAA;
        font-size:12px;
    }

    #bottombar span a:hover {
        color:#AAA;
    }

.linkbox {
    width:16%;
    margin-right:1%;
    margin-bottom:20px;
    display:inline-block;
    padding:1%;
    height:150px;
    background-color:#DDD;
    background-image:url("/images/newsletter_thumb.png?v=2");
    background-size:cover;
    border-radius:5px;
    position:relative;
    border:1px solid #222;
}

    .linkbox a {
        position:absolute;
        bottom:0px;
        left:0px;
        font-size:18px;
        display:inline-block;
        width:100%;
        text-align:center;
        background-color:#222;
        padding:5px 0px;
        color:#DDD;
    }

    .linkbox a:hover {
        color:#FFF;
    }

@media screen and (max-width: 1000px) {
    .linkbox {width: 46%; height:200px;}
}

@media screen and (max-width: 600px) {
    .linkbox {width: 95%; height:250px;}
}
    
.divblock {
    padding:5px;
    border: 1px solid #DDD;
}

.divblockheading {
    height: 30px;
    line-height: 30px;
    color: #5a5a5a;
    font-weight: bold;
    font-size: 13px;
    background-color: #DDD;
    padding-left: 5px;
}

.boximg {
    float:left;
    margin-left:10px;
}

.boxtitle {
    float:left;
    color:#0E507E;
    line-height: 45px;
    font-size: 30px;
    margin-left:5px;
}

.dialogback, .waitback {
    text-align: left;
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 2;
    background-color: #DDD;
    opacity: 0.7;
    filter: alpha(opacity=70);
    margin: 0px;
}

.dialogbox {
    text-align: left;
    display: none;
    left: 50%;
    top: 10%;
    max-height:75%;
    width: 70%;
    margin-left: -35%;
    position: fixed;
    z-index: 3;
    padding: 2%;
    background-color: #FFF;
    border:1px solid #BBB;
    border-bottom:5px solid #FBDB83;
    box-shadow: 0px 0px 5px 0px #FFF;
    overflow-y:auto;
}

/* bootstrap fixes */
.input-group-addon {
    min-width:130px;
    text-align:left;
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    width: 100%;
}