/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries

/* #Site Styles
================================================== */



/* Header
========================= */

#headerWrap .logo {
	display: block;
	width: 220px;
	height: 77px;
	background: url(../images/logo-sbbc.gif) 0 0 no-repeat;
	background-size: cover;
}

#headerWrap .tools{
	margin-top: 15px;
}

#headerWrap .button, #headerWrap .callCta, #headerWrap .callCtaBtn, #headerWrap .qsearch {
	float: right;
}

#headerWrap .callCta {
	font-size: 19px;
	font-style: italic;
	font-weight: 300;
	line-height: 20px;
	text-transform: uppercase;
	background: #35a563;
	color: #fff;
	padding: 6px 10px 6px 8px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	margin-left: 15px;
}
#headerWrap .callCta a, #headerWrap .callCta a:visited {
    color: #fff;
}

#headerWrap .callCtaBtn {
	line-height: 20px;
	text-transform: capitalize;
	background: #43c97b;
	color: #fff;
	padding: 6px 10px 6px 8px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
}
.desc_data h1{padding-top: 50px !important;
color: #002f65 !important;
line-height: 70px !important;
margin-bottom: 50px !important;}
.desc_data p{ font-size: 16px !important;
line-height: 24px !important; }
#headerWrap .callCtaBtn:hover {
	background: #227545;
}

/* header quick search */

#headerWrap .qsearch {
	margin: 20px 0 0 15px;
	background: #eee url(../images/i-search.png) no-repeat right 8px;
	border: none;
	padding: 8px 5px;
	width: 240px;
	height: 16px;
	color: #777 !important;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
}
#headerWrap .qsearch::-webkit-input-placeholder {
  font-family: 'Open Sans', Arial, sans-serif;
}
#headerWrap .qsearch:-moz-placeholder {
  font-family: 'Open Sans', Arial, sans-serif;
}
#headerWrap .qsearch:-ms-input-placeholder {
  font-family: 'Open Sans', Arial, sans-serif;
}

/* navigation */

.navigation {
	background: #eee;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
}

#nav li {
	float: left;
	margin: 0;
	position:relative;
}

#nav li a {
	display: block;
	padding: 10px 25px; /* was 10px 18px */
	color: #002f65;
	font-weight: 600;
}
	#nav li a:hover {
		background: #ccc;
		color: #333;
	}
	#nav li a.selected {
		background: #002f65;
		color: #fff;
		border-top-right-radius: 3px;
		border-top-left-radius: 3px;
		-moz-border-radius-topright: 3px;
		-moz-border-radius-topleft: 3px;
		-webkit-border-top-right-radius: 3px;
		-webkit-border-top-left-radius: 3px;
		margin-top: -4px;
		padding: 14px 25px 10px;
	}

.one.columnHolder,
.two.columnHolder,
.three.columnHolder,
.four.columnHolder,
.five.columnHolder,
.six.columnHolder,
.seven.columnHolder,
.eight.columnHolder,
.nine.columnHolder,
.ten.columnHolder,
.eleven.columnHolder,
.twelve.columnHolder {
	margin: 0 auto 0;
	float: left;
	position: absolute;
	z-index: 2000;
	left: -999em; /* Hides the drop down */
	text-align: left;
	padding: 10px 10px 20px;
	border: none;
	border-top: 7px solid #002f65;
	background: #fff;
	-moz-box-shadow: 0 0 4px #777;
	-webkit-box-shadow: 0 0 4px #777;
	box-shadow: 0 0 4px #777;
}

.three.columnHolder { width: 220px }
.six.columnHolder { width: 460px }
.nine.columnHolder { width: 700px }
.twelve.columnHolder { width: 940px }

#nav li:hover .one.columnHolder,
#nav li:hover .two.columnHolder,
#nav li:hover .three.columnHolder,
#nav li:hover .four.columnHolder,
#nav li:hover .five.columnHolder,
#nav li:hover .six.columnHolder,
#nav li:hover .seven.columnHolder,
#nav li:hover .eight.columnHolder,
#nav li:hover .nine.columnHolder,
#nav li:hover .ten.columnHolder
#nav li:hover .eleven.columnHolder,
#nav li:hover .twelve.columnHolder {
	left:-10px;
	top:auto;
}

#nav li.international:hover .twelve.columnHolder {
	left:-526px;
	top:auto;
}

#nav h4 {
	border-bottom: 3px solid #ddd;
	padding-bottom: 5px;
}

#nav h4.healthcare {
	border-bottom: 3px solid #6cbcb8;
}

#nav h4.business {
	border-bottom: 3px solid #002f65;
}

#nav h4.it {
	border-bottom: 3px solid #d3c86e;
}

#nav h4.cj {
	border-bottom: 3px solid #f26255;
}

#nav h4.aviation {
    clear: both;
    padding-top: 10px;
	border-bottom: 3px solid #6cbcb8;
}



/* Content
========================= */

.subNav {
	margin: 0 0 20px;
}
.subNav li  {
	margin: 0;
}
.subNav li a, #nav .subNav li a {
	display: block;
	padding: 8px 20px 9px 0;
	border-bottom: 1px solid #ddd;
	color: #333;
	background: #fff url(../images/i-news-arrow-gr.png) right 10px no-repeat
}

#nav .subNav li a {
	width: 200px;
	font-size: 11px;
	padding: 6px 20px 7px 0;
}

.subNav li a:hover, .subNav li a.selected, #nav .subNav li a:hover, #nav .subNav li a.selected {
	border-bottom: 1px solid #bbb;
	color: #568bcb;
	padding: 8px 20px 9px 8px;
	background: #fff url(../images/i-news-arrow.png) right 10px no-repeat
}

#nav .subNav li a:hover, #nav .subNav li a.selected {
	padding: 6px 20px 7px 0;
}

.subNav li a.selected, #nav .subNav li a.selected {
	font-weight: 600;
	color: #002f65;
}

/* tabbed sub nav */

.tabs {
	position: absolute;
	bottom: 53px;
	margin: 0;
}
.tabs li {
	float: left;
	margin: 0 1px 0 0;
}

.tabs li a {
	display: block;
	padding: 6px 10px;
	color: #002f65;
	background: #e1e1e1;
	font-weight: 600;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
}
	.tabs li a:hover {
		background: #002f65;
		color: #fff;
	}
	.tabs li a.selected {
		background: #fff;
		color: #333;
	}
	.noabs li a.selected {
		background: #6cbbb7 !important;
		color: #fff !important;
	}

/* sign-up form */

.signUpFormHolder {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #35a563;
    margin-top: -75px;
}

.signUpFormHolder form, .signUpFormHolder fieldset {
  margin-bottom: 0;
}

.signUpFormHolder.withBreadcrumb {
	margin-top: -54px;
}

.signUpForm {
  padding: 10px 15px;
  position: relative;
}

.signUpForm .backed {
    background-color: #43c97b;
    overflow: hidden;
    margin: 0 -15px 10px -15px;
    padding: 10px 15px 4px 15px;
}

.signUpForm h2 {
    font-size: 34px;
}

.signUpForm h2, .signUpForm p {
	color: #fff;
}

.signUpForm input {
  width: 260px
}
.signUpForm input.short {
    width: 120px !important;
}

.signUpForm input[type="button"], .signUpForm input[type="submit"] {
    width: 100%;
	text-align: left;
	background: #002f65 url(../images/i-button-arrow.png) right 50% no-repeat;
	color: #fff !important;
	padding: 7px 40px 8px 10px;
	margin: 0 0 10px 0;
	border: none;
    font-size: 30px;
}

.signUpForm .chk, .chk, input[type="checkbox"].chk {
    width: auto;
    padding: 0;
    margin: 0;
    vertical-align: middle;
}
.signUpForm .chk-label {
    float: none;
    color: #fff;
    display: inline;
    line-height: 1em;
    font-size: 84.6%;
}
.chk-label-long {
    float: none;
    display: inline;
    line-height: 1em;
    font-size: 84.6%;
}
#show-opt, #show-opt:visited {
    text-decoration: underline;
    cursor: pointer;
    font-size: 84.6%;
}
.signUpForm #show-opt, #show-opt:visited {
    color: #bbb;
}
p.opt-out-text {
	color: #bbb;
	font-size: 0.9em;
	line-height: 1.05em
}
#opt-out-box {
    display: none;
    /*position: absolute;*/
    background-color: #002f65;
    color: #fff;
    color: #444;
    padding: 10px 15px;
    border-radius: 5px; /* was 10px */
    -moz-border-radius: 5px; /* was 10px */
    -webkit-border-radius: 5px; /* was 10px */
	margin-bottom: 10px; /* new */
    /*width: 270px;
    left: 0;
    top: 350px;
    z-index: 99;*/
}

.formHolder #opt-out-box { /* styles for "apply online" form */
   position: absolute;
   width: 270px;
   left: 0;
   top: 350px;
   z-index: 99;
}

#close-btn {
    /*background-color: #bd1a29;*/
    border-radius: 50%;
    width: 22px;
    height: 22px;
    display: block;
    position: absolute;
    right: 20px; /* was 5px */
    /* top: 5px; */
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    color: #fff;
}
.signUpForm #opt-out-box p, #opt-out-box p {
    color: #fff;
}
.formHolder #opt-out-box {
    bottom: 100px;
    left: 10%;
    top: auto;
}
.signUpForm input.pre-selected {
    background-color: #cecece;
}
.terms-chk {
    max-width: 440px;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: #fff !important;
}

.locations-nav {
    font-size: 20px;
    color: #568bcb;
}
.locations-nav li {
    margin-bottom: 17px;
}

#contact-fader {
    background-color: #001d41;
    width: 1px; /* was 100%; */
    opacity: 0; /* was 0.85; */
    font-size: 20px;
    color: #fff;
    padding: 15px 0;
    position: fixed;
    bottom: 0;
    left:0;
    text-align: center;
    z-index: 2005;
    display: none;
}

/* program highlights */

.highlightsHolder {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
	background: #529794;
	color: #fff;
	margin-bottom: 30px;
}
.highlights {
  padding: 10px 15px;
}
.highlights h2 {
	color: #fff;
}
.highlights ul {
	padding-top: 10px;
}
.highlights ul li {
	padding-left: 30px;
	background: url(../images/i-tick-wh.png) 0 0 no-repeat;
}

/* sector - horizontal footer */

.sector {
	height: 190px;
	padding-top: 20px;
	background-size:contain !important;
}

.grey_line{ border: solid #e1e1e1;
border-width: 3px 0 0;
clear: both;
margin: 20px 0 30px;
height: 0; }

.grey_line_zero{ border: solid #e1e1e1;
border-width: 3px 0 0;
clear: both;
height: 0;
margin:0;
}

.business_header{ background:url("../img/website-landing-pages.png") center top no-repeat;
 background-size:cover;
}

.healthcare_header {
    background: url("../img/ma-website-landing-page.png") center top no-repeat;
    background-size: cover;
	height:435px
}
.technology_header {
    background: url("../img/hvac-website-landing.png") center top no-repeat;
    background-size: cover;
	height:435px
}
.avitaionform{margin-top: -75px;}

.law_header  {
    background: url("../img/law-website-landing-image.png") center top no-repeat;
    background-size: cover;
	height:435px
}

#locationpagesss .kc_col-sm-12.kc_column{padding-left:0; padding-right: 0;}

.breadcrumb{ background:none !important; }

.fnone{ float:none !important; }
.rani_bg_color{ background:#6CBCB8; }
.margt40{ margin-top:40px; }
.noabs{ position: relative !important;
bottom: 0px !important;
z-index: 9;
display: flex;
border-bottom: 1px solid #6cbbb7;
margin-bottom: 30px;
width: 66%; }

.sector.healthcare {
	background: url(../img/healthcare.jpg) right bottom no-repeat;
}

.sector.business {
	background: url(../img/person.jpg) right bottom no-repeat;
}

.sector.technology {
	background: url(../img/person_tech2a.jpg) right bottom no-repeat; /* was ../images/study-sectors/it/person.jpg */
}

.sector.law {
	background: url(../img/law.jpg) right bottom no-repeat;
}

.sector.aviation {
	background: url(../images/study-sectors/it/person.jpg) right bottom no-repeat;
}

.sector a {
	display: block;
	width: 100%;
	height: 100%;
}

.sector h3 {
	padding-right: 100px;
}

/* sector - vertical sidebar */

.sideSector {
	margin-bottom: 20px;
}

.sideSector.healthcare {
	background: url(../img/person-side1.jpg) left bottom no-repeat;
	border-bottom: 5px solid #6cbcb8;
}

.sideSector.business {
	background: url(../img/person-side.jpg) left bottom no-repeat;
	border-bottom: 5px solid #002f65;
}

.sideSector.it {
	background: url(../img/person-side2.jpg) left bottom no-repeat;
	border-bottom: 5px solid #d3c86e;
}

.sideSector.cj {
	background: url(../img/person-side3.jpg) left bottom no-repeat;
	border-bottom: 5px solid #f26255;
}

.sideSector.aviation {
	background: url(../img/person-side.jpg) left bottom no-repeat;
	border-bottom: 5px solid #6cbcb8;
}

.sideSector a {
	display: block;
	height: 110px;
	padding-left: 80px;
}

.sideSector a:hover {
	padding-left: 85px;
}

.sideSector h3 {
	margin-bottom: 10px;
}

/* partner slider container */
h5.partner-title {
    color: #002F51;
    font-weight: 300;
    margin-top: -10px;
}

#partner-slider {
    height: 150px;
    padding-bottom: 20px;
}

.partner-slide {
    width: 100%;
    background-color: #fff;
}


/* objective bullets */

ul.objectives {
	text-align:center;
}

.objectives li.priv, .objectives  li.instr, .objectives  li.cert, .objectives  li.single, .objectives  li.multi {
    color: #000000;
    float: left;
    list-style: none outside none;
    margin: 13px 0 23px;
    padding: 46px 14px 0;
    text-transform: uppercase;
    width: 140px;
}

li.priv {
	background: url("http://www.sbbcollege.edu/media/81198/ic_priv.png") no-repeat center top;
}

li.instr {
	background: url("http://www.sbbcollege.edu/media/81196/ic_inst.png") no-repeat center top;
}

li.cert {
	background: url("http://www.sbbcollege.edu/media/81195/ic_cert.png") no-repeat center top;
}

li.single {
	background: url("http://www.sbbcollege.edu/media/81199/ic_single.png") no-repeat center top;
}

li.multi {
	background: url("http://www.sbbcollege.edu/media/81197/ic_multi.png") no-repeat center top;
}


/* news section */

.newsStory {
	border-bottom: 2px solid #ddd;
	margin-bottom: 24px;
}

.newsStory img {
	margin-bottom: 20px;
}

.newsStory .more, .newsStory img.arrow {
	font-size: 16px;
	float: right;
}

.newsStory .more {
	margin-top: -10px;
}

.newsStory h2 a {
	color: #002f65;
}
.newsStory a:hover {
	color: #333;
}

/* disclaimer box */

div.disclaimer {
    clear: both;
    padding: 15px 20px 1px;
    background: #eee;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
div.disclaimer p, div.disclaimer a {
	font-size: 12px;
	line-height: 19px;
	color: #555;
}

div.disclaimer a { border-bottom: 1px solid #CCC; }

/* application form */

.formHolder {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
	background: #eee;
	padding: 20px;
	margin-bottom: 60px;
    position: relative;
}

.formHolder input[type="text"], .formHolder input[type^="date"], .formHolder select, .formHolder textarea {
  border: 1px solid #ccc;
	-webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.formHolder input[type="button"], .formHolder input[type="submit"] {
	text-align: left;
	background: #43c97b url(../images/i-button-arrow.png) right 50% no-repeat;
	color: #fff !important;
	padding: 7px 40px 8px 10px;
	margin: 0 0 10px 218px;
	border: none;
}

/* search results */

.xsltsearch_result {
    border-bottom: 3px solid #e1e1e1;
    padding-bottom: 12px;
    margin-bottom: 30px;
}

.xsltsearch_result_title {
	margin-bottom: 8px;
}

.xsltsearch_title {
    font-size: 14px;
	font-weight: 600;
	line-height: 21px;
	margin-bottom: 0;
	letter-spacing: 0;
}

.xsltsearch_result .hilight {
    background: #eee;
}

/* Responsive embed */
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive.embed-responsive-4by3 {
  padding-bottom: 75%;
}



/* Footer
========================= */

#footerWrap * {
	color: #fff;
}

#footerWrap a:hover {
	color: #568bcb;
}

#footer {
	/*padding: 30px 0 20px;*/
	padding: 0px 0 50px;
}

#footer p, #footer li {
	font-size: 12px;
	line-height: 19px;
}

#footer li {
	margin: 0 0 5px 0;
}

.centerFooter {
	text-align: center;
	margin-top: -30px;
}

.celebrate {
	margin-top: -38px;
	margin-bottom: 10px;
	width: 171px;
}

#footer input[type="button"], #footer .button {
  width: auto;
	text-align: left;
	background: #2e5d94 url(../images/i-button-arrow.png) right 50% no-repeat;
	color: #fff !important;
	padding: 7px 40px 8px 10px;
	margin: 0 0 10px 40px;
	border: none;
}


/* sub footer */

#subFooterWrap p, #subFooterWrap li, #subFooterWrap a {
	color: #002f65;
	font-size: 12px;
}

#subFooterWrap a:hover {
	color: #000;
}

#subFooterWrap ul li {
	float: left;
	margin-right: 20px;
}

#subFooterWrap p {
	text-align: right;
}


/* #Page Styles
================================================== */

/* home */

.promoteSignUp {
	background: url(../images/promote-arrow.gif) right 45px no-repeat;
}

.promoteSignUp p {
	font-size: 40px;
	font-weight: 300;
	letter-spacing: -1px;
	line-height: 47px;
	color: #002f65;
	padding: 20px 150px 20px 0;
}


/* page headers + breadcrumb */

ul.breadcrumb {
	position: absolute;
	bottom: 0;
	margin: 0;
}

ul.breadcrumb li {
	float: left;
	color: #999;
}

ul.breadcrumb li.divider {
	margin: 0 10px;
}

.intStudent {
	background: url(../images/page-headers/international-students.png) center top repeat-x;
}

.locations {
	background: url(../images/page-headers/locations.png) center top repeat-x;
}

.campus {
	background: url(../images/page-headers/bg-bakersfield.jpg) center top repeat-x;
}

#pageHeaderWrap.subject, #pageHeaderWrap.subject .columns {
	height: 465px;
}

#pageHeaderWrap.subject {
	background-size: contain;
}

#pageHeaderWrap.subject.business {
	background: url(../images/programs/landing-business.jpg) center top no-repeat;
}

#pageHeaderWrap.subject.gettingStarted {
	background: url(../images/page-headers/getting-started.jpg) center top no-repeat;
}

#pageHeaderWrap.subjectDetail, #pageHeaderWrap.subjectDetail .columns {
	height: 200px;
}

#pageHeaderWrap.subjectDetail {
	background-image: url(../images/page-headers/bg-white.gif) !important;
	background-position: bottom;
	background-repeat: no-repeat;
}
	#pageHeaderWrap.subjectDetail h1 {
		margin: 0;
		line-height: 40px;
	}

#pageHeaderWrap h1 {
	padding-top: 50px;
	color: #002f65;
	line-height: 70px;
	margin-bottom: 50px;
}
	#pageHeaderWrap .xlText {
		font-size: 100px
	}
		#pageHeaderWrap .xlText .hilight {
			color: #be1b2b;
			font-weight: 300;
		}
	#pageHeaderWrap p {
		font-size: 16px;
		line-height: 24px;
		max-width:600px;
	}


/* campus location panels and general information panels */

.locationPanel, .infoPanel {
	position: relative;
	background: #eee;
	margin-bottom: 40px !important;
	padding-bottom: 15px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomleft: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
	.locationPanel:hover, .infoPanel:hover {
		background: #ccc;
	}

.locationPanel img, .infoPanel img {
	margin-bottom: 10px;
}

.locationPanel p, .locationPanel h3, .infoPanel p, .infoPanel h3 {
	margin: 0 15px;
	color: #002f51;
}

.locationPanel p, .infoPanel p {
	text-align: left;
}

.infoPanel p {
	padding-bottom: 45px;
}

.locationPanel p.more, .infoPanel p.more {
	font-size: 15px;
	position: absolute;
	bottom: 15px;
	right: 0;
	padding-bottom: 0;
}

.locationPanel h3 {
	padding-bottom: 55px;
}

/* google map */

#map_canvas_holder {
	margin-bottom: 30px;
}

#map_canvas {
	width: 100%;
	height: 500px;
}

#map_canvas_holder_sm #map_canvas {
	height: 400px;
	margin-bottom: 30px;
}

/* campus detail */

.campusLogo {
	padding-top: 50px;
}

/* course panels */

.coursePanel {
	position: relative;
	background: #999;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 25px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
	.coursePanel:hover {
		background: #333 !important;
	}

.coursePanel p, .coursePanel h3 {
	margin: 0 15px;
	color: #fff;
}

.coursePanel p{
	text-align: left;
}

.coursePanel p.more{
	font-size: 15px;
	position: absolute;
	bottom: 15px;
	right: 0;
	height: 18px;
}

.coursePanel h3 {
	margin-bottom: 40px;
}

/* course list buttons */

.courseList {
	margin: 0 0 20px;
}

.courseList li {
	margin: 0 0 5px 0;
}

.courseList li a {
	display: block;
	margin: 0;
	padding: 12px 15px 15px;
	color: #fff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.courseList li a:hover {
	background: #333 !important;
}

.courseList .title {
	font-size: 15px;
}

/* background color chart */

.healthcare .coursePanel.ad, .healthcare .ad a, .subjectDetail.healthcare.ad {
	background: #6cbcb8;
}
.healthcare .coursePanel.bd, .healthcare .bd a, .subjectDetail.healthcare.bd {
	background: #298d93;
}
.healthcare .coursePanel.md, .healthcare .md a, .subjectDetail.healthcare.md {
	background: #000; /* need color */
}
.healthcare .coursePanel.jt, .healthcare .jt a, .subjectDetail.healthcare.jt {
	background: #00687a;
}

.business .coursePanel.ad, .business .ad a, .subjectDetail.business.ad {
	background: #7b9fc8;
}
.business .coursePanel.bd, .business .bd a, .subjectDetail.business.bd {
	background: #3f7ec6;
}
.business .coursePanel.md, .business .md a, .subjectDetail.business.md {
	background: #145094;
}
.business .coursePanel.jt, .business .jt a, .subjectDetail.business.jt {
	background: #002f65;
}

.it .coursePanel.ad, .it .ad a, .subjectDetail.it.ad {
	background: #d3c86e;
}
.it .coursePanel.bd, .it .bd a, .subjectDetail.it.bd {
	background: #000; /* need color */
}
.it .coursePanel.md, .it .md a, .subjectDetail.it.md {
	background: #000; /* need color */
}
.it .coursePanel.jt, .it .jt a, .subjectDetail.it.jt {
	background: #ada248;
}

.cj .coursePanel.ad, .cj .ad a, .subjectDetail.cj.ad {
	background: #ec8177;
}
.cj .coursePanel.bd, .cj .bd a, .subjectDetail.cj.bd {
	background: #f26255;
}
.cj .coursePanel.md, .cj .md a, .subjectDetail.cj.md {
	background: #000; /* need color */
}
.cj .coursePanel.jt, .cj .jt a, .subjectDetail.cj.jt {
	background: #d24437;
}

.aviation .coursePanel.ad, .aviation .ad a, .subjectDetail.aviation.ad {
	background: #94BEBD;
}

/* ppc pages */
#pageHeaderWrap.ppc, #pageHeaderWrap.ppc .columns {
	height: 392px;
}

#pageHeaderWrap.ppc h1
{
    font-size: 60px;
    margin-top: 80px;
    line-height: 1;
	width: 540px;
}

#pageHeaderWrap.ppc h1 .hilight
{
    color: #fff;
}

#pageHeaderWrap.ppc
{
    background-size: contain !important;
}


#contentWrap.ppc
{
    margin-top: -65px;
}



/* consumer info box */

.ci-box-holder {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #ccc;
}

.ci-box {
    text-align: center;
    padding: 10px 15px;
    color: #444;
}

.ci-box a{
    display: block;
    color: #444;
    background: url("../images/i-button-arrow.png") right 50% no-repeat;
}

.ci-box a:hover {
    color: #000;
}


/* Quiz button */
.quizBtn {
    background-color: #4772ac;
    color: #fff;
    border-radius: 0 0 5px 5px;
    margin-bottom: 20px;
    max-width: 220px;
}

.quizBtn p {
    margin: 0;
    color: #fff;
    padding: 15px 25px;
    line-height: 26px;
    font-size: 24px;
}

.quizBtn a {
    display: block;
    padding: 10px;
    color: #fff;
    font-size: 14px;
    height: 26px;
    line-height: 26px;
    background-color: #7f9ec9;
    margin: 10px 25px 20px 25px;
    border-radius: 5px
}


/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 1600px) {

		/* footer */

		#pageHeaderWrap.subject {
			background-size: cover !important;
		}

        #pageHeaderWrap.ppc {
			background-size: cover !important;
		}

	}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {

		/* footer */

		#footer {
			background: none;
			padding: 30px 0 200px;
		}

		#pageHeaderWrap.subject.business {
			background-size: cover !important;
		}

	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

		h2.bigText, h2 .bigText {
			font-size: 45px;
			line-height: 52px;
		}

		a.giantBtn.left {
			font-size: 26px;
			line-height: 33px;
		}

		/* header */

		#headerWrap .logo {
			width: 172px;
			height: 77px;
			background: url(../images/logo-sbbc-tablet-p.gif) 0 0 no-repeat;
			background-size: cover;
		}

		#headerWrap .qsearch {
			width: 180px;
		}

		#nav li a {
			padding: 10px 11px;
		}

		#nav li a.selected {
			padding: 14px 11px 10px;
		}

		.three.columnHolder { width: 172px }
		.six.columnHolder { width: 364px }
		.nine.columnHolder { width: 556px }
		.twelve.columnHolder { width: 748px }

		#nav .subNav li a {
			width: 152px;
		}


		#nav li.international:hover .twelve.columnHolder {
			left:-418px;
			top:auto;
		}


		/* content */

		#pageHeaderWrap.subject, #pageHeaderWrap.subject .columns {
			height: 440px;
		}

		.signUpFormHolder {
			margin-top: -60px;
		}

		.signUpForm input {
			width: 196px;
		}

		.signUpForm select {
			width: 206px;
		}

		.sector {
			height: 160px;
			background-size: 86px !important;
		}

		.sector.business {
			background-size: 90px !important;
		}

		.sector.it {
			background-size: 90px !important;
		}

		.promoteSignUp {
			background-size: 170px
		}

		#pageHeaderWrap.subject h1 {
			padding-top: 30px;
			color: #002f65;
			line-height: 60px;
			margin-bottom: 40px;
		}
			#pageHeaderWrap.subject h1 .xlText {
				font-size: 80px
			}
				#pageHeaderWrap.subject h1 .xlText .hilight {
					color: #be1b2b;
					font-weight: 300;
				}
			#pageHeaderWrap.subject p {
				font-size: 14px;
				line-height: 22px;
			}

		.sideSector.healthcare, .sideSector.business, .sideSector.it, .sideSector.cj, .sideSector.aviation {
			background: none;
		}

		.sideSector a {
			display: block;
			height: 110px;
			padding-left: 0;
		}

		.sideSector a:hover {
			padding-left: 10px;
		}

        /* ppc pages */
        #pageHeaderWrap.ppc, #pageHeaderWrap.ppc .columns {
	        height: 270px;
        }

        #pageHeaderWrap.ppc h1
        {
            font-size: 50px;
            margin-top: 40px;
        }

        #contentWrap.ppc
        {
            margin-top: -55px;
        }

		/* footer */

		.celebrate {
			margin-top: -20px;
		}

        /* Quiz button */
        .quizBtn p {
            padding: 15px 15px;
            line-height: 18px;
            font-size: 14px;
        }

        .quizBtn a {
            margin: 10px 15px 20px 15px;
        }

	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

		.mob-only {
			display: block;
		}

		.no-mob-all {
			display: none !important;
		}

        #headerWrap .row {
			margin-bottom: 10px;
		}

		#contentWrap, #contentWrapHome {
			margin-top: -20px;
		}
        #contentWrapHome {
            margin-top: -8%;
        }
        .container .eight.columns {
            width: 280px;
            padding: 20px 10px 0 10px;
        }

		h2 {
			font-size: 32px;
			line-height: 39px;
			margin-bottom: 15px;
		}

		h2.bigText, h2 .bigText {
			font-size: 35px;
			line-height: 42px;
		}

		a.giantBtn img {
			width: 20px;
		}


		/* header */

		#headerWrap .logo {
			width: 172px;
			height: 77px;
			background: url(../images/logo-sbbc-tablet-p.gif) 0 0 no-repeat;
			background-size: cover;
		}

		.navigation {
			background: none;
		}

		#nav {
			display: none;
			height: auto;
			margin: 0;
			padding: 0;
		}

		#nav li {
			float: none !important;
			margin: 0;
			font-size: 14px;
			font-weight: normal;
            overflow: hidden;
		}

		#nav li a, #nav li a.selected {
			display: block;
			border-top: 1px solid #ccc;
			padding: 10px 0 10px 0;
			margin: 0;
			background: #fff;
			border-right: none;
		}
		#nav li a.selected, #nav li a.selected:hover {
			background: #002f51;
			padding: 10px 0 10px 10px;
			border-radius: 0;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
			border-top: 1px solid #fff;
		}
		#nav li a:hover{
			background: #eee;
			padding: 10px 0 10px 10px;
		}

		.navigation div#pull {
			display: block;
			background: transparent;
			position: relative;
			height: 40px;
			font-size: 16px;
			font-weight: 600;
			text-transform: uppercase;
			line-height: 24px;
			color: #bd1b29;
			margin-bottom: 20px;
			border-top: 2px solid #ddd;
            cursor: pointer;
		}

		.navigation div#pull:after {
			content:"Menu options";
			background: url('../images/i-nav.png') no-repeat;
			display: inline-block;
			position: absolute;
			left: 0px;
			top: 10px;
			padding-left: 30px;
		}

        .twelve.columnHolder {
            width: 300px;
            float: none;
            position: static;
            left: 0;
            border: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            padding: 0;
        }

        .subNav {
            margin-bottom: 10px;
        }

        #nav .subNav li a {
            width: auto;
            border-top: 0;
        }

		/* content */

		#pageHeaderWrap.subject, #pageHeaderWrap.subject .columns {
			background: none !important;
			height: auto !important;
		}

		#pageHeaderWrap.subjectDetail .breadcrumb li, #pageHeaderWrap.subjectDetail .columns .breadcrumb li {
			margin-bottom: 3px;
		}

		.sector {
			height: 100px;
			background-size: 76px !important;
			border-bottom: 1px solid #ccc;
			margin-bottom: 10px !important;
		}

		.sector.it {
			background-size: 70px !important;
		}

		.promoteSignUp {
			background: url(../images/promote-arrow-sm.gif) right 15px no-repeat;
		}

		.promoteSignUp p {
			font-size: 30px;
			line-height: 37px;
			padding: 0 40px 10px 0;
		}

		.signUpFormHolder, .signUpFormHolder.withBreadcrumb {
			margin-top: 0;
		}

		.locationPanel {
			margin-bottom: 10px !important;
		}

		#map_canvas {
			height: 420px;
		}

		.campusLogo {
			display: none;
		}

		.coursePanel {
			margin-bottom: 10px !important;
		}

		.coursePanel p {
			font-size: 12px;
			line-height: 20px;
		}

		.coursePanel h3 {
			font-size: 19px;
			line-height: 26px;
		}

		.formHolder label {
			float: none;
			text-align: left;
			width: auto;
			font-weight: 600;
		}

		.formHolder label.double-bottom {
			margin-bottom: 10px !important;
		}

		ul.breadcrumb li:last-child {
			display:none;
		}

        /* ppc pages */
        #pageHeaderWrap.ppc, #pageHeaderWrap.ppc .columns {
	        background: none !important;
			height: auto !important;
        }

        #pageHeaderWrap.ppc h1, #pageHeaderWrap.ppc h1 .hilight
        {
            color: #002f65;
        }

        #pageHeaderWrap.ppc h1
        {
            font-size: 32px;
            margin-top: 20px;
        }

        #contentWrap.ppc
        {
            margin-top: -30px;
        }



		/* footer */

		.centerFooter {
			clear: both;
			text-align: left;
			padding: 20px 0 0;
			border-top: 2px solid #2e5d94;
			border-bottom: 2px solid #2e5d94;
		}

		.centerFooter p {
			display: inline-block;
			width: 280px
		}

		.celebrate {
			width: 100px;
			float: left;
			margin: 0 20px 0 0;
		}

		dl.news {
			margin: 20px 0 0;
		}

		dl.news dd {
			border-bottom: 1px dashed #2e5d94;
			padding: 0 0 10px;
		}

		#footer input[type="button"], #footer .button {
			margin: 0 0 10px 0;
		}

		#subFooterWrap p {
			text-align: left;
		}

	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

		a.giantBtn {
			font-size: 28px;
			line-height: 35px;
			margin-bottom: 20px;
		}

		/* header */

		#headerWrap .qsearch {
			width: 160px;
			margin-top: -62px;
		}

		#headerWrap .button {
			width: 147px;
		}

		/* content */

		.signUpForm input {
			width: 380px;
		}

		.signUpForm select {
			width: 390px;
		}

		.locationPanel h3, .infoPanel p {
			padding-bottom: 35px;
		}

		#pageHeaderWrap.subject {
			height: 330px;
		}

		#pageHeaderWrap h1 {
			font-size: 32px;
			line-height: 39px;
			padding-top: 10;
			margin-bottom: 30px;
		}

		#pageHeaderWrap.subject h1 {
			padding-top: 10px;
			color: #002f65;
			line-height: 45px;
		}
        #pageHeaderWrap.subject h1 .xlText {
	        font-size: 50px
        }

        #pageHeaderWrap.subject h1 .xlText .hilight {
            color: #be1b2b;
            font-weight: 300;
        }

        #pageHeaderWrap.subject p {
            font-size: 14px;
            line-height: 22px;
            /*padding-bottom: 20px;
            border-bottom: 4px solid #ddd;*/
            margin-bottom: 55px;
        }

		.container .eight.columns {
            width: 410px;
        }

        .twelve.columnHolder {
            width: 420px;
        }

        /* Quiz button */
        .quizBtn  {
            border-radius: 5px
        }
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {

		h1 {
			font-size: 32px;
			line-height: 32px;
			padding-top: 10px
		}

		body.kc-css-system .kc-css-814075 .kc_title{ font-size:32px !important; }

		a.giantBtn {
			font-size: 24px;
			line-height: 31px;
			margin-bottom: 20px;
		}

		.no-mob {
			display: none;
		}

		/* header */

		#headerWrap .qsearch {
			margin: 0 0 20px;
			width: 290px;
		}

		#headerWrap .button {
			position: absolute;
			top: 28px;
			right: 0;
			margin: 0;
		}

		#headerWrap .callCta {
			width: 162px;
			text-align: center;
			margin-left: 0;
		}

		#headerWrap .callCtaBtn {
			width: 102px;
			text-align: center;
		}

		/* content */

		.promoteSignUp {
			background: url(../images/promote-arrow-sm.gif) right 50px no-repeat;
		}

		.sector h3 {
			padding-right: 70px;
		}

		#pageHeaderWrap.subject {
			height: 330px;
		}

		#pageHeaderWrap h1 {
			font-size: 32px;
			line-height: 39px;
			padding-top: 0;
			margin-bottom: 30px;
		}

		#pageHeaderWrap.subject h1 {
			padding-top: 10px;
			color: #002f65;
			line-height: 45px;
		}
			#pageHeaderWrap.subject h1 .xlText {
				font-size: 50px
			}
				#pageHeaderWrap.subject h1 .xlText .hilight {
					color: #be1b2b;
					font-weight: 300;
				}
			#pageHeaderWrap.subject p {
				font-size: 14px;
				line-height: 22px;
				/*padding-bottom: 20px;
				border-bottom: 4px solid #ddd;*/
				margin-bottom: 55px;
			}

		.formHolder input[type="text"], .formHolder textarea {
			width: 248px !important;
		}

		.formHolder input[type="button"], .formHolder input[type="submit"] {
			margin: 10px 0 0 !important;
		}

		/* footer */

		.celebrate {
			margin-bottom: 10px;
		}

		.centerFooter p {
			display: inline-block;
			width: auto;
		}

		.locationPanel {
			min-height: 220px;
		}

		.infoPanel {
			min-height: 180px;
		}

		.locationPanel h3{
			padding-bottom: 35px !important;
		}

		.infoPanel p {
			font-size: 11px !important;
			line-height: 18px;
			/*display: none;*/
		}

        /* Quiz button */
        .quizBtn  {
            border-radius: 5px
        }
	}


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */