/*

BSFC - Default CSS Document
---------------------------

1. General
2. Standard tags
3. Core layout
4. Top bar
5. Header 
6. Search / breadcrumbs
7. Main content
8. Footer

*/


/*
=================================
1. General
=================================
*/

* {
	margin: 0;
	padding: 0;
	outline: 0;
}

.clearer {
	clear: both;
}

hr.clearer {
	border: none;
	height: 0;
}


/*
=================================
2. Standard tags
=================================
*/

body {
	background: #bfe0fa url(images/body-gradient.jpg) repeat-x left top;
	font-family: "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 62.5%;
	margin: 0 0 15px 0;
}

a img {
	border: none;
}

address {
	font-style: normal;
}

p {
	margin: 1.2em 0 1.2em 0;
}

ul {
	margin: 0;
}


/*
=================================
3. Core layout
=================================
*/

#outerContents {
	background: url(images/outer-contents-bg.jpg) no-repeat center top;
	width: 100%;
}

#contents {
	background: #fff;
	height: auto;
	margin: 0 auto;
	width: 881px;
}


/*
=================================
4. Top bar
=================================
*/

#topBar {
	background: #43000a url(images/topbar-bg.gif) repeat-x left top;
	color: #fff;
	font-size: 1.4em;
	
}
#topBar a {
	color: #fff;
}
#topNav {
	list-style: none;
	width: 808px; /* 700px + 28px border */
	margin: 0 auto;
}
#topNav li {
	float: left;
	width: 100px;
	margin: 0;
	border-left: 2px solid #43000a;
	border-right: 2px solid #43000a;
}
#topNav li a {
	background: #000;
	display: block;
	float: left;
	padding: 10px 0 10px 0;
	text-align: center;
	width: 100px;
	text-decoration: none;
}


#topNav li a:hover {
	color: #70b2f5;
}
#topNav li a#currentSection {
	background: #fff;
	color: #000;
}
#topNav li a.small {
	font-size: 0.9em;
	width: 180px;
}

/*
=================================
5. Header
=================================
*/

#header {
	padding: 5px 0;
	font-size: 1.2em;
	background: #fff;
}

/* CATEGORIES MENU */

#header .categories {
	width: 300px;
	float: left;
	height: 250px;
	display: inline;
	margin: 0 0 0 0;
}

#header .categories p {
	color: #999;
	margin-left: 5px;
}

#header .categories ul { 
	list-style: none;
}

#header .categories li a {
	width: 290px;
	height: 70px;
	background: top left no-repeat;
	text-indent: -9999px;
	display: block;
	outline: none;
	margin: 0 0 0 5px;
}

#header .categories li.level3 a { background-image: url(images/courses/categories/level3-norm.jpg); }
#header .categories li.level3 a:hover,
#header .categories li.level3 a.current { background-image: url(images/courses/categories/level3-over.jpg); }

#header .categories li.level2 a { background-image: url(images/courses/categories/level2-norm.jpg); }
#header .categories li.level2 a:hover,
#header .categories li.level2 a.current { background-image: url(images/courses/categories/level2-over.jpg); }

#header .categories li.adult a { background-image: url(images/courses/categories/adult-norm.jpg); }
#header .categories li.adult a:hover,
#header .categories li.adult a.current { background-image: url(images/courses/categories/adult-over.jpg); }


#header .categories dl {
	height: 200px;
	
}

#header .categories dt {
	font-weight: bold;
}

#header .subPages {
	list-style: none;
	width: 300px;
	float: left;
	height: 250px;
	overflow: auto;
}

#header .subPages li a {
	background: #eee url(images/subpages-menu1.gif) no-repeat center left;
	text-decoration: none;
	color: #000;
	padding: 5px 4px 5px 16px;
	border-bottom: 1px solid #ccc;
	display: inline-block;
	margin-left: 5px;
}

#header .subPages li a {
	display: block;
}

#header .subPages li a:hover {
	background: #ccc url(images/subpages-menu2.gif) no-repeat center left;
}

#header .subPages li.current a {
	color: #fff;
	cursor: default;
	background: #666 url(images/subpages-menu3.gif) no-repeat center left;
}

#header #resultsNav li a {
	text-indent: -9999px;
}

#header #resultsNav #level3results a {
	background: #fff url(images/results-nav/results-level3-norm.jpg) no-repeat left top;
	height: 65px;
	border-bottom: none;
}

#header #resultsNav #level3results a:hover, #header #resultsNav .current#level3results a {
	background: #fff url(images/results-nav/results-level3-over.jpg) no-repeat left top;
}

#header #resultsNav #level2results a {
	background: #fff url(images/results-nav/results-level2-norm.jpg) no-repeat left top;
	height: 65px;
	border-bottom: none;
}

#header #resultsNav #level2results a:hover, #header #resultsNav .current#level2results a {
	background: #fff url(images/results-nav/results-level2-over.jpg) no-repeat left top;
}

#sideCol {
	width: 270px;
	float: left;
	margin: 0 0 0 20px;
}

#sideCol h3 {
	font-size: 1em;
}

#subPages2 {
	list-style: none;
	width: 270px;
	float: left;
}
#lefty {
	width:270px;
	float:left;
}
#newsletters {
	margin-left: 15px;
}
#subPages2 li a {
	color: #666;
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
	padding-top: 8px;
	display: inline-block;
	margin-left: 15px;
}

#subPages2 li a {
	display: block;
}



#subPages2 li a:hover {
	border-bottom-color: #666;
}

#subPages2 li.current a {
	cursor: default;
	border-bottom-color: #000;
	color: #000;
	text-decoration: none;
}




#sectionTitle {
	width: 460px;
	height: 250px;
	background: url(images/courses-bg.jpg) no-repeat left top;
	float: left;
	margin: 0 0 0 7px;
	display: inline;
}

body.contact #sectionTitle { width: 760px; margin: 0 0 0 5px; background-image: url(images/contact-bg.jpg); }

body.about #sectionTitle { background-image: url(images/about-bg.jpg); }
body.activities #sectionTitle { background-image: url(images/activities-bg.jpg); }
body.support #sectionTitle { background-image: url(images/support-bg.jpg); }
body.results #sectionTitle { background-image: url(images/results-bg.jpg); }

#header .logo {
	float: right;
	width: 101px;
	height: 250px;
	background: url(images/bsfc-logo.gif) no-repeat left top;
	text-indent: -9999px;
	margin-right: 5px;
	display: inline;
}

/*
=================================
6. Search / Breadcrumbs
=================================
*/
#resize {
	float:right;
	margin-left:10px;
}
#topSearch {
	float: right;
}

#topSearch label {
	color: #d27a86;
}

#searchBar {
	padding: 5px 5px 15px 5px;
	background: #630a17 url(images/searchbar-bg.jpg) repeat-x left bottom;
	color: #fff;
	margin: 0 5px 0 5px;
	font-size: 1.2em;
}
#searchBar p {
	margin: 0;
}
#searchBar a {
	color: #fff;
}
#breadcrumbs {
	float: left;
	padding: 3px 0 0 0;
}

/*
=================================
7. Main content
=================================
*/

#mainContent {
	padding: 5px;
	font-size: 1.3em;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}

#mainContent.bg1 {
	background: url(images/content-backgrounds/contentwrapper-bg1.jpg) no-repeat 5px 0;
	margin: 0 0 5px 0;
}

#mainContent.bg2 {
	background: url(images/content-backgrounds/contentwrapper-bg2.jpg) no-repeat 5px 0;
	margin: 0 0 5px 0;
}

#mainContent.bg3 {
	background: url(images/content-backgrounds/contentwrapper-bg3.jpg) no-repeat 5px 0;
	margin: 0 0 5px 0;
}

#mainContent.bg4 {
	background: url(images/content-backgrounds/contentwrapper-bg4.jpg) no-repeat 5px 0;
	margin: 0 0 5px 0;
}

#mainContent.bg5 {
	background: url(images/content-backgrounds/contentwrapper-bg5.jpg) no-repeat 5px 0;
	margin: 0 0 5px 0;
}

#mainContent.bg6 {
	background: url(images/content-backgrounds/contentwrapper-bg6.jpg) no-repeat 5px 0;
	margin: 0 0 5px 0;
}

#mainContent.bg10 {
	background: url(images/content-backgrounds/contentwrapper-bg10.jpg) no-repeat 5px 0;
	margin: 0 0 5px 0;
}
#mainContent.bg11 {
	background: url(images/content-backgrounds/maincontent-bgs11.jpg) no-repeat 5px 0;
	margin: 0 0 5px 0;
}
#mainContent.bg12 {
	background: url(images/content-backgrounds/maincontent-bg12.jpg) no-repeat 5px 0;
	margin: 0 0 5px 0;
}


#mainContent h1 {
	font-size: 1.3em;
	background: url(images/h2-intro-bg.jpg) no-repeat left bottom;
	color: #48060e;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
}

#mainContent h2 {
	background: #eee;
	font-size: 12px;
	padding: 5px;
	border-bottom: 1px solid #ccc;
}

#mainContent .galleryLink a {
	background: #eee;
	border: 1px solid #666;
	color: #666;
	padding: 5px;
}

#mainContent .galleryLink a:hover {
	color: #333;
	border-color: #333;
}


#leftCol {
	float: left;
	width: 40%;
}


/* BEGIN HOMEPAGE (MAIN CONTENT) */

#homeIntro {
	width: 367px;
	float: left;
}

#mainContent #homeIntro .firstPara {
	margin-top: 0;
}

#mainContent #homeIntro .firstPara:first-letter {
	font-size: 2em;
	color: #48060e;
}

#homeRightCol {
	width: 495px;
	float: right;
}

#whyBSFC {
	background: url(images/flashHolderHome.jpg) top left no-repeat;
	height: 220px;
	position:relative;
}
#downloadVideos {
	list-style:none;
	padding:20px;
	background:url(images/black.png) top left;
	position:absolute;
	bottom:0px;
	width:455px;
}
#downloadVideos a{
	color:#FFFFFF;
}
#homeContactInfo {
	background: #001428 url(images/contact-6sfc-logo.gif) no-repeat left top;
	color: #fff;
	padding: 10px 0 10px 50px;
	margin: 10px 5px 0 0;
	width:440px;
	float:right;
}

#homeContactInfo p {
	margin: 0;
}

#homeContactInfo strong {
	color: #7b94ad;
}

.homeBox {
	margin: 10px 5px 0 0;
	overflow: auto;
	height: 270px;
	padding: 5px;
	width: 230px;
	background: #e9e9e9 url(images/homebox-bg.jpg) repeat-x left top;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}

.homeBox h2 {
	font-size: 16px;
	border-bottom: 1px dashed #999;
	padding: 0 0 5px 0;
}

#latestNews {
	float: left;
}

#latestNews h2 {
	background: #fff;
	border-bottom-color: #999;
	margin-bottom: 10px;
}

#latestNews h3 {
	color: #48060e;
	font-size: 0.9em;
	
}

#latestNews h3 a {
	color: #48060e;
	text-decoration: none;
	display: block;
	border-bottom: 1px dashed #999;
}

#latestNews h3 a:hover {
	border-bottom-style: solid;
}

#latestNews p {
	margin: 0;
	font-size: 0.9em;
}

#latestNews p.date {
	color: #666;
	margin: 0;
	float: right;
}

.newsItem {
	margin-bottom: 20px;
	margin-top: 10px;
	padding: 0;
}

#quickLinks {
	float: right;
	background: #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: 1em;
}
#quickLinks h2 {
	margin: 0;
	
}
#quickLinks h3 {
	padding: 10px 0 10px 0;
	clear: left;
	font-size: 1em;
	color: #222;
}
#quickLinks ul {
	margin-left: 20px;
}
#quickLinks li {
	color: #666;
}
#quickLinks li a {
	color: #222;
}


/* END HOMEPAGE (MAIN CONTENT) */

#mainContent #courseSummaryTable {
	border: 1px solid #ccc;
	border-collapse: collapse;
	caption-side: bottom;
	width: 55%;
	float: right;
	margin: 0 10px 0 0;
}

#mainContent #courseSummaryTable th {
	padding: 5px;
	border: 1px solid #fff;
}

#mainContent #courseSummaryTable th.level2 { background: #84b3d7; }
#mainContent #courseSummaryTable th.level3 { background: #ff9e00; }

#mainContent #courseSummaryTable td {
	text-align: left;
	vertical-align: top;
	border: 1px solid #ccc;
	padding: 5px;
	width: 50%;
}

#mainContent #courseSummaryTable ul {
	margin-left: 20px;
}

#mainContent #courseSummaryTable caption {
	color: #FF0000;
	text-align: right;
}
#mainContent #courseSummaryTable .compulsory {
	color: #FF0000;
}


#mainContent .categories {
	clear: both;
	
}

#mainContent .categories .col {
	float: left;
	width: 270px;
	height: 330px;
	background: #999;
	margin: 20px 10px 10px 10px;
	padding-top: 10px;
	text-align: center;
	border-top: 5px solid #000;
}



#mainContent .categories #level3Col { background: #f6df6c; border-top-color: #e9c92b; }
#mainContent #level2Col { background: #bfe0fa; border-top-color: #8cbde4; }
#mainContent #adultCol { background: #94f19f; border-top-color: #54d160; }

#mainContent .categories h2 {
	text-align: center;
}
#mainContent .categories h2 a {
	color: #000;
}
#mainContent .categories .col p {
	padding: 10px;
}


#courseList ul  {
	list-style: none;
	float: left;
}

#courseList ul li a {
	color: #000;
	display: block;
	margin: 2px 2px 2px 0;
	padding: 2px;
	width: 145px;
	text-decoration: none;
}

/* Level 3 */	#courseList.level3 ul li a { background: #f6df6c; }
				#courseList.level3 ul li a:hover { background: #e9c92b; }
				#courseList.level3 ul li.current a { background: #6e5b00; color: #fff; cursor: default; }

/* Level 2 */	#courseList.level2 ul li a { background: #bddff9; }
				#courseList.level2 ul li a:hover { background: #a8ceec; }
				#courseList.level2 ul li.current a { background: #568fbc; color: #fff; cursor: default; }


#mainCol {
	float: right;
	width: 540px;
	margin: 0 20px 0 0;
	display: inline; /* IE6 Fix */
}

#mainCol .newsItem {
	border: 1px solid #999;
	padding: 3px;
	margin: 0 0 10px 0;
}

#mainCol .newsDate {
	text-align: right;
	border-top: 1px solid #ccc;
	padding: 3px;
	margin: 0;
}

#mainCol h2 {
	margin: 10px 0;
}

#mainCol.news h3 {
	background: #333333;
	color: #fff;
	border-bottom: none;
	padding: 3px;
	margin: 0;
}

#mainCol h3 {
	font-size: 1em;
	margin: 1em 0;
	border-bottom: 1px dashed #999;
}

#mainCol h4 {
	margin: 10px 0;
	font-size: 1em;
}


#mainCol ul, dl, blockquote {
	margin: 0 0 0 20px;
}

#mainCol ol {
	margin: 0 0 0 30px;
}

#mainCol li {
	margin: 5px 0;
}

table#staff {
	border: 3px solid #eee;
	border-collapse: collapse;
}

table#staff p {
	margin: 0;
}

table#staff td {
	background: #eee;
	border: 1px solid #ccc;
	border-collapse: collapse;
	padding: 2px;
}

#caseStudies img {
	float: left;
}

.outerCase h2 {
	background: #eee;
	padding: 5px 0;
	border-bottom: 1px solid #666;
}

.outerCase img {
	padding: 2px;
	border: 1px solid #ccc;
	float: left;
}

.case {
	width: 350px;
	float: right;
}

.siteMap ul {
	list-style: none;
}

.siteMap ul ul {
	list-style: disc;
	margin-left: 20px;
	padding: inherit;
}

.siteMap ul ul ul {
	font-size: 10px;
}

.siteMap ul li a {
	color: #000;
	background: #eee;
	display: block;
	margin: 8px 0;
	padding: 3px;
	border-bottom: 1px solid #333;
}

.siteMap ul ul li a {
	color: #666;
	background: transparent;
	display: inherit;
	padding: inherit;
	margin: inherit;
	border-bottom: none;
}

.results table {
	width: 100%;
	border-collapse: collapse;
}

.results table th {
	background: #ccc;
	padding: 2px;
}

.results table td {
	padding: 2px;
	vertical-align: middle;
	border: 1px solid #ccc;
}

.results table colgroup.subject {
	background: #eee;
}

/*
=================================
8. Footer
=================================
*/

#footer {
	background: #630a17;
	color: #fff;
	font-size: 1em;
	padding: 0.5em;
	border: 1px solid #fff;
}

#footer a {
	color: #fff;
}

#footer address {
	float: right;
}

#footer ul.links {
	float: left;
	list-style: none;
	
}
#footer ul.links li {
	display: inline;
	margin-right: 5px;
}

.mins {
	float:left;
	width:20%;
	margin-right:20px;
	text-align:center;
}