/********************************************************************************************

                                        table o' contents
                                            1. general style
                                            2. responsive style

********************************************************************************************/
.navbar-inverse .nav > li > a:hover, .navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
     background-color:#00A2E5;
}
 .navbar-inverse .navbar-inner {
     background-color:#5769C6;
     background-image: -moz-linear-gradient(top, #5769C6, #283993);
     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5769C6), to(#283993));
     background-image: -webkit-linear-gradient(top, #5769C6, #283993);
     background-image: -o-linear-gradient(top, #5769C6, #283993);
     background-image: linear-gradient(to bottom, #5769C6, #283993);
     background-repeat: repeat-x;
    /* IE8-9 gradient filter */
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5769C6', endColorstr='#283993', GradientType=0);
     border-color:#ffffff;
}
.right {
    float: right;
}
h5.job-sub-header {
    margin-top: 20px;
}

.img-right {
    float: right;
    margin:0 0 20px 20px;
}

/* content header banner */

.content-header-banner.community {
    max-width:765px;
    background:#fff;
}
.content-header-banner.community a {
    color:#fff;
}
.content-header-banner.community a:hover {
    color:#a81160;
    text-decoration:none;
}
.content-header-banner.community .col_1 {
    max-height:243px;
    position:relative;
    float:left;
    width: 60.3%;
}
.content-header-banner.community .col_2 {
    float:left;
    position:relative;
    width: 21.1%;
}
.content-header-banner.community .col_2 div {
  margin-bottom:6.5%;
  width:95%;
}
.content-header-banner.community .col_3 {
    float:left;
    position:relative;
    width: 18.6%;
    /*background:#555555;*/
}
img.serving-odessa {
    position:absolute;
    bottom: 10%;
    right:0;
}
.community-adult-education {
    width:100%;
}
.community-adult-education img {
    height:64.197530864%;
}
.community-adult-education a {
    position:relative;
     background:#a81160; 
     display:block;
     color:#fff;
     text-align:right;
     text-decoration:none;
     padding-right:5px;
     line-height:30px;
}
.community-adult-education a:hover {
    color:#43075f;
}
.community-community-spotlight {
    position:relative;
    margin-top:35%;
}
.community-community-spotlight a {
    
    background-image: url('../images/icon_arrow_community_d_r.png');
  background-repeat: no-repeat;
  background-position: 96% 80%;
    display:block;
    padding-right:30px;
    font-size:20px;
    text-align:right;
    text-transform:uppercase;
    color:#fff;
}
.community-community-spotlight a:hover {
    color:#a81160;
    text-decoration:none;
}
.business-training {
    
}
.business-training a {
    position:relative;
     background:#a81160; 
     display:block;
     color:#fff;
     text-align:right;
     text-decoration:none;
     padding-right:5px;
     min-height:30px;
     
}

#home_tabbed_content_slider {
    /*padding-right:5%;*/
}

.jcarousel-skin-future-students .jcarousel-item {
    width: 191px;
}

.jcarousel-skin-future-students .jcarousel-next-horizontal {
right: -5px;
}
.jcarousel-skin-future-students .jcarousel-container-horizontal {
    width: 90%;
}
div.jcarousel-skin-future-students {
    width: 90%;
position: relative;
left: 6%;
}




.nav-tabs {
    margin: 10px;
}
div.tabbable.tabbed-content-slider-mobile {
    /*position: relative;
    top:15px;*/
}
.testimonials {
    /*overflow:hidden;*/
    width:100%;
    min-height:200px;
}
.testimonials.community {
    font-size: 75%;
    position: relative;
bottom: 14px;
}
.testimonials-box-tetx {
    position:relative;
    bottom:5px;
    z-index:100;
}
.testimonials-box-tetx > a {
    color: #fff;
    font-weight: bold;
}
.testimonials.community img {
    position: absolute;
    z-index:10;
    bottom: 0;
    right: -15px;
}
.testimonials-box {
    background-color: #4c2b79;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 10px 90px 10px 10px;
    /*width: 100%;*/
    
    /*margin-right:10px;*/
    color: #fff;
}
.testimonials-head {
    color: #4c2b79;
    font-weight: bold;
    left:56px;
}


img.community-global-logo {
    margin-right: 4%;
}


section#main > div.row-fluid > div.span12 > div.row-fluid > div.span12 {
min-height: 310px;
}




div.campus-near {
    background-image:url('../images/futurestudent_campus_sprite.png');
background-position:0px 0px;
width: 56px;
height:46px;
}

div.make-gift {
    background-image:url('../images/futurestudent_gift_sprite.png');
    background-position:0px 0px;
    width: 66px;
height:46px;
}

div.make-gift {
    position: relative;
top: 150px;
left: 166px;
}
div.campus-near {
    position: relative;
top: 90px;
left: 166px;
}

div.campus-near > a {
color: #fff;
font-weight: bold;
position: relative;
top: 43px;
left: 7px;
font-size: 12px;
}
div.make-gift > a {
    color: #fff;
position: relative;
top: 43px;
font-size: 12px;
font-weight: bold;
}

div.easyPaginate_thumb > a.tab-read-more {
font-weight: bold;
color: #4c2b79;
position: relative;
top:5px;
}

h6 > a {
    color: #8D8A8A;
}
div.sub-nav-menu {
    font-size: 12px;
    font-weight: bold;
}
div.sub-nav-menu > ul > li {
    display: inline;
    padding-left:9px;
    text-transform: uppercase;
}
div.sub-nav-menu > ul > li:first-child {
    padding-left:0px;
}
div.sub-nav-menu > ul > li > a {
    color: #4c2b79;
}

div.navbar.navbar-inverse {
    padding-bottom: 0px;
}

.nav-tabs {
    background-color: #4c2b79;
}




.nav-list {
    /*padding-left: 25%;*/
}
#sitesearch {
    /*padding-left: 25%;*/
}
.nav-header {
    font-size: 30px;
    /*padding-left: 15%;*/
}
#sidebar_closure {
    left: 9%;
}

.campus-life-link, .campus-life-link img {
    /* Campus Life */
    width:100%;
    height:auto;
  }
  .graduates-say-mobile {overflow:hidden;}
  
  
/********************************************************************************************

                                        table o' contents
                                            1. section specific colors

********************************************************************************************/

h1, h2, h3, h4 {
    color: #2c3b80;
}

a.more {
    color: #2c3b80;
}

a.more:hover {
    border: solid 1px #2c3b80;
}



/*********************************************************************************
                                    start responsive style...ing
*********************************************************************************/

@media all and (min-width:760px) {
    .content-header-banner.community {
        margin-left:-20px;
        max-width:765px;
        
    }
    
}

@media all and (max-width: 1020px) {
 div.community-adult-education-text {
        font-size: 100%;
        right:2%;
    } 
 div.business-training {
        font-size: 90%;
    }
}




@media all and (max-width: 960px) {
 div.community-adult-education-text {
        font-size: 93%;
        right:2%;
    } 
  div.business-training {
        font-size: 88%;
    }
    
}

@media all and (max-width: 860px) {
    
    
 
 section#main > div.row-fluid > div.span12 > div.row-fluid > div.span12 {
    min-height: 478px;
 }
 
}

@media (max-width: 767px) { 
 
    h5.job-sub-header {
		margin: 5px 0;
	}   
}

@media (max-width: 480px) { 
 
.jcarousel-skin-future-students .jcarousel-next-horizontal {
    right: -16px;
}
.jcarousel-prev.jcarousel-prev-horizontal.jcarousel-prev-disabled.jcarousel-prev-disabled-horizontal {
    left:-16px;
}
div.testimonials-head {
        position: relative;
        left: 5px;
    }
div.span12 > div.row-fluid > div.span12 > div.span4 {
        position: relative;
        bottom: 18%;
        text-align: center;
    }








    }


.row-fluid [class*="span"].brochureCol {
    text-align: center;
	margin: 0;
}
.brochureCol h5 {
	background-color: #00A2E5;
}








.left {
    float: left;
}

.img-left {
    float: left;
    margin:0 20px 20px 0;
}

.clear-fix {
    clear:both;
}
}