/* GENERIC LAYOUT FOR WEBSITE */

.sys_hidden {visibility: hidden; display: none; }

html { font-size: x-small; font-size:small; }

html>body{font-size:1em;}

body { 	background: #fff; margin: 0; padding: 0;
	font-family: verdana, arial, helvetica, Sans-Serif;
	font-size: 0.9em; color: #000; 	min-width:800px; }

.system_pagebody { background: #fff; margin: 0; padding: 0;
	font-family: verdana, arial, helvetica, Sans-Serif;
	font-size: 0.75em; color: #000; }

table { font-family: verdana, arial, helvetica, Sans-Serif;
	font-size: 1em; color: #000; }

.fullborder td { border: 1px solid black;}
.fullborder caption { display: none; }

div { margin: 0; padding: 0; }

* html div { height: 0%;}

div.sys_clear {	clear: both; margin: 0; padding: 0; }

* html div.sys_clear {display: none;}

div#sys_top{ margin:0; padding:0; }

/**** HEADER LAYOUT ****/

div#sys_head {text-align:right;	margin: 0;min-height: 2em; 
	height: 80px; }

/**** FOR TOP LINKS ****/

div#sys_pageLinks {margin: 0 0 1em 0; padding: 0.2em 0 0.5em 0;
	font-size: 0.88em; font-weight: bold; position:relative; }

div#sys_pageLinks ul.sys_inlineList { margin: 0 30px 0 0;
	float: right; display: inline;}

div#sys_pageLinks li { margin: 0 5px 0 0; padding: 0 5px 0 0;
	border-right: 1px solid #000; }

div#sys_pageLinks li.sys_last {border: none;}

/**** NHS logo has to appear in the top right corner ****/

#sys_GSTTlogo {	position: absolute; top: 10px; right: 5px;}

/**** TOP NAVIGATION ****/

div#sys_navBar { margin:10px 0 0 0; padding:0; }

/**** MENU LINKs ****/
div#sys_menuLinks { margin: 0; padding: 0; position: relative;
	height: 3em; width:100%; }

div#sys_menuLinks ul#sys_primary {margin: 0; padding: 0; 
	position: absolute; bottom: -1px;width: 100%; 
	min-width: 630px; }

div#sys_menuLinks li { display: inline; list-style: none;
	width: 11.5%; min-width: 5.5em; display: block;
	float: left; padding: 0.8em 1px ; margin: 1px 2px 0 0;
	text-align: center; font-size: 0.9em; 
	font-family: arial, sans-serif; text-decoration: none;
	height: 3em; white-space: nowrap; }

div#sys_menuLinks li.sys_longname {width: 13%; min-width: 7.5em;}
div#sys_menuLinks li.sys_here { position:relative; top: 3px;}
div#sys_menuLinks li.sys_last {	border: none;}

/****Positioning for menu items that are only on one line (instead of two) ****/

div#sys_menuLinks a.sys_OneLine {position: relative; top: 0.75em;}

div#sys_URhere { margin: 4px 0 0 0; text-align:right; float:left;
	width:100%;}

/**** BREADCRUMBS BAR ****/
div#sys_breadcrumbs {margin: 3px 0; padding: .2em 0; color: #FFF;
	text-transform: none; font-size: 0.88em; float:left;
	width:100%; }

div#sys_mainsearchbox { margin: 0.1em 1em 0.1em 0.1em; float: right;
	display: inline; width:250px; clear:right; }

#sys_bread_text {text-align:left; margin: 0.1em 0.1em 0.1em 1em;}
#sys_bread_text div {display: inline;}

/**** CONTAINER FOR MAIN BODY OF PAGE ****/

div#sys_container {margin: 0px 10px; padding: 0; clear:both;}

/* Fix for the CMS which wants to seperate these divs */
div#sys_container2 { float: left; width:100%; clear: both;
	margin: 0; padding: 0; }

div#sys_rightColumn { margin: -6px 0 5px 0;}

#no-menu-content-area { float: left; width:98%; clear: both;
	margin-left: 1.5em; padding: 0; }  

/**** COLUMNS ****/

div#sys_leftColumn { float: left; display: inline; width: 18%;
	padding: 0; margin: 1em 0 0 0; }

div#sys_centreColumn { float: right; margin: 1em 1% 0 0;
	width: 76%; padding: 0; }

div.sys_cols {padding-left: 10px; float: left; width: 98%;}

div#sys_centreColumnfixright { margin: 2em 15.5em 0 15.5em;
	padding: 0;}

div#sys_centreColumnnoleft {margin: 1em 0 0 0;}

/**** FOR 2 COLUMSN IN THE MAIN BODY ****/

.wrapper {float: left; padding: 0; margin:0; width:100%;}
.block { clear: left;}

.sys_centerleft {float: left; margin: 0 2% 0 0%;
	width: 43%; padding: 0.5% 0 1% 0;}

.sys_centerright {float: right; margin: 0 1% 0 2%;
	width: 43%; padding: 0.5% 0 1% 0; }

#twocolwrapper, .columnwrapper { float:left; width: 100%; clear: both; 	margin: 0;
	padding: 0.3em 0 0 0;	}

.sys_multiplecolumn {float: left; width: 30%; margin: 0 2.5% 0 0;
	padding: 0; }

.sys_fourcolumn { float: left; width: 21%; margin: 0 1.5% 0 0;
	padding: 1%; }

.sys_fourcolumn ul { position: relative; right: 1.5em;}

* html .sys_fourcolumn ul {margin-left: 3.2em; }

.sys_multiplecolumn ul {position: relative; right: 1.8em;
list-style-image: url(/SiteElements/images/icons/selected.gif); }

* html .sys_multiplecolumn ul {	margin-left: 3em; }

/**** FOR CEF BRANDED PAGES ****/

.imgColumn {float:left;width: 250px;padding: 0;margin: 0 0 0.5em 0;}

.textColumn {float: left; width: 95%; padding: 0; 
	margin: 0 0 0.5em 0; color: #A60074; }
.textColumn h1 {font-size: 4em; padding-top: 0.5em; }
.textColumn p {font-size: 1.3em;}

/**** IMAGE AND LAYOUTS ****/

.imgfeature1 {float:left; width: 200px; padding: 5px 10px 5px 0; margin:0 10px 0 0;}

.textColumnNoWrap {float: left; position: relative; left: 10px; width: 65%; padding: 0; margin:0; 	}
	
.textColumnWrap {float: left; width: 98%; padding: 1%; margin: 0; }
.textColumnWrap ul li { position: relative; left: 1em; }
	
.itemwrapper { float: left; width: 98%; padding: 0 0 10px 0; margin: 0 0 20px 0; clear: both;  border-bottom: 1px solid gray;}

.sub-header{font-size: 1.2em; font-weight: bold; padding: 0.2em 0.2em 0.8em 0.2em; }

.captionedImageBox {float: left; width: 200px; display: inline; margin: 0.5em;}
.captionedImage {width: 200px; display: block; } 
.imageCaption {font-size: 0.8em; font-weight: bold; text-align: center;}


/* For a fixed width right column, only works in IE
 need to change the margin in the main column in other browsers*/

div#sys_rightColumn{ color: #000; margin:10px 0 5px 10px;
	float: right; width: 15em; display: inline;
	background:transparent;}

/* Have a floating right column */
div#sys_rightColumn2 { color: #000; margin: 0em 0 5px 10px;
	width:16em;  padding: 0 1px 0 10px; float: right; }

/**** CMS centre panel columns ****/

div#sys_centreWrapper { width:100%; margin: 0px; padding: 0px; }

div#sys_RightCentrePanel { float: right; width: 13.5em;
	margin-left: .6em; }

/**** fix for default left margin in Mozilla FireFox ****/
html>body div#sys_RightCentrePanel { float: right; width: 13em;
	margin-left:0.5em; }

div#sys_LeftCentrePanel {float: left; width: auto; 
	margin-right: 25px; }

/**** footer ****/

div#sys_footer { float:left; width: 98.4%; 
	margin: 0.5em 0.8% 0.5em 0.6%; padding: 0.5em 0; 
	background: #fff; color:#000; clear: both; text-align:left;}

/**** Footer Links ****/

div#sys_topbar {float: left; width: 100%; clear: both; }

div#sys_footerLinks { float: left; display: inline; width: 95%;
	padding: 0.5% 0; margin:0; }

div#sys_footerLinks ul.sys_inlineList {text-align:left; margin: 0;
	padding: 0 1%; }

#lastupdate { float: left; width: 85%; padding: 0.5em 10px;
	margin: 0; }

div#sys_Addresses { float:left; clear: both; width: 100%;
	height:5em; color:#000; background: #ececec;
	margin: 10px 0; padding: 10px 0; }

div#sys_Addresses .trust_address { float:left; display:block;
	text-align:left; padding: 0 10px 0 10px; }

div#sys_Addresses div#sys_ST { display: block; float: right;
	width: 180px; text-align: right; margin: 0 5px 0 0; }

div#sys_Copyright { float: left; display: inline; font-size: 0.9em;
	padding: 0.5em 0.2% 0.5em 10px;	width: 58%; }

#terms { float: right; display: inline; width: 38%; 
	text-align: right; padding: 0.5em 5px 0.5em 0.2%;
	margin: 0; }

.sys_clearfix{ }

/* Hides from IE-mac \*/

* html .sys_clearfix {height: 1%}