/******************************************************************************************************************
Royal Marsden Manual - Global Stylesheet - January 2008
Developed by Matthew Hill - http://www.friskdesign.com
For Semantico - http://www.semantico.co.uk/
******************************************************************************************************************/

/******************************************************************************************************************
RESET DEFAULT BROWSER STYLES (ERIC MEYER'S LATEST USAGE)
******************************************************************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button,
caption, tbody, tfoot, thead, tr, th, {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/******************************************************************************************************************
AUTO EXPANDING FLOATS FOR COMPLIANT BROWSERS
******************************************************************************************************************/

#wrapper:after,
#banner:after,
#banner .inner:after,
#topnav:after,
#breadcrumbs ul:after,
#chapternav:after,
.procedureguidelines ol:after,
.procedureguidelines ol li:after
{
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}

/******************************************************************************************************************
GENERAL FORMATTING OF STANDARD ELEMENTS
******************************************************************************************************************/
body {
	background:#E4E4E4;
	font: normal 0.8em/1.30em Verdana,Arial,"Helvetica Neue",Helvetica,sans-serif;
	margin:20px 0;
	color:#000000;
}

#skipto {
	position:absolute;
	left:-999em;
}

a img {
	border:none;
}

a,a:link,a:visited {
	color:#232174;
	text-decoration:underline;
	font-weight:bold;
}

a:hover {
	color:#D00;
}

.floatright {
	float:right;
	margin:0 0 20px 20px;	
}
.floatleft {
	float:left;
	margin:0 20px 20px 0;	
}

.picright {
	clear:right;
	float:right;
	margin:0 0 20px 20px;
}
.picleft {
	clear:left;
	float:left;
	margin:0 20px 20px 0;
}
.pictopright {
	float:right;
	margin:-40px 0 20px 20px;
}

/******************************************************************************************************************
GENERAL TEXT FORMATTING
******************************************************************************************************************/

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

sup {
	font-size:60%;
	vertical-align:top;
}

ul,ol,p {
	margin:0 0 20px;
	color:#000000;
}

ul {

}

ol {
	margin:0 0 0 10px;
}

li {
	margin:0 0 0.3em 20px;
}
li.second {
	margin:0 0 0.3em 40px;
}
ul li {
	list-style:square;
}

ul ul,
ol ol {

}

h1,h2,h3,h4,h5,h6 {
	margin:0 0 20px 0;
	font-weight:normal;
	font-size:1.0em;
	line-height:normal;
	color:#232174;
}

h1 {
	font-size:2.0em;
	padding:0 20px 20px;
    margin:0 0 10px 0;
	border-bottom:1px solid #E4E4E4;	
	
}

h2 {
	font-size:1.7em;
}

h2.hosp {
	font-size:1.7em;
	color:#771558;
	line-height:normal;
}
h2.academic {
	font-size:1.7em;
	color:#bf0f18;
	line-height:normal;
}
h3 {
	font-size:1.4em;
	margin:20px 0;
	color:#999999;
}

h4 {
	font-size:1.2em;
	font-weight:bold;
	margin:20px 0;	
}

h5 {
	font-size:1.2em;
	font-weight:bold;
	margin:5px 0;
	color:#999999;	
}

small,
.smaller {
	font-size:0.85em;
}

big,
.bigger {
	font-size:1.4em;
}

/******************************************************************************************************************
OVERALL LAYOUT RULES
******************************************************************************************************************/

#wrapper {
	width:970px;
	margin:0 auto;
	background:#FFF url(../img/bg-shadow-side.png) top left repeat-y;
}

#main {
	width:960px;
}

#content {
	float:left;
	width:610px;
	min-height:500px;
	margin:0 0 0 310px;
}

#content.nosidebar {
	float:none;
	width:880px;
	min-height:500px;
	margin:20px 40px 40px;
}

#sidenav {
	float:left;
	min-height:500px;
	width:270px;
	margin:0 0 0 -920px;
}

/******************************************************************************************************************
BANNER
******************************************************************************************************************/

#banner {
	background:url(../img/bg-shadow-top.png) top left no-repeat;
}

#banner .inner {
	width:960px;
	position:relative;
	background:#FFF url(../img/bg-banner-grad.png) bottom left repeat-x;
}

#banner #rainbow {
	height:30px;
	width:100%;
	background:url(../img/bg-rainbow-grad.png) top left repeat-y;	
}

#banner span {
	display:block;
	width:620px;
	height:80px;
	overflow:hidden;
	margin:30px 0 16px 30px;
	font-size:1.4em;
	line-height:1;
	color:#232174;
}

#banner span span {
	font-size:2em;
	line-height:1.2em;
	height:auto;
	margin:0;
}

#banner span em {
	font-style:normal;
	color:#AAA;
}

#banner img#logo {
	top:60px;
	left:30px;
	position:absolute;
	display:block;
}

#banner img#title {
	top:60px;
	left:110px;
	position:absolute;
	padding:0 0 0 30px;
	background:#FFF;
	display:block;	
}

/******************************************************************************************************************
TOPNAV
******************************************************************************************************************/

#topnav {
	font: bold 0.90em/1.2em Arial,"Helvetica Neue",Helvetica,sans-serif;

}

.blue#topnav  { border-bottom:10px solid #232174; }
.green#topnav { border-bottom:10px solid #53BD64; }
.yellow#topnav { border-bottom:10px solid #F8BD67; }
.red#topnav { border-bottom:10px solid #CB4852; }
.general{ border-bottom:10px solid #E1E1E1; }

#topnav ul,
#topnav li {
	list-style:none;
	margin:0;
}

#topnav li {
	float:left;
	background-position:right top;
	background-repeat:no-repeat;
	margin:0 1px 0 0;
}

#topnav li a,
#topnav li a:visited {
	display:block;
	background-position:left top;
	background-repeat:no-repeat;
	text-decoration:none;
	width:10em;
	padding:10px 8px;
	color:#FFF;
}

#topnav li a:hover {
	text-decoration:underline;	
	color:#FFF;
}

#topnav li#navHome {
	background-color:#3DA44D;
	background-image:url(../img/tab-green-right.png)
}


#topnav li#navHome a,
#topnav li#navHome a:visited {

}
/* Angus Hack */
#topnav ul#mainnav {
padding: 0;
margin: 0;
float: left;
clear:none;
}
/* End Angus Hack */

#topnav li#navMain {
	background-color:#24227A;
	background-image:url(../img/tab-blue-right.png)
}

#topnav li#navMain a,
#topnav li#navMain a:visited {
	background-image:url(../img/tab-blue-left.png)
}

#topnav li#navStudent {
	background-color:#E7A037;
	background-image:url(../img/tab-yellow-right.png)
}

#topnav li#navStudent a,
#topnav li#navStudent a:visited {
	background-image:url(../img/tab-yellow-left.png)
}

#topnav li#navOnline {
	background-color:#B4323C;
	background-image:url(../img/tab-red-right.png)
}

#topnav li#navOnline a,
#topnav li#navOnline a:visited {
	background-image:url(../img/tab-red-left.png)
}

/******************************************************************************************************************
TOPNAV SEARCH
******************************************************************************************************************/

#topnav form {
	float:right;
	margin:0 20px 0 0;
}

#topnav fieldset {

}

#topnav legend {
	display:none;
}

#topnav label {
	display:none;
}

#topnav input {
	width:209px;
	padding:3px 2px;
	margin:0 10px 0 0;
	border:1px solid #DBDBDB;
	font: bold 1.0em/1.2em Arial,"Helvetica Neue",Helvetica,sans-serif;	
	color:#6A6A6A;
	background:#FFF;
	float:left;
}

#topnav button {
	background:#232174 url(../img/button-search.png) top left no-repeat;
	color:#FFF;
	width:70px;
	height:24px;
	margin:0 10px 0 0;
	font-weight:bold;
}

/******************************************************************************************************************
BREADCRUMBS
******************************************************************************************************************/

#breadcrumbs {
	clear:both;
	margin:10px 0 0 0;
	padding:20px;
	font: normal 0.85em/1 Arial,"Helvetica Neue",Helvetica,sans-serif;
	color:#B2B2B2;
}

#breadcrumbs ul,
#breadcrumbs li {
	list-style:none;
	margin:0;
}

#breadcrumbs li {
	float:left;
	margin:0 5px 0 0;
}

#breadcrumbs li a,
#breadcrumbs li a:visited {
	color:#B2B2B2;
	padding:0 10px 0 0;
	background:url(../img/arrow-breadcrumbs.png) right center no-repeat;
}

#breadcrumbs li a:hover {
	color:#232174;
}

/******************************************************************************************************************
CHAPTER NAVIGATION
******************************************************************************************************************/

#chapternav {
	clear:both;
	font: normal 1.0em/1 Arial,"Helvetica Neue",Helvetica,sans-serif;
	color:#B2B2B2;
}

#chapternav li {
	float:left;
	list-style:none;
	margin:0 1px 0 0;
	padding:0 20px;
	background:#EEEEEE;
}

#chapternav li a,
#chapternav li a:visited {
	display:block;
	color:#232174;
	text-decoration:none;
}

#chapternav li a:hover {
	text-decoration:underline;
}

#chapternav li.prev a,
#chapternav li.prev a:visited {
	padding:9px 0 9px 15px;
	background:url(../img/arrow-chapter-left.png) left center no-repeat;
}

#chapternav li.next a,
#chapternav li.next a:visited {
	padding:9px 15px 9px 0;
	background:url(../img/arrow-chapter-right.png) right center no-repeat;
}

/******************************************************************************************************************
CHAPTER BROWSE
******************************************************************************************************************/

#chapterbrowse {
	clear:both;
	float:right;
	margin:-45px 20px 40px;
	color:#232174;
}

#chapterbrowse li {
	display:inline;
	list-style:none;
	margin:0 0 0 2px;
	padding:0 0 0 5px;
	border-left:2px solid 	
}

#chapterbrowse li#browsechapter {
	border:none;
}

#chapterbrowse li a,
#chapterbrowse li a:visited {
	color:#232174;
	text-decoration:none;
	font-size:1.4em;
	font-weight:normal;
	line-height:normal;
}

#chapterbrowse li a:hover {
	text-decoration:underline;
}

/******************************************************************************************************************
SECTION NAVIGATION
******************************************************************************************************************/

#sectionnav {
	clear:both;
	float:right;
	margin:20px;
	font: normal 1.0em/1 Arial,"Helvetica Neue",Helvetica,sans-serif;
	color:#B2B2B2;
}

#sectionnav li {
	display:inline;
	list-style:none;
	margin:0;
}

#sectionnav li a,
#sectionnav li a:visited {
	color:#232174;
	text-decoration:none;
}

#sectionnav li a:hover {
	text-decoration:underline;
}

#sectionnav li.prev {
	padding:0 5px 0 0;
	margin:0 2px 0 0;
	border-right:2px solid #232174;
}

#sectionnav li.prev a,
#sectionnav li.prev a:visited {
	padding:0 0 0 15px;
	background:url(../img/arrow-chapter-left.png) left center no-repeat;
}

#sectionnav li.next a,
#sectionnav li.next a:visited {
	padding:0 15px 0 0;
	background:url(../img/arrow-chapter-right.png) right center no-repeat;
}

/******************************************************************************************************************
SIDENAV
******************************************************************************************************************/

#sidenav {
	font: normal 1.0em/1.2em Arial,"Helvetica Neue",Helvetica,sans-serif;	
}

#sidenav img {
margin-left: 10px;
margin-bottom: 10px;
}

#sidenav p {
margin-left: 20px;
}

#sidenav ul {
	border-top:1px solid #E4E4E4;
	/* Angus hack */
	padding-left: 0;
	/*End Angus Hack */
	
}

#sidenav li {
	list-style:none;
	border-bottom:1px solid #E4E4E4;
	margin:0;
}

#sidenav li a,
#sidenav li a:visited {
	display:block;
	padding:8px 20px;
	text-decoration:none;
	color:#109024;
}

#sidenav li#selected a,
#sidenav li#selected a:visited {
	padding:8px 20px 8px 10px;
	border-left:10px solid #3DA44D;
	background:#E7F5E9;
}

#sidenav li.procedure a,
#sidenav li.procedure a:visited {
	color:#3DA44D;
}


#sidenav li#selected.procedure a,
#sidenav li#selected.procedure a:visited {
	padding:8px 20px 8px 10px;
	border-left:10px solid #3DA44D;
	background:#E7F5E9;
}

#sidenav li.studed a,
#sidenav li.studed a:visited {
	color:#DD9935;
}


#sidenav li#selected.studed a,
#sidenav li#selected.studed a:visited {
	padding:8px 20px 8px 10px;
	border-left:10px solid #DD9935;
	background:#FDEED8;

}

#sidenav li.onlined a,
#sidenav li.onlined a:visited {
	color:#CB4852;
}

#sidenav li#selected.onlined a,
#sidenav li#selected.onlined a:visited {
	padding:8px 20px 8px 10px;
	border-left:10px solid #CB4852;
	background:#F7E1E3;

}

#sidenav li a:hover,
#sidenav li#selected.procedure a:hover,
#sidenav li#selected.studed a:hover,
#sidenav li#selected.onlined a:hover,  {
	text-decoration:underline;
}

/******************************************************************************************************************
PROCEDURE GUIDELINES
******************************************************************************************************************/

.procedureguidelines {
	empty-cells:hide;
	border-collapse:collapse;
	width:610px;
	margin:0 0 40px 0;
}

.procedureguidelines caption {
	padding:20px 0;
	text-align:left;
	font-size:1.4em;
	color:#232174;
}

.procedureguidelines th.step,
.procedureguidelines th.action,
.procedureguidelines th.rationale {
	padding:0 0 20px 0;
	text-align:left;
	border:none;
	text-transform:uppercase;
	font-size:1.4em;	
	font-weight:normal;
	width:280px;
	vertical-align:top;
	color:#232174;	
}

.procedureguidelines th.step {
	width:20px;
	padding:0 10px 0 0;
}

.procedureguidelines td {
	width:270px;
	padding:20px 20px 0 0;
	border-top:1px solid #E4E4E4;
	vertical-align:top;
}

.procedureguidelines td.step {
	width:20px;
	padding:20px 10px 0 0;
	border-top:1px solid #E4E4E4;
	color:#232174;
	font-weight:bold;
	text-align:right;
	vertical-align:top;
}

.procedureguidelines td p.comment {
	background:#E9E9F2;
	padding:10px;
}

.procedureguidelines td p.comment em {
	font-weight:bold;
}



/******************************************************************************************************************
FOOTER
******************************************************************************************************************/

#footer {
	clear:both;
	width:960px;
	min-height:80px;
	border-top:1px solid #E4E4E4;
	background:#FFF;
	color:#555;
	font: normal 0.85em/1.2em Arial,"Helvetica Neue",Helvetica,sans-serif;		
}

#footer a,#footer a:visited,#footer a:hover {
	font-weight:normal;
}

#footer ul {
	float:right;
	margin:20px 20px 20px 500px;
}

#footer li {
	list-style:none;
	display:inline;
	margin:0 0 0 2px;
	padding:0 0 0 5px;
	border-left:1px solid;
}

#footer li.first {
	border:none;
}

#footer li a,
#footer li a:visited {
	color:#555;
	font-weight:normal;
	text-decoration:none;
}

#footer li a:hover {
	text-decoration:underline;
}

#footer p#blackwell {
	float:left;
	width:550px;
	padding:4px 0 0 0;
	margin:0 0 20px 20px
}

#footer p#blackwell img {
	float:left;
	margin:-4px 20px 0 0;
}

#footer p#carbonneutral {
	width:160px;
	margin:0 20px 20px 0;
	float:right;
	text-align:right;
}


#outerfoot {
	clear:both;
	width:970px;
	height:10px;
	margin:0 auto;
	background:#FFF url(../img/bg-shadow-bot.png) bottom left no-repeat;	
	font-size:0;
}


/******************************************************************************************************************
TOP GENERAL NAVIGATION added by Elisabetta O'Connell
******************************************************************************************************************/

#topnav #gennav {
	/* Begin Angus hack */
	position:absolute;
	right: 20px;
	/*float:right;*/
	/*padding-right:20px;*/
	/*End Angus hack */
}

#topnav #gennav li {
	margin:10px 0 0 7px;
}

#topnav #gennav li a,
#topnav #gennav li a:visited {
	background:none;
	width:auto;
	min-width:0;
	color:#000000;
	padding:0 0 0 7px;
	border-left:1px solid #B2B2B2;
	font-size: 1.0em;
	line-height:normal;
}

#topnav #gennav li a:hover {
	text-decoration:underline;	
	color:#999999;
}

#topnav #gennav li#gennavReviews a,
#topnav #gennav li#gennavReviews a:visited {
	border:none;
}

/******************************************************************************************************************
Top Link button for Questions to the Editors page. Added by Sara Haley 14/10/08
******************************************************************************************************************/

#top_link a,#top_link a:visited,#top_link a:hover{
	text-align:right;
	font-size: 11px;
	color:#cc3333;
	text-decoration:none;
}

/******************************************************************************************************************
NEW FLAG added by Elisabetta O'Connell
******************************************************************************************************************/
#new {
	margin:0 0 0 0;
	font-size:1em;
	line-height:normal;
	color:#FF0000;
	font-weight:bold;
}
#red {
	margin:0 0 0 0;
	font-size:1em;
	line-height:normal;
	color:#bf0f18;
	font-weight:bold;
}
#purple {
	margin:0 0 0 0;
	font-size:1em;
	line-height:normal;
	color:#771558;
	font-weight:bold;
}
/******************************************************************************************************************
BOX FOR Hospital online page added by CJ
******************************************************************************************************************/
#boxnewhosp{
	width: 410px;
	height: 170px;
	border: 1px solid #771558;
	float:left;
	margin: 10px;
	text-align:left;
	padding: 15px;
	
}
#boxnewhosp img {
    padding: 10px;

}
#boxnewhosp ul,ol {
	margin:0 0 20px;
	color: #771558;
}

/******************************************************************************************************************
BOX FOR Academic online page added by CJ
******************************************************************************************************************/
#boxnewaca{
	width: 410px;
	height: 170px;
	border: 1px solid #bf0f18;
	float:left;
	margin: 10px;
	text-align:left;
	padding: 15px;
	
}

##boxnewaca ul,ol {
	margin:0 0 20px;
	color: #bf0f18;
}

/******************************************************************************************************************
BOX FOR HOMEPAGE added by Elisabetta O'Connell
******************************************************************************************************************/
#boxmain{
	width: 250px;
	height:365px;
	border: 1px solid #3DA44D;
	float:left;
	margin: 10px;
	text-align:center
	
}

#boxmain .greentitle {
	font-weight: bold;
	color:#fff;
	text-align: left;
	position: relative;
	display: block;
	clear: both;
	background-color: #3DA44D;
	background-position: top;
	background-repeat: repeat-x;
	line-height: 15px;
	height: 15px;
	padding: 2px;
}


#boxmain img {
    padding: 10px;
}

#boxmain p {
  	padding-left: 10px;   
}

#boxstudent{
	margin: 10px;
	width: 250px;
    height:365px;
	border: 1px solid #F5A834;
	float:left;
	text-align:center;
}

#boxstudent .yellowtitle {
	font-weight: bold;
	color:#fff;
	text-align: left;
	position: relative;
	display: block;
	clear: both;
	background-color: #F5A834;
	background-position: top;
	background-repeat: repeat-x;
	line-height: 15px;
	height: 15px;
	padding: 2px;
}

#boxstudent img {
    padding: 10px
}

#boxstudent p {
   	padding-left: 10px;   
}

#boxonline{
	margin: 10px;
	width: 281px;
	height:365px;
	border: 1px solid #CB4852;
	float:left;
	text-align:center;
	clear:right;

}

#boxonline .redtitle {
	font-weight: bold;
	color:#fff;
	text-align: left;
	position: relative;
	display: block;
	clear: both;
	background-color: #CB4852;
	background-position: top;
	background-repeat: repeat-x;
	line-height: 15px;
	height: 15px;
	padding: 2px;
}

#boxonline img {
    padding: 10px
}

#boxonline p {
	padding-left: 10px;   
}

#caption {
	padding:5px 0 0 10px;
	text-align:left;
	font-size:1.1em;
	color:#232174;
}

#holdblue  { 
     font-size:1.4em; 
     color: #232174; 
}
#holdgreen { 
     font-size:1.4em; 
	 color: #53BD64; 
}
#holdyellow  { 
     font-size:1.4em;
     color: #F8BD67; 
}
#holdred { 
     font-size:1.4em;
     color: #CB4852;
}
.imageleft1 {
	float: left;
text-align: left;
}

.imageleft {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	text-align:center;
}
.imageright { float: right; margin-left: 15px; margin-bottom: 15px;
	text-align:center;} 

#media
			{
			   margin-top: 40px;
         }
			#noUpdate
			{
				margin: 0 auto;
				font-family:Arial, Helvetica, sans-serif;
				font-size: x-small;
				color: #cccccc;
				text-align: left;
				width: 210px; 
				height: 200px;	
				padding: 40px;
			}