@import url('bootstrapNav/topNav.css');
@import url('styles.css');


@font-face {
    font-family: 'Brandon Grotesque';
    src: url('fonts/brandongrotesque-medium-webfont.eot');
    src: url('fonts/brandongrotesque-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/brandongrotesque-medium-webfont.woff2') format('woff2'),
         url('fonts/brandongrotesque-medium-webfont.woff') format('woff'),
         url('fonts/brandongrotesque-medium-webfont.ttf') format('truetype'),
         url('fonts/brandongrotesque-medium-webfont.svg#brandon_grotesqueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Brandon Grotesque light';
    src: url('fonts/brandongrotesque-light-webfont.eot');
    src: url('fonts/brandongrotesque-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/brandongrotesque-light-webfont.woff2') format('woff2'),
         url('fonts/brandongrotesque-light-webfont.woff') format('woff'),
         url('fonts/brandongrotesque-light-webfont.ttf') format('truetype'),
         url('fonts/brandongrotesque-light-webfont.svg#brandon_grotesquelight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Brandon Grotesque Bold';
    src: url('fonts/brandongrotesque-bold-webfont.eot');
    src: url('fonts/brandongrotesque-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/brandongrotesque-bold-webfont.woff2') format('woff2'),
         url('fonts/brandongrotesque-bold-webfont.woff') format('woff'),
         url('fonts/brandongrotesque-bold-webfont.ttf') format('truetype'),
         url('fonts/brandongrotesque-bold-webfont.svg#brandon_grotesqueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.Normal {
    font-size: 14px;
    line-height: 1.428;
}

.SkinLink {
    margin-top: 15px;
    text-align: center;
}
.section {padding-bottom: 10px;}

.noRightPadding { padding-right: 0;}
.noLeftPadding { padding-left: 0;}
.navbar {
    margin-bottom: 0 !important;
    border-radius: 0 !important;
}

.carousel-caption h1 {
    color: #fff;
}

.navbar-brand {
    padding: 0 !important;
}

a.btn-info, a.btn-info:visited,a.btn-primary, a.btn-primary:visited {
    color: #fff;
}

.searchBox {
    padding-top: 12px;
}

    .searchBox .SkinObject {
        color: #fff;
    }

.searchSkinObjectPreview_group {
    display: none;
}
/*override for dnnLabels in the bootstrap */
.form-group .dnnLabel{text-align:left;width:auto;}

.dnnLabel + span{white-space:normal;}

/* ADMIN */

#ControlBar, #ControlBar:before, #ControlBar:after, #ControlBar *:before, #ControlBar *:after,
#ControlBar li, #ControlBar li:before, #ControlBar li:after,
#ControlBar a, #ControlBar a:before, #ControlBar a:after,
.dnn_mact, .dnn_mact:before, .dnn_mact:after, .dnn_mact *:before, .dnn_mact *:after,
.dnn_mact li, .dnn_mact li:before, .dnn_mact li:after {
    -webkit-box-sizing: content-box !important; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: content-box !important; /* Firefox, other Gecko */
    box-sizing: content-box !important; /* Opera/IE 8+ */
}

/*------------------------------------------------*/
/* LOGIN */
/*------------------------------------------------*/

.navbar-right {
    height: 51px;
}

    .navbar-right .registerGroup,
    .navbar-right .registerGroup *,
    .navbar-right .loginGroup,
    .navbar-right .loginGroup * {
        display: inline;
    }

    .navbar-right .registerGroup,
    .navbar-right .loginGroup {
        float: right;
    }

        .navbar-right .registerGroup li:first-child:hover {
            border-left: #222;
        }

        /* Register Group Styles */
        .navbar-right .registerGroup li {
            float: left;
        }

        .navbar-right .registerGroup .buttonGroup {
            margin-right: 0;
        }

        .navbar-right .registerGroup a,
        .navbar-right .loginGroup a {
            display: block;
            position: relative;
            height: 50px;
            min-width: 12px;
            padding: 15px 15px 0 15px;
            vertical-align: middle;
        }

            .navbar-right .registerGroup a:hover,
            .navbar-right .loginGroup a:hover {
            }

            .navbar-right .registerGroup a:active,
            .navbar-right .loginGroup a:active {
                text-shadow: 0 -1px 0 #ffffff;
            }

            .navbar-right .registerGroup a:hover,
            .navbar-right .loginGroup a:hover {
                text-decoration: none;
            }

            .navbar-right .registerGroup a strong,
            .navbar-right .loginGroup a strong {
                display: block;
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                overflow: hidden;
                font-size: 0;
                text-indent: -9999px;
            }

    .navbar-right .userMessages a,
    .navbar-right .userNotifications a {
        background-color: transparent;
    }

    .navbar-right .userMessages strong {
        height: 100%;
        background: url('i/icon_message.png') no-repeat center center;
    }

    .navbar-right .userNotifications {
    }

        .navbar-right .userNotifications strong {
            height: 100%;
            background: url('i/icon_notification.png') no-repeat center center;
        }

    .navbar-right .registerGroup a span {
        display: inline-block;
        min-width: 7px;
        margin-right: 3px;
        text-align: center;
    }

    .navbar-right .registerGroup .userProfileImg a {
        min-width: 50px;
        min-height: 50px;
        padding: 0;
    }

    .navbar-right .registerGroup a img {
        height: 50px;
        width: 50px;
    }

    /* Login Group Styles */
    .navbar-right .loginGroup {
    }

        .navbar-right .loginGroup a {
        }

    /* Number of message next to the message icon*/
    .navbar-right .userMessages a span,
    .navbar-right .userNotifications a span {
        display: inline-block;
        margin-top: 9px;
        margin-right: 0;
        background-color: transparent;
    }

    #navWrapper .nav-link {
    margin-bottom: 8px;
    color:#006097;
    font-family:Arial;
    font-weight: normal;
    }
    
    .navbar-nav .mobile-links > a,
     #navWrapper .nav-link .loginGroup {
     display: inline;
    }

     #navWrapper .nav-link a, 
    .mobile-links > span,
     .user-Email {
    font-size: 13px;
    color:#006097;
    }

     .mobile-links > span {
     font-size: 14px;
    }

     #navWrapper .nav-link a:hover {
	 color:#90bd00;
    }

     .register-Link,
     .user-Email{
      display: none;
}


    /*SKIN STYLE*/

    body, 
    .imbrium ,
    .imbrium p,
    .imbrium a,
    .imbrium li,
	.imbrium table,
	.imbrium thead{
    font-family:Arial;
    font-weight: normal;
    font-size:14px;
    line-height:26px;
    color:#333333;
    }

     .imbrium p {
     padding: 5px 0 10px 0;
      }

    .imbrium h1,
    .imbrium h2,
    .imbrium h3,
    .imbrium h4,
    .imbrium h5 {
    font-family:'Brandon Grotesque';
    font-size:32px;
    color:#006097;
    font-weight:normal;
    line-height:25px;
    text-transform:uppercase;
    margin:0;
    }

    .imbrium h4,
    .imbrium h2 {
    font-size: 24px;
}

    .imbrium h3 {
    font-size:14px;
    margin:0;
    }

     .imbrium h1 .Head,
     .imbrium h2 .Head,
     .imbrium h3 .Head,
     .imbrium h4 .Head,
     .imbrium h5 .Head {
    border-bottom: 0;
     }
	 .imbrium .lowercase {
	 font-family:'Brandon Grotesque';
	 font-size:26px;
     color:#006097;
     font-weight:normal;
     line-height:25px;
	 text-transform:lowercase;
     margin:0;
	}


    .imbrium a:hover {
    color:#90bd00;
    text-decoration:none;
    }

    .imbrium ul {
    list-style:disc;    
    }

    .imbrium li {
    line-height:17px;
    margin-top:4px;
    margin-bottom:4px;
    }
	
	.imbrium thead {
	background:#006097;
	color:#fff;
	}

    a.imbriumbutton {
    color:#fff;
    text-transform:uppercase;
    font-family:'Brandon Grotesque Bold';
    font-size:13px;
    background:#006097;
    padding:3px 15px;
    display: inline-block;
    line-height: 34px;
    margin-bottom: 5px;
    cursor:pointer;
    }

    a.imbriumbutton.btn-small {
    line-height: 30px;
    padding: 0 20px; 
    }
    a.imbriumbutton.btn-xsmall {
    line-height: 20px;
    padding: 0 8px; 
    }

    a.imbriumligthblue {
    background:#559cbe;
    
    }

    a.imbriumgreen{
    background:#c1d72e;
    }

    a.imbriumbutton:hover,
    a.imbriumbutton:visited{
    color:#fff;
    text-decoration:none;
    }
       

    /*Content*/

    .dashedline {
        background:url(img/line_texture.png);
    }

    .home .section.dashedline {
    padding-bottom:0;
    }

    .home #dnn_ContentPane .ContainerWrapper {
        margin-bottom:0;
    }

    .home #dnn_ContentPane .ContainerWrapper p{
        margin-bottom:0;
    }
    
    #TopContent {
        background:#fff;
    border-top:solid 5px #90bd00;
    border-bottom:solid 5px #006097;
    margin-top:0;
    padding-top:20px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.42);
    -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.42);
        -ms-box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.42);
        box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.42);
    }

    .home #dnn_BottomPane,
    .home #dnn_ContentPane {
     margin-left: 20px;
     margin-right: 20px;
    }

    .home #dnn_ContentPane {
    padding-top:40px;
    }

    .logoContainer   {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
     -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top:25px;
    margin-bottom:10px;
    }

    .logoContainer .logo {
    padding:5px;
    }

    .imbrium #bannerContent {
    background:url(img/top_banner.jpg) no-repeat center;
    background-size:cover;
    padding-bottom:40px;
    text-align:center;
     }

   .imbrium .grayborder {
    border: 1px solid #cccccc;
    }
	
	.grayborder {
    border: 1px solid #cccccc;
    }
	.nopaddingp {
	padding-bottom:0 !important;
	} 

    #bannerContent h1,
    #bannerContent small,
    #bannerContent h2 {
    background: none repeat scroll 0 0 rgba(9, 72, 107, 0.9);
    color: #fff;
    display: inline-block;
    font-size: 46px;
    line-height: 60px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 10px 25px 15px 25px; /* before was 0px 15px*/
    text-transform: uppercase;
    font-family:'Brandon Grotesque Bold';
    }

    #bannerContent small {
    background:rgba(178,200,44,0.9);
    padding:10px; /* before was 17px 2px*/
    font-size:28px;
    line-height: 22px;
    font-family:'Brandon Grotesque';
    }

    #bannerContent h2 {
    font-size:20px;
    font-family:'Brandon Grotesque light';
    }

    #bannerContent h2 small {
    background:none;
    font-size:20px;
    color:#b2c82c;
    font-weight:bold;
    padding:0;
    }
    
    #bannerContent a.imbriumgreen {
    background: url("img/whitebuttonarrow.png") no-repeat right 10px center #c1d72e;
    padding-right: 30px;
    margin-left:10px;
    }

    .home #bannerContent p{ 
 padding: 0px;
}

.home #bannerContent h1{
 margin-top: 50px;
}

.home #bannerContent h2{ 
 margin-bottom: 30px; 
}

    #bottomContent {
    padding-top:45px;
    }

    .bottomLogo {
    float:left;
    }

    /* FOOTER*/
    #Footer {
    background:#000000;
    font-weight:normal;
    padding-top:20px;
    padding-bottom:20px;
    }

    #Footer a {
    text-decoration:underline;
    color:#90bd00;
    }
    
    #Footer ul {
    list-style:none;
    display: inline-block;
    margin:0;
    }

    #Footer li{
    display:block;
    text-align:center;
    color:#fff;
    }
    #Footer li a {
            color: #90bd00;
        }


    #FooterLinks {
    display: table;
    margin:0 auto;
    }

    #Footer li::after {
    padding:0;
    content: "" ;
    }



    @media screen and (min-width:480px) {

    #Footer li {
    display:inline;
    }

    /*#Footer li::after {
    padding:0 3px;
    content: " l" ;
    }*/

    #Footer {
    background:#000000;
    font-weight:normal;
    padding-top:51px;
    padding-bottom:51px;
    }

}
@media (max-width:768px) {
    #SiteLogo.noLeftPadding {
        padding-left: 15px;
    }

    #navWrapper.noRightPadding {
        padding-right: 15px;
    }
}
@media (min-width:768px) {

    #TopContent {
        margin-top: -40px;
    }

    #bannerContent {
        padding-bottom: 40px;
    }
}

/* MEGA MENU*/

.menu-container {
  /*width: 80%;*/
  margin: 0 auto;
  background-image: none !important;
}

.menu-mobile {
  display: none;
  padding: 20px;
}

.menu-mobile:after {
  content: "\f394";
  font-family: "Ionicons";
  font-size: 2.5rem;
  padding: 0;
  float: right;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-25%);
  -ms-transform: translateY(-25%);
  transform: translateY(-25%);
}

.menu-dropdown-icon:before {
  content: "\f489";
  font-family: "Ionicons";
  display: none;
  cursor: pointer;
  float: right;
  padding: 1.5em 2em;
  background: #fff;
  color: #333;
}

.menu > ul {
  margin: 0 auto;
  width: 100%;
  list-style: none;
  padding: 0;
  position: relative;
  /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
  box-sizing: border-box;
}

.menu > ul:before, .menu > ul:after {
  content: "";
  display: table;
}

.menu > ul:after { clear: both; }

.menu > ul > li {
  float: left;
  /*background: #3498DB;*/
  padding: 0;
  margin: 0;
}

.menu > ul > li a {
  text-decoration: none;
  padding: 1.5em 3em;
  display: block;
  color:#fff;
}



.menu > ul > li:hover > a { color: #333; }

.menu > ul > li > ul {
  display: none;
  width: 100%;
  background: #f0f0f0;
  padding: 10px;
  position: absolute;
  z-index: 99;
  left: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
}

.menu > ul > li > ul:before, .menu > ul > li > ul:after {
  content: "";
  display: table;
}

.menu > ul > li > ul:after { clear: both; }

.menu > ul > li > ul > li {
  margin: 0 !important;
  padding-bottom: 0 !important;
  list-style: none;
  width: 25%;
  background: none;
  float: left;
}

.menu > ul > li > ul > li a {
  color: #777;
  padding: .2em 0;
  width: 95%;
  display: block;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
}

.menu > ul > li > ul > li > ul {
  display: block;
  padding: 0;
  margin: 10px 0 0;
  list-style: none;
  box-sizing: border-box;
}

.menu > ul > li > ul > li > ul:before, .menu > ul > li > ul > li > ul:after {
  content: "";
  display: table;
}

.menu > ul > li > ul > li > ul:after { clear: both; }

.menu > ul > li > ul > li > ul > li {
  float: left;
  width: 100%;
  padding: 10px 0 !important;
  margin: 0;
  font-size: .8em;
}

.menu > ul > li > ul > li > ul > li a { 
  border: 0; 
  font-weight: normal;  
	}

.menu > ul > li > ul.normal-sub {
  width: 300px;
  left: auto;
  padding: 10px 20px;
}

.menu > ul > li > ul.normal-sub > li { width: 100%; }

.menu > ul > li > ul.normal-sub > li a {
  border: 0;
  padding: 1em 0;
}