/* Add here all your css styles (customizations) */
.subsite-title-container{ 
	position: relative; 
	width: 100%; /* for IE 6 */ 
}
/*.subsite-title-container h2 { 
   position: absolute; 
   top: 50px; 
   left: 0; 
   width: 100%; 
}*/
.subsite-title-text-container {
	position: absolute;
	width: 290px;
	height:300px;
	margin-top: 0px;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
   padding: 10px; 
   z-index: 5;
   top: 0;
   left: 0;
}
.subsite-title-text-container h2 {
   color: white; 
   /* font: 24px/45px Verdana; */  /* Helvetica, Sans-Serif */
   letter-spacing: 1px;  
   padding-top: 75px;
   padding-left: 20px;
   line-height: 100%;
}

/* ********************************** */
/* Responsive Header Image and Text   */
/* ********************************** */

.subsite-header {
   background: rgb(0, 0, 0);
   background: rgba(0, 0, 0, 0.7);
   width: 290px;
   height:300px;
   padding:0px;
   left:0px;
   right: auto;
   top:0px;
   bottom: auto;
}
.subsite-header-text {
    padding-top:15%;
    color:#fff;
}

/* Remove the top-padding from the header text when screen gets narrow   */

@media only screen and (max-width: 991px) {

    .subsite-header-text {
        padding-top:0;
    }
}

div.list-group a.list-group-item-header,
div.list-group a.list-group-item-header:hover {
	background:#324c80;
}

div.search-open form input#Search{
	width:258px;
}

/* ********************************** */
/* Registration Breadcrumb Styling    */
/* ********************************** */


.breadcrumb {background: rgba(68, 83, 163, 1); border: 0px solid rgba(245, 245, 245, 1); border-radius: 4px; display: block;}
.breadcrumb li {font-size: 14px;}
.breadcrumb a {color: rgba(255, 255, 255, 1);}
.breadcrumb a:hover {color: rgba(186, 186, 186, 1);}
.breadcrumb>.active {color: rgba(222, 213, 213, 1);}
.breadcrumb>li+li:before {color: rgba(204, 204, 204, 1); content: "\232A\00a0";}

/* ********************************** */
/* Carousel Styling    */
/* ********************************** */

.satrotate {
    -webkit-animation:spin 5s linear infinite alternate;
    -moz-animation:spin 5s linear infinite alternate;
    animation:spin 5s linear infinite alternate;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(25deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(25deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(25deg); transform:rotate(25deg); } }

.satrotatereverse {
    -webkit-animation:spinreverse 4s linear infinite alternate;
    -moz-animation:spinreverse 4s linear infinite alternate;
    animation:spinreverse 4s linear infinite alternate;
}
@-moz-keyframes spinreverse { 100% { -moz-transform: rotate(-25deg); } }
@-webkit-keyframes spinreverse { 100% { -webkit-transform: rotate(-25deg); } }
@keyframes spinreverse { 100% { -webkit-transform: rotate(-25deg); transform:rotate(-25deg); } }