/* CSS Document */

body
{
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-right:0px;
  background-color: #FFFFFF;
  background-image: url(images/bg_page.gif); background-repeat: repeat-y; background-position: left top;
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  color: #333333;
  font-size: 62.5%;
}

a:link
{ 
	text-decoration: underline; 
	color: #1A2574;
}

a:visited
{ 
	text-decoration: underline; 
	color: #1A2574;
}

a:hover
{ 
	background-color: #1A2574;
	text-decoration: underline; 
	color: #FFFFFF;
}


#container {width: 760px; margin: 0;}

/*-- HEADER---------------------*/

#masthead {position: relative; float: left; display: inline; width: 760px; height: 148px; margin: 0; padding: 0; background-image: url(images/bg_header_swoosh.jpg); background-repeat: no-repeat; background-position: left top;}
	
#navbarOne {position: absolute; top: 41px; left: 197px; height: 79px;}
	#navbarOne ul {position: relative; display: block; float: left; background-color: transparent; list-style: none; margin: 0; padding: 0;}
	#navbarOne li {float: left; margin: 0 10px 0 0;}
	#navbarOne li a {display: block; float: left; height: 79px;}
	#navbarOne li span {display: none;}
	
#nav01 a{background: url(images/nav_success_stories.jpg) top left no-repeat; width: 173px; height: 79px;}
#nav02 a{background: url(images/nav_open_days.jpg) top left no-repeat; width: 173px; height: 79px;}
#nav03 a{background: url(images/nav_international_students.jpg) top left no-repeat; width: 173px; height: 79px;}

#navbarTwo {position: absolute; top: 126px; left: 197px; height: 22px;}
	#navbarTwo ul {position: relative; display: block; float: left; background-color: transparent; list-style: none; margin: 0; padding: 0;}
	#navbarTwo li {float: left; margin: 0 4px 0 0;}
	#navbarTwo li a {display: block; float: left; height: 22px;}
	#navbarTwo li span {display: none;}

#tab01 a {background: url(images/tab_courses_off.gif) top left no-repeat; width: 53px; height: 22px;}
#tab01 a:hover {background: url(images/tab_courses_on.gif) top left no-repeat;}
#tab01on {background: url(images/tab_courses_on.gif) top left no-repeat; width: 53px; height: 22px;}

#tab02 a {background: url(images/tab_about_college_off.gif) top left no-repeat; width: 103px; height: 22px;}
#tab02 a:hover {background: url(images/tab_about_college_on.gif) top left no-repeat;}
#tab02on {background: url(images/tab_about_college_on.gif) top left no-repeat; width: 103px; height: 22px;}

#tab03 a {background: url(images/tab_contact_us_off.gif) top left no-repeat; width: 66px; height: 22px;}
#tab03 a:hover {background: url(images/tab_contact_us_on.gif) top left no-repeat;}
#tab03on {background: url(images/tab_contact_us_on.gif) top left no-repeat; width: 66px; height: 22px;}

#tab04 a {background: url(images/tab_locations_off.gif) top left no-repeat; width: 61px; height: 22px;}
#tab04 a:hover {background: url(images/tab_locations_on.gif) top left no-repeat;}
#tab04on {background: url(images/tab_locations_on.gif) top left no-repeat; width: 61px; height: 22px;}

#tab05 a {background: url(images/tab_news_off.gif) top left no-repeat; width: 43px; height: 22px;}
#tab05 a:hover {background: url(images/tab_news_on.gif) top left no-repeat;}
#tab05on {background: url(images/tab_news_on.gif) top left no-repeat; width: 43px; height: 22px;}

#tab06 a {background: url(images/tab_employers_off.gif) top left no-repeat; width: 66px; height: 22px;}
#tab06 a:hover {background: url(images/tab_employers_on.gif) top left no-repeat;}
#tab06on {background: url(images/tab_employers_on.gif) top left no-repeat; width: 66px; height: 22px;}

#tab07 a {background: url(images/tab_text_only_off.gif) top left no-repeat; width: 99px; height: 22px;}
#tab07 a:hover {background: url(images/tab_text_only_on.gif) top left no-repeat;}
#tab07on {background: url(images/tab_text_only_on.gif) top left no-repeat; width: 99px; height: 22px;}

#headerLogo {position: absolute; top: 44px; left: 25px; width: 142px; height: 82px;  background: url(images/header_logo_sbc.gif) top left;}
	#headerLogo span{display: none;}

/*-- BREADCRUMB TRAIL ------------*/
#breadcrumbTrail {position: relative; float: left; display: inline; width: 760px; height: 32px; margin: 0; padding: 0; background-image: url(images/bg_breadcrumb.gif); background-repeat: repeat-x; background-position: top left;}
	#breadcrumbTrail p{ font-size: 1.1em; padding: 12px 0 0 20px; margin: 0;}


/*-- FOOTER --------------------- */	
#footer {width: 760px; display: inline;}

#footerHolder{width: 760px; margin: 50px 0 30px 0; background: url(images/footer_bg_gradient.gif) top left repeat-y; height: 30px; border-top: #333333 solid 1px; border-bottom: #333333 solid 1px;}	

#footerLeft{ width: 430px; float: left;}
	#footerLeft p {font-size: 1.1em; color: #666666; padding-left: 16px; margin: 0; line-height: 30px;}

#footerRight{ width: 330px; float: left;}
	#footerRight p {font-size: 1.1em; color: #666666; padding-right: 20px; margin: 0; line-height: 30px;}


/*HOME LAYOUT -------------*/

#homeContent {float: left; margin: 10px 22px 0 0; display: inline; width: 294px; background-color:#FFFFFF;}
	#homeContent h3 {font-size: 1.4em; font-weight: bold; color: #0FACEE; margin-top: 5px;}
	#homeContent p {margin: 8px 0 5px 0; font-size: 1.1em; font-weight: normal; color: #333333; line-height: 1.4em; position: relative;}
	#homeContent ul {margin: 0; padding-top: 0px; padding-left: 0px; list-style: none;}
	#homeContent li {padding-left: 25px; padding-bottom: 8px; background-image: url(images/icon_pdf.gif); background-repeat: no-repeat; background-position: 0px -2px;}

#homeContentProspectus {float: none; height: 116px; width: 294px; padding: 0; margin: 0; background-image: url(images/home_bg_prospectus.gif); background-position: left top; background-repeat: no-repeat;}
	#homeContentProspectus span {top: 38px; left: 12px; position: relative;}
	#homeContentProspectus a:link{text-decoration: underline; color: #FFFFFF; background-color: none;}
	#homeContentProspectus a:visited{text-decoration: underline; color: #FFFFFF; background-color: none;}
	#homeContentProspectus a:hover{text-decoration: none; color: #EE3124; background-color: #FFFFFF;}

#homeLeftCol {
	float: left;
	margin: 10px 22px 0 0;
	width: 273px;
	display: inline;
	height: 305px;
	background-repeat: no-repeat;
}
	#homeLeftCol p {padding: 0; margin: 0; top: 62px; left: 20px; position: relative;}

#coursesCol { float: left; height: 405px; margin: 10px 15px 0 0; display: inline; width: 134px; background-color: #00ADEF; background-image: url(images/course_col_bottom.gif); background-position: center bottom; background-repeat: no-repeat; color: #FFFFFF; font-size: 1em;}
	#coursesCol ul {margin-top: 5px; margin-bottom: 5px; margin-left: 0px; padding-top: 0px; padding-left: 0px; margin-bottom: 0px; list-style: none;}
	#coursesCol li {padding-left: 26px; padding-bottom: 0px; background-image: url(images/bullet_courses.gif); background-repeat: no-repeat; background-position: 13px 3px;}
	#coursesCol a:link {text-decoration: none; color: #FFFFFF;}
	#coursesCol a:visited {text-decoration: none; color: #FFFFFF;}
	#coursesCol a:hover {text-decoration: underline; color: #FFFFFF;}
	
/*-- FIRST LEVEL PAGE -------------*/

#contentFirst {float: left; margin: 10px 25px 0 15px; display: inline; width: 330px; background-color:#FFFFFF;}
	#contentFirst h1 {background-position: top left; background-repeat: no-repeat; text-indent: -9000px; margin: 0 0 5px 0; padding: 0;}
	#contentFirst h3 {font-size: 1.4em; font-weight: bold; color: #0FACEE; margin-top: 5px;}
	#contentFirst p {font-size: 1.1em; font-weight: normal; color: #333333; line-height: 1.5em; position: relative;}
	#contentFirst ul {margin: 0; padding-top: 0px; padding-left: 0px; list-style: none;}
	#contentFirst li {padding-left: 20px; padding-bottom: 8px; background-image: url(images/bullet_first_level.gif); background-repeat: no-repeat; background-position: 5px 3px;}
	

/*-- SECOND LEVEL PAGE -------------*/	
#content {float: left; margin: 10px 25px 0 15px; display: inline; width: 330px; background-color:#FFFFFF;}
	#content h1 {background-position: top left; background-repeat: no-repeat; text-indent: -9000px; margin: 0 0 5px 0; padding: 0;}
	#content h3 {font-size: 1.4em; font-weight: bold; color: #0FACEE; margin-top: 5px;}
	#content p {font-size: 1.1em; font-weight: normal; color: #333333; line-height: 1.5em; position: relative;}
	#content ul {margin: 0; padding-top: 0px; padding-left: 0px; list-style: none;}
	#content li {padding-left: 25px; padding-bottom: 8px; background-image: url(images/icon_pdf.gif); background-repeat: no-repeat; background-position: 0px -2px;}
	

/* CONTENT PAGE WITH NARROW IMAGE COLUMN ----------------*/
#contentColumnText {float: left; margin: 10px 25px 0 15px; display: inline; width: 540px; background-color:#FFFFFF;}
	#contentColumnText h1 {background-position: top left; background-repeat: no-repeat; text-indent: -9000px; margin: 0 0 5px 0; padding: 0;}
	#contentColumnText h3 {font-size: 1.4em; font-weight: bold; color: #0FACEE; margin-top: 5px;}
	#contentColumnText p {font-size: 1.1em; font-weight: normal; color: #333333; line-height: 1.5em; position: relative;}
	#contentColumnText ul {font-size: 1.1em; margin: 0; padding-top: 0px; padding-left: 0px; list-style: none;}
	#contentColumnText li {padding-left: 20px; padding-bottom: 8px; background-image: url(images/bullet_first_level.gif); background-repeat: no-repeat; background-position: 5px 3px;}
	#contentColumnText h4 {font-size: 1.4em; font-weight: bold; color: #0FACEE; margin: 10px 0 0 0;}
	#contentColumnText td {font-size: 0.6em;}

#contentColumnImage {float: left; margin-top: 10px 0 0 0; width: 180px; background-color: #FFFFFF; display: inline;}


/*-- SIDEBAR IMAGE --------------------- */	

#sidebar {float: left; margin-top: 10px 0 0 0; width: 390px; background-color: #FFFFFF; display: inline;}
	
/* MISC BITS -------------------------------------*/

.arrow-blue {color: #0FACEE;}

.iconDat { background-image: url(images/icon_dat.gif); background-repeat: no-repeat; padding: 5px 0 0 35px; height: 29px;}