@charset "utf-8";

/* -------- GLOBAL ------------*/
html,body,img{margin:0;padding:0; border:0px;}
body{ font-family:Arial, Helvetica, sans-serif;text-align:center; background-color:#152c33;}
p{margin:0 0px 10px; line-height:1.5;}
a{display:block; margin:0px; padding:0px;}
.darkgrey{color:#333;}

/* -------- CONTAINER ------------*/
#container{width:960px;margin:0 auto;text-align:left; background-image:url(images/content-bgrd.gif); background-repeat:repeat-y;}

/* -------- HEADER ------------*/
#header {width:960px; height:345px; background-image:url(images/header-bgrd.gif); background-repeat:repeat-x; overflow:hidden;}
#header-home {width:960px; height:338px; background-image:url(images/header-bgrd.gif); background-repeat:repeat-x; overflow:hidden;}
/*#header h1{height:80px;line-height:80px;margin:0; padding-left:10px;background: #EEE;color: #79B30B;}*/
/*	.nav-basic{display:block; float:left; margin:0; padding:0;}
	.nav-home{width:94px; height:42px; background-image:url(images/nav-home.gif);}
	.nav-home a:hover{background-position: -94px 0;}
	.nav-programs{width:106px; height:42px; background-image:url(images/nav-programs.gif);}
	.nav-programs a:hover{background-position: -106px 0;}
	.nav-corporate-training{width:182px; height:42px; background-image:url(images/nav-corporate-training.gif);}
	.nav-corporate-training a:hover{background-position: -182px 0;}
	.nav-about{width:98px; height:42px; background-image:url(images/nav-about.gif);}
	.nav-about a:hover{background-position: -98px 0;}
	.nav-faq{width:60px; height:42px; background-image:url(images/nav-faq.gif);}
	.nav-faq a:hover{background-position: -60px 0;}
	.nav-financial-aid{width:133px; height:42px; background-image:url(images/nav-financial-aid.gif);}
	.nav-financial-aid a:hover{background-position: -133px 0;}
	.nav-map{width:91px; height:42px; background-image:url(images/nav-map.gif);}
	.nav-map a:hover{background-position: -91px 0;}*/
	
/*------updated nav ---------*/


	.nav-basic{display:block; float:left; margin:0; padding:0;}
	.nav-home{width:87px; height:42px; background-image:url(images/nav-home-2.jpg);}
	.nav-home a:hover{background-position: 0px -42px;}
	
	.nav-programs{width:100px; height:42px; background-image:url(images/nav-programs-2.jpg);}
	.nav-programs a:hover{background-position: 0 -42px;}
	.nav-corporate-training{width:173px; height:42px; background-image:url(images/nav-corporate-training-2.jpg);}
	.nav-corporate-training a:hover{background-position: 0 -42px;}
	.nav-about{width:101px; height:42px; background-image:url(images/nav-about-us-2.jpg);}
	.nav-about a:hover{background-position:  0 -42px;}
	.nav-faq{width:57px; height:42px; background-image:url(images/nav-faq-2.jpg);}
	.nav-faq a:hover{background-position:  0 -42px;}
	.nav-financial-aid{width:127px; height:42px; background-image:url(images/nav-financial-aid-2.jpg);}
	.nav-financial-aid a:hover{background-position:  0 -42px;}
	
	.nav-map{width:119px; height:42px; background-image:url(images/nav-contact-2.jpg);}
	.nav-map a:hover{background-position:  0 -42px;}
	
	
	

#logo{position: relative; left:0px; top:0px; width:192px; height:289px; background-image:url(images/sbc-logo.jpg);}
/*#logo{position: relative; left:0px; top:0px; width:192px; height:289px; background-image:url(images/sbc-logo.jpg);}*/
#nav{position: relative; left:196px; top:-280px; width:764px; height:42px; background-color:#152c33;}
/*#nav{position: relative; left:196px; top:-195px; width:764px; height:42px; background-color:#152c33;}*/
#image{position: relative; left:196px; top:-280px; width:764px; height:287px; background-color:#152c33; margin:0px;}
/*#image{position: relative; left:196px; top:-195px; width:764px; height:287px; background-color:#152c33; margin:0px;}*/

#wrapper{float:left;width:100%;}

/* -------- MIDDLE COLUMN ------------*/
#middle-column{font-family:Arial, Helvetica, sans-serif; color:#666; font-size:12px;}
#middle-column a{color:#003366; text-decoration:underline;display:inline;}
#middle-column a:hover{color:#666666; text-decoration:underline;}

/*#middle-column.program-list{margin-top:5px;}
*/
.middle-column-default{margin: 0 230px;}
.middle-column-home{margin: 0 50px 0 230px;}


#home-intro{float:left; width:275px; display:inline-block;}

#home-intro-list {margin: 0;padding-left: 0;list-style: none;}
#home-intro-list li{margin-top: 10px; padding-left: 30px; background-image:url(images/home-bullet.gif); background-repeat: no-repeat; background-position: 0px 3px;}

#intro-flash-container{float:left; margin-left:30px; width:342px; display:inline-block;margin-top:50px;}
#middle-column h1{font-size:30px; color:#069; margin-top:0;}
#middle-column h2{font-size:16px; color:#069; font-weight:bold; margin-bottom:0px;}
#cta {width:495px; height:120px; background-image:url(images/content-cta-bgrd.gif); background-repeat:no-repeat;}
#cta-apply-online{position: relative; width:142px; height:62px; display:inline; left:103px; top:38px;}
#cta-request-info{position: relative; width:142px; height:62px; display:inline; left:103px; top:38px;}


#cta-program {width:495px; height:120px; background-image:url(images/content-cta-bgrd.gif); background-repeat:no-repeat;}
#cta-program-request-course-outline{position: relative; width:204px; height:62px; display:inline; left:12px; top:38px;}
#cta-program-apply-online{position: relative; width:137px; height:62px; display:inline; left:10px; top:38px;}
#cta-program-request-info{position: relative; width:133px; height:62px; display:inline; left:6px; top:38px;}

#cta-request-info-2{position: relative; width:150px; height:62px; display:inline; left:65px; top:38px;}
#cta-program-request-course-outline-2{position: relative; width:217px; height:62px; display:inline; left:66px; top:38px;}

#cta-corporate {width:495px; height:120px; background-image:url(images/content-cta-bgrd.gif); background-repeat:no-repeat;}
#cta-corporate-register-online{position: relative; width:173px; height:62px; display:inline; left:93px; top:38px;}
#cta-corporate-request-info{position: relative; width:142px; height:62px; display:inline; left:93px; top:38px;}

#home-bottom-half{width:682px;background-image:url(images/home-articles-body-bgrd.gif); background-repeat:repeat-y; clear:left; overflow:hidden;}
#home-bottom-top{width:674px; height:8px; background-color:#069;margin-left:4px; overflow:hidden;}
#home-articles-container{width:250px; display:inline-block; float:left; margin-left:20px;}
#home-partners-container{float:left; margin-left:40px; width:320px; display:inline-block;}
#home-bottom-bottom{width:682px; height:16px; background-image:url(images/home-articles-bottom-bgrd.gif); overflow:hidden;}

#social-media-container{width:682px;background-image:url(images/home-articles-body-bgrd.gif); background-repeat:repeat-y; clear:left; overflow:hidden;}
#sm-content-container{width:600px; display:inline-block; float:left; margin-left:20px;}
.dotted-divider{color: #fff; background-color: #fff; border: 1px dotted #666; border-style: none none dotted; margin:3px 0px;}

/* -------- LEFT COLUMN ------------*/

#left-column{float:left; width:160px; margin-left:-950px; padding-left:10px;}
/*#left-column p{line-height:1.2; margin:0; display:block;}*/
#left-column a{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; margin:0; padding:0;}
	#left-column a:link {text-decoration: none; }
	#left-column a:visited {text-decoration: none; }
	#left-column a:hover {text-decoration: underline; }
	#left-column a:active {text-decoration: none; }

#left-column h3{font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#fff; margin:0px 0 0px -5px;padding:3px; line-height:1.3; /*border-bottom:solid 5px #b9d2cc;*/}
#left-column h3 a{font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#fff; margin:0; background-color:#2e636f;}
#left-column h3 a:hover{font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#fff; margin:0; text-decoration:none; display:block; background-color:#24515b;}


.h3-underline{width:100%; color:#b9d2cc; background-color: #b9d2cc; margin: 0px 0px 10px 0px; height: 5px; border: none; padding:0;}
.nav-divider{color: #367583; background-color: #367583; border: 1px dotted #000; border-style: none none dotted; width:150px; margin:5px 0 5px 0; padding:0;}

#left-column ul{list-style-image:url(images/nav-bullet.gif); padding:2px;margin:0 0 0 1em;}
#left-column li {display: list-item;margin:0; padding:0;}
#left-column li a{color:#fc0;font-size:11px; margin-top:5px;display:block; line-height:1.2;}

/* -------- RIGHT COLUMN ------------*/
#right-column{float:left; width:170px; margin-left:-210px; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:12px;}
#right-column h2{font-weight:bold; font-size:18px; color:#069; margin:0px;}
.h2-underline{color: #fff; background-color: #fff; border: 1px dotted #666; border-style: none none dotted; margin:3px 0px;}
.arrow-circle{position:relative; top:7px;}
.text-link{color:#333; text-align:right;}
	.text-link a{color:#333;}
	.text-link a:link {text-decoration: none;}
	.text-link a:visited {text-decoration: none;}
	.text-link a:hover {text-decoration: underline;}
	.text-link a:active {text-decoration: none;}

/* -------- FOOTER ------------*/
#footer{clear:left; width:100%; height: 80px; background-image:url(images/footer-bgrd.gif); background-repeat:no-repeat; background-position:bottom; font:Arial, Helvetica, sans-serif; font-size:9px; color:#666666; text-align:center;}
#footer p{margin-top:20px;}