/******************************************************************************************
                                        Table o' contents
                                        1. page wrappers
******************************************************************************************/


.page_wrapper_1{
  background-image:url('../images/page_wrapper_gradient_community.jpg');
  background-color:#43065F;
}
.page_wrapper_2 {
  background-image: url('../images/starburst_community.jpg'); 
}
.page_wrapper_3 {
  background-image: url('../images/big_o_community.png');
}
table h4, table h5 {
    margin-top: 0;
}
.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:#0068b3;
}
 .navbar-inverse .navbar-inner {
     background-color:#8055B2;
     background-image: -moz-linear-gradient(top, #8055B2, #501B87);
     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8055B2), to(#501B87));
     background-image: -webkit-linear-gradient(top, #8055B2, #501B87);
     background-image: -o-linear-gradient(top, #8055B2, #501B87);
     background-image: linear-gradient(to bottom, #8055B2, #501B87);
     background-repeat: repeat-x;
    /* IE8-9 gradient filter */
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8055B2', endColorstr='#501B87', GradientType=0);
     border-color:#ffffff;
}


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

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

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


/* content header banner */

.content-header-banner.community {
    max-width:765px;
    background:#43075f;
}
.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: 59.8692810457516%
}
.content-header-banner.community .col_2 {
    float:left;
    position:relative;
    width: 20.5228758169935%;
}
.content-header-banner.community .col_3 {
    float:left;
    position:relative;
    width: 19.6078431372549%;
    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 {
/*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%;
}
button, button.community-alumni-button, button.community-returning {
display: inline-block;
padding: 5px 8px;
margin: 10px 0;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 3px;
background-color: #4c2b79;
color: #fff;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
cursor: pointer;
text-align: center;
font-size: 80%;
border: none;
}
button.community-media-button{
    background: #2003b2;
    width: 23.404255319148934%;
}
button.community-alumni-button{
    background: #95075b;
    width: 23.404255319148934%;
}
button.community-returning{
    background: #0d7248;
    width: 48.93617021276595%;
}

img.community-global-logo{
    width:  25%;
}
img.community-sports-center{
    width:  68%;
}



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

                                        table o' contents
                                            1. section specific colors

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

h1, h2, h3, h4 {
    color: #42085c;
}

a.more {
    color: #42085c;
}

a.more:hover {
    border: solid 1px #42085c;
}




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

@media all and (min-width:760px) {
    .content-header-banner.community {
        margin-left:-20px;
        max-width:765px;
        background:#43075f;
    }
    .sprite-menu {
        margin-top:10px;
    }
    
}

@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 {
    height:auto;
 }
}

@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;
    }


    }