/* Generic layout for elements in the external sites */

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

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

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

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

.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;
	height: 1090px;
	width: 1006px;
}

div {
margin: 0;
padding: 0;
}

* html div {
	height: 0%;
	width: auto;
}

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

* html div.sys_clear {
display: none;
}

/* header layout */
div#sys_head {
	text-align:right;
	margin: 0;
	min-height: 2em;
	height: 179px;
	width: 207px;
}

/* for links under the NHS logo */

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: 2px;
	width: 940px;
	left: 36px;
	height: 178px;
}

/* End of header layout */

/*Top Navigation */
div#sys_navBar {
margin:0 0 10px 0;
padding: 0;
}

/*Menu links*/
div#sys_menuLinks {
	margin: 0;
	padding: 0 0 0 0;
	position: relative;
	height: 3em;
	width: 930px;
}

div#sys_menuLinks ul#sys_primary {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -1px;
	width: 928px;
	min-width: 620px;
	height: 40;
}

div#sys_menuLinks li {
display: inline;
list-style: none;
width: 11.5%;
min-width: 6em;
display: block;
float: left;
padding: 0.3em 1px ;
margin: 1px 2px 0 0;
text-align: center;
font-family: arial, sans-serif;
font-size: 88%;
text-decoration: none;
height: 2.6em;
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.2em;
}

div#sys_URhere {
margin:0;
padding: 0 0 0 0;
width: 925px;
position: relative;
bottom: -1px;

/* fix for IE \*/
* bottom: -3px;
/* End hack*/
height: 0;
	left: 0px;
}


/* breadcrumbs bar */
div#sys_breadcrumbs {
margin: 3px 0;
padding: .2em .6em .2em .6em;
height: 2.5em;
color: #FFFFFF;
text-transform: none;
font-size: 0.88em;
}

div#sys_mainsearchbox {
margin: 0.1em -8px 0.1em;
float: right;
display: inline;
width:25em;
}

html>body #sys_mainsubmitbox INPUT {
display:inline;
white-space:nowrap;
}
   
#sys_bread_text {
position: relative;
top: 0.5em;
}


html>body #sys_bread_text {
position: relative;
top: 0.5em;
width:75%;
}




/* End of Top Navigation Layout */

/* container for main body of page*/

div#sys_container {
	padding: 0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 35px;
	width: 930px;
}

/* Fix for the CMS which wants to seperate these divs!!! */
div#sys_container2 {
	padding: 0;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 0;
	margin-left: 35px;
	width: 930px;
}

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

/* columns */

div#sys_leftColumn, div#sys_centreColumn {
padding: 0;
}

div#sys_leftColumn {
margin: 0 0 0 0;
padding-top: 1em;
float: left;
display: inline;
border: 0 solid #fff;
border-width:0 5px 0 0;
width: 14em;
}

html>body div#sys_leftColumn {width:14em; margin-top:-1.0em}

div#sys_leftColumn {
border-width:0;
}

div#sys_leftColumn {
margin:0;
}

div#sys_centreColumn {
margin: 1em 0 0 15.5em;
padding: 0;
}

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

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

/*in case we want two columns in the main body*/
.sys_centerleft {
float: left;
margin-left: 1px;
width: 45%;
padding: 0;
}

.sys_centerright {
float: right;
margin-right: 1px;
width: 45%;
padding: 0;
}

/* if we want 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: 16em;
margin-left: .6em;
}

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

div#sys_LeftCentrePanel {
FLOAT: left; 
WIDTH: auto; 
margin-right: 25px;
}

/********* end right menu ***********/

/* End Container */

/* footer */

div#sys_footer {
	clear: both;
	text-align:center;
	background: #fff;
	color:#000;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 35px;
	padding-top: 16px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0;
	width: 920px;
}

/* Footer Links */

#sys_footerText {
float:left;
margin: 0 0 0 0.2em;
padding: 0.2em 0 0 0;
position:relative;
display: inline;
}

#sys_footerLinks {
margin: 0 0 0 0.2em;
padding: 0.2em 0 0 0;
position:relative;
display: inline;
}

div#sys_footerLinks ul.sys_inlineList {
margin: 0 5px 0 0;
float: right;
display: inline;
white-space:nowrap;
}

div#sys_footerLinks li {
margin: 0 4px 0 0;
padding: 0 4px 0 0;
border-right: 1px solid #fff;
}

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

/* End Footer Links */

div#sys_Addresses {
	clear: both;
	background: #ececec;
	border: 1px #cccccc solid;
	padding: 0.6em;
	margin-top: 0.7em;
	font-size: 0.9em;
	text-align: center;
	width: 930px;
}

div#sys_Addresses div#sys_ST {
display: block;
float: right;
text-align: right;
}

div#sys_Copyright {
	display: block;
	float: left;
	margin-top: 0.7em;
	font-size: 0.9em;
	padding-bottom: 1em;
	width: 930px;
	margin-left: 0px;
        }
/* end footer */

.sys_clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/

* html .sys_clearfix {
height: 1%

}

/* End hide from IE-mac */