/*
	Filename         :	default.css		
	Created by       :	Foresite Business Solutions
	Created		   :	03 January 2008		
	Comments         :	

*/
@import url("reset.css");
/* ---------- GLOBAL ----------------------------------- */

html, body {
	margin: 0;
	height: 100%;
}

body	{ 
	background: #fff;
	font: 73% Arial, Verdana, Sans-serif;
	color: #333;
}

a {
	text-decoration: none;
	color: #2E77AA;
}

a:hover {
	text-decoration: underline;
}

img {
	border: 0;		
}

.floatleft {
	float: left;
	padding:0 10px 0 0;
}

.floatright {
	float: right;
	padding:0 0 0 10px;
}

.left {
	text-align: left; 
 }
 
.right {
	text-align: right; 
 }
 
.centre {
	text-align: center; 
 }

.clear 	{
	clear: both;
}

hr {
	margin: 0;
	padding: 5px 0 0 0;
	border: 0;
	border-bottom: 1px solid #D6E0E1;
}

strong {
	font-weight: bold;
}

.tabcontent ol li, #main ol li {
	list-style-type: decimal;
	margin: 10px 0 10px 40px;
}

.tabcontent ul li, #main ul li {
	list-style-type: square;
	margin: 10px 0 10px 40px;
}

#content ul ul li, #content ol ul li, #main ul ul li, #main ol ul li {
	background: none;
	list-style-type: square;
	list-style-image: none;
	list-style-position: outside;
	font-size: 1em;
	margin-left: 20px;
}

#programmedetails li {
	list-style-type:square;
}

#content dl dt, #main dl dt {
	font-size: 1em;
	margin: 12px 10px 12px 4px;
	font-weight: bold;
}

#content dl dd, #main dl dd {
	font-size: 1em;
	margin: 5px 10px 4px 4px;
}

.tabcontent p, #main p {
	color: #142244;
	line-height: 145%;
	padding: 8px 0;
}


/* ---------- LAYOUT ----------------------------------- */

#wrapper { 
	width: 979px; 
	background: #fff; 
	margin: 0 auto;
	z-index: -1;
}

#leftbar, #rightbar {  
	width: 196px;
	float: left;
	padding-left: 12px;
	height: 100%;
}

#rightbar	{
	float: right;
	padding: 0;
}

#content	{ 
	padding: 0;
	margin-left: 229px;
	width: 530px;
}

#content:after { 
	content:' '; 
	clear: both; 
	display: block;
	height: 0;
	overflow: hidden;
    visibility: hidden;
}	

#footer	{ 
	clear: both;
	margin: 20px 0 0 0; 
	padding: 4px 12px 5px 12px; 
	background: #fecb34; 
	font-size: 95%; 
	position: relative;
}

#footer2	{ 
	clear: both;
	margin: 0px 0 0 0; 
	padding: 54px 12px 5px 12px; 
	background: url(../images/bg/footer.gif) top left no-repeat; 
	font-size: 95%; 
	position: relative;
}

p:first-child, p.first-child	{ 
	margin-top: 0;
}

.top {
	margin-top: 6px;
}

/* ---------- HEADER ----------------------------------- */

#header {
	margin: 0;
	padding: 0;
	width: 979px;
	background: url(../images/bg/header_bg.gif) no-repeat top right;
}

#header2 {
	margin: 10px 0 0 0;
	padding: 0;
	width: 979px;
	/*background: url(../images/bg/Header_Strapline.gif) no-repeat top right; */
	vertical-align:middle;
}

#header2 h2 {
    text-align:right;
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    vertical-align:middle;
	margin: 0;
	padding: 0;
	width: 979px;
	color:#000000;
	float:right;
}

#CLPheader {
	margin: 0;
	padding: 0;
	width: 979px;
	/*background: url(../images/CLP/CLP_Logo.gif) no-repeat center right;*/
}

#logo {
	float: left;
}

/* ----- MAIN NAV ----- */

#nav {
	 position: relative;	 
	 height: 100%;
	 font-size: 98%;
	 clear: both;
	 padding: 10px 0;
	 background: url(../images/bg/nav_bg.gif) no-repeat top right; 
}

#CLPnav {
	 position: relative;	 
	 height: 100%;
	 font-size: 98%;
	 clear: both;
	 padding: 0 0; 
}

#nav div {
	margin-left: 20px; /*  Was 210px */
}

#nav a, #nav span {
	 padding: 5px 4px 7px;
	 text-decoration: none;
	 color: #000;
} 
  
html>body #nav a {
	height: 2em;
}

#nav a:hover {
  	color: #555;
  	text-decoration: underline;
}

#nav strong {
  	color: #999;
}

#nav span {
	color: #666;
}


/* ----- MAIN NAV ----- */

#nav2 {
	 position: relative;	 
	 height: 100%;
	 font-size: 98%;
	 clear: both;
	 padding: 0 0; 
}

#nav2 div {
	margin-left: 20px; /*  Was 210px */
}

#nav2 a, #nav2 span {
	 text-decoration: none;
	 color: #000;
} 
  
html>body #nav2 a {
	height: 2em;
}

#nav2 a:hover {
  	color: #555;
  	text-decoration: underline;
}

#nav2 strong {
  	color: #999;
}

#nav2 span {
	color: #666;
}

/* ---------- TYPOGRAPHY ------------------------------- */

h1	{
	font-size: 107%;		
	font-weight: bold;		
	color: #142244;	
}	

h2	{
	font-size: 100%;	
	font-weight: bold;	
	color: #fff;	
}

h3	{		
	line-height: 122%;	
	font-weight: bold;
	color: #4165a3;
}

#CLP h1	{
	font-size: 107%;		
	font-weight: bold;		
	color: #A22F1D;	
}	

#CLP h2	{
	font-size: 100%;	
	font-weight: bold;	
	color: #A22F1D;	
}

#CLP h3	{		
	line-height: 122%;	
	font-weight: bold;
	color: #A22F1D;
}

p	{
	color: #142244;
	line-height: 110%;
}

#CLP p	{
	color: #142244;
	padding-bottom: 0;
	line-height: 110%;
}

/* ---------- LEFT BAR ------------------------------ */
/* ----- SEARCH ----- */

#search h2 {
	color: #fff;
	padding: 5px 0 6px 10px;
	font-size: 95%;
	background: url(../images/bg/left_grey_hdr_bg.gif) no-repeat;
}

#search ol {
	padding: 5px 5px 5px 5px;		
	margin-left: 2px;		
	font-size: 93%;
	font-weight: bold;		
}

#search ol li	{		
	padding: 0 0 3px 16px;		
	background: url(../images/common/black_arrow.gif) 1px no-repeat;
}

#search-content ol li a:link, #search-content ol li a:visited {
	color: #000;
}

#search-content ol li a:hover {		
		
}
		
#search label	{		
	color: #000;		
}
		
.searchSubmit {		
	position: relative;		
	top: 4px;	
	padding-top: 0;		
	margin-top: 0;		
}

#search-content	{		
	background: #FFF url(../images/bg/left_yellow_bg_btm.gif) bottom no-repeat;
	padding-top: 5px;		
	padding-bottom: 5px;		
	padding-left: 5px;
}

#search form, #search fieldset {	
	padding: 0 5px;		
}

#search-content .label1, #search-content .label2 {
	margin-top: 6px;
	font-size: 10px;
	height: 10px;
	display: block;
	float: left;
	padding: 0;
}

#search-content .label2 {
	margin-right: 3px;
}

#search-content .radio1, #search-content .radio2 {
	margin-top: 5px;
	margin-right: 3px;
	display: block;
	float: left;
}

#searchTerms {		
	border: 1px solid #a5a4a5;		
	width: 130px;
	padding: 2px;	
}

/* ----- SEARCH 2 ----- */

#search2 {
min-height:250px;
}

#search2 h2 {
	color: #fff;
	padding: 5px 0 4px 10px;
	font-size: 95%;
	background: url(../images/bg/Left_Panel_Header.gif) no-repeat;
}

#search2 ol {
	padding: 5px 5px 5px 5px;		
	margin-left: 2px;		
	font-size: 93%;
	font-weight: bold;		
}

#search2 ol li	{		
	padding: 0 0 3px 16px;		
}

#search-content2 ol li a:link, #search-content2 ol li a:visited {
	color: #000;
}

#search-content2 ol li a:hover {		
		
}
		
#search2 label	{		
	color: #000;		
}
		
.searchSubmit2 {		
	position: relative;		
	top: 4px;	
	padding-top: 0;		
	margin-top: 0;		
}

#search-content2	{		
	background: #FFF url(../images/bg/Left_Panel_Box.gif) bottom no-repeat;
	padding-top: 0px;		
	padding-bottom: 5px;		
	padding-left: px;
}

#search2 form, #search2 fieldset {	
	padding: 0 5px;		
}

#search-content2 .label1, #search-content .label2 {
    min-height: 250px;
	margin-top: 6px;
	font-size: 10px;
	height: 10px;
	display: block;
	float: left;
	padding: 0;
}

#search-content2 .label2 {
	margin-right: 3px;
}

#search-content2 .radio1, #search-content2 .radio2 {
	margin-top: 5px;
	margin-right: 3px;
	display: block;
	float: left;
}

#searchTerms2 {		
	border: 1px solid #a5a4a5;		
	width: 130px;
	padding: 2px;	
}

/* ----- LEFT NAV BOX ----- */

.left-nav-list {
	background: #fff url(../images/bg/left_bg_top.gif) top no-repeat;
	padding: 1px 0 0 0;
}

.left-nav-list h3, .left-nav-list-selected h3	{
	margin-left: 10px;
	margin-bottom: 5px;
}

.left-nav-list-content	{
	padding: 0 10px 5px 5px;
	margin-bottom: 3px;
	background: url(../images/bg/left_bg_btm.gif) bottom no-repeat;
}

.left-nav-list-content ol {
	padding: 5px 5px 5px 5px;		
	margin-left: 2px;		
	font-size: 93%;
}

.left-nav-list-content ol li {		
	padding: 0 0 3px 16px;		
	background: url(../images/common/blue_arrow.gif) 1px no-repeat;
}

.left-nav-list-content2	{
	padding: 0 10px 5px 5px;
	margin-bottom: 3px;
	background: url(../images/bg/Portfolio_Panel.jpg) bottom no-repeat;
}

.left-nav-list-content2 ol {
	padding: 5px 5px 5px 5px;		
	margin-left: 2px;		
	font-size: 93%;
}

.left-nav-list-content2 ol li {		
	padding: 0 100px 10px 0;	
}

.left-banner h2 {
	color: #fff;
	padding: 8px 0 8px 10px;
	font-size: 125%;
	font-weight: bold;
	background: url(../images/bg/left_banner_hdr_bg.gif) no-repeat;
}

.left-banner2 h2 {
	color: #fff;
	padding: 5px 0 4px 10px;
	font-size: 95%;
	background: url(../images/bg/Portfolio_Panel_Header.gif) no-repeat;
}

/* ----- NAV MENU ----- */
#leftnav {
	margin: 10px;
	padding-top: 18px;
	border-top: 1px solid #999;
}

#leftnav li {
	padding: 0 0 10px 0;
}

#leftnav li a:link, #leftnav li a:visited {
	color: #000;
	font-size: 95%;
	font-weight: bold;	
	display: block;
	background: url(../images/common/black_arrow.gif) 0 4px no-repeat;	padding: 0 0 0 10px;
	text-decoration: none;
}

#leftnav li ul {
	border: 1px dotted #e8e8e8;
	border-left: 0;
	border-right: 0;
	margin-top: 8px;
	padding-top: 3px;
}

#leftnav li ul li a:link, #leftnav li ul li a:visited {
	color: #666;
	background: none;
	font-size: 95%;
	display: block;
	padding: 0 0 0 10px;
	text-decoration: none;
}

#leftnav li a:hover, #leftnav li ul li a:hover {
	text-decoration: underline;
}

/* ----- NAV MENU 2 ----- */
#leftnav2 {
    min-height: 250px;
	margin: 0px;
	padding-bottom: 5px;
}

#leftnav2 li a {
    color: #000;
	font-size: 95%;
	text-decoration: none;
	display: block;
	float: left;
	width: 192px;
	padding: 3px 0 0 0;
	height: 22px;
	margin: 0 2px 0 2px;
    text-indent: 10px;
	border-bottom-color:#FFFFFF;
	border-bottom-style:solid;
	border-bottom-width:1px;
}

#leftnav2 li a:hover {
	text-decoration: none;
	color:#000000;
	background: url("../images/bg/Left_Panel_Rollover.gif") top left no-repeat;
}

#leftnav2 li ul {
	border: 1px dotted #e8e8e8;
	border-left: 0;
	border-right: 0;
	margin-top: 8px;
	padding-top: 3px;
}

#leftnav2 li ul li a:link, #leftnav2 li ul li a:visited {
	color: #666;
	background: none;
	font-size: 95%;
	display: block;
	padding: 0 0 0 10px;
	text-decoration: none;
}

#leftnav2 li a:hover, #leftnav2 li ul li a:hover {
	background: url(../images/bg/Left_Panel_Rollover.gif) no-repeat;
}

/* ---------- RIGHT BAR ------------------------------ */

/* ----- RIGHT BAR BOX ----- */

.right-nav-list h2 {
	color: #fff;
	padding: 5px 0 6px 10px;
	font-size: 95%;	
	background: url(../images/bg/left_grey_hdr_bg.gif) no-repeat;
}

.right-nav-list p {
	color: #142244;
	line-height: 120%;
	font-size: 100%;
	font-weight:bold;	
	padding: 8px 0;
}

.right-nav-list-content	{
	padding: 0 10px 5px 5px;
	margin-bottom: 3px;
	background: url(../images/bg/left_bg_btm.gif) left bottom no-repeat;
}

.right-nav-list-content ol.latest-news {
	clear: both;
	min-height: 132px;
	height: auto !important;
	height: 192px;
	margin-left: 8px;
	font-size: 93%;
}

.right-nav-list-content ol.latest-news li {
	float: left;
	clear: both;
	width: 170px;
	margin-top: 6px;
	padding-top: 2px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #000;
}

.right-nav-list-content ol.latest-news li h3 {
	font-weight: normal;
	color: #000;
}

.right-nav-list-content ol.more {
	clear: both;
	padding: 5px;		
	margin-left: 2px;		
	font-size: 93%;
}

.right-nav-list-content ol.more li {		
	padding: 0 0 3px 16px;		
	background: url(../images/common/blue_arrow.gif) 1px no-repeat;
}

.right-nav-list-content ol.latest-events {
	clear: both;
	margin-left: 4px;
	font-size: 96%;
}

.right-nav-list-content ol.latest-events li {
	display: block;
	width: 170px;
	padding-top: 4px;
	padding-bottom: 8px;
	line-height: 120%;
}

.right-nav-list-content ol.latest-events li h3 {
	/*text-transform: uppercase;*/
	color: #838486;
	font-size: 150%;  /* Was 195 */
	line-height: 1.3em;
}

.right-nav-list-content ol.latest-events li h4 {
	border-bottom: 1px dotted #e2dfdf;
	padding-bottom: 5px;
	color: #383837;
	font-size: 120%;  /* Was 150 */
	font-weight: bold;
	line-height: 1.2em;
}

/* ----- RIGHT BAR BOX 2 ----- */

.right-nav-list2 h2 {
	color: #fff;
	padding: 5px 0 4px 10px;
	font-size: 95%;	
	background: url(../images/bg/Left_Panel_Header.gif) no-repeat;
}

.right-nav-list2 p {
	color: #142244;
	line-height: 120%;
	font-size: 100%;
	font-weight:bold;	
	padding: 8px 0;
}

.right-nav-list-content2	{
	padding: 0 10px 5px 10px;
	font-size: 85%;
	margin-bottom: 3px;
	background: url(../images/bg/Panel_Body_Clear.gif) left bottom no-repeat;
}

.right-nav-list-content2 ol.latest-news {
	clear: both;
	min-height: 132px;
	height: auto !important;
	height: 192px;
	margin-left: 8px;
	font-size: 93%;
}

.right-nav-list-content2 ol.latest-news li {
	float: left;
	clear: both;
	width: 170px;
	margin-top: 6px;
	padding-top: 2px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #000;
}

.right-nav-list-content2 ol.latest-news li h3 {
	font-weight: normal;
	color: #000;
}

.right-nav-list-content2 ol.more {
	clear: both;
	padding: 5px;		
	margin-left: 2px;		
	font-size: 93%;
}

.right-nav-list-content2 ol.more li {		
	padding: 0 0 3px 16px;		
	background: url(../images/common/blue_arrow.gif) 1px no-repeat;
}

.right-nav-list-content2 ol.latest-events {
	clear: both;
	margin-left: 4px;
	font-size: 96%;
}

.right-nav-list-content2 ol.latest-events li {
	display: block;
	width: 170px;
	padding-top: 4px;
	padding-bottom: 8px;
	line-height: 120%;
}

.right-nav-list-content2 ol.latest-events li h3 {
	/*text-transform: uppercase;*/
	color: #838486;
	font-size: 150%;  /* Was 195 */
	line-height: 1.3em;
}

.right-nav-list-content2 ol.latest-events li h4 {
	border-bottom: 1px dotted #e2dfdf;
	padding-bottom: 5px;
	color: #383837;
	font-size: 120%;  /* Was 150 */
	font-weight: bold;
	line-height: 1.2em;
}

/* ----- RIGHT BAR BOX 3 ----- */

.right-nav-list3 h2 {
	color: #fff;
	padding: 5px 0 4px 10px;
	font-size: 95%;	
	background: url(../images/bg/Portfolio_Panel_Header.gif) no-repeat;
}

.right-nav-list3 p {
	color: #142244;
	line-height: 120%;
	font-size: 100%;
	font-weight:bold;	
	padding: 8px 0;
}

.right-nav-list-content3	{
	padding: 0 10px 5px 5px;
	min-height: 280px;
	margin-bottom: 3px;
	background: url(../images/bg/Panel_Body_Clear.gif) left bottom no-repeat;
}

.right-nav-list-content3 ol.latest-news {
	clear: both;
	min-height: 132px;
	height: auto !important;
	height: 192px;
	margin-left: 8px;
	font-size: 85%;
	font-weight:normal;
}

.right-nav-list-content3 ol.latest-news li {
	float: left;
	clear: both;
	width: 170px;
	margin-top: 6px;
	padding-top: 2px;
	padding-bottom: 8px;
}

.right-nav-list-content3 ol.latest-news li h3 {
	font-weight: bold;
	color: #000;
}

.right-nav-list-content3 ol.more {
	clear: both;
	padding: 5px;		
	margin-left: 2px;		
	font-size: 93%;
}

.right-nav-list-content3 ol.more li {		
	padding: 0 0 3px 16px;		
	background: url(../images/common/blue_arrow.gif) 1px no-repeat;
}

.right-nav-list-content3 ol.latest-events {
	clear: both;
	margin-left: 4px;
	font-size: 96%;
}

.right-nav-list-content3 ol.latest-events li {
	display: block;
	width: 170px;
	padding-top: 4px;
	padding-bottom: 8px;
	line-height: 120%;
}

.right-nav-list-content3 ol.latest-events li h3 {
	/*text-transform: uppercase;*/
	color: #838486;
	font-size: 150%;  /* Was 195 */
	line-height: 1.3em;
}

.right-nav-list-content3 ol.latest-events li h4 {
	border-bottom: 1px dotted #e2dfdf;
	padding-bottom: 5px;
	color: #383837;
	font-size: 120%;  /* Was 150 */
	font-weight: bold;
	line-height: 1.2em;
}

/* ----- CLP RIGHT BAR BOX ----- */

.right-nav-listCLP h2 {
	color: #fff;
	padding: 5px 0 6px 10px;
	font-size: 95%;	
	background: url(../images/CLP/CLP_Box_Header.gif) no-repeat;
}

.right-nav-listCLP p {
	color: #142244;
	line-height: 120%;
	font-size: 100%;
	font-weight:bold;	
	padding: 8px 0;
}

.right-nav-list-contentCLP	{
	padding: 0 10px 5px 10px;
	margin-bottom: 3px;
	background: url(../images/CLP/CLP_Box_Body.gif) left bottom no-repeat;
}

.right-nav-list-contentCLP ol.latest-news {
	clear: both;
	min-height: 132px;
	height: auto !important;
	height: 192px;
	margin-left: 8px;
	font-size: 93%;
}

.right-nav-list-contentCLP ol.latest-news li {
	float: left;
	clear: both;
	width: 170px;
	margin-top: 6px;
	padding-top: 2px;
	padding-bottom: 8px;
}

.right-nav-list-contentCLP ol.latest-news li h3 {
	font-weight: normal;
	font-size:9px;
	padding-left:4px;
	padding-top: 1px;
	background: url(../images/CLP/CLP_Break_Gold.gif) no-repeat;
	color: #FFCC99;
}

.right-nav-list-contentCLP ol.more {
	clear: both;
	padding: 5px;		
	margin-left: 2px;		
	font-size: 93%;
}

.right-nav-list-contentCLP ol.more li {		
	padding: 0 0 3px 16px;		
	background: url(../images/common/blue_arrow.gif) 1px no-repeat;
}

.right-nav-list-contentCLP ol.latest-events {
	clear: both;
	margin-left: 4px;
	font-size: 96%;
}

.right-nav-list-contentCLP ol.latest-events li {
	display: block;
	width: 170px;
	padding-top: 4px;
	padding-bottom: 8px;
	line-height: 120%;
}

.right-nav-list-contentCLP ol.latest-events li h3 {
	/*text-transform: uppercase;*/
	color: #838486;
	font-size: 150%;  /* Was 195 */
	line-height: 1.3em;
}

.right-nav-list-contentCLP ol.latest-events li h4 {
	border-bottom: 1px dotted #e2dfdf;
	padding-bottom: 5px;
	color: #383837;
	font-size: 120%;  /* Was 150 */
	font-weight: bold;
	line-height: 1.2em;
}

ol.prog-list {
	min-height: 192px;
	height: auto !important;
	height: 192px;
	font-size: 93%;
}

ol.prog-list li {	
	width: 170px;	
	line-height: 14px;
	padding: 5px;
	border-bottom: 1px dotted #e2dfdf;
}


/* ---------- CENTRAL BAR --------------------------- */
/* ----- FEATURE BOX ----- */
#feature	{
	min-height: 170px;
	height: 170px;
	width: 530px;
	background: url(../images/bg/main_content_bottom_bg.gif) left bottom no-repeat;
	margin-bottom: 10px;
}

#feature2	{
	min-height: 300px;
	height: 275px;
	width: 530px;
	margin-bottom: 10px;
	font-size:12px;
}

#feature2 p {
vertical-align: middle;
line-height: 150%;
padding: 15px 0 20px 0;
}


#feature-title {
	width: 530px;
	overflow: hidden;
	background: url(../images/bg/main_sub_header_bg.gif) no-repeat;
	margin: 0;
}

#feature-title, .breadcrumbs {
	color: #fff;
	font-size: 95%;
	padding: 7px 0 4px 10px;
}

#feature-title p {
	color: #fff;
}

.breadcrumbs p {
	color: #000;
}

.breadcrumbs p strong, .breadcrumbs p a, #feature-title p strong, #feature-title p a {
	color: #f6c63e;
}

#feature-content {
	/*width: 300px; STANDARD */ 
	width: 352px; /* Civil Service Live 2009 */
	height: 139px;
	/*margin: 0 0 0 220px; STANDARD */
	margin: 0 0 0 150px; /* Civil Service Live 2009 */
	padding-left: 2px;
	padding-right: 7px;
	border-right: 1px solid #c7c2c4;
}

#feature-content em {
	font-weight: bold;
	font-style: italic;
}

#feature-content p.intro {
	line-height: 117%;
}

#feature-content p	{
	padding: 10px 0 0 8px;
}

#feature img	{
	float: left;
}

/* ----- FEATURED TOP IMAGE ----- */
#feature-main-image {
	width: 530px;
	height: 237px;
	background: url(../images/bg/main_content_bottom_bg.gif) left bottom no-repeat;
	margin-bottom: 10px;
}

#feature-main-image img {
	position: absolute;
	float: left;
	margin:  0;
	margin-right: 8px;
	z-index: 1;
}

#image-tagline {
	position: absolute;
	margin-top: 128px;
	width: 248px;
	z-index: 5;
}

#image-tagline-content {
	background: transparent url(../images/bg/overlay.gif) top left no-repeat;
	margin-top: 5px;
	padding: 2px 0 8px 10px;
}

#image-tagline-content h3 {
	font-size: 123.1%;
	margin-bottom: 3px;
	color: #797676;
}

#feature-main-image-content {
	height: 207px;
	border-right: 1px solid #c7c2c4;
}

#feature-main-image-content p.intro {
	float: right;
	width: 200px;
	margin-right: 5px;
	color: #000;
	line-height: 127%;
	font-size: 110%;
}

#feature-main-image-content p {
	padding: 10px 0 0 8px;
}

/* ----- SERVICES BOX ----- */

#services	 {
	min-height: 140px;
	height: auto !important;
	height: 140px;
	width: 530px;	
	margin-top: 10px;	
}

#services-content {
	height: 140px;
	background:  url(../images/bg/services_content_bottom_bg.gif) right bottom no-repeat;
	padding-right: 6px;
}

#services h2 {
	position: relative;
	background: url(../images/bg/main_sub_header_bg.gif) no-repeat;
	padding: 7px 5px 6px 10px;
}

#services p {
	padding: 5px;
}

#services-content img {
	float: left;
	display: block;
	margin: 0 10px 0 0;	
}

#services-content a.more {		
	margin: 8px 0 0 2px;
	padding: 0 0 3px 16px;		
	background: url(../images/common/blue_arrow.gif) 1px no-repeat;
}

/* ----- REVERSE SERVICES BOX ----- */

#reverseservices	 {
	min-height: 140px;
	height: auto !important;
	height: 140px;
	width: 530px;	
	/*margin-top: 10px;	*/
}

#reverseservices-content {
	height: 140px;
	background:  url(../images/bg/reverseservices_content_bottom_bg.gif) left bottom no-repeat;
	padding-right: 0px;
}

#reverseservices h2 {
	position: relative;
	background: url(../images/bg/main_sub_header_bg.gif) no-repeat;
	padding: 7px 5px 6px 10px;
}

#reverseservices p {
	padding: 5px;
	margin-left: 5px;
}

#reverseservices-content img {
	float: right;
	display: block;
	margin: 0 0 0 10px;	
}

#reverseservices-content a.more {		
	margin: 8px 0 0 15px;
	padding: 0 0 3px 16px;
	background: url(../images/common/blue_arrow.gif) 1px no-repeat;
}

/* ----- PROGRAMMES BOX ----- */
#programmes	 {
	min-height: 243px;
	height: auto !important;
	height: 243px;
	width: 530px;	
	margin-top: 10px;
}

#programmes h2	{
	position: relative;
	background: url(../images/bg/main_sub_header_bg.gif) no-repeat;
	padding: 7px 5px 6px 10px;
}

#programmes ol li	{
	float: left;
	margin: 5px 2px 0 2px;
}

#programmes-content {
	height: 230px;
	background: url(../images/bg/programmes_content_bottombg.gif) bottom no-repeat;
}

#programmes-content ol li a	{
	font-size: 85%;
	font-weight: bold;
	padding: 8px 0 8px 12px;
	color: #fff;
	display: block;
}

#programmes-content ol li a:hover {

}

#programmes-content ol li.link-one {
	padding: 62px 0 9px 0;
	width: 170px;
	background: url(../images/home/strategic_leadership.jpg) no-repeat;
}

#programmes-content ol li.link-two {
	padding: 62px 0 9px 0;
	width: 170px;
	background: url(../images/home/policy_government.jpg) no-repeat;
}

#programmes-content ol li.link-three	{
	padding: 62px 0 9px 0;
	width: 170px;
	background: url(../images/home/management_development.jpg) no-repeat;
}

#programmes-content ol li.link-four	{
	padding: 62px 0 12px 0;
	width: 170px;
	background: url(../images/home/professional_specialist.jpg) no-repeat;
}

#programmes-content ol li.link-five {
	padding: 62px 0 0 0;
	width: 170px;
	background: url(../images/home/personal_development.jpg) no-repeat;
}

#programmes-content ol li.link-six	{
	padding: 62px 0 12px 0;
	width: 170px;
	background: url(../images/home/qualifications.jpg) no-repeat;
}

#programmes-content ol li.vslink-one {
	padding: 62px 0 0 0;
	width: 170px;
	background: url(../images/home/vs/a.jpg) no-repeat;
}

#programmes-content ol li.vslink-two {
	padding: 62px 0 0 0;
	width: 170px;
	background: url(../images/home/vs/b.jpg) no-repeat;
}

#programmes-content ol li.vslink-three	{
	padding: 62px 0 0 0;
	width: 170px;
	background: url(../images/home/vs/c.jpg) no-repeat;
}

#programmes-content ol li.vslink-four	{
	padding: 62px 0 12px 0;
	width: 170px;
	background: url(../images/home/vs/d.jpg) no-repeat;
}

#programmes-content ol li.vslink-five {
	padding: 62px 0 12px 0;
	width: 170px;
	background: url(../images/home/vs/e.jpg) no-repeat;
}

#programmes-content ol li.vslink-six	{
	padding: 62px 0 12px 0;
	width: 170px;
	background: url(../images/home/vs/f.jpg) no-repeat;
}

#content ul.catlist, #main ul.catlist {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

/* ----- PROGRAMMES 2 BOX ----- */
#programmes2	 {
	min-height: 200px;
	height: auto !important;
	height: 200px;
	width: 530px;	
	margin-top: 10px;
}

#programmes2 h2	{
	position: relative;
	background: url(../images/home/CentralHeader.gif) no-repeat;
	padding: 7px 5px 6px 10px;
	font-size:9px;
}

#programmes2 ol li	{
	float: left;
	margin: 5px 4px 0 2px;
}

#programmes-content2 {
    margin: 5px 0 0 0;
	height: 80px;
}

#programmes-content2 ol li a	{
	font-size: 120%;
	font-weight: bold;
	padding: 8px 0px 8px 0px;
	max-height: 15px;
	color: #fff;
	display: block;
}

#programmes-content2 ol li a:hover {

}

#programmes-content2 ol li.link-one {
	padding: 0px 0 0px 0;
	text-align:center;
	font-size: 75%;
	color: #2E77AA;
	width: 170px;
	height: 100%;
	min-height: 70px;
	background: url(../images/home/LandingButton.jpg) no-repeat;
}

#programmes-content2 ol li.link-two {
	padding: 0px 0 0px 0;
	text-align:center;
	font-size: 75%;
	color: #2E77AA;
	width: 170px;
	height: 100%;
	min-height: 70px;
	background: url(../images/home/LandingButton.jpg) no-repeat;
}

#programmes-content2 ol li.link-three	{
	padding: 0px 0 0px 0;
	text-align:center;
	font-size: 75%;
	color: #2E77AA;
	width: 170px;
	height: 100%;
	min-height: 70px;
	background: url(../images/home/LandingButton.jpg) no-repeat;
}

#programmes-content2 ol li.link-four	{
	padding: 0px 0 0px 0;
	text-align:center;
	font-size: 75%;
	color: #2E77AA;
	width: 170px;
	height: 100%;
	min-height: 70px;
	background: url(../images/home/LandingButton.jpg) no-repeat;
}

#programmes-content2 ol li.link-five {
	padding: 0px 0 0 0;
	text-align:center;
	font-size: 75%;
	color: #2E77AA;
	width: 170px;
	height: 100%;
	min-height: 70px;
	background: url(../images/home/LandingButton.jpg) no-repeat;
}

#programmes-content2 ol li.link-six	{
	padding: 0px 0 0px 0;
	text-align:center;
	font-size: 75%;
	color: #2E77AA;
	height: 100%;
	min-height: 70px;
	width: 170px;
	background: url(../images/home/LandingButton.jpg) no-repeat;
}

/*END*/

#content ul.catlist li, #main ul.catlist li {
	margin: 8px 0 0 2px;
	padding: 3px 0 6px 16px;
	list-style-type: none;
	background: url(../images/common/green_arrow.gif) 1px no-repeat;
	border-bottom: 1px dotted #b7b7b7;
}

ul.kwlist {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul.kwlist li {
	margin: 8px 0 0 2px;
	padding: 3px 0 6px 16px;
	background: url(../images/common/rasberry_arrow.gif) 1px no-repeat;
}

.kwindex {
	padding: 2px;
}

.kwindex ul {
	margin: 0 0 5px 0;
	padding: 0 0 18px 0;
	text-align: center;
	font-size: 16px;
	border-bottom: 1px dotted #d7d4d4;
}

.kwindex li {
	list-style-type: none;
	display: inline;
	padding-bottom: 1px;
}

.kwindex a, .kwindex a:visited {
	padding: 2px 5px;
	border: 1px solid #c5c2c2;
	text-decoration: none; 
	color: #4165a3;
}

.kwindex a:hover, .kwindex a:active {
	border: 1px solid #2b66a5;
	color: #000;
	background: #fecb34;
}

.kwindex a.current {
	background: #4165a3;
	color: #FFF !important;
	border-color: #2b66a5;
	font-weight: bold;
	cursor: default;
}

/* ---------- FOOTER BAR ------------------------------ */
#footer p {
	padding: 2px 6px 7px 5px;
}

/* ----- NAV BAR ----- */
#footernav div {
	 padding-bottom: 10px;
}

#footernav a, #footernav span {
	 padding: 2px 6px 7px;
	 text-decoration: none;
	 color: #612375;
} 

#footernav a:hover {
  	color: #555;
  	text-decoration: underline;
}

#footernav span {
	color: #000;
}

/* ---------- FOOTER BAR 2------------------------------ */
#footer2 p {
	padding: 2px 6px 7px 5px;
}

/* ----- NAV BAR ----- */
#footernav2 div {
	 padding-bottom: 10px;
	 text-align:center;
}

#footernav2 a, #footernav2 span {
	 padding: 2px 6px 7px;
	 text-decoration: none;
} 

#footernav2 a:hover {
  	color: #555;
  	text-decoration: underline;
}

#footernav2 span {
	color: #000;
}

/* ----------------Top Nav Bar ---------------------------- */
.topnav {
	padding: 0 0 0 0;
	margin-left: 12px;
	margin-top: 1px;
	margin-bottom: 0;
	text-align: center;
	font-size:11px;
}

.topnav li {
	display: inline;
	margin: 0;
	list-style: none;
}

.topnav li a {
	text-decoration: none;
	display: block;
	float: left;
	z-index: 1;
	width: 104px;
	padding: 8px 0px 0 0px;
	height: 28px;
	margin: 0;
	background: url("../images/bg/Menu_Tab_Standard.jpg") top left no-repeat; 
}

.topnav li a:hover {
	text-decoration: none;
	color:#000000;
	background: url("../images/bg/Menu_Tab_Rollover.jpg") top left no-repeat;
}

.topnav li a#left {
	background: url("../images/bg/Menu_Tab_Left.jpg") top left no-repeat; 
}

.topnav li a#left:hover {
	text-decoration: none;
	color:#000000;
	background: url("../images/bg/Menu_Tab_Rollover.jpg") top left no-repeat;
}

.topnav li a#currentleft {
    color:#000000;
	font-weight:normal;
	background: url("../images/bg/Menu_Tab_Rollover.jpg") top left no-repeat; 
}

.topnav li a:link, .topnav li a:visited {
	color: #000000;
}

.topnav li a#current, .topnav li a#current_wide {
    font-weight:normal;
	color:#000000;
	background: url("../images/bg/Menu_Tab_Rollover.jpg") no-repeat;
}

.topnav li a#current:hover, .topnav li a#current_wide:hover {
	text-decoration: none;
}

.topnav li#search {
	text-decoration: none;
	display: block;
	float: left;
	z-index: 1;
	width: 226px;
	padding: 8px 0px 0 0px;
	height: 28px;
	margin: 0;
	background: url("../images/bg/Menu_Tab_Right.jpg") top right no-repeat; 
}
 
.searchbox {
text-align:left;
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:8px;
left:835px;
width:120px;
height:20px;
color: #FF851A;
font-weight:bold;
}
 
.searchbox_submit {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:7px;
left:810px;
width:20px;
height:20px;
} 