@charset "utf-8";
/* CSS Document */

 h1 { margin: 5px;}
.img-center {margin:0 auto;}

/* Add a gray background color and some padding to the footer */
    footer {
	
	/*padding:  25px;*/
	background-color:#2b5b84;
	color: #fff;
	margin:0;
	
  /*margin-top: -150px;*/ /* negative value of footer height */
 /* height: auto;*/
 
}
sub_title {color: #215992; font-size:12px }

.slider.slider-horizontal {
	width:400px; /* sample value - set it as you like*/
}
.carousel-inner > .item > img {
	margin:auto;
}

/* background color for the header */
.main-header {
	background-color: lightblue;
 *zoom: 1;
 filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF1E415E', endColorstr='#FF2B5B84');
	background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(10%, lightblue), color-stop(90%, #2b5b84));
	background-image: -webkit-linear-gradient(#006699 10%, lightblue 90%);
	background-image: -moz-linear-gradient(#006699 10%, lightblue 90%);
	background-image: -o-linear-gradient(#006699 10%, lightblue 90%);
	background-image: linear-gradient(lightblue 10%, #2b5b84 90%);
	-webkit-box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.03), inset 0 0 20px rgba(0, 0, 0, 0.03);
	-moz-box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.03), inset 0 0 20px rgba(0, 0, 0, 0.03);
	box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.03), inset 0 0 20px rgba(0, 0, 0, 0.03);
}
.introduction {
	font-size: 14px;
	color:#FFF;
	text-align:center;
}
.introduction p {
	line-height: 1.4em;
	margin-bottom: 0;
}

/* change the size of the blue line above the images*/
.panel-primary > .panel-heading {

    color: #fff;
    background-color: #75a8d3;
    border-color: #75a8d3;
4px solid #75a8d3;
}

.panel-heading {    padding: 0px 0px; 

}

/* cahnge the middle nav bar*/
.tjcis-navigation {
    background-color: #2d618c;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF3776AB', endColorstr='#FF2D618C');
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(30%, #3776ab), color-stop(95%, #2d618c));
    background-image: -webkit-linear-gradient(#3776ab 30%, #2d618c 95%);
    background-image: -moz-linear-gradient(#3776ab 30%, #2d618c 95%);
    background-image: -o-linear-gradient(#3776ab 30%, #2d618c 95%);
    background-image: linear-gradient(#3776ab 30%, #2d618c 95%);
    border-top: 1px solid #629ccd;
    border-bottom: 1px solid #18334b;
	 }


.navbar {
  display: block;
text-align: center;
font-size: 1.125em;
-webkit-border-radius: 18px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
margin-bottom:0px;
	}
	
.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
  }

.navbar .navbar-collapse {
  text-align: center;}



.colorwhite{color:#FFF;}
.dropdown {
  display: none;
  position: absolute;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown a {
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}



.dropdown:hover {
    color: rgba(51, 51, 51, 0.9);
    border-top: 1px solid rgba(55, 118, 171, 0.25);
    border-bottom: 1px solid transparent;
	  visibility: visible;
}

.dropdown:hover  {display: block;}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    color: #fff;
    background-color: #2b5b84; 
	display: block;

}

.dropdown:hover .dropdown-menu {
display: block;
}

.navbar {
    margin-bottom: 0px;}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 5px;
 }
	
/*Container*/
.main__middle__container .row ul, .main__middle__container .row ol {	padding-left: 20px;}
.main__middle__container {	width: 100%;}
.row {	padding: 75px 0;}
.container .row:first-child {	/* (CHANGE) */	padding: 0px 0;}

@media only screen and (max-width: 600px) {
	.dropdown {

   
    z-index: unset;

}
 .dropdown:hover .dropdown-menu {
display: list-item;
}
}







