/* --------- Standard divs  ----------- */	
	/*The universal selector, written "*", matches the name of any element type.*/
	* 
	{		
		margin: 0; 
		padding: 0; 
	}	
	p
	{
		font-size: 1em;
        line-height: 1.5em; 
        margin: 1.2em 0em 1.2em 0em;
	}	
	input, textarea
	{
		font-size: 1em;
	}
	table
	{
		font-size: 1em;
	}
	select
	{
		font-size: 1em;
	}
	ul, ol
	{
		padding-left: 30px;
	}	
	img
	{
		border: 0;
	}	
	.leftfloating
	{
		float: left;
	}
	.rightfloating
	{
		float: right;
	}
	.leftaligned
	{
		text-align: left;
	}
	.centered
	{
		text-align: center;
	}
	.rightaligned
	{
		text-align: right;
	}
	.hidden
	{
		display: none;
	}
	img.borderless
	{
		border: 0;
	}
	.fullwidth
	{
		width: 100%;
	}
	.cleardiv
	{
		clear: both;
	}
	.hideoffscreen
	{
		position: absolute; 
		top: -10000px;		
	}

/* --- Divs used for page structure ---*/
	body 
	{
		min-width: 600px;
		/*border: solid thin black;*/
	}	
	
	/* wrapper holds left faux column tab */
	/* nn6/7 will put content out of scrollable reach if auto is used unless the min-width is on body */
	#wrapper 
	{ 
		/*border: solid thin orange;*/
		width: 97%;  /*modify this to control width of page. Avoid 100%, otherwise end up with horizontal scrollbar. */		
		/*width: 50%;*/
		margin: 0% 1% 0% 1%;
	}

	#header, #subnav, #footer 
	{
		/*border: dashed thin green;*/
		clear: both; 
		width: 100%;
	}

	#header 
	{
		position: relative; /* contents of header will position themselves relative to this header, rather than the screen. Affects trust logo and quick search */
	}

	#footer 
	{ 
		padding: 1px 0;
	}

	/* right faux column tab. Area under header (contains #centerwrap, #left and #right) */
	#contentfloatholder 
	{ 
		/*border: solid thin lime;*/
		float: left;
		width: 100%;
	}

	/* this is for NN6 to clear floats */
	#contentfloatholder:after 
	{		
		content: "."; 
		display: block; 
		height: 0px;
		clear: both; 
		visibility: hidden;
	}

	/* area under #contentfloatholder (contains #center) */
	#centerwrap 
	{
		/*border: solid thin teal;*/
		float: left;
		width: 100%;
		margin: 0% -95% 0% 0%;
		overflow: hidden; /* required to avoid IE negative margin rendering issues */
	}

	/* main content area inside #centerwrap. Used to house main content area and right area. Space left for left menu. */
	#center 
	{
		/*border: solid thin silver;*/
		margin: 0px 0px 0px 200px; /* place margin on left hand side to make space for left menu. Margin should match #left column width. */
		padding: 0px 10px 0px 10px;
	}
	
	/* breadcrumb (but also see .breadcrumbwithright and .breadcrumbnoright) */
	#breadcrumbdiv
	{
		/*border: solid thin cyan;*/
	}

	/* Main content area and right area (This area does not include the left menu).
	   Note: Right margin placed (for more box) instead of in #center to allow some templates (e.g. document list) to override this and not have a right area if required. 
	   Note: Also see .mainareawithright and .mainareanoright */
	#mainareadiv
	{
	}
	
	/* Two classes to handle main and right areas for #mainareadiv, and two for breadcrumb */
	.mainareawithright, .breadcrumbwithright
	{
		margin-right: 200px; /* place margin on right hand side to make space for stuff on the right e.g. more box. Margin should match #right column width. */		
	}
	.mainareanoright, .breadcrumbnoright
	{
		margin-right: 0px; /* no right required, so no margin required */
	}

	/* left column */
	#left 
	{
		/*border: solid thin pink;*/
		float: left;
		width: 200px;	/* note: update #center margin if changing this */
		margin: 0% 0% 0% -5%;
		overflow: auto; /* do not let content overflow the fixed width */
	}

	/* right column */
	#right 
	{
		/*border: solid thin pink;*/
		float: right;
		width: 200px;	/* note: update #center margin if changing this */
		margin: 0%;
		overflow: auto; /* do not let content overflow the fixed width */
	}

	/************* IE Mac CSS Only  works for Win too **************/

	* html div#centerwrap 
	{
		margin: 0% -100% 0% 0%;
	}
	* html div#left 
	{
		margin: 0%;
	}	

/* seems to be causing problems in IE...
	div h3, div p 
	{
		margin: 1em 0;
		padding: 0 20px; 
	}
*/

/* -------- header section specific (includes image, trust logo, search, logged in user) ----------*/
	/* div holding header image */
	#headerimgdiv
	{
		background-color: Black;	
	}
	.headerimage
	{
		display: block; /* change from inline to block to remove gap, since in standards-compliance mode images are set to display as inline by default, which leaves a space underneath the image (the baseline underneath inline elements).*/
		/*width: 100%;*/    /* uncomment to have full width image header */
		/*height: 100%;*/ /* only seems to work in Opera */
	}

	/* trust logo div */
	#TrustLogoDiv
	{
		position: absolute;
		top: 0px;
		right: 0px;	
	}
	
	/* quick menu div (contains search and logged in user) */
	#quickmenudiv
	{	
		position: absolute;
		bottom: 0px;
		right: 0px;
		background-color: #CC0033;
		padding: 0px 7px 0px 3px;	
	}
	#quicksearchdiv
	{
	}
	#loggedinuserdiv, .searchtext
	{
		font-size: 0.9em;
		text-align: left;
		color: White;
		vertical-align: bottom;
	}
	#loggedinuserdiv
	{
		text-align: right;
	}
	
	/* -- Quick search -- */
	input.quicksearchinput
	{
		width: 120px;
		vertical-align: bottom;
		border: 1px solid black;		
	}
	input.SearchButton 
	{
		background: url("/images/ico_find.gif");
		background-repeat: no-repeat;
		width: 23px;
		border: 0px solid; 
		color: #0000FF; 
		text-decoration: underline;		
		cursor: pointer; 		
	}

/* -------- navigation section specific (includes top menu and quick bar) ----------*/
	/* navigation container */
	#subnav
	{ 		
		margin: 0px;
		padding: 0px;
		position: relative;
		background-color: #CC0033;
		overflow: hidden;
	}

	/* quick bar - holds login, sitemap and print buttons */
	#quickbar
	{
		float: right;
		padding: 5px 8px 5px 8px;
	}

	/* top menu */
	#topmenucontrol
	{
		padding: 5px 8px 5px 8px;
	}

	a.menuhead
	{
		font-size: 1em;
		color: White;
		text-decoration: none;
		margin: 0px 5px 0px 0px;		
	}

	a.activemenuhead
	{
		font-size: 1em;
		color: White;
		font-weight: bold;
		text-decoration: none;
		margin: 0px 5px 0px 0px;
	}

	a.menuhead:hover, a.activemenuhead:hover
	{
		color: #FFFF00; /*NHS Yellow*/
		text-decoration: none;
	}

/* ------ Links -------- */
	a
	{
		color: #CC0033;		
		text-decoration: none;
	}
	a:hover
	{
		text-decoration: underline;		
		/*background-color: #0066CC;*/ /*NHS Blue*/
	}
	a.linklist
	{
		text-decoration: none;
	}
	.button
	{
		color: #CC0033;
		border: 0px solid; 
		margin: 0px;
		padding: 0px;
		background-color: Transparent;
		text-align: left;		
		text-decoration: none;		
		cursor: pointer; 		
	}
	/*.button:hover
	{
		text-decoration: underline;
	}*/

/* --------- Left column area ----------- */	
	/* menu content in left column */
	#leftmenudiv
	{
		background-color: #CC0033;
	}
	
	/* set common style for menu item, home page menu item and heading/top-level menu item */
	div.menuitem, div.menuitemhome, div.menuitemheading
	{
		border : 1px solid Black;
		margin-top: 3px;
		width: 99%;
		padding: 0.5em 0em 0.5em 0em; /* only apply top and bottom padding here, otherwise would exceed left menu area */
		float: left;	
	}

	/* styles for menu item */
	div.menuitemhome, div.menuitemheading
	{
		background-color: #CC0033;
	}	
	div.menuitem
	{
		background-color: #AD566A;
	}	
	div.menuitemheading
	{
		font-weight: bold;
	}	
	
	/* styles for menu hyperlinks */	
	.menulink
	{
		color: White;	
	}	
	a.menulink:hover
	{
	}

	/* styles for selected menu item hyperlinks */
	.menulinkactive
	{
		color: White;
		font-weight: bold;
	}
	a.menulinkactive:hover
	{
		color: #FFFF00; /*NHS Yellow*/
	}
	
	/* styles for submenu items and selected items */
	div.menuitemselected
	{
		border : 1px solid #000000;
		margin-top: 3px;
		width: 99%;		
		border : 1px solid #000000;
		margin-top: 3px;
		padding: 0.5em 0em 0.5em 0em;		
		float: left;
		font-weight: bold;
		background-color: #9999CC; /*NHS Dark blue (secondary)*/
		color: White;
	}
	div.menuitemexpanded
	{
		width: 99%;
		border : 1px solid #000000;
		margin-top: 3px;
		padding: 0.5em 0em 0.5em 0em;
		float: left;
		background-color: #9999CC; /*NHS Dark blue (secondary)*/
		color: White;
	}
	div.menuitemchild
	{
		width: 100%;
		padding: 0.5em 0em 0.5em 0em;
		float: left;
		background-color: #dddddd;
		color: White;
	}
	div.menuitemchild a
	{
		color: Black;
	}

/* --------- Right column area ----------- */	
	/* box container for content appearing on the right hand side (e.g. the more box) */
	.rightcolbox
	{
		border: solid 1px #999999; /*colour = NHS Black Secondary*/
		
		/* The right column box is not displayed correctly in IE5.x. Need to set the width to correct this */
		width: 108.5%; /* hack for IE5.0 - will not render properly in other browsers. Note: IE5.5 does not require this hack. */
		width/**/: auto;  /* fix for non IE5.0 browsers. IE5 will ignore this because of the comment before the colon. */
	}

	/* header div inside a right col box */
	.rightcolboxheader
	{
		padding: 0.2em 0.5em 0.2em 0.5em;		
		color: White;
	}

	/* hyperlink inside right col box header */	
	.rightcolboxheader a
	{
		color: White;
	}
	
	/* content div inside a right col box */	
	.rightcolboxcontent
	{
		padding: 0.2em 0.5em 0.2em 0.5em;
	}
	
	/* listing box content div */
	.moreboxlistingitem, .newslistboxlistingitem, .eventslistboxlistingitem
	{
		padding: 0.2em 0em 0.2em 0em;
	}
	
	/* header for news box */
	#newslistheaderdiv
	{
		background-color: #18B700;
	}
	
	/* header for more box */
	#moreheaderdiv
	{
		background-color: #18B700;
	}
	
	/* header for homepage events */
	#eventslistheaderdiv
	{
		background-color: #CC0000; /*NHS Red*/
	}
	
	/* header for free text box */
	#freetextheaderdiv
	{
		background-color: #8FB789;
	}

/* -------- Content area ------------------- */
	.writerarea
	{
		padding: 2em 0em 2em 0em;
		text-align: right;
	}

/* -------- Accessibility aid -------------- */
	#accessibilityaiddiv
	{
		float: right;
		clear: both;
		width: 38em;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align:center;
		color: White;
		border: solid 1px Black;
		background-color: #AD566A;
		margin-top: 10px;		
	}
	#accessibilityaiddiv div
	{
		color: White;
		background-color: #AD566A;
	}	
	.AccessibilityButtonSpan
	{
		margin-left: 15px;
	}
	input.AccessibilityAidDecreaseTextButton, input.AccessibilityAidIncreaseTextButton, input.AccessibilityAidResetTextButton, input.AccessibilityAidNormalContrastButton, input.AccessibilityAidHighContrastButton
	{
		margin: 2px;
		background-repeat: no-repeat;
		width: 18px;
		height: 18px;
		border: 0px solid; 
		color: #0000FF; 
		text-decoration: underline;		
		cursor: pointer; 		
	}
	input.AccessibilityAidDecreaseTextButton 
	{
		background: url("/images/access_decreasetext.gif");
	}
	input.AccessibilityAidIncreaseTextButton 
	{
		background: url("/images/access_increasetext.gif");
	}
	input.AccessibilityAidResetTextButton 
	{
		background: url("/images/access_resettext.gif");
	}
	input.AccessibilityAidNormalContrastButton 
	{
		background: url("/images/access_normalcontrast.gif");
	}				
	input.AccessibilityAidHighContrastButton 
	{
		background: url("/images/access_highcontrast.gif");
	}
	
/* -------- Footer area -------------------- */
	#footerdiv
	{
		width: 100%;
		float:left;
		/*height: 2.1em;*/
	}
	#footermaindiv
	{
		padding-top: 0.5em;
		/*height: 2.1em;*/
		float: left;
		width: 100%;		
	}
	#footerleftdiv
	{
		float: left;
		width: 100%; 
		text-align: left;
	}
	#footermiddlediv
	{
		float: left;
		width: 0%; 
		text-align: center;
	}
	#footerrightdiv
	{
		float: right;
		width: 0%; 
		text-align: right;
	}