/* ---- School of Medicine CSS Styles ---- */
/* ----- Michael Byde, April/May 2008 ---- */
body {
	margin-left:	auto;
	margin-right: 	auto;   /* centre the body */
	margin-top:		0;
	background-color:#666666; /* bg color for entire window behind canvas */
	font-size:		small; /* base font size for entire document */
}
#canvas { /* div that wraps the entire page */
	background-color:#FFFFFF; /* bg color for canvas */
	border: 		0;
	margin-left: 	auto;             /* centre canvas on page */
	margin-right: 	auto;             
	margin-top:		0;
	margin-bottom:	0;
	max-width:950px;
	min-width:240px;
}

/* ------------------------------------------------------------------------- */
/*                        # main page panes   (layout)                       */
/* ------------------------------------------------------------------------- */
#toppane /* contains university logo and department ID  */
{
	width: auto%;  		/* Auto or 100% is a dilema */
	min-height: 100px;
	background-color: #EAE3D3;
	padding: 0; /* space around logos */
	margin: 0;
}

#mainpane-outer {
	width: auto%;  	
	margin:0;
	padding: 0 4px 4px 0;
}

#bigpane {
	background-color:#00FF99;
	margin:0;
	margin-right:7px;
}
#centrepane { /* centre column where the content goes */
	margin: 0 174px 0 190px;  
	padding: 0 1% 0 1%;
	line-height: 1.3;
	min-height: 50px; /* fix ie7 drawing bugs - must have a nominal height */
}


#breadcrumbspane{ /* divider between logos and main page containing breadcrumbs */
	width: 				auto;
	background-color: 	#9C8186;
	clear:				both;
	padding: 			2px 1% 5px 1%;
	text-decoration: 	none;
	font-family: 		Arial, Helvetica, sans-serif; font-size: 0.8em;
	color:				#FFFFFF;
	margin: 			0;
	min-height:7px; /* fix ie 7 drawing bug */
}


/* the following CSS hacks are used to fix rendering bugs in IE6
which prevent divs from displaying properly */
* html #toppane {
	height:110px; /* must set a nominal height to fix IE6 bug */
} 
* html #centrepane {
	height:10px; /* must set a nominal height to fix IE6 bug */
} 
* html #localmenupane {
	height:10px; /* must set a nominal height to fix IE6 bug */
} 
#fullpane /* used occasionally for no right hand column */
{
	margin: 0 7px 0 190px;
	padding: 0 1% 0 1%;
	line-height: 1.5;
}
#leftpane
{
	float:left;
	background-color:	#00502F;  /* Color for left hand menu background */
	width: 				172px;    /* total width is 190 with padding: 186+7+7 */
	padding: 			7px;
	margin:				0px;
	line-height: 		1.4;
}
#localmenupane /* horizontal bar containing section title and links */
{
	width:auto;
	margin: 0 0 0 186px;
	padding: 0 0 3px 14px;
	background-color:#86B999;
	min-height:20px; /* fix ie 7 drawing bug */
}
* html #localmenupane {
	padding: 0 0 3px 7px;
}
#rightpane /* right column containing first submenu */
{
	float: right;
	width: 174px;  
	margin: 0 4px 0 0;
	padding:0; /* left is 0 as the space is provided by the padding in #content. right is 0 as we want the right hand side to line up with the very edge of the canvas */
}

/* for items at the bottom of the front page only */
#unitfooterpane {
	width: 98%;
	float:left;
	background-color: #EAE3D3;
	clear: both;
	padding: 7px 1% 7px 1%;
	margin: 7px 0 0 0;
}

/* for the items at the bottom of every page */
#footerpane
{
	width: 98%;
	background-color:#000000;
	clear: both; /* ensures this doesn't overlay any other areas */
	padding: 7px 1% 7px 1%;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif; color: #FFFFFF;
	min-height:35px;
}

/* ---------------------------------------------------------------------- */
/*                    top banner (university logo etc.                    */
/* ---------------------------------------------------------------------- */

#title /* for the department name image */
{
	float: left;
	margin: 0;
	padding: 0;
}
#biglogo /* for the University logo */
{
	float:right;
	width: 252px;
	height:100px;
	margin: 0;

	padding: 0;
}
/* ---------------------------------------------------------------------- */
/*                                breadcrumbs                             */
/* ---------------------------------------------------------------------- */
/* used for the breadcrumbs */
#breadcrumbspane a {
	color:#FFFFFF;
}
#breadcrumbspane p {  /* prevent parargaphs going to next line in breadcrumbs */
	display:inline;
	}
#breadcrumbspane div { /* prevent divs going to next line in breadcrumbs */
	display:inline;
}
#AccessLink {
	Background-color:000000;
	color:ffffff;
	float:right;
	padding:0 10px 0 10px;
}
/* ---------------------------------------------------------------------- */
/*                            left hand navigation                        */
/* ---------------------------------------------------------------------- */

#navlist {  /* ID of the menu list UL */
	margin: 0;
	padding:0;
}
#navlist li
{
	list-style: 	none;
	margin: 		0 0 0 0;
	padding: 		0 0 0 0;
}
#navlist a
{
	display: 			block;
	width: 				90%;
	margin:				0 0 0 5%; /* Indent of menu items relative to subheadings */
	padding:				0 0 0 2%;
	text-decoration: 	none; 	   /* prevent underline of hover link */
	color: 				#FFFFFF;   /* link color */
}
#navlist a:hover
{
	text-decoration: none;        /* prevent underline of hover link */
	background-color: #43936D;    /* hover background color  */
}
#leftpane li.subheading {
    color:#FFFFFF;            /* subheading color */
	font-weight:bold;
}
#leftpane li.topheading {
    color:#FFFFFF;            /* subheading color */
	font-weight:bold;
	margin:0 0 0 -7%;
	padding:0;
	width:90%;
}
/* ------------------------------------------------------------------------- */
/*          Top row navigation                                               */
/* ------------------------------------------------------------------------- */
#localmenupane p {
line-height:1.3em;
}

#localmenupane a:link {
	color:#000000;
	padding:2px;
	text-decoration:none;
}
#localmenupane a:hover {
	background-color:#43936D;
	padding:2px;
	text-decoration:none;
}
#localmenupane a:visited {
	padding:2px;
	color:#000000;
	text-decoration:none;
}
#localmenupane a:active {
	padding:2px;
	background-color: #43936D;
	text-decoration:none;
}
/* ---------------------------------------------------------------------- */
/*                            right hand navigation                       */
/* ---------------------------------------------------------------------- */

 /* submenu header */
.head {
	display: 			block;
	margin:  			7px 0 0 0;
	padding:			0 0 1% 0;
	background-color: 	#D7C9AA;       /* background color of submenu header  #EAE3D3*/
	text-decoration: 	none;
	line-height: 		normal;
}

/* list and links styles */
.navlist2
{
	margin:  			0 0 0 0;
	padding:			0 0 1% 0;
	line-height: 		normal;
	color:	#666666;
	background:#EAE3D3; /* background color of main part of menu #EEEEEE */
}
.navlist2 li
{
	margin: 0;
	border-bottom: 1px dotted gray;
	padding: 3px;
	list-style:none;  /* exclude numbers or bullet points  */
}
.navlist2 a:link {
	text-decoration: none;
	color:#000000;
}
.navlist2 a:active {
	text-decoration: none;
	color:#000000; 
}
.navlist2 a:visited { 
	text-decoration: none; 
	color:#000000;
} 
.navlist2 a:hover {
	text-decoration: underline; 
	color:#000000;
} 

.navlist2 a:

/* ------------------------------------------------------------------------- */
/*  				              footer					                 */
/* ------------------------------------------------------------------------- */
#footerpane a {
	color: #FFFFFF;
}
#footerpane a:link
{
color: #FFFFFF;
text-decoration: none;
}
#footerpane a:visited
{
color: #FFFFFF;
text-decoration: none;
}

/* ------------------------------------------------------------------------- */
/*  				            top footer					                 */
/* ------------------------------------------------------------------------- */

#topfootleft {
	width:139px;	
	float:left;
	}
#topfootmid {
 width:271px; 
 float:left
}
#topfootright {
	width:255px;
	float:right;
}
/* ------------------------------------------------------------------------- */
/*          CSS for styling pages with two columns        (e.g. home page)   */
/* ------------------------------------------------------------------------- */

.fullblock, .leftblock, .rightblock, .spotlightleft, .spotlightright {
	background-color: #EAE3D3;
	padding:0 0 1% 0;
	margin:  7px 0 0 0;
	line-height: normal;
	min-width:170px;  /* can't be greater than width of right hand menu */
}
.leftblock {
	float:left;
	width:	49%;
}
.rightblock {
	float:right;
	width:	49%;
}
.spaceblock {
	float:left; 
	width:90%; 
	height: 0;
	margin:1% 0 0 0;  /* 1% top margin creates space */
	padding:0;
	visibility:visible;
}
.imageblock {
	background-color: #EAE3D3;
	padding: 7px;
	margin:  7px 0 0 0;
}
.imageblock img {
	padding: 0;
	border: 0;
	margin: 0;
	background-color:#FFFFFF;
}
.spotlightleft, .spotlightright {
	background:url(/medicine/template-items/ftimg_anglelamp.gif); /* spot light image in background */
	background-position:top left; 
	background-repeat:no-repeat; 
	min-height:130px;
	width:	49%;
	background-color: #EAE3D3;
}	
.spotlightleft *, .spotlightright * {
	margin-left:30px; /* force all elements in a spotlight to leave 30px on the left
						 so they don't overlap the angle lamp image in the background */
	}
.spotlightleft {
		float:left;
}
.spotlightright {
		float:right;
}
/* ------------------------------------------------------------------------- */
/*                          Staff Pages                                      */
/* ------------------------------------------------------------------------- */

#medstaff-rightpane /* floating box containing medstaff photos */
{
	float: right;
	width: 174px;  
	margin: 0;
	padding:0; /* left is 0 as the space is provided by the padding in #content. right is 0 as we want the right hand side to line up with the very edge of the canvas */

}
#medstaff-rightpane img {
	max-width:156px; /* prevent massive photos from outgrowing the frame */
}

* html #medstaff-rightpane img  {
	width:156px; /* fix the photo width in IE6 (since it can't understand max-width */
	} 
.staffTableTable {
	border-color:#D7C9AA;
}
.staffTableCell {
	padding: 3px 7px 3px 7px;
	border-color:#D7C9AA;
}
.staffTableHeader {
	padding: 3px 7px 3px 7px;
	background-color:#D7C9AA;
}


/* ------------------------------------------------------------------------- */
/*                          Text Styling                                     */
/* ------------------------------------------------------------------------- */
* { margin: 0; padding: 0; }
body {
	font-family: Arial, Helvetica, sans-serif; 
}

p, .pspace  {
	padding: 7px 1% 0.8em 7px;
}
td, th {  /* apply same spacing to table cells as to paragraphs..... */
	padding: 7px 1% 0.8em 7px;
}
table {
	min-height:7px;
}
td p, th p { /* ...but exclude the spacing if the paragraph is inside a table cell */
	padding: 0;
}

ul, ol {
	padding: 7px 7px 0.8em 17px;
	}
li {
	padding: 0 0 3px 0;
	margin-left:2em;
}
/* HEADINGS - HEADINGS - HEADINGS - HEADINGS - HEADINGS - HEADINGS */
h1 {
	font-size: 1.4em;
	padding: 7px 7px 0 7px;
	background-color:#86B999;
	margin-bottom:7px;
}
h2 {
	font-size: 1.25em;
	padding: 7px 7px 0 7px;
	font-weight:bold;
	background-color:#D7C9AA;
	margin-bottom:7px;
}
h3 {
	font-size: 1.25em;
	padding: 7px 7px 0 7px;
	font-weight:bold;
	border-bottom-style:solid;
	border-bottom-color:#86B999;
	border-bottom-width: 4px;
	margin-bottom:7px;
}
h4 {
	font-size: 1.1em;
	padding: 7px 7px 0 7px;
	border-bottom-style:solid;
	border-bottom-color:#D7C9AA;
	border-bottom-width:2px;
	margin-bottom:7px;
}
h3 a, h4 a {
	text-decoration: none; /* remove underline on h3 and h4 since they allready contain an underline as part of the heading style */
}
h5 {
	font-size: 1em;
	font-weight:bold;
	padding: 7px 7px 0 7px;
	margin-bottom:7px;
}

/* HEADINGS - HEADINGS - HEADINGS - HEADINGS - HEADINGS - HEADINGS */

div.centrepane h1 {
	color:#99FF00;
}

/* a:link, a:visited {color: #0000CC;} */

/* ------------------------------------------------------------------------- */
/*                          Exotica                                          */
/* ------------------------------------------------------------------------- */

.highlight {
	background-color: #FFFF00;
}
.quoteOuter {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	color: #000000;
	background-color: #EAE3D3;
	background-image: url(/medicine/icons/leftquote-small-coloured.gif);
	background-repeat: no-repeat;
	background-position: left top;

}
.quoteInner {
	font-weight: normal;
	text-align: left;
	color: #000000;
	background-image: url(/medicine/icons/rightquote-small-coloured.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-left:0px;
	margin-right:0px;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:50px;
	padding-right:50px;
	padding-top:10px;
	padding-bottom:10px;
}
.quoteOuterMini {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	color: #000000;
	background-color: #EAE3D3;
	background-image: url(/medicine/icons/leftquote-mini-coloured.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.quoteInnerMini {
	font-weight: normal;
	text-align: left;
	color: #000000;
	background-image: url(/medicine/icons/rightquote-mini-coloured.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-left:0px;
	margin-right:0px;
	margin-top:5px;
	margin-bottom:px;
	padding-left:23px;
	padding-right:23px;
	padding-top:5px;
	padding-bottom:5px;
}
.quoteAuthor {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	text-align: right;
	margin: 0px;
	padding: 0px;
	line-height: normal;
}
.quoteText {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
}
.audioplayer {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.poll {
	font-weight: normal;
	text-align: left;
	color: #000000;
	margin-left:0px;
	margin-right:0px;
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
	padding-bottom:10px;
	background-color: #EAE3D3;;
}
.pollheader {
	font-weight: normal;
	text-align: left;
	color: #000000;
	margin-left:0px;
	margin-right:0px;
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
	padding-bottom:10px;
	background-color: #9C8186;
	color:#FFFFFF;
}
.closedlines {
	padding-top:2px;
	padding-bottom:2px;
	border-top:0;
	border-bottom:0;
}
.floatleft {
	float:left;
	margin-right:14px;
}
.floatright {
	float:right;
	margin-left:14px;
}


/* CSS Document */

#welcome li {
	margin-left:4px;
}
.col {
	margin-left:2%;
	float:left;
	width:	31%;
}
.twocol {
	margin-left:2%;
	float:left;
	width:	62%;
}
.leftcol {
	min-height:400px;
	margin-top:7px;
}


h4 {
	font-size: 1em;
	padding: 3px 3px 0 3px;
	margin-bottom:5px;
}
table p {
	padding:0;
	margin:0;
	font-size:0.9em;
	line-height:normal;
}

canvas {

	}
	table {
		padding:0;
		margin:0;
	}
	.column {
		float:left;
		min-width:200px;
	}
	.rcolumn {
		border-right-style:solid;
		border-right-color:#FF0000;
		border-right-width:4px;
	}
	.imagebox {

	}
	.outer {
		margin-top:4px; /* white space at top */
		width:100%;
	}
	.inner {
		/* white space on left */
		border-left-style:solid;
		border-left-color:#FFFFFF; 
		border-left-width:4px; 
		padding:3px; 
	}
	.schoolbox {
		float:left;
		padding:0;
		margin:0;
	}
	h1,h2,h3 {
		border:none;
		background-color:transparent;
		font-size:1em;
		font-weight:bold;
		margin:0;
		padding:0;
	}
	
	.rfloat {
		float:right;
	}
	.highlevel { /* marks elements that are the maximum logical blocks */
		min-width: 220px; /* fit on a mobile device */
	}

	.lowlevel {  /* marks elements that are the minimum logical blocks */
		padding:3px;
	}
	.titlebar {
		background-color:#00502F;
		color:#FFFFFF;
		font-weight:bold;
	}
	.hiddenhrtitlebar {
		background-color:#00502F;
		color:#00502F;
		}
	.standardbar {
		background-color:#EAE3D3;
	}
	
	.hiddenhrstandardbar {
		background-color:#EAE3D3;
		color:#EAE3D3;
		}
	.institute {
		padding:0;
		overflow:visible;
	}
	* html .institute a:link, * html .institute a:visited, * html .institute a:hover, * html	.institute a:active {  /* for IE6 and below only */
	height:50px;
	}
	.institute a:link, 	.institute a:visited, .institute a:hover, .institute a:active { 
	/* all link styles */
		color:#000000;
		text-decoration:none;		
		height:100%;
	
		min-height:56px;
		display:block;
		margin:0;
		padding:3px;

		}     
	
	.institute a:link  { /* unvisited link */
		background-color: #EAE3D3;
		}     
	.institute a:visited {  /* visited link */
		background-color: #EAE3D3;
		}  
	.institute a:hover {   /* mouse over link */
		background-color: #86B999;
		}  
	.institute a:active {  /* selected link */
		background-color: #86B999;
		}