body {
	margin: 0;
	font: 11px/14px Verdana, Arial, sans-serif;
	color: #404b53;
	background-color: #cfdee6;
}
img { border-style: none; }

form,
fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}
#main {
	margin: 0 auto;
	width: 909px;
	overflow: hidden;
	position: relative;
}
.bg-holder {
	background: url(../images/container-bg.gif) repeat-y;
	width: 100%;
	overflow: hidden;
	margin: -4px 0 0;
	position: relative;
	z-index: 1;
}
.bg-holder-bottom {
	background: url(../images/white-containet-bottom.gif) no-repeat 0 100%;
	overflow: hidden;
	width: 100%;
	padding: 0 0 11px;
}
.top-area {
	overflow: hidden;
	width: 100%;
	position: relative;
	z-index: 2;
}
.top-menu {
	float: right;
	background: url(../images/top-area-bg.gif) no-repeat;
	margin: 6px 15px 0 0;
	display: inline;
}
.top-menu ul {
	height: 18px;
	float: left;
	margin: 0;
	padding: 6px 5px 0 1px;
	background: url(../images/top-area-bg-right.gif) no-repeat 100% 0;
	font: 10px/13px Arial, sans-serif;
}
.top-menu ul li {
	float: left;
	display: inline;
	background: url(../images/sep.gif) no-repeat 0 3px;
	padding: 0 4px 0 6px;
}
.top-menu ul li.first {
	background: none;
}
.top-menu ul li a {
	text-decoration: none;
	color: #58646c;
	text-transform: uppercase;
	letter-spacing: -1px;
}
.top-menu ul li a:hover {
	text-decoration: underline;
}

/* ------------------------------------------------------- 
 general search
------------------------------------------------------- */

.form-search {
	background: url(../images/top-area-bg.gif) no-repeat;
	float: right;
	margin: 6px 2px 0 0;
	display: inline;
}
.form-search div {
	float: left;
	background: url(../images/top-area-bg-right.gif) no-repeat 100% 0;
	height: 20px;
	padding: 4px 6px 0 8px;
}

.searchradio {position:relative; top:0px; left:5px;}
.form-search label {color:#404b53; letter-spacing: -1px; float:left; padding-right:5px; margin-top:2px;}
.form-search input  {float:left;}

.form-search #search {
	padding: 0 2px;
	margin: 0 0 0 7px;
	font-size: 11px;
	width: 120px;
	position: relative;
}


#header {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/container-bg-top_bus.gif) no-repeat;
	height: 125px;
}
.header-body {
	height: 124px;
	border-bottom: 1px solid #d4e0e7;
	width: 880px;
	margin: 0 0 0 14px;
}
.logo {
	position: absolute;
	top: 24px;
	left: 27px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/logo.gif) no-repeat;
	width: 74px;
	height: 88px;
}
.hidden-logo,
.hidden-contact,
.hidden-footer-logos { display: none; }
#main-nav {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 72px;
	left: 121px;
	width: 776px;
}
#main-nav li {
	float: left;
	display: inline;
	background: url(../images/sep-2.gif) no-repeat;
	font: bold 10px/11px Verdana, Arial, sans-serif;
	letter-spacing: -1px;
	padding: 0 0 0 2px;
}
#main-nav li a {
	text-decoration: none;
	display: block;
	padding: 7px 0 0 8px;
	color: #71909b;
	height: 45px;
	background: url(../images/main-nav-hover.gif) no-repeat;
}
#main-nav li.item-1 a {
	width: 115px;
}
#main-nav li.item-2 a {
	width: 112px;
}
#main-nav li.item-3 a {
	width: 125px;
}
#main-nav li.item-4 a {
	width: 119px;
}
#main-nav li.item-5 a {
	width: 117px;
}
#main-nav li.item-6 a {
	width: 101px;
}
#main-nav li.item-7 a {
	width: 77px;
}
#main-nav li a span {
	color: #3d9663;
}
#main-nav li a:hover,
#main-nav li a.active {
	background-position: 50% -145px;
}
#main-nav li a:hover span,
#main-nav li a.active span {
	color: #404b53;
}
.slogan {
	float: left;
	text-indent: -9999px;
	background: url(../images/slogan.gif) no-repeat;
	width: 625px;
	height: 47px;
	overflow: hidden;
	margin: 22px 0 0 118px;
}
.container {
	overflow: hidden;
	width: 892px;
	margin: 10px 0 0 14px;
	padding: 125px 0 3px;
	position: relative;
}
.main-banner-box {
	overflow: hidden;
	border-bottom: 1px solid #c4cdd2;
	padding: 0 0 10px;
	width: 880px;
}
.main-banner-box img {
	display: block;
}
.main-area .main-banner-box {
	width: 659px;
}
/* home page - white area start */
.main-content-box {
	border-top: 1px solid #c0d0d9;
	border-bottom: 1px solid #c0d0d9;
	background-color: #fffffc;
	width: 880px;
	overflow: hidden;
	height: 1%;
	padding: 0 0 11px;
}
.main-content-box .welcome {
	float: left;
	width: 331px;
	margin: 19px 0 0 10px;
	display: inline;
}
.main-content-box .welcome .welcome-heading {
	background: url(../images/line-2.gif) repeat-x 0 100%;
	padding: 0 0 14px;
	margin: 0 0 1px;
}
.main-content-box .welcome h1 {
	margin: 0;
	background: url(../images/welcome-to-havering-college.gif) no-repeat;
	width: 320px;
	height: 21px;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 18px;
}
.main-content-box .welcome p {
	margin: 0;
	padding: 15px 0 0 1px;
	color: #404b53;
	font-size: 11px;
	line-height: 15px;
}
.main-content-box .welcome p a {
	color: #0050a2;
	text-decoration: none;
}
.main-content-box .welcome p a:hover {
	text-decoration: underline;
}

/* ------------------------------------------------------- 
 home page course search
------------------------------------------------------- */

.what-and-who {float:left; width:172px; margin:13px 5px 0 13px;}
.what-and-who .heading {display:block; background:url(../images/home_course_title.gif) no-repeat; width:172px; height:41px; text-indent:-9999px;}

.form-what-want {position:relative; top:0px; left:0px; width:172px;}
.form-element {position:relative; top:0px; left:0px; width:162px; height:46px; background: url(../images/home_search_back.jpg) no-repeat; margin-top:2px; padding:5px;}

.form-what-want label {color:#404b53; font-size:11px; line-height:14px; display:block; margin-bottom:3px;}
.form-what-want input {width:141px; color:#404b53; font:11px/14px Arial, Helvetica, sans-serif;}
.form-what-want select {color:#404b53; font:11px/14px Arial, Helvetica, sans-serif; width:160px;}

#ctl00_SearchNow {width:172px; height:42px; margin:0px; position:relative; display:block; margin-top:2px;}

/* home page - white area end */

.buttons {
	border-top: 1px solid #d4e0e7;
	margin: 0;
	padding: 4px 0 0;
	overflow: hidden;
	height: 1%;
}
.content .buttons {
	margin: 0 0 0 8px;
	padding: 6px 0 10px;
}
.detail-page .content .buttons {
	margin: 6px 0 0 8px;
}
.buttons a {
	background: url(../images/button.gif) no-repeat;
	width: 115px;
	height: 23px;
	padding: 8px 0 0 10px;
	text-decoration: none;
	float: left;
	color: #fff;
	font: bold 11px/14px Arial, sans-serif;
	text-transform: uppercase;
	margin: 0 1px 0 -2px;
	display: inline;
}
.line,
.line-2,
.line-3 {
	font-size: 0;
	border-top: 1px solid #d4e0e7;
	height: 7px;
	overflow: hidden;
	clear: both;
	margin: 8px 0 0;
	float: left;
	width: 100%;
}
.detail-box .line {
	margin: 8px 11px 0 10px !important;
	width: 414px;
}
.print-content .line {
	margin: 6px 0 0;
	height: 8px;
	width: 647px;
}
.line-2 {
	margin: 8px 11px 0 0;
	width: 424px;
}
.line-3 {
	border-width: 3px;
	margin: 12px 0 0;
}
.print-content .line-3 {
	width: 647px;
}
.form-vacancy .line {
	margin: 9px 0 0;
	height: 6px;
}
* html .line {
	margin: 6px 0 0;
}
*+html .line {
	margin: 6px 0 0;
}
.form-search-2 .button {
	background: url(../images/button-2.gif) no-repeat;
	width: 169px;
	height: 22px;
	padding: 9px 0 0 16px;
	margin: 0 0 0 12px;
	text-decoration: none;
	color: #fff;
	font: bold 11px/14px Arial, sans-serif;
	display: block;
	overflow: hidden;
	clear: both;
}
.logos {
	overflow: hidden;
	clear: both;
	margin: -18px 0 0 6px;
}
.absolute .logos {
	padding: 10px 0 0;
	margin: 0;
}
.print-footer .logos {
	float: left;
	margin: -18px 0 0 16px;
	display: inline;
	position: relative;
}
.logos .logo-1,
.logos .logo-2 {
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/image-logo-1.gif) no-repeat;
	width: 93px;
	height: 39px;
	float: left;
	margin: 2px 1px 0 -1px;
	display: inline;
}
.print-footer .logo-1 {
	background: url(../images/image-logo-white-1.gif) no-repeat;
	width: 87px;
	height: 40px;
	margin: 2px 13px 0 -1px;
}
.logos .logo-2 {
	background: url(../images/image-logo-2.gif) no-repeat;
	width: 108px;
}
.print-footer .logo-2 {
	background: url(../images/image-logo-white-2.gif) no-repeat;
	width: 104px;
	height: 40px;
}
.column-footer {
	overflow: hidden;
	width: 100%;
	clear: both;
	padding: 9px 0 0;
}
.column-footer-1 {
	float: left;
	width: 214px;
	margin: 0 16px 0 0;
}
.contact-box {
	float: left;
	background: url(../images/contact-box-bg.gif) no-repeat;
	width: 214px;
	margin: 10px 0 0;
}
.explore-havering-college .contact-box {
	margin: 6px 28px 0 0;
	background: url(../images/contact-box-bg-big.gif) no-repeat;
	width: 252px;
}
.border-holder .contact-box {
	background: url(../images/contact-box-bg-white.gif) no-repeat;
}
.contact-box-bg {
	background: url(../images/contact-box-bg-bottom.gif) no-repeat 0 100%;
	padding: 3px 8px 3px;
}
.border-holder .contact-box-bg {
	background: url(../images/contact-box-bg-bottom-white.gif) no-repeat 0 100%;
	padding: 10px 8px 10px 9px;
}
.explore-havering-college .contact-box .contact-box-bg {
	padding: 7px 8px 7px 9px;
	background: url(../images/contact-box-bg-bottom-big.gif) no-repeat 0 100%;
}
.absolute .contact-box-bg {
	padding: 5px 8px 4px;
}
.contact-box p {
	margin: 0;
	color: #404b53;
	font-size: 10px;
	line-height: 15px;
}
.contact-box p span {
	color: #2045a5;
}
.explore-havering-college .contact-box span.phone {
	padding-right: 15px;
}
.contact-box p a {
	text-decoration: none;
	color: #404b53;
}
.contact-box p a:hover {
	text-decoration: underline;
}
.column-footer .banner {
	float: left;
}
.tabset {
	margin: 18px 0 0 9px;
	padding: 0;
	overflow: hidden;
	font: bold 11px/14px Arial, sans-serif;
	height: 1%;
}
.orange-schema .col-4 .tabset,
.gray-schema .col-4 .tabset,
.blue-schema .col-4 .tabset,
.green-schema .col-4 .tabset {
	margin-top: 17px;
}
.tabset li {
	float: left;
	display: inline;
}
.tabset li a {
	background: url(../images/tab-bg.gif) no-repeat;
	float: left;
	color: #fff;
	text-decoration: none;
	margin: 0 1px 0 0;
}
.tabset li a span {
	float: left;
	padding: 5px 5px 0 0;
	height: 23px;
	width: 132px;
	background: url(../images/tab-bg-right.gif) no-repeat 100% 0;
	cursor: pointer;
	text-align: center;
}
.tabset li a.last span {
	width: 71px;
}
.tabset li a.active,
.tabs .tabset li a.active {
	background-position: 0 -28px;
	color: #404b53;
}
.tabset li a.active span,
.tabs .tabset li a.active span {
	background-position: 100% -28px;
}
.tabs {
	float: left;
	width: 336px;
	margin: 13px 0 0 5px;
	display: inline;
}
.tabs .tabset {
	margin: 0;
}
.tabs .tab-box {
	margin: -5px 0 0;
	width: 336px;
}
.tabs .tabset li a {
	background: url(../images/tab-bg-white.gif) no-repeat;
	margin: 0 1px 0 0;
}
.tabs .tabset li a span {
	width: 163px;
	background: url(../images/tab-bg-white-right.gif) no-repeat 100% 0;
}
.tabs .tabset li a.last span {
	width: 162px;
}
.tabs .tabset li a.last {
	margin: 0;
}
.tabs .tabset li a.active {
	background-position: 0 -28px;
}
.tabs .tab-box-bg {
	background: url(../images/tab-box-bg-top-big.png) no-repeat;
}
.tabs div.tab {
	min-height: 210px;
	position: relative;
	overflow: hidden;
	background: url(../images/tab-box-bg-bottom-big.gif) no-repeat 0 100%;
	padding: 0 0 1px;
}
* html .tabs div.tab {
	height: 210px;
	overflow: visible;
}
.tabs .tab-box ul {
	margin: 6px 0 0 3px;
	width: 331px;
}
.tabs .tab-box ul li {
	padding: 4px 20px 5px 14px;
	width: 297px;
}
.tabs .tab-box ul li .date {
	display: block;
}



.tab-box {
	width: 216px;
	margin: -5px 0 0 9px;
	position: relative;
}
.tab-box-bg {
	background: url(../images/tab-box-bg-top.png) no-repeat;
	width: 100%;
}
div.tab {
	background: url(../images/tab-box-bg-bottom.gif) no-repeat 0 100%;
	min-height: 200px;
	position: relative;
	overflow: hidden;
}
* html div.tab {
	height: 200px;
	overflow: visible;
}
.tab-box ul {
	margin: 7px 0 0 3px;
	padding: 0 0 5px;
	font-size: 11px;
	line-height: 14px;
	overflow: hidden;
	width: 208px;
}
.tab-box ul li {
	list-style: none;
	padding: 3px 0 6px 10px;
	margin: -1px 0 0;
	border-top: 1px solid #bbcad3;
	width: 200px;
}
.tab-box ul li .date {
	color: #1e43a3;
	padding: 0 6px 0 0;
}
.tab-box ul li a {
	color: #364a4c;
	text-decoration: none;
}
.tab-box ul li a:hover {
	text-decoration: underline;
}
.col-2 h2,
.col-4 h2 {
	margin: 7px 0 0 9px;
	padding: 0 0 4px;
	color: #404b53;
	font: bold 11px/14px Arial, sans-serif;
}
.col-4 h2 {
	margin: 14px 0 0 9px;
}
.tools {
	margin: 0 7px 0 0;
	padding: 0;
	float: right;
	width: 225px;
	display: inline;
}
.col-4 .tools {
	margin: 0 -2px 0 0;
}
.tools .head {
	display: block;
	background: url(../images/tools-heading2.gif) no-repeat;
	width: 101px;
	height: 20px;
	color: #404b53;
	font: bold 11px/14px Arial, sans-serif;
	padding: 6px 0 0 7px;
	margin: 0 0 0 2px
}
.tools ul {
	margin: 0;
	padding: 0;
}
.tools li {
	float: left;
	background: url(../images/button-3bus.gif) no-repeat;
	width: 114px;
	height: 30px;
	list-style: none;
	overflow: hidden;
	margin: 0 -3px -3px 0;
	position: relative;
}
.tools li a {
	display: block;
	width: 103px;
	height: 23px;
	padding: 8px 0 0 10px;
	text-decoration: none;
	color: #fff;
	font: bold 11px/14px Arial, sans-serif;
}
.tools li a.ico-1 {
	background: url(../images/ico-1.gif) no-repeat 92px 10px;
}
.tools li a.ico-2 {
	background: url(../images/ico-2.gif) no-repeat 92px 10px;
}
.tools li a.ico-3 {
	background: url(../images/ico-3.gif) no-repeat 92px 10px;
}
.tools li a.ico-4 {
	background: url(../images/ico-4.gif) no-repeat 92px 10px;
}
.footer,
.print-footer {
	width: 100%;
	background: url(../images/container-bg-bottom_bus.gif) no-repeat;
	overflow: hidden;
	padding: 19px 0 15px;
}
.home-footer {
	background: none;
	padding-top: 0;
}
.print-footer {
	background: none;
	clear: both;
	height: 40px;
	overflow: visible;
}
.footer ul {
	float: left;
	display: inline;
	margin: 20px 0 0 10px;
	padding: 0;
	overflow: hidden;
}
.footer ul li {
	float: left;
	display: inline;
	padding: 0 15px 0 15px;
	margin: 0 0 0 -1px;
	background: url(../images/sep-3.gif) no-repeat 0 2px;
}
.footer ul li a {
	text-decoration: none;
	color: #647078;
}
.footer ul li a:hover {
	text-decoration: underline;
}
.footer .brentwood,
.footer .havering-live {
	float: left;
	text-indent: -9999px;
	background: url(../images/logo-brentwood.gif) no-repeat;
	width: 84px;
	height: 36px;
	overflow: hidden;
	margin: 8px 0 0 3px;
}
.footer .havering-live {
	background: url(../images/logo-havering.gif) no-repeat;
	width: 97px;
	height: 36px;
	margin: 8px 0 0 7px;
}
.footer p,
.print-footer p {
	float: right;
	display: inline;
	margin: 20px 25px 0 0;
	color: #647078;
}
.print-footer p {
	margin: 5px 27px 0 0;
}
.col-3 {
	float: left;
	width: 222px;
}
.sub-nav-box {
	background: url(../images/sub-nav-bg.jpg) no-repeat;
	width: 212px;
	margin: 0 0 4px;
}
.orange-schema .sub-nav-box {
	background: url(../images/sub-nav-bg-orange.gif) repeat-y;
}
.orange-schema .sub-nav-box-2 {
	background: url(../images/sub-nav-bg-orange.jpg) no-repeat;
}
.gray-schema .sub-nav-box {
	background: url(../images/sub-nav-bg-gray.gif) repeat-y;
}
.gray-schema .sub-nav-box-2 {
	background: url(../images/sub-nav-bg-gray.jpg) no-repeat;
}
.blue-schema .sub-nav-box {
	background: url(../images/sub-nav-bg-blue.gif) repeat-y;
}
.blue-schema .sub-nav-box-2 {
	background: url(../images/sub-nav-bg-blue.jpg) no-repeat;
}
.green-schema .sub-nav-box {
	background: url(../images/sub-nav-bg-green.gif) repeat-y;
}
.green-schema .sub-nav-box-2 {
	background: url(../images/sub-nav-bg-green.jpg) no-repeat;
}
.pink-schema .sub-nav-box {
	background: url(../images/sub-nav-bg-pink.gif) repeat-y;
}
.pink-schema .sub-nav-box-2 {
	background: url(../images/sub-nav-bg-pink.jpg) no-repeat;
}
.sub-nav-box-bg {
	overflow: hidden;
	width: 100%;
	background: url(../images/sub-nav-bg-bottom.gif) no-repeat 0 100%;
}
.orange-schema .sub-nav-box-bg {
	background: url(../images/sub-nav-bg-bottom-orange.gif) no-repeat 0 100%;
}
.gray-schema .sub-nav-box-bg  {
	background: url(../images/sub-nav-bg-bottom-gray.gif) no-repeat 0 100%;
}
.blue-schema .sub-nav-box-bg  {
	background: url(../images/sub-nav-bg-bottom-blue.gif) no-repeat 0 100%;
}
.green-schema .sub-nav-box-bg  {
	background: url(../images/sub-nav-bg-bottom-green.gif) no-repeat 0 100%;
}
.pink-schema .sub-nav-box-bg  {
	background: url(../images/sub-nav-bg-bottom-pink.gif) no-repeat 0 100%;
}
.sub-nav-box ul {
	margin: 0;
	padding: 0;
}
.sub-nav-box ul li {
	list-style: none;
}
.sub-nav-box .heading {
	color: #3d9663;
	font: 18px/19px Arial, sans-serif;
	letter-spacing: -1px;
	display: block;
	margin: 14px 0 0 19px;
}

.sub-nav-box a {text-decoration:none;}

.orange-schema .sub-nav-box .heading,
.gray-schema .sub-nav-box .heading,
.blue-schema .sub-nav-box .heading,
.green-schema .sub-nav-box .heading,
.pink-schema .sub-nav-box .heading {
	color: #fff;
}
.sub-nav-box p {
	margin: 0 0 0 21px;
	color: #5f7a84;
	font: bold 11px/14px Arial, sans-serif;
	text-transform: uppercase;
}
.orange-schema .sub-nav-box p {
	color: #ffdc4f;
}
.gray-schema .sub-nav-box p {
	color: #a9b3b5;
}
.blue-schema .sub-nav-box p {
	color: #99f5ff;
}
.green-schema .sub-nav-box p {
	color: #e9ff64;
}
.pink-schema .sub-nav-box p {
	color: #ffabd6;
}
.sub-nav-box ul {
	margin: 9px 0 0;
	padding: 0 0 4px;
}
.sub-nav-box ul ul {
	margin: 0;
	padding: 0;
}
.sub-nav-box ul li {
	list-style: none;
	background: url(../images/divider.gif) repeat-x;
	margin: 0 2px 0 2px;
	padding: 3px 0 0;
	line-height: 13px;
}
.orange-schema .sub-nav-box ul li {
	background: url(../images/divider-orange.gif) repeat-x;
}
.gray-schema .sub-nav-box ul li {
	background: url(../images/divider-gray.gif) repeat-x;
}
.blue-schema .sub-nav-box ul li {
	background: url(../images/divider-blue.gif) repeat-x;
}
.green-schema .sub-nav-box ul li {
	background: url(../images/divider-green.gif) repeat-x;
}
.pink-schema .sub-nav-box ul li {
	background: url(../images/divider-pink.gif) repeat-x;
}
.orange-schema .sub-nav-box ul li ul li {
	background: #f09760 url(../images/divider-orange-2.gif) repeat-x;
	margin: 0;
}
.sub-nav-box ul li ul li {
	margin: 0;
	background: url(../images/divider.gif) repeat-x;
}
.gray-schema .sub-nav-box ul li ul li {
	background: #84a2a6 url(../images/divider-gray-2.gif) repeat-x;
}
.blue-schema .sub-nav-box ul li ul li {
	background: #ffffff url(../images/divider-blue.gif) repeat-x;
}
.green-schema .sub-nav-box ul li ul li {
	background: #86be35 url(../images/divider-green.gif) repeat-x;
}
.pink-schema .sub-nav-box ul li ul li {
	background: #e286b5 url(../images/divider-pink.gif) repeat-x;
}
.sub-nav-box ul li a {
	text-decoration: none;
	color: #404b53;
	width: 191px;
	display: block;
	margin: 0;
	padding: 2px 0 2px 17px;
}
.orange-schema .sub-nav-box ul li a,
.gray-schema .sub-nav-box ul li a,
.blue-schema .sub-nav-box ul li a,
.green-schema .sub-nav-box ul li a,
.pink-schema .sub-nav-box ul li a {
	color: #fff;
}
.sub-nav-box ul li ul li a,
.orange-schema .sub-nav-box ul li ul li a,
.gray-schema .sub-nav-box ul li ul li a,
.blue-schema .sub-nav-box ul li ul li a,
.green-schema .sub-nav-box ul li ul li a,
.pink-schema .sub-nav-box ul li ul li a {
	color: #1f2427;
	background: url(../images/arrow.gif) no-repeat 18px 7px;
	padding-left: 28px;
	width: 180px;
}
.gray-schema .sub-nav-box ul li ul li a {
	color: #161a1d;
}
.sub-nav-box ul li.active a {
	background-color: #fcfdfd;
}
.green-schema .sub-nav-box ul li.active a {
	color: #2c5312;
}
.orange-schema .sub-nav-box ul li.active a {
	color: #d53600;
}
.gray-schema .sub-nav-box ul li.active a {
	color: #000;
}
.blue-schema .sub-nav-box ul li.active a {
	color: #25626e;
}
.pink-schema .sub-nav-box ul li.active a {
	color: #b31165;
}
.green-schema .sub-nav-box ul li.active ul li a,
.gray-schema .sub-nav-box ul li.active ul li a,
.blue-schema .sub-nav-box ul li.active ul li a,
.orange-schema .sub-nav-box ul li.active ul li a {
	background: url(../images/arrow.gif) no-repeat 17px 7px;
	color: #fff;
}
.pink-schema .sub-nav-box ul li.active ul li a {
	color: #1f2427;
}

/* this set the hover over and active background colour for the sub nav */

.sub-nav-box ul li a:hover,
.sub-nav-box ul li a.active {
	color: #3d9663;
	background-color: #b9b1a2 !important;
}
.orange-schema .sub-nav-box ul li a:hover,
.orange-schema .sub-nav-box ul li a.active {
	color: #d53600 !important;
}
.gray-schema .sub-nav-box ul li a:hover,
.gray-schema .sub-nav-box ul li a.active {
	color: #1e282a !important;
}
.blue-schema .sub-nav-box ul li a:hover,
.blue-schema .sub-nav-box ul li a.active {
	color: #25626e !important;
}
.green-schema .sub-nav-box ul li a:hover,
.green-schema .sub-nav-box ul li a.active {
	color: #2c5312 !important;
}
.pink-schema .sub-nav-box ul li a:hover,
.pink-schema .sub-nav-box ul li a.active {
	color: #b31165 !important;
}
.col-3 .banner {
	display: block;
	margin: 12px 0 -4px;
	position: relative;
}
.col-3 .banner img {
	display: block;
}
.main-area {
	float: left;
	width: 667px;
}
.content {
	float: left;
	width: 435px;
}
.content h1 {
	margin: 0 0 10px;
	padding: 11px 0 8px 9px;
	border-bottom: 1px solid #d4e0e7;
	color: #404b53;
	font: bold 14px/17px Arial, sans-serif;
	letter-spacing: -1px;
	text-transform: uppercase;
}

.content h1 a {color: #404b53; text-decoration:none;}

.detail-page .content h1 {margin: 0;}

.orange-schema .content h1 a {color: #d63700; text-decoration:none;}
.gray-schema .content h1 a {color: #566b6e; text-decoration:none;}
.blue-schema .content h1 a {color: #3ea3b2; text-decoration:none;}
.green-schema .content h1 a {color: #638d25; text-decoration:none;}
.pink-schema .content h1 a {color: #b01264; text-decoration:none;}

.content h1 span {
	color: #3d9663;
}
.orange-schema .content h1 span a,
.gray-schema .content h1 span a,
.blue-schema .content h1 span a,
.green-schema .content h1 span a,
.pink-schema .content h1 span a {
	color: #404b53;
}
.content h2 {
	line-height: 15px;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 10px;
}
.content p {
	padding: 0 9px 15px 10px;
	line-height: 15px;
	margin: 0;
}
.photo {
	float: left;
	background: url(../images/photo-border.gif) no-repeat;
	width: 212px;
	margin: 1px 10px 0 0;
}
.photo div {
	background: url(../images/photo-border-bottom.gif) no-repeat 0 100%;
	padding: 10px 0 12px 10px;
}
.col-4 {
	float: left;
	width: 227px;
	margin: 0;
	padding: 0 0 13px;
	display: inline;
}
.detail-page .col-4 {
	margin: 22px 0 0;
}
.links-box {
	background: url(../images/links-box-bg.gif) no-repeat;
	width: 214px;
	margin: 12px 0 0 9px;
}
.links-box-bg {
	background: url(../images/links-box-bg-bottom.gif) no-repeat -1px 100%;
	overflow: hidden;
	width: 100%;
	padding: 0 0 18px;
}
.links-box .heading,
.vacancy-box .heading {
	text-transform: uppercase;
	color: #404b53;
	font: bold 11px/14px Arial, sans-serif;
	border-bottom: 1px solid #fff;
	width: 196px;
	margin: 12px 0 0 11px;
	padding: 0 0 6px;
	display: block;
}
.orange-schema .links-box .heading span {
	color: #d93d00;
}
.gray-schema .links-box .heading span {
	color: #576c6f;
}
.blue-schema .links-box .heading span {
	color: #3ea3b2;
}
.green-schema .links-box .heading span {
	color: #638d25;
}
.pink-schema .links-box .heading span {
	color: #b11165;
}
.vacancy-box .heading span {
	color: #3d9663
}
.form-links {
	margin: 7px 0 0 11px;
}
.form-links p {
	margin: 0;
}
.form-links select {
	width: 192px;
	margin: 7px 0 0;
	color: #404b53;
	font-size: 12px;
}
.absolute {
	position: absolute;
	bottom: 2px;
	left: 0;
	width: 214px;
}
.vacancy-box {
	background: url(../images/vacancy-box-bg.gif) no-repeat;
	width: 214px;
	margin: 13px 0 0 9px;
}
.vacancy-box-bg {
	background: url(../images/vacancy-box-bg-bottom.gif) no-repeat 0 100%;
	overflow: hidden;
	width: 100%;
	padding: 0 0 7px;
}
.form-vacancy {
	overflow: hidden;
	border-top: 1px solid #cfdee6;
	margin: -2px 0 0 9px;
	width: 198px;
}
.form-vacancy label {
	float: left;
	color: #404b53;
	width: 192px;
	padding: 3px 0 3px 2px;
}
.form-vacancy select {
	float: left;
	color: #404b53;
	font-size: 11px;
	width: 192px;
	margin: 0 0 0 2px;
	display: inline;
}
.form-vacancy input {
	width: 188px;
	display: inline;
	margin: 0 0 0 2px;
	padding: 2px 0 2px;
	font-size: 11px;
	float: left;
}
/*
* html .form-vacancy input {
	margin: 0 0 0 -6px;
}
*+html .form-vacancy input {
	margin: 0 0 0 -6px;
}
*/
.form-vacancy .button {
	background: url(../images/button-4.gif) no-repeat;
	width: 108px;
	height: 23px;
	display: block;
	color: #fff;
	text-decoration: none;
	overflow: hidden;
	clear: both;
	font: bold 11px/14px Arial, sans-serif;
	padding: 8px 0 0 17px;
	margin: 0 0 0 -2px;
	position: relative;
}
.listing-box {
	overflow: hidden;
}
.listing-box .result {
	float: left;
	padding-bottom: 8px;
}
.listing-box .result-quantity {
	float: right;
	padding-bottom: 8px;
}
.listing-box h2 {
	margin: 0 0 0 10px;
	padding: 0;
	color: #404b53;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
}
.listing-box h2 span {
	color: #3d9663
}
.jobs-listing-table,
.news-listing-table,
.diploma-table,
.table {
	width: 435px;
	margin: 0 0 11px;
	padding: 0;
	border-collapse: collapse;
	clear: both;
	border-bottom: 3px solid #d4e0e7;
}
.table {
	border-top: 3px solid #d4e0e7;
	margin: 13px 0 4px 0;
}
.print-content .table {
	width: 647px;
	margin: 18px 0 0;
}
* html .print-content .table {
	margin: 14px 0 0;
}
.diploma-table {
	border: none;
	margin: 0 0 11px;
	position: relative;
	width: 423px;
}
.print-content .diploma-table {
	margin: 0 0 0 5px;
}
.jobs-listing-table td,
.news-listing-table td,
.diploma-table td,
.table td,
.table th {
	margin: 0;
	padding: 8px 0;
	vertical-align: top;
	text-align: left;
	border-top: 1px solid #d4e0e7;
}
.table td,
.table th {
	background-color: #fcfdfe;
	padding: 3px 0;
	font-weight: normal
}
.print-content .table td,
.print-content .table th {
	background: none;
}
.diploma-table td {
	border: none;
	padding: 0 0 1px;
}
.news-listing-table td {
	padding: 8px 5px;
}
.jobs-listing-table .white td,
.news-listing-table .white td {
	background-color: #f7fafc;
}
.jobs-listing-table h3,
.news-listing-table h3 {
	margin: 0;
	color: #404b53;
	font-size: 11px;
	line-height: 15px;
}
.jobs-listing-table h3 a,
.news-listing-table h3 a {
	color: #404b53;
	text-decoration: none;
}
.jobs-listing-table h3 a:hover,
.news-listing-table h3 a:hover {
	text-decoration: underline;
}
.jobs-listing-table p,
.news-listing-table p {
	margin: 0;
	padding: 0;
	color: #404b53;
	font-size: 11px;
	line-height: 14px;
}
.jobs-listing-table p a,
.news-listing-table p a {
	text-decoration: none;
	color: #3d9663;
}
.jobs-listing-table p a:hover,
.news-listing-table p a:hover {
	text-decoration: underline;
}
.jobs-listing-table td.name,
.diploma-table td.name,
.table td.name {
	color: #3d9663;
	width: 106px;
	padding-left: 8px;
}
.diploma-table td.name {
	width: 144px;
	padding: 0 0 0 3px;
}
.table td.name,
.table th.name {
	color: #3d9663;
	padding-left: 7px;
	width: 145px;
}
.table th.name {
	color: #404b53;
	font-weight: bold;
}
.jobs-listing-table td.padding,
.news-listing-table td.padding,
.diploma-table td.padding,
.table td.padding,
.table th.padding {
	background: none;
	width: 3px;
	padding: 0;
}
.paginator {
	float: right;
}
.paginator .prev,
.paginator .next {
	float: left;
	font-size: 11px;
	line-height: 14px;
	text-decoration: none;
	color: #404b53;
	margin: 2px 4px 0 0;
}
.paginator .next {
	margin: 2px 7px 0 4px;
}
.paginator a:hover {
	text-decoration: underline;
}
.paginator ul {
	margin: 2px 0 0;
	padding: 0;
	float: left;
}
.paginator ul li {
	float: left;
	display: inline;
	padding: 0 2px;
}
.paginator ul li a {
	text-decoration: none;
	color: #404b53;
}
.paginator ul li a.active {
	color: #3d9663;
	font-weight: bold;
}
.downloads {
	margin: -1px 6px 0 10px;
	padding: 5px 0 0;
	border-top: 1px solid #cfdee6;
}
.downloads p {
	margin: 0 0 0 3px;
}
.downloads ul {
	margin: 7px 0 -2px;
	padding: 0;
}
.downloads ul li {
	list-style: none;
	border-top: 1px solid #cfdee6;
	padding: 9px 0 6px 10px;
}
.downloads ul li a {
	text-decoration: none;
	color: #404b53;
	padding: 3px 0 4px 65px;
}
.downloads ul li a.ico-word {
	background: url(../images/ico-doc.gif) no-repeat;
}
.downloads ul li a.ico-pdf {
	background: url(../images/ico-pdf.gif) no-repeat;
}
.downloads ul li a.ico-excel {
	background: url(../images/ico-xls.gif) no-repeat;
}
.downloads ul li a:hover {
	text-decoration: underline;
}
.detail-box p {
	margin: 0;
	padding: 0 0 0 10px;
}
.detail-box p strong {
	color: #3d9663;
}
.white-box {
	border-bottom: 1px solid #d4e0e7;
	margin: 0 0 6px;
}
.white-box div {
	background-color: #fff;
	margin: 0 3px;
	padding: 0 0 8px;
	width: 429px;
	overflow: hidden;
}
.white-box div.diploma {
	padding: 0;
}
.white-box .text-box h2 {
	margin: 0;
	color: #404b53;
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;
	padding: 11px 0 0 6px;
}
.white-box .text-box p {
	margin: 0;
	padding: 0 0 0 6px;
	color: #3d9663;
	font-weight: bold;
}
.white-box .diploma h3 {
	margin: 0 0 8px -4px;
	padding: 12px 0 7px 11px;
	color: #404b53;
	font-size: 14px;
	line-height: 17px;
	border-bottom: 1px solid #d4e0e7;
}
.table-contacts {
	margin: 11px 0 0 7px;
	padding: 0;
	border-collapse: collapse;
	width: 421px;
}
.table-contacts td {
	margin: 0;
	padding: 0 0 1px;
	vertical-align: top;
}
.table-contacts td.name {
	font-weight: bold;
	color: #3d9663;
	width: 108px;
}
.table-contacts td span {
	color: #3d9663;
}
.small-table {
	margin: 0 0 0 10px;
	padding: 0;
	border-collapse: collapse;
	width: 218px;
	table-layout: fixed;
	clear: both;
}
.small-table td {
	margin: 0;
	padding: 0 0 1px;
	vertical-align: top;
}
.small-table td strong {
	font-weight: bold;
	color: #3d9663;
}
.content-footer {
	overflow: hidden;
	width: 100%;
}
.content-footer .ref {
	float: left;
}
.content-footer .date{
	float: right;
}
.big-buttons {
	margin: -13px 0 -2px 6px;
	position: relative;
	overflow: hidden;
	width: 221px;
}
.big-buttons .blue,
.big-buttons .green {
	background: url(../images/button-5.gif) no-repeat;
	width: 210px;
	height: 24px;
	padding: 8px 0 0 10px;
	margin: 0 0 -3px;
	position: relative;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	display: block;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	letter-spacing: -1px;
}
.big-buttons .blue {
	background: url(../images/button-6.gif) no-repeat;
}
.gallery-box {
	background: url(../images/gallery-box-bg.gif) no-repeat;
	width: 435px;
	margin: -4px 0 6px;
}
.gallery-box-bg {
	overflow: hidden;
	width: 100%;
	background: url(../images/gallery-box-bg-bottom.gif) no-repeat 0 100%;
	padding: 0 0 2px;
}
.paginator-2 {
	margin: 12px 11px 0 0;
	padding: 0;
	float: right;
	display: inline;
	overflow: hidden;
}
.paginator-2 li {
	float: left;
	display: inline;
	padding: 0 0 7px 1px;
}
.paginator-2 li a {
	text-indent: -9999px;
	overflow: hidden;
	border: 1px solid #b8c9d2;
	background-color: #d4e0e7;
	width: 7px;
	height: 7px;
	font-size: 0;
	text-decoration: none;
	display: block;
}
.paginator-2 li a.active,
.paginator-2 li.active a {
	background-color: #3d9663;
	border: 1px solid #404b53;
}
.mask {
	width: 415px;
	height: 245px;
	overflow: hidden;
	clear: both;
	margin: 0 0 0 9px;
	padding: 2px 0 4px 1px;
	border-top: 1px solid #d4e0e7;
	position: relative;
	background: url(../images/line.gif) no-repeat 0 205px;
}
.line-holder {
	width: 420px;
	margin: -44px 0 0 7px;
	overflow: hidden;
	position: relative;
}
#gallery {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 300px;
	top: 3px;
	width: 30000px;
}
#gallery li {
	width:300px;
	height:245px;
	float:left;
	list-style: none;
	padding: 0 0 0 60px;
	margin: 0 -58px 0 0;
	position: relative;
}
#gallery li img {
	float: left;
}
#gallery li .title {
	float: left;
	color: #404b53;
	width: 263px;
	padding: 12px 0 0 21px;
	position: relative;
}
#gallery li .autor {
	float: left;
	color: #3d9663;
	width: 263px;
	padding: 1px 0 0 21px;
}
#btn-prev-index,
#btn-next-index {
	float: left;
	background: url(../images/brn-prev.gif) no-repeat;
	width: 35px;
	height: 33px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 5px 0 0 16px;
	display: inline;
}
#btn-next-index {
	background: url(../images/brn-next.gif) no-repeat;
	float: right;
	margin: 5px 12px 0 0;
}
.button-bg-left,
.button-bg-right {
	float: left;
	width: 60px;
	height: 40px;
	background-color: #fff;
	margin: -44px 0 0 7px;
	position: relative;
}
.button-bg-right {
	float: right;
	margin-right: 7px;
}
.content-banner {
	display: block;
	clear: both;
	margin: 0 0 0 10px;
	padding: 10px 0 5px;
	width: 415px;
}
.content-banner img { display: block; }
.what-do-you-want {
	width: 212px;
	overflow: hidden;
	color: #404b53;
	margin: 0 0 -2px 12px;
}
.what-do-you-want .heading {
	display: block;
	margin: 7px 0 0 16px;
	padding: 0 0 3px;
	width: 127px;
	height: 77px;
	overflow: hidden;
	text-indent: -9999px;
}
.orange-schema .what-do-you-want .heading {
	background: url(../images/what-do-you-want-to-do-2.gif) no-repeat;
}
.blue-schema .what-do-you-want .heading {
	background: url(../images/what-do-you-want-to-do-4.gif) no-repeat;
}
.green-schema .what-do-you-want .heading {
	background: url(../images/what-do-you-want-to-do-5.gif) no-repeat;
}
.gray-schema .what-do-you-want .heading {
	background: url(../images/what-do-you-want-to-do-3.gif) no-repeat;
}
.pink-schema .what-do-you-want .heading {
	background: url(../images/what-do-you-want-to-do-7.gif) no-repeat;
}
.form-find p {
	padding: 0 0 2px 17px;
	margin: 0;
}
.form-find .input {
	margin: 0 0 0 17px;
	width: 161px;
	font-size: 11px;
	padding: 2px 3px;
}
.form-find .button {
	background: url(../images/button-7.gif) no-repeat;
	width: 160px;
	height: 24px;
	color: #fff;
	text-decoration: none;
	font: bold 11px/14px Arial, sans-serif;
	display: block;
	padding: 9px 0 0 15px;
	margin: 0 0 -3px 13px;
	clear: both;
}
.what-do-you-want .line {
	height: 4px;
}
.print-container {
	background: url(../images/white-containet-bg.gif) repeat-y;
	margin: 26px 0 20px;
}
.print-bg-top {
	background: url(../images/white-containet-top.gif) no-repeat;
	width: 100%;
}
.print-bg-bottom {
	width: 100%;
	overflow: hidden;
	background: url(../images/white-containet-bottom.gif) no-repeat 0 100%;
}
.print-col-1 {
	float: left;
	width: 221px;
	margin: 30px 0 0 13px;
	display: inline;
}
.print-logo {
	display: block;
	overflow: hidden;
	background: url(../images/logo-white.gif) no-repeat;
	width: 185px;
	height: 49px;
	margin: 8px 0 0 12px;
}
.border-holder {
	border-top: 1px solid #dfe7ec;
	margin: 18px 0 0;
}
.print-content {
	float: left;
	width: 661px;
	margin: 44px 0 0;
	overflow: hidden;	 
}
.print-content h1 {
	margin: 0 14px 10px 0;
	padding: 0 0 7px 12px;
	border-bottom: 1px solid #d4e0e7;
	color: #404b53;
	font: bold 14px/17px Arial, sans-serif;
	letter-spacing: -1px;
	text-transform: uppercase;
}
.print-content h1 span {
	color: #3d9663;
}
.print-content h2 {
	color: #404b53;
	margin: 12px 0 8px;
	padding: 0 0 7px 12px;
	font: bold 14px/17px Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #dfe7ec;
}
.print-content h3 {
	margin: 0;
	padding: 0 0 0 12px;
	color: #404b53;
	font-size: 11px;
	font-weight: bold;
}
.print-content p {
	margin: 0;
	padding: 0 40px 1px 12px;
	color: #404b53;
	font-size: 11px;
	line-height: 15px;
}
.print-content .note-text { width: 480px; }
.video-box {
	border-top: 1px solid #8ba6b6;
	border-bottom: 1px solid #8ba6b6;
	background-color: #b9cbd6;
	width: 880px;
	overflow: hidden;
	height: 1%;
	padding: 0 0 14px;
	margin: 10px 0 14px;
}
.video-box .video-area {
	float: left;
	width: 511px;
	margin: 10px 0 0 10px;
	display: inline;
}
.video-box .video-area img,
.video-box .video-area object { display: block; }
.video-box .video { background: url(../images/bg-video.gif) repeat-y;}
.video-box .video .top { background: url(../images/bg-video-top.gif) no-repeat; }
.video-box .video .bottom {
	background: url(../images/bg-video-bottom.gif) no-repeat 0 100%;
	overflow: hidden;
	height: 1%;
	padding: 4px 0 4px 18px;
}
.video-box .thumbnails {
	background: url(../images/bg-video-thumbnails.gif) no-repeat;
	width: 511px;
	height: 106px;
	margin: 5px 0 0;
	padding: 5px 0 0;
	overflow: hidden;
}
ul.thumbnails-list {
	margin:0;
	padding:0;
	display:table-row;
}
ul.thumbnails-list li{
	list-style: none;
	display: table-cell;
	width: 120px;
	height: 91px;
	overflow: hidden;
	vertical-align: top;
	background-color: #000;
	border-right: 2px solid #dfedf3;
	border-left: 2px solid #dfedf3;
}
* html ul.thumbnails-list li{
	float: left;
	clear: right;
}
* +html ul.thumbnails-list li{
	float:left;
	clear:right;
}
ul.thumbnails-list li a {
	display: block;
	width: 120px;
	height: 91px;
	text-decoration: none;
	color: #fff;
	font: 9px/11px Verdana, Arial, Helvetica, sans-serif;
	position: relative;
	text-align: center;
	overflow: hidden;
}
ul.thumbnails-list li a img { margin: 0 auto; }
ul.thumbnails-list li span {
	position: absolute;
	top: 76px;
	left: 0;
	width: 116px;
	background-color: #809da7;
	padding: 1px 0 3px 4px;
	cursor: pointer;
	text-align: left;
}
ul.thumbnails-list li a:hover { background-position: 0 0; }
ul.thumbnails-list li a:hover span,
ul.thumbnails-list li a.active span { background-color: #000; }
.thumbnails .scrollable {
	width: 499px;
	height: 110px;
	position: relative;
	margin: 0 0 0 6px;
	overflow: hidden;
}
.thumbnails div.scroll-content{
	left: 3px;
	width: 491px !important;
	overflow: hidden;
}
.thumbnails .hscroll-bar{
	position:absolute;
	height:5px !important;
	margin:0;
	padding:0;
	bottom: auto !important;
	top: 95px !important;
}
.thumbnails .hscroll-left{
	cursor: pointer;
	height: 5px;
	width: 5px !important;
}
.thumbnails .hscroll-right{
	cursor: pointer;
	position:absolute;
	padding: 0 0 0 2px;
}
.thumbnails .hscroll-line{
	height: 5px !important;
	overflow: hidden;
	background: #8ba6b6 !important;
}
.thumbnails .hscroll-slider{ background: #4c6c82; }
.thumbnails .hscroll-slider div {
	overflow:hidden;
	font-size: 0;
	overflow: hidden;
	height: 5px;
	cursor: pointer;
}
.video-box .extras {
	float: left;
	width: 337px;
	margin: 10px 0 0 12px;
	display: inline;
}
.video-box .extras .banner {
	margin: 0 0 -1px;
	padding: 0;
	display: block;
}
.video-box .extras .banner img {
	display: block;
}
.extras .extra-box {
	background: url(../images/extras-box.gif) no-repeat;
	width: 337px;
	height: 82px;
	margin: 7px 0 0;
	overflow: hidden;
}
.extras .extra-box .image {
	float: left;
	width: 126px;
	height: 80px;
	margin: 1px 15px 0 1px;
	text-indent: -9999px;
}
* html .extras .extra-box .image {
	margin-right: 12px;
}
*+html .extras .extra-box .image {
	margin-right: 12px;
}
.extras .extra-box .image-twitter {
	background: url(../images/twitter.gif) no-repeat;
}
.extras .extra-box .image-facebook {
	background: url(../images/facebook.gif) no-repeat;
}
.extras .extra-box .image-rss {
	background: url(../images/rss.gif) no-repeat;
}
.extras .extra-box .head {
	display: block;
	color: #0050a1;
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
	margin: 12px 0 0;
	padding: 0 0 1px;
}
.extras .extra-box .head a,
.extras .extra-box p a {
	text-decoration: none;
	color: #0050a1;
}
.extras .extra-box .head a:hover,
.extras .extra-box p a:hover {
	text-decoration: underline;
}
.extras .extra-box p {
	margin: 0 10px 0 0;
	line-height: 15px;
}

.explore-havering-college {
	overflow: hidden;
	height: 1%;
	clear: both;
}
.explore-havering-college .text {
	float: left;
	width: 645px;
	margin: 0;
	display: inline;
}
.explore-havering-college h2 {
	background: url(../images/explore-havering-college.gif) no-repeat;
	width: 348px;
	height: 25px;
	margin: 0 0 0 8px;
	overflow: hidden;
	text-indent: -9999px;
	font-size: 20px;
}
.explore-havering-college .text ul {
	float: left;
	margin: 12px 0 0;
	padding: 0;
	width: 173px;
}
.explore-havering-college .text ul li {
	list-style: none;
	font-size: 11px;
	line-height: 15px;
}
.explore-havering-college .text ul li a {
	text-decoration: none;
	color: #404b53;
}
.explore-havering-college .text ul li a:hover {
	text-decoration: underline;
}
.our-assurances {
	margin: 6px 0 0 4px;
	overflow: hidden;
	height: 1%;
}
.our-assurances h3 {
	margin: 0 0 0 20px;
	background: url(../images/our-quality-assurances.gif) no-repeat;
	height: 18px;
	font-size: 16px;
	text-indent: -9999px;
}
.our-assurances ul {
	background: url(../images/our-assurances.gif) no-repeat;
	width: 901px;
	height: 77px;
	margin: 7px 0 0;
	padding: 5px 0 0;
}
.our-assurances ul li {
	float: left;
	list-style: none;
	padding: 0 35px 0 60px;
}
.our-assurances ul li.middle {
	padding-top: 22px;
}
.user-category {
	background: url(../images/line-3.gif) repeat-x;
	width: 657px;
	overflow: hidden;
	height: 1%;
	padding: 0 0 10px;
	margin: -1px 0 0;
}
.user-category ul {
	margin: 0;
	padding: 0 0 0 6px;
	float: left;
}
.user-category ul li {
	list-style: none;
	float: left;
	font: bold 10px/12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 0 4px;
	display: inline;
	position: relative;
}
.user-category ul li a {
	text-decoration: none;
	color: #404b53;
	background: #d0dde4 url(../images/bg-user-category.gif) no-repeat;
	display: block;
	width: 100px;
	padding: 5px 1px 5px 0;
	letter-spacing: -1px;
	text-align: center;
}
.user-category ul li a.pink {
	background: #d0dde4 url(../images/bg-user-category-pink.gif) no-repeat;
	width: 110px;
}
.user-category ul li a:hover {
	color: #fff;
}
.user-category ul li a.orange:hover {
	background-position: 0 -23px;
}
.user-category ul li a.green:hover {
	background-position: 0 -46px;
}
.user-category ul li a.blue:hover {
	background-position: 0 -69px;
}
.user-category ul li a.gray:hover {
	background-position: 0 -92px;
}
.user-category ul li a.pink:hover {
	background-position: 0 -23px;
}
.user-category span {
	float: left;
	color: #88949c;
	font: bold 10px/12px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	background: url(../images/pointer.gif) no-repeat 0 3px;
	padding: 0 0 0 35px;
	margin: 3px 0 0 4px;
}
#imagemenu {
	position: relative;
	width: 880px;
	height: 121px;
	overflow: hidden;
	margin: 8px 0 10px;
}
#imagemenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 121px;
	width: 1000px;
}
#imagemenu ul li {
	float: left;
}
#imagemenu ul li .slide  {
	background: #fff none repeat scroll 0%;
	overflow: hidden;
	width: 177px;
	height: 121px;
	position: relative;
	cursor: pointer;
}
#imagemenu ul li.menu-orange .slide {
	background: url(../images/menu-orange-bg.gif) no-repeat scroll 0%;
}
#imagemenu ul li.menu-blue .slide {
	background: url(../images/menu-blue-bg.gif) no-repeat scroll 0%;
}
#imagemenu ul li.menu-green .slide {
	background: url(../images/menu-green-bg.gif) no-repeat scroll 0%;
}
#imagemenu ul li.menu-black .slide {
	background: url(../images/menu-black-bg.gif) no-repeat scroll 0%;
}
#imagemenu ul li.menu-pink .slide {
	background: url(../images/menu-pink-bg.gif) no-repeat scroll 0%;
}
#imagemenu ul li .slide .bg {
	height: 121px;
	overflow: hidden;
	display: block;
	text-decoration: none;
	cursor: pointer;
}
#imagemenu ul li.menu-orange .slide .bg {
	background: url(../images/menu-orange-bg-right.gif) no-repeat 100% 0;
}
#imagemenu ul li.menu-blue .slide .bg {
	background: url(../images/menu-blue-bg-right.gif) no-repeat 100% 0;
}
#imagemenu ul li.menu-green .slide .bg {
	background: url(../images/menu-green-bg-right.gif) no-repeat 100% 0;
}
#imagemenu ul li.menu-black .slide .bg {
	background: url(../images/menu-black-bg-right.gif) no-repeat 100% 0;
}
#imagemenu ul li.menu-pink .slide .bg {
	background: url(../images/menu-pink-bg-right.gif) no-repeat 100% 0;
}
#imagemenu .heading {
	position: absolute;
	top: 10px;
	left: 8px;
	width: 125px;
}
#imagemenu .heading strong,
#imagemenu .heading span {
	display: block;
	text-indent: -9999px;
	height: 18px;
	overflow: hidden;
}
#imagemenu .heading span {
	height: 21px;
}
#imagemenu ul li.menu-orange .heading strong {
	background: url(../images/14-18-yr-olds.gif) no-repeat;
}
#imagemenu ul li.menu-green .heading strong {
	background: url(../images/adults.gif) no-repeat;
}
#imagemenu ul li.menu-blue .heading strong {
	background: url(../images/business.gif) no-repeat;
	height: 32px;
}
#imagemenu ul li.menu-black .heading strong {
	background: url(../images/international.gif) no-repeat;
	height: 32px;
}
#imagemenu ul li.menu-pink .heading strong {
	background: url(../images/higher-education.gif) no-repeat;
	height: 32px;
}
#imagemenu ul li.menu-orange .heading span {
	background: url(../images/head-what-do-you.gif) no-repeat;
}
#imagemenu ul li.menu-green .heading span {
	background: url(../images/head-do-you-want.gif) no-repeat;
}
#imagemenu ul li.menu-blue .heading span {
	background: url(../images/head-can-professional.gif) no-repeat;
}
#imagemenu ul li.menu-black .heading span {
	background: url(../images/head-need-help.gif) no-repeat;
	height: 22px;
}
#imagemenu ul li.menu-pink .heading span {
	background: url(../images/head-where-do-you.gif) no-repeat;
	height: 24px;
}
#imagemenu .text {
	position: absolute;
	top: 13px;
	left: 131px;
	width: 200px;
	display: none;
	color: #fff;
	font-size: 11px;
	line-height: 15px;
}
#imagemenu ul li.menu-green .text span { color: #c1dd52; }
#imagemenu ul li.menu-blue .text span { color: #99f5ff; }
#imagemenu ul li.menu-pink .text span { color: #d06b9f; }
#imagemenu ul li.menu-orange .text span { color: #ffdc4f; }
#imagemenu ul li.menu-black .text span { color: #93a0a2; }
.bottom-line {
	border-top: 1px solid #d4e0e7;
	height: 1px;
	overflow: hidden;
	height: 9px;
	margin: 0 0 0 5px;
	display: block;
	font-size: 0;
}

/* ------------------------------------------------------- 
 buttons
------------------------------------------------------- */

.form-search #ctl00_s_Search_Query {padding:0 2px; margin:0 0 0 7px; font-size:11px; width:120px; position:relative;}
.form-vacancy #ctl00_RightMenuHolder_SearchAgain {width:125px; height:31px; margin: 0 0 0 -2px; position: relative; display: block;}
.form-vacancy #ctl00_RegisterButton {width:125px; height:31px; margin: 0 0 0 -2px; position: relative; display: block;}


#ctl00_SearchNow2 {width:175px; height:30px; margin: 3px 0 0 18px; position:relative; display:block;}

#ctl00_vsubject2 {width:175px; margin: 2px 0 0 18px; position:relative; display:block;}
#ctl00_vsearchmode2 {width:175px; margin: 5px 0 0 18px; position:relative; display:block;}


/* ------------------------------------------------------- 
 course enquiry
------------------------------------------------------- */

#ctl00_ContentPlaceHolder1_formpanel {position:relative; margin-left:10px; margin-top:20px;}
#ctl00_ContentPlaceHolder1_formpanel label {display:block; float:left; width:150px;}
.redtext {color:#dd340b;}

#popup {position:relative; margin-left:30px; margin-top:30px;}
#popup label {display:block; float:left; width:150px;}

.content h2 {color:#404b53; font: bold 14px/17px Arial, sans-serif; letter-spacing:-1px; text-transform:uppercase;}


.big-buttons {
	margin: -3px 0 -2px 6px;
	position: relative;
	overflow: hidden;
	width: 221px;
}

.dataitem {position:relative; left:0px; top:0px; width:350px; margin-bottom:8px;}
.datalable {position:relative; left:0px; top:0px; width:150px; padding:2px;}
.datatext {position:absolute; left:150px; top:0px; width:200px;}
.datatext input {border-color:#bbcad3;}




.bg-holder {background: url(../images/container-bg2.gif) repeat-y;}

/* e-news reg */
.enewsheading {color:#37435c; font: bold 18px Arial; border-bottom: 1px solid #fff; width: 196px; margin: 12px 0 0 11px; padding: 0 0 6px; display: block;}
.form-vacancy input {width: 188px; display: inline; margin: 0 0 0 2px; padding: 2px 0 2px; font-size: 11px; float:left; border:solid 1px #f0f0f0;}

/* what do you want to do */
.blue-schema .what-do-you-want .heading {background: url(../images/what_do_business.gif) no-repeat;}
.what-do-you-want .heading {display:block; margin:12px 0 0 16px; padding:0 0 3px; width:132px; height:21px; overflow:hidden; text-indent:-9999px;}
#ctl00_SearchNow2 {width:141px; height:24px; margin:0px 0 0 0px; position:relative; display:block;}

/* news and events box */
.tab-box-bg {background:url(../images/tab-box-bg-top2.gif) no-repeat; width:100%;}
div.tab {background:url(../images/tab-box-bg-bottom2.gif) no-repeat 0 100%; min-height:200px; position:relative; overflow:hidden;}
.tabset li a span {background:url(../images/tab-bg-right2.gif) no-repeat 100% 0; width: 102px;}
.tabset li a {background:url(../images/tab-bg3.gif) no-repeat; margin: 0 1px 0 10; font-size:1.6em;}
.tabset li a.last span {width:101px;}
.tabset li a.active,
.tabs .tabset li a.active {background-position: 0 -28px; color: #ffffff;}

/* page titles */
/*.content h1 {margin:0px; padding:0px; border-bottom:none; font: bold 14px/17px Arial, sans-serif;} */
.blue-schema .content h1 a {color: #aaa292; text-decoration:none;} 
.blue-schema .content .bushead {padding: 11px 0 8px 9px; border-bottom: 1px solid #d4e0e7;}
.blue-schema .content .bussub a {color: #aaa292; padding:0px; text-decoration:none; font: bold 1.5em Arial;}

.blue-schema .content h1 span {color: #aaa292;}

/* menu */
.blue-schema .sub-nav-box {background: url(../images/sub-nav-bg-blue.gif) repeat-y;}
.blue-schema .sub-nav-box-2 {background: url(../images/sub-nav-bg-blue3.gif) no-repeat;}
.blue-schema .sub-nav-box .heading{color: #404e68;}
.blue-schema .sub-nav-box p {color:#404e68;}
.blue-schema .sub-nav-box ul li a {color:#404b53;}
.blue-schema .sub-nav-box ul li.active a {color: #404b53;}
.blue-schema .sub-nav-box ul li a:hover,
.blue-schema .sub-nav-box ul li a.active {color: #404b53 !important;}

#goals {position:relative; top:0px; left:0px; padding:15px 0px 0px 10px;}

.busregbox {
    background: url(../images/vacancy-box-bg.gif) no-repeat;
	width: 214px;
	margin: 13px 0 0 0px;
}
	
.busregbox-bg {
	background: url(../images/vacancy-box-bg-bottom.gif) no-repeat 0 100%;
	overflow: hidden;
	width: 100%;
	padding: 0 0 7px;
}