/* ==========================================================================
   ACLU styles
   ========================================================================== */
.homeintro .item-page{ display: none}
body{ color: #58595B; font-family: 'Lato', 'sans-serif'; margin: 0px; padding: 0px}
.navbar-brand{margin-right: 15px}
h1,h2,h3,h4{font-family: 'Fjalla One', sans-serif; text-transform: uppercase}
h1,h2, h3{font-family: 'Fjalla One', sans-serif; color: #0054aa}
a, a:link{color: #0054aa;}  
  .navbar{ border-bottom: none; height: 119px; background: rgba(255,255,255,.9)}
  .navbar-inverse{ background-image: none; filter: none; background: rgba(255,255,255,.7);}
  .navscroll{background: rgba(255,255,255,.96);}
.navbar-header, .navbar-collapse { background: #fff; width: 100%; margin-left: -20px;}
  .navbar li a { font-family: 'Fjalla One', sans-serif; margin-top: 49px; padding: 15px 13px; color: #0054aa; text-shadow: none; text-transform: uppercase}
.navbar li.item-101{display: none}
  .navbar-inverse .navbar-nav>li.active>a, .navbar-inverse .navbar-nav>li>a:hover {color: #0054aa}
  .nav-contact{margin-top: -71px; }
  .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active:hover>a{background-image: none; background: rgba(255,255,255,.3)}
ul ul, ol ul {list-style:square}
ul ul, ol ul.small li{padding-left: 29px;font-size: 14px; border-top: 1px solid #ededed;border-bottom: 1px solid #ededed}
ul ul li a, ol ul li a {color: #58595B; font-size: 14px}
.collapse, .mod-list, .moduletable_menu{background-color: transparent}
.moduletable_menu{margin-left: 15px}

/* HOMEPAGE */
.jumbotron{ 
background:url(../images/jumbo.jpg) no-repeat; background-size: cover; background-repeat: no-repeat;   background-position: 50% 50%; color: #fff; text-shadow: 0px 0px 5px #333; height: 680px; margin-bottom: 0px}
.jumbotron .container{ margin-top: 130px}
.jumbotron h1{width: 41%; font-size: 190%; line-height: 37px}

.homeport img{ padding: 10px 30px}
.homeport{margin: 0 auto; width: 100%}
.homeintro{background:url(../images/introBG.png) no-repeat center center #F1F2F2; padding: 35px 0px; font-size: 20px; line-height: 37px; text-align: center}

ul.category-module{margin-left: 0px; padding-left: 0px}
ul.category-module li {list-style: none; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #ededed; font-size: 14px; padding-left: 0px; margin-left: 0px}
.twouphome{ background: url(../images/2upbg2.jpg) center repeat-y}
.blueside{ color: #fff; padding: 15px}
.creamside{padding: 15px}
.blueside h2{ color: #fff}
.blueside a.btn{background: #fff; color: #0054aa}

/* SLIDER */
.rl_sliders.accordion>.accordion-group {
    border: none;
    border-radius: 0px;
    color: #fff;
    background: #0054aa;
}
.rl_sliders.accordion a{color: #fff}

.rl_sliders.accordion>.accordion-group.active>.accordion-heading>a.accordion-toggle{color: #fff; background:#0054aa}
.rl_sliders.accordion>.accordion-group>.accordion-body>.accordion-inner{background: #fff; color: #58595B; border-color: #0054aa}
.rl_sliders.accordion>.accordion-group>.accordion-body>.accordion-inner a{color: #0054aa}
.rl_sliders.accordion>.accordion-group>.accordion-body>.accordion-inner a.btn{color: #fff}
.accordion-heading>a:before {
   content: "\25bc";
   float: right;
   transition: all 0.5s;
  opacity: .8
}
.active .accordion-heading a:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
} 

/*interior */
.borderless td {
    padding: 12px;
}
h1.whiteapply{background: #fff; display: inline-block; padding: 10px; margin: 0 auto}
.introimage{ 
background-repeat: no-repeat;
background-size: 100% 100%; color: #fff; text-shadow: 0px 0px 5px #333; height: 330px; margin-bottom: 0px padding: 0px; margin: -20px 0px 0px}
.introimage .moduletable_introimage .custom_introimage{
background-repeat: no-repeat;
background-size: 100% 100%;
height: 100%; min-height: 330px}

.introimage .moduletable_introimage .custom_introimage h2{ padding-top: 300px}
.interior{ margin-top: 50px}

.moduletable-sidebar{background: #F1F2F2}
.moduletable-sidebar h3{ color: #fff; background: #6D6E70; padding: 0px 7px 7px 7px; margin-top: 0px; padding-top: 0px}
.moduletable-sidebar li>a:{color: #58595B}
.moduletable-sidebar .nav>li>a{color: #58595B; padding: 2px 5px}
.moduletable-sidebar li>a:hover {color: #0054aa}

.formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="password"]{padding: 15px}
.innerheader {
    height: 250px;
  margin-bottom: 25px;
    margin-top: 130px;
    background-position: center;
}
/* BUTTONS */
a.btn, .btn{ border-radius: 0px; color:#fff; background: #0054aa; text-shadow: none; text-transform: uppercase; margin-bottom: 5px}
.formResponsive input[type="submit"]{border-radius: 0px; color:#fff; background: #0054aa; text-shadow: none; text-transform: uppercase}

/* FOOTER */
footer{ background: #5ec9f2; color: #fff; padding: 10px 0px;}
footer a{color: #fff}

/*==========  Non-Mobile First Method  ==========*/

	/* Large Devices, Wide Screens */
	@media only screen and (max-width : 1200px) {

  .navbar-inverse .navbar-nav>li>a { margin-top: 49px; padding: 10px 15px; color: #58595B; text-shadow: none; text-transform: uppercase}
	}

	/* Medium Devices, Desktops */
	@media only screen and (max-width : 992px) {
		.jumbotron{ 
background:url(../images/jumbo-lg.jpg); color: #fff; text-shadow: 0px 0px 5px #333; height: 410px; margin-bottom: 0px; 
	background-repeat: no-repeat;
	background-position: center center;}

  .navbar-inverse .navbar-nav>li>a { margin-top: 49px; padding: 10px 15px; color: #58595B; text-shadow: none; text-transform: uppercase}
.nav-contact{display: none}
  .introimage .moduletable_introimage .custom_introimage{height: 210px; min-height: 150px}
  .introimage{height: 210px}
  .introimage .moduletable_introimage .custom_introimage h2{padding-top: 140px}
	}

	/* Small Devices, Tablets */
	@media only screen and (max-width : 768px) {
		.jumbotron{ 
background:url(../images/jumbo-med.jpg) ; color: #fff; text-shadow: 0px 0px 5px #333; height: 410px; margin-bottom: 0px; 
	background-repeat: no-repeat;
	background-position: center center;}
.jumbotron .container{ margin-top: 140px}
.jumbotron h3{width: 100%; font-size: 160%; line-height: 31px}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{background: rgba(255,255,255,.9)}
.navbar-inverse .navbar-nav>li>a{ margin-top: 2px}
.nav-contact{display: none}
.navbar-inverse .navbar-toggle{margin-top: 55px; background: #008752}
      .navbar li a,  .navbar li {float: none;}
.jumbotron h1{width: 100%; font-size: 160%; line-height: 30px}
.twouphome{ background:#f6a9b8}
      .blueside{background:#0054aa}
  .navbar{ border-bottom: none; height: 79px; background: rgba(255,255,255,.9)}
      .innerheader{margin-top: 90px}
      ul.nav li{display: block; float: none; width: 100%; margin-bottom: 10px}
.collapse, .mod-list, .moduletable_menu{background-color: #fff}
	}

	/* Extra Small Devices, Phones */ 
	@media only screen and (max-width : 480px) {
      .navbar-brand{max-width: 70%}
	.jumbotron{ 
background:url(../images/jumbo-sml2.jpg) no-repeat;color: #fff; text-shadow: 0px 0px 5px #333; height: 200px; margin-bottom: 0px; margin-top: 50px}
.navbar-brand img{ max-width: 70% !important; height auto !important}
	
.jumbotron h1{width: 81%; font-size: 120%; line-height: 22px}
      .jumbotron img{height: 100px;width: 100px}
      .jumbotron .container{ margin-top: 75px}
      .jumbotron a{color :#fff}
      
.collapse, .mod-list, .moduletable_menu{background-color: #fff}
}

	/* Custom, iPhone Retina */ 
	@media only screen and (max-width : 320px) {
		
	}