/* full page styling -- background */
 body{
     padding-top:0;
     padding-bottom:0;
}

/* added by Cascade Factory */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
    *zoom: 1;
}

h1, h2, h3, h4 {
    font-family: "century gothic",Helvetica,Arial,sans-serif;    
}

h1 {
	text-transform: uppercase;
	font-size:22px;
}

h2 {
	font-size:20px;
}

h3 {
	font-size:18px;
}

h4 {
	font-size:16px;
}


.text20 {
	font-size:20px;
}

.text18 {
	font-size:18px;
}

.text16 {
	font-size:16px;
}

.text10 {
	font-size:10px;
}

.text9 {
	font-size:9px;
}

a.more {
    font-weight:bold;
    text-transform:uppercase;
    text-decoration: none;
    border: solid 1px #FFF;
    padding: 5px;
    display: block;
    width: 55px;
}

.dotted-border-blk {
    text-align: center; 
    border: dotted 1px #000; 
    padding: 20px;
    margin: 20px 0;
}

/* end styles added by Cascade Factory */



 img, iframe, embed {
     border: 0 none;
    /*height: auto !important;
     */
     max-width: 100%!important;
     vertical-align: middle;
}
 .ada-links{
     display:none;
}
/*.main-content > .row-fluid > .span12 > .row-fluid > .span12 {
     min-height:500px;
}
 */
 .container-fluid{
     margin:0 0;
     padding:0 0px;
}
 .page_wrapper_1{
     background:url('../images/page_wrapper_gradient.jpg') repeat-x #2d3981;
}
 .page_wrapper_2 {
     background: url('../images/starburst.jpg') 0 0 no-repeat;
}
 .page_wrapper_3 {
     background: url('../images/big-o.png') 0 0 no-repeat;
     background-position-x: 68px;
     background-position-y: 411px;
}
 .page_wrapper_4 {
     overflow:hidden;
}
 .page_wrapper_1{
     background:url('../images/page_wrapper_gradient.jpg') repeat-x #2d3981;
}
 .page_wrapper_2 {
     background: url('../images/starburst.jpg') 0 0 no-repeat;
}
 .page_wrapper_3 {
     background: url('../images/big-o.png') 0 0 no-repeat;
     background-position-x: 68px;
     background-position-y: 411px;
}
 .page_wrapper_4 {
}
 .row-fluid .span9.column_main_right {
     margin-left:0;
}
 .row-fluid .span3.column_main_left{
     margin-left: 2.564102564102564%;
}
 h3.title{
     text-transform:uppercase;
}
 .breadcrumb {
     color:#878787;
     font-size:90%;
     background:none;
     margin-bottom:0px;
     padding-left:0px;
}
 a.button {
     display:inline-block;
     *display:inline;
     padding:5px 8px;
     margin-right:10px;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px;
     background-color: #4c2b79;
     color: #fff;
     font-weight: bold;
     text-transform: uppercase;
     border-color: #4c2b79;
     margin-bottom: 20px;
     box-shadow: 0px 0px 0px #FFFFFF;
     cursor:pointer;
     text-align:center;
}
 a.button:hover {
     text-decoration:none;
}
 a.button.dark_blue {
     background: url(../images/button_blue_bg.jpg) 0 0 repeat-x #2003b2;
}
 a.button.magenta {
     background: url(../images/button_magenta_bg.jpg) 0 0 repeat-x #95075b;
}
 a.button.green {
     background: url(../images/button_green_bg.jpg) 0 0 repeat-x #0d7248;
}
 a.button.full {
     display:block;
     width:90%;
     margin:0 auto;
}
 .gutter_r_20 {
     padding-right:20px;
}
 .gutter_t_20 {
     padding-top:20px;
}
 div.easyPaginate_thumb > a > img {
     width: 83%;
}
 .column_main_right {
     background: url('../images/white_bar_horizontal.jpg') 0 0 repeat-y;
}
/* end full page styling */
/* side bar styling */
 .top-list {
     margin-bottom:10px;
}
/*search form styling */
 form {
}
 input['type="text"'] {
}
 input['type="image"'] {
}
 form#sitesearch label {
     display:none;
}
 form#sitesearch input.search_text {
     width:95px;
}
 form{
     margin:0 0 7px;
}
 input.search_text{
     font-size:10px;
     height:12px;
     vertical-align: baseline;
}
/*end search form styling */
 .dotted-top{
     border:1px dotted #ffffff;
     border-style: none none dotted;
     color: #ffffff;
     margin:20px 10px 5px;
}
 .dotted-bottom{
     border:1px dotted #ffffff;
     border-style: none none dotted;
     color: #ffffff;
     margin:5px 10px 20px;
}
 .sidebar-nav{
     padding: 25px 0;
}
 .sidebar-header{
     margin:0 0 10px;
}
.nav-header{
    color:white;
     font-family:"century gothic", Helvetica, Arial, sans-serif;
     font-size:32px;
     line-height:28px;
     text-align:right;
     font-weight:200;
     margin-bottom:30px;
}
 .nav-header a, .nav-header a:hover{
     color:white;
     font-family:"century gothic", Helvetica, Arial, sans-serif;
     font-size:32px;
     line-height:28px;
     text-align:right;
     font-weight:200;
     text-decoration:none;
}
 .nav-list > li {
     padding: 5px 30px 5px 0px;
    /*min-height:35px;
     */
     width:102%;
     margin:0px -36px 0px 5px;
}
 .subnav > li {
     padding: 5px 20px 5px 0px;
     width: 102%;
     margin: 0px 0px 0px 5px;
}
 .subnav > li > a, .nav-list > li > a {
     text-align:right;
     color:white;
     font-size:10px;
     line-height:15px;
     margin:0px;
     padding:3px;
     border-radius:3px;
     -webkit-border-radius:3px;
     -moz-border-radius: 3px;
}
 .nav-list > li > a {
     text-transform:uppercase;
}
 .nav > li > a:hover, .nav > li > a:focus, .nav.nav-list > li > ul > li > a:hover{
     background-color:#2D3981;
     border:0;
}
/* .row-fluid .span3{
     width:366px;
}
 */
 .sidebar-inner {
     float:right;
}
 .sidebar-page-menu .nav-list li a{
     text-align:left;
}
.nav-collapse2 span > a, .nav-collapse2 span > a:hover {
    color:#fff;
    text-transform:uppercase;
    font-size:12px;
    font-weight:bold;
    margin: 0px 10px;
    display:block;
}
 .sidebar-page-menu{
     padding:0 10px 0 0;
}
/* sprite menu styling */
 .sprite-menu li.request a{
     background:url('../images/futurestudent_info_sprite.png') 0 0 no-repeat;
}
 .sprite-menu li.request a:hover{
     background:url('../images/futurestudent_info_sprite.png') -66px 0 no-repeat;
}
 .sprite-menu li.campus a{
     background:url('../images/futurestudent_campus_sprite.png') 0 0 no-repeat;
}
 .sprite-menu li.campus a:hover{
     background:url('../images/futurestudent_campus_sprite.png') -66px 0 no-repeat;
}
 .sprite-menu li.gift a{
     background:url('../images/futurestudent_gift_sprite.png') 0 0 no-repeat;
}
 .sprite-menu li.gift a:hover{
     background:url('../images/futurestudent_gift_sprite.png') -66px 0 no-repeat;
}
 .sprite-menu li.apply a{
     background:url('../images/futurestudent_courses_sprite.png') 0 0 no-repeat;
}
 .sprite-menu li.apply a:hover{
     background:url('../images/futurestudent_courses_sprite.png') -66px 0 no-repeat;
}
 .request, .campus, .gift, .apply {
     text-transform: uppercase;
}
 .sprite-menu > li > a {
     text-align:center;
     color:white;
     font-size:10px;
     line-height:12px;
     height:40px;
     width:66px;
     padding:50px 0 0;
     display:block;
     margin: 0 auto;
}
/*.sprite-menu > li > a:hover {
     height:60px;
     width:46px;
     background-color:none;
}
 */
 .sprite-menu {
     list-style-type:none;
     text-align:center;
     margin-top:115px;
}
/* end sprite menu styling */
/* side bar footer styling */
/* end side bar footer styling */
/* end side bar styling */
/* main content styling */
 .row-fluid .span9 {
    /*width:775px;
     margin-left:0;
     */
}
/* header styling */
 .content-header {
     padding:25px 0 15px;
     max-width:740px;
}
 .content-header .span8 {
     float:left;
     width:65.74585635359117%;
}
 .content-header .span4 {
     float:left;
     width: 31.491712707182323%;
}
 .logo{
     width:95%;
     height:90px;
     margin-left:5%;
}
 .logo img {
     max-width:256px;
}
 .now-more-than-ever {
     padding-right:10px;
     text-align:right;
     line-height: 11px;
}
 .header-btns {
     margin-top:65px;
     margin-left:10px;
}
 a.btn-header, a.btn-header:hover{
     background-color:#400180;
     background-image: -moz-linear-gradient(top, #400180, #2b0157);
     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#400180), to(#2b0157));
     background-image: -webkit-linear-gradient(top, #400180, #2b0157);
     background-image: -o-linear-gradient(top, #400180, #2b0157);
     background-image: linear-gradient(to bottom, #400180, #2b0157);
     background-repeat: repeat-x;
     color:#fff;
}
/* navbar styling */
 .navbar-inner {
     min-height:20px;
     border-radius:0px;
     -webkit-border-radius:0px;
     -moz-border-radius:0px;
     border:none;
     padding-left:0px;
}
 .navbar-fixed-top, .navbar-fixed-bottom {
     position:relative;
}
 .navbar .nav {
     min-height:20px;
    /*margin-left:20px;
     */
     width:100%;
     max-width:758px;
}
 .navbar .nav li {
     width:25%;
     margin:inherit 0;
     padding:inherit 0;
}
 .navbar .nav > li > a {
    /*padding: 5px 15px;
     */
     width:100%;
     font-size:12px;
     font-weight:bold;
     margin:0;
     padding:10px 0;
     text-align:center;
}
 .nav > li > a:hover, .nav > li > a:focus {
     background-color:#2d3981;
     color:white;
     border-color:transparent;
}
 .navbar-inverse .brand, .navbar-inverse .nav > li > a {
     color:#ffffff;
}
 .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:#26306d 
}
 .navbar-inverse .navbar-inner {
     background-color:#0068b2;
     background-image: -moz-linear-gradient(top, #0068b2, #005897);
     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0068b2), to(#005897));
     background-image: -webkit-linear-gradient(top, #0068b2, #005897);
     background-image: -o-linear-gradient(top, #0068b2, #005897);
     background-image: linear-gradient(to bottom, #0068b2, #005897);
     background-repeat: repeat-x;
    /* IE8-9 gradient filter */
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0068b2', endColorstr='#005897', GradientType=0);
     border-color:#ffffff;
}
 .sub-nav-menu {
     padding-bottom:10px;
}
 .sub-nav-menu ul {
     margin-left:0;
}
 .sub-nav-menu li {
     display:block;
     float:left;
}
 .sub-nav-menu li a {
     display:block;
}
/* end navbar styling */
/* end header styling */
/* content banner styling */
/* end content banner styling */
/* slider menu styling */
 section#main {
     max-width:758px;
     height:auto;
     padding:0 20px 0px;
}
/*.nav{
     margin-bottom:0;
}
 */
 .nav-tabs{
     background-color:#2D3981;
     color:white;
     border:0;
     text-transform:uppercase;
     font-family: "century gothic", Helvetica, Arial, sans-serif;
     -webkit-border-radius: 4px 4px 4px 4px;
     -moz-border-radius: 4px 4px 4px 4px;
     border-radius: 4px 4px 4px 4px;
     margin:40px;
}
 .nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
     background:none;
     border:none;
     border-bottom-color:none;
     color:white;
}
 .nav-tabs > li > a:hover, .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
     background:url('../images/active_tab_indicator.png') 50% 100% no-repeat;
}
/* end slider menu styling */
/* main content footer styling */
/* end main content footer styling */
 .row-fluid .campus-life {
     background: url('../images/campus_life_note_bg.png') no-repeat top left;
     background-size: 100%;
     height:220px;
     margin-top:20px;
     padding:65px 10px 10px 10px;
}
 .campus-life h4 {
}
 .testimonial_slider h3 {
     padding:30px 10px 10px;
     height:30px;
     font-size:18px;
     text-transform:uppercase;
}
 .testimonial_slider .carousel{
     margin:-70px 0px 0px;
}
 .testimonial_slider .carousel .carousel-inner .item {
     height:225px;
}
 .testimonial_slider .carousel-caption {
     position: absolute;
     right: 165px;
     bottom: 20px;
     left: 0;
     padding: 20px 20px 10px;
     background: #2D3981;
     z-index:1;
     font-size:11px;
     -webkit-border-radius: 4px 4px 4px 4px;
     -moz-border-radius: 4px 4px 4px 4px;
     border-radius: 4px 4px 4px 4px;
}
 .testimonial_slider .carousel-caption a {
     color:#fff;
     font-weight:bold;
}
 .testimonial_slider .carousel-indicators {
     position: absolute;
     bottom: 35px;
     top:auto;
     right: 195px;
     z-index: 5;
     margin: 0;
     list-style: none;
     line-height:12px;
     height:auto;
}
 .testimonial_slider .carousel-indicators li {
     border-radius:0px;
     -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
}
 .testimonial_slider .carousel-caption p {
     margin-bottom:10px;
     line-height:13px;
}
 .testimonial_slider .carousel .carousel-inner .item img {
     right:0;
     position:absolute;
     bottom:0;
     top:auto;
     z-index:2;
}
/* end main content styling */
/*start footer styling */
 footer{
     background:#f1f1f1;
}
 footer .inner_wrapper{
     max-width: 670px;
     padding-left:30px;
}
 footer ul {
     margin:0;
     padding:0px 0 35px;
}
 .footer_list_menu li{
     list-style:none;
     color:#363636;
}
 footer h5, .footer_list_menu li a{
     color:#666666;
     font-size:10px;
     line-height:12px;
     font-weight:normal;
}
 footer h5 {
     text-transform:uppercase;
     font-weight:bold;
     padding-top:20px;
}
 .footer_social_menu li{
     list-style:none;
     display:block;
     float:left;
}
 .footer_social_menu li a{
     text-decoration:none;
     height:30px;
     width:30px;
     margin:5px 0 0;
     display:block;
}
 .footer_social_menu li a:hover{
     text-decoration:none;
}
 .footer_social_menu a.twitter{
     background:url('../images/social_twitter_sprite.png') -10px 0 no-repeat;
}
 .footer_social_menu a.twitter:hover{
     background:url('../images/social_twitter_sprite.png') -50px 0 no-repeat;
}
 .footer_social_menu a.youtube{
     background:url('../images/social_youtube_sprite.png') -10px 0 no-repeat;
}
 .footer_social_menu a.youtube:hover{
     background:url('../images/social_youtube_sprite.png') -50px 0 no-repeat;
}
 .footer_social_menu a.facebook{
     background:url('../images/social_facebook_sprite.png') -10px 0 no-repeat;
}
 .footer_social_menu a.facebook:hover{
     background:url('../images/social_facebook_sprite.png') -50px 0 no-repeat;
}
 .footer_social_menu a.linkedin{
     background:url('../images/social_linkedin_sprite.png') -10px 0 no-repeat;
}
 .footer_social_menu a.linkedin:hover{
     background:url('../images/social_linkedin_sprite.png') -50px 0 no-repeat;
}
 #sidebar_closure {
     text-align:right;
     color:white;
     font-size:10px;
     line-height:12px;
    /*position:absolute;
     left:13%;
     */
     float:left;
     margin-left:-120px;
     margin-top:30px;
}
 #sidebar_closure a{
     color:white;
     text-decoration:underline;
}
 .mobile-only{
     display:none;
}
/*end footer styling */
/*responsive styling */
 @media (min-width: 760px){
     li.current{
         background:url('../images/right-triangle.png') 100% 0px no-repeat;
    }
    li.current > a {
        font-weight:bold;
    }
}
 @media (max-width: 910px){
     .navbar .nav > li > a {
         font-size: 9px;
    }
}
 @media (max-width: 760px) {
     .chat-container{
         display:none;
    }
     #sidebar_closure{
         display:none;
    }
     footer .row-fluid .span3 {
         width:24%;
         float:left;
    }
     body{
         padding:0 0 0 0;
    }
     .mobile-only{
         display:block;
    }
     span.mobile-only {
         display:inline;
    }
     .page_wrapper_1{
         background-image:url('../images/page_wrapper_gradient.jpg') repeat-x #2d3981;
         background-position-x: -20px;
         background-position-y: -80px;
         background-size:auto 500px;
    }
     .page_wrapper_2 {
         background-image: url('../images/starburst.jpg') no-repeat;
         background-position-x: 290px;
         background-position-y: -80px;
         background-size:auto 500px;
    }
     .page_wrapper_3 {
         background-image: url('../images/big-o.png') no-repeat;
         background-position-x: 300px;
         background-position-y: 110px;
         background-size:auto 215px;
    }
     .nav-header {
         text-align:left;
    }
     .sidebar-inner {
         float:none;
    }
     .sidebar-page-menu {
         width:180px;
    }
     .dotted-top {
         margin:0px 10px;
    }
     .nav-list > li > a {
         text-align:left;
    }
     #sitesearch {
         padding-left:15px;
    }
     .sprite-menu {
         margin:10px -80px 0 0;
    }
     .sprite-menu li {
         float:left;
         margin:0px 10px;
    }
     .sidebar-search, .now-more-than-ever {
         display:none;
    }
    /*.sidebar-header*/
    /*.nav-tabs {
         margin:0px;
    }
     .nav-collapse {
         clear: both;
    }
     .nav-collapse .nav {
         float: none;
         margin: 0 0 10px;
    }
     .nav-collapse .nav > li {
         float: none;
    }
     .nav-collapse .nav > li > a {
         margin-bottom: 2px;
    }
     .nav-collapse .nav > .divider-vertical {
         display: none;
    }
     .nav-collapse .nav .nav-header {
         color: #777777;
         text-shadow: none;
    }
     .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
         padding: 9px 15px;
         font-weight: bold;
         color: #777777;
         -webkit-border-radius: 3px;
         -moz-border-radius: 3px;
         border-radius: 3px;
    }
     .nav-collapse .btn {
         padding: 4px 10px 4px;
         font-weight: normal;
         -webkit-border-radius: 4px;
         -moz-border-radius: 4px;
         border-radius: 4px;
    }
     .nav-collapse .dropdown-menu li + li a {
         margin-bottom: 2px;
    }
     .nav-collapse .nav > li > a:hover, .nav-collapse .nav > li > a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus {
         background-color: #f2f2f2;
    }
     .navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a {
         color: #999999;
    }
     .navbar-inverse .nav-collapse .nav > li > a:hover, .navbar-inverse .nav-collapse .nav > li > a:focus, .navbar-inverse .nav-collapse .dropdown-menu a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:focus {
         background-color: #111111;
    }
     .nav-collapse.in .btn-group {
         padding: 0;
         margin-top: 5px;
    }
     .nav-collapse .dropdown-menu {
         position: static;
         top: auto;
         left: auto;
         display: none;
         float: none;
         max-width: none;
         padding: 0;
         margin: 0 15px;
         background-color: transparent;
         border: none;
         -webkit-border-radius: 0;
         -moz-border-radius: 0;
         border-radius: 0;
         -webkit-box-shadow: none;
         -moz-box-shadow: none;
         box-shadow: none;
    }
     .nav-collapse .open > .dropdown-menu {
         display: block;
    }
     .nav-collapse .dropdown-menu:before, .nav-collapse .dropdown-menu:after {
         display: none;
    }
     .nav-collapse .dropdown-menu .divider {
         display: none;
    }
     .nav-collapse .nav > li > .dropdown-menu:before, .nav-collapse .nav > li > .dropdown-menu:after {
         display: none;
    }
     .nav-collapse .navbar-form, .nav-collapse .navbar-search {
         float: none;
         padding: 10px 15px;
         margin: 10px 0;
         border-top: 1px solid #f2f2f2;
         border-bottom: 1px solid #f2f2f2;
         -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
         -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
         box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    }
     .navbar-inverse .nav-collapse .navbar-form, .navbar-inverse .nav-collapse .navbar-search {
         border-top-color: #111111;
         border-bottom-color: #111111;
    }
     .navbar .nav-collapse .nav.pull-right {
         float: none;
         margin-left: 0;
    }
     .nav-collapse, .nav-collapse.collapse {
         height: 0;
         overflow: hidden;
    }
     .navbar .btn-navbar {
         display: none;
    }
     .navbar-static .navbar-inner {
         padding-right: 10px;
         padding-left: 10px;
    }
     */
}
 @media (max-width:550px){
     footer .row-fluid .span3 {
         width:30%;
         float:left;
         margin-bottom:20px;
    }
    .navbar .nav > li > a {
    line-height:9px;
  }
}
/*********************************************************************************** FUTURE STUDENTS STYLE PAGE TABLE O' CONTENTS 1. General styles 2. responsive styles A. 1070 B. 782 C. mobile/480 ***********************************************************************************/
 #featured_banner {
}
 #featured_banner .span8 {
     width:458px;
     height:250px;
     margin-left:0;
}
 #featured_banner .span4 {
     width:300px;
     height:250px;
     margin-left:0;
}
 .square_button {
     padding-right:10px;
     position:static;
     height:100%;
}
 .square_button a {
     display:block;
     text-transform:uppercase;
     font-size:12px;
     font-family:"century gothic", Helvetica, Arial, sans-serif;
     font-weight:600;
     background:url('../images/icon_arrow_d_r.png') 100% 100% no-repeat;
     background-position: right;
     padding-right:25px;
     color: #fff;
}
 .start-in-highschool {
     background:url('../images/keyboard.png') 0 0 no-repeat #fe8e0e;
     height:150px;
     margin-bottom:10px;
     text-align:right;
     line-height:14px;
}
 .start-in-highschool a {
     position:relative;
     top:115px;
}
 .program-spotlight {
     background:#03a8ab;
     height:90px;
     text-align:right;
     line-height:14px;
}
 .program-spotlight a {
     position:relative;
     top:55px;
}
 .transfer-to-a-university {
     background:#2d3981;
     height:250px;
     margin-left:4px;
     text-align:left;
     line-height:14px;
}
 .transfer-to-a-university a{
     position:relative;
     top:5px;
     right:-10px;
}
 .content-banner{
     height:250px;
     width:765px;
}
 .why-choose{
     height:250px;
     width:100%;
     background:url('../images/content_banner_image01.jpg') 0 0 no-repeat;
}
 .why-choose img{
     float:right;
     margin-top:160px;
}
 .featured_banner_nav .overlay_image {
     position:relative;
     top:-155px;
     z-index: 100;
     left:120px;
}
 .featured_banner_nav {
     position:relative;
}
 ul.jcarousel.jcarousel-item.jcarousel-item-horizontal > li {
     width: 23%;
}
 img.logo-img {
     padding-bottom: 10%;
}
/************************************************************************************** RESPONSIVE STYLES 1.1070 2.782 3.480 **************************************************************************************/
/*responsive styling */
/****************************** 1070 *****************************/
 @media (max-width: 1070px) {
     div.row-fluid.clearfix.mobile {
         position: relative;
         left: 154%;
         bottom: 249px;
         width: 96%;
    }
     div.overlay_image.notebook > img {
         position: relative;
         left: 146%;
         bottom: 230px;
    }
     div.overlay_image.notebook > img {
         position: relative;
         left: 146%;
         bottom: 230px;
    }
    /* div#featured_banner > div.row-fluid {
         height: 221px;
    }
     */
     .jcarousel-item.jcarousel-item-horizontal.jcarousel-item-1.jcarousel-item-1-horizontal,.jcarousel-item.jcarousel-item-horizontal.jcarousel-item-2.jcarousel-item-2-horizontal,.jcarousel-item.jcarousel-item-horizontal.jcarousel-item-3.jcarousel-item-3-horizontal {
         width: 31%;
    }
     div.tabbable.tabbed-content-slider-mobile {
         height: 260px;
    }
     ul.nav.nav-tabs {
        /*height: 40px;
         */
    }
     div.tab-content {
         width: 100%;
         position: relative;
        /*bottom: 175px;
         */
    }
    /* .nav.nav-tabs.responsive-div {
         position: relative;
         bottom: 279px;
    }
     */
     #home_tabbed_content_slider {
         min-height: 84px;
    }
     .tabbable.tabbed-content-slider-mobile {
         position: relative;
        /*bottom: 271px;
         */
    }
     .navbar-inner.mobile {
         height:40px;
    }
}
/*end 1070*/
 @media (max-width: 925px){
     div.span8 > div.testimonial_slider > h3 {
         position: relative;
         bottom: 50px;
         font-size: 86%;
    }
}
/****************************** 782 *****************************/
 @media (max-width: 760px) {
     div.span7 > div.testimonial_slider > h3 {
         position: relative;
         bottom: 0px;
         font-size: 123%;
    }
     li.gift {
         position: relative;
        /*left: 99%;
         bottom: 89px;
         */
    }
     div.square_button.transfer-to-a-university {
         position: relative;
         width: 37%;
         left: 50%;
         bottom: 250px;
    }
     div.square_button.program-spotlight {
         position: relative;
         width: 46%;
    }
     div.square_button.start-in-highschool {
         position: relative;
         width: 46%;
    }
     div.tab-content {
         width: 100%;
         position: relative;
         bottom: 0;
    }
     .future-student-banner {
         height: 215px;
    }
     div.overlay_image.notebook > img {
         position: relative;
         left: 148%;
         bottom: 480px;
    }
     .jcarousel-item.jcarousel-item-horizontal.jcarousel-item-1.jcarousel-item-1-horizontal,.jcarousel-item.jcarousel-item-horizontal.jcarousel-item-2.jcarousel-item-2-horizontal,.jcarousel-item.jcarousel-item-horizontal.jcarousel-item-3.jcarousel-item-3-horizontal {
         width: 27%;
    }
     .jcarousel-item.jcarousel-item-horizontal.jcarousel-item-1.jcarousel-item-1-horizontal,.jcarousel-item.jcarousel-item-horizontal.jcarousel-item-2.jcarousel-item-2-horizontal {
         padding-right: 12px;
    }
     .span4.campus-life.campus-life-mobile {
         width: 40%;
         left: 25%;
         position: relative;
    }
     a.btn.btn-header.btn-small {
         margin-bottom: 2%;
    }
}
/*end782*/
/****************************** mobile/480 *****************************/
 @media (max-width: 480px) {
     .testimonial_slider .carousel {
         margin-top:-20px;
    }
     #sidebar_closure, .overlay_image.notebook {
         display:none;
    }
     #featured_banner .span4, .why-choose, #featured_banner .span8 {
         width:100%;
    }
     .why-choose, #featured_banner .span8 {
         height:250px;
    }
     #featured_banner .span6 {
         float:left;
         width: 65%;
    }
     #featured_banner .span6.no-mobile {
         width: 34%;
    }
     .square_button {
         width:44%;
         float:left;
         height:65px;
         margin:2% 0% 2% 2%;
         background-image:none;
         position:relative;
    }
     .no-mobile .square_button {
         width:87%;
         float:left;
         height:65px;
         margin:4% 0% 4% 4%;
    }
     .square_button a {
         position:absolute;
         left:8px;
         bottom:8px;
         top:auto;
         right:auto;
         text-align:left;
         background-position:bottom right;
         padding-right:22px;
         width:67%;
    }
     .start-in-highschool a {
         width:67%;
    }
     footer .inner_wrapper .span3{
         width:29%;
         float:left;
    }
     #featured_banner .span4 {
         height:100px;
    }
     .mobile-progarm-spotlght {
         top: -88px;
         left: 50.2%;
    }
     .tabbed-content-slider-mobile {
         position: relative;
        /*bottom: 44px;
         width: 448px;
         */
         width:100%;
        /*right: 14px;
         */
    }
     div.easyPaginate_thumb > a > img {
         width: 120px;
    }
     li.jcarousel-item.jcarousel-item-horizontal.jcarousel-item-1.jcarousel-item-1-horizontal {
         width: 120px;
    }
     li.jcarousel-item.jcarousel-item-horizontal.jcarousel-item-2.jcarousel-item-2-horizontal {
         width: 120px;
    }
     ul.jcarousel.jcarousel-list.jcarousel-list-horizontal {
         left: 13px;
    }
     .campus-life-mobile {
         position: relative;
         bottom: 48px;
         left: 3%;
    }
     div.carousel-caption {
         width:54%;
    }
     div.item > img {
         width: 178px;
    }
     div.span4.campus-life-mobile > h4 {
         position: relative;
         left: 15%;
         top: 28px;
    }
     div.campus-life-underline {
         border-bottom: solid 1px #000;
         border-bottom-style: dotted;
    }
     footer > div.inner_wrapper > div.row-fluid > div.span3.stay-connected-mobile{
         position: relative;
         bottom: 47px;
         right:260px;
    }
     .logoT-mobile {
         background-image: url('../images/now-more-than-ever.png');
         background-repeat:no-repeat;
         width: 122px;
         height: 121px;
         position: relative;
         left: 70%;
    }
     div.why-choose > a > img {
         position: relative;
         left: 88px;
    }
     #main {
         position: relative;
        /*top: 71px;
         */
    }
     footer {
         position: relative;
         top: 71px;
    }
     .campus-life-underline {
         position: relative;
         bottom: 53px;
         right: 15%;
         font-size: 76%;
         width:96%;
    }
     .tabbable.tabbed-content-slider-mobile {
         position: relative;
        /*bottom: 230px;
         */
    }
     .nav-tabs, .tab-pane h5 {
         margin: 0px;
         font-size: 60%;
    }
}
/*end 480*/
/* end responsive styleing */
 @media all and (min-width:760px) {
     .future-student-banner {
         margin-left:-20px;
         max-width:765px;
    }
     section#main > div.row-fluid > div.span12 > div.row-fluid > div.span12 {
         min-height: 510px;
    }
     #sitesearch{
         text-align: right;
         margin-right: 10px;
    }
}
/************************************************************************************************************************* start "how to start at oc" *************************************************************************************************************************/
 .image ul.links{
     background: rgba(119, 30, 189, 0.7);
     width: 100%;
     margin: 0;
     padding: 0;
     list-style: none;
}
 .image ul.links li{
     display:block;
     margin:5px 10px;
     float:left;
}
 .image ul.links li a {
     color:#fff;
     font-weight:bold;
}
 div.banner-overlays {
     min-height: 136px;
     min-width: 738px;
     max-width: 738px;
     max-height: 136px;
}
 div.how-to-start-breadcrumb {
     position: relative;
     top: 65px;
}
 div.how-to-start-para2 {
     position: relative;
     bottom: 360px;
     left: 108%;
}
 div.how-to-start-wrapper > div.span9 > div.span5 {
     height:340px;
}
 .college-now {
     position: relative;
     bottom: 144px;
     width: 200px;
     left: 4%;
}
 .wrangler {
     position: relative;
     bottom: 314px;
}
 .fast-links {
     position: relative;
     top: 123px;
}
 .fast-links-underline {
     position: relative;
     bottom: 166px;
     left: 15%;
     border-bottom: 1px solid #050505;
     width: 112px;
     border-bottom-style: dotted;
}
 div.span3.chatspan {
     float:right;
     margin-right:2%;
 }
 div.chat-container {
     float: right;
     margin-top:-115px;
     position:relative;
     z-index:10;
}
 div.chat-container img {
     
 }
 section#main > div.row-fluid > div.span12 > div.row-fluid > div.span12 {
     position: relative;
}
 div.ask-quetion > textarea {
     width: 110px;
     position: relative;
     left: 9%;
     top: 12px;
     font-size: 12px;
}
 div.chat-container > div.ask-quetion {
     background-color: #fff;
     width: 160px;
     position: relative;
     height: 175px;
     -webkit-border-top-left-radius: 10px;
     -webkit-border-bottom-left-radius: 10px;
     -moz-border-radius-topleft: 10px;
     -moz-border-radius-bottomleft: 10px;
     border-top-left-radius: 10px;
     border-bottom-left-radius: 10px;
}
 div.ask-quetion > a {
     position: relative;
     left:50%;
     top: 9px;
     font-weight: bold;
}
 div.ask-question-text{
     text-align: center;
     border-bottom: 1px solid #000;
     border-bottom-style: dotted;
     width:95%;
     font-weight: bold;
}
 div.ask-question-text label {
     font-weight: bold;
}
 a.btn.btn-header.btn-small {
     position: relative;
     bottom: 13px;
     left: 2%;
}
 div.fast-link-links {
     position: relative;
     bottom: 162px;
     width: 112px;
     text-align: center;
}
 div.link1, div.link2 {
     padding-bottom: 5px;
}
 div.live-chat {
     position: relative;
}
 div.life-chat-text {
     position: relative;
     color: #fff;
     font-weight: bold;
}
 ul.nav.nav-list > li > ul > li > a {
     font-size: 11px;
     color: #fff;
     ;
}
 ul.nav.nav-list > li > ul {
     list-style-type: none;
}
 @media(min-width:978px) and (max-width:1216px){
     .row-fluid .span9.column_main_right{
         width:74%;
    }
}
.ocpheading{
   text-transform: uppercase;
   text-align: center ;
   font-style: italic;
   font-weight: bold; 
   color: #463b7f ;
}