@import "import2.css";

/*tidied 11.1.07*/
/*Template finalised February 2006 - achieved only with help from Patrick
 * Lauke*/
 html, body {background-color: #fff; color: #000;font-family: Arial,
 Helvetica, sans-serif; font-weight: normal;font-size: 95%; }
 /*This next style is required so *all* browsers show pages at 98% width*/
 #page {width:98%;}

 li {padding: 1px 0 1px  0;}
 li ul li {font-size: 90%;}
 pre, tt {font-family: Courier, monospace; font-size: 90%;}
 img {border: none; }
 .block {display: block;}

 a {text-decoration:none;}
 a:link {color: #039; }
 a:visited {color: #c33; }
 a:link:hover, a:visited:hover {text-decoration: underline; }
 a[href]:active {color: #c00; }

 h1 {font-weight: bold; font-size: 120%; color: #900;}
 h2 {font-weight: bold; font-size: 110%; color: #333;}
 h3 {font-weight: bold; font-size: 100%; font-style: italic; color: #333;}
 h4 {font-weight: bold; font-size: 90%; color: #333;}
 h5 {font-weight: bold; font-size: 80%; color: #333;}

 /*For text to be printed but not appear on screen*/
 .noshow, .noshowsmall, div.docbox {display: none;}

 /*Top global navigation bar now in import2.css to help users of old
  * browsers*/

  /*Page heading with identifier on left - deptitle is class for table cell
   * on right */
   #header {width:100%; padding:0; vertical-align: bottom;}
   #header img {vertical-align: bottom;}
   #header td.deptitle {font-size: 140%; color: #000; font-weight:
   bold;text-align: right; vertical-align: bottom;}

   /*Blue/grey lines, bottom carries space above now in import2.css to help
	* users of old browsers*/

	/*breadcrumb navigation styles*/
	#bread p {padding-top: 0px; margin-top: 3px;font-size: 80%;}
	#bread p a {font-weight: bold; }

	/*footer style (to be applied to paragraph)*/
	.footer {font-size: 80%; line-height: 120%; margin: 6px 0; float: left;
	overflow:hidden; }
	.rfooter {font-size: 80%; line-height: 120%; margin: 6px 0; float:
	right; }
	/*for logo in foot*/
	img.left {float: left; padding:6px 1em 0 0;}



	/*for display of content on page with left hand nav (normal or listed
	 * content)*/
	 #container {margin: 12px 0 0 0; width:100%; padding:0; border: none;}
	 #container td.leftnav {width:20%; vertical-align: top; padding: 0 3px
	 0 0; }
	 #container td.rule {border-left: 1px solid #666; padding: 0 7px 0 7px;
	 }
	 #container td.content {width:76%; vertical-align: top;}
	 #container td.content h1 {padding-top: 0px; margin-top: 0px;}
	 #container td.content h2 {padding-top: 0px; margin-top: 0px;}
	 #container td.content ul {margin: 0 0 1em 1em; padding: 0;}
	 #container td.content ul li {padding: 2px 0 2px 6px; }
	 #container td.content ul li ul {margin:0; padding-left: 1em }
	 #container td.content ul li ul li {border: none; }

	 #container td.listedcontent {width:76%; vertical-align: top;}
	 #container td.listedcontent h1 {padding-top: 0px; margin-top: 0px;}
	 #container td.listedcontent h2 {padding-top: 0px; margin-top: 0px;}
	 #container td.listedcontent ul {margin: 0 0 1em 1em; padding: 0;}
	 #container td.listedcontent ul li {padding: 2px 0 2px 6px; border-top:
	 1px solid #ccc; }
	 #container td.listedcontent ul li.last {padding: 2px 0 2px 6px;
	 border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
	 #container td.listedcontent ul li ul {margin:0; padding-left: 1em }
	 #container td.listedcontent ul li ul li {border: none; }
	 /*for cambuniv index page*/
	 #container td.col {width:30%; vertical-align: top; padding: 0 3px 0
	 1em; }
	 #container td.col ul {margin: 0 0 1em 1em; padding: 0;}
	 #container td.col ul li {padding: 2px 0 2px 6px; }
	 #container td.col ul li ul {margin:0; padding-left: 1em }
	 #container td.col ul li ul li {border: none; }
	 #container td.colrule {border-right: 1px solid #ccc; margin: 0 6px 0
	 0; }


	 /*for arrowed list in right-hand panel*/
	 #container div.arrows ul {list-style: url("/images/redarrow.gif")
	 disc; margin-left: 2em; }

	 /*for display of content full width, enclose it in a div called
	  * content*/
	  #content {margin: 12px 0 0 0; width: 100%; }
	  #content h1 {padding-top: 0px; margin-top: 0px;}
	  #content div.arrows ul {list-style: url("/images/redarrow.gif") disc;
	  }

	  /*for display of active link in left hand nav - style for nav is in
	   * import file*/
	   li#activenav a:link, li#activenav a:visited, li#activenav a:hover
	   {color: #000; text-decoration:none;  background-color: #fff;}
	   li#activenav ul li a:link {color: #039;text-decoration:none;
	   background-color: #fff;}
	   li#activenav ul li a:visited {color: #c33;text-decoration:none;
	   background-color: #fff;}
	   li#activenav ul li a:hover, li#activenav ul li a:visited:hover
	   {text-decoration: underline; background-color: #fff;}
	   /*#activenav:before {content: ">"; margin: 0 0 0 -6px;}*/

	   /*headings on search page*/
	   div.rightandleft {background: #ccc;color: #000; border: dashed #999
	   1px; width:100%; margin: 0; padding: 0;}
	   div.rightandleft h2  {width: 60%; float:left; background: #ccc;}
	   div.rightandleft p.tips  {font-weight:bold; text-align:right;
	   background: #ccc;}
	   div.rightandleft p.tips a  {background: #ccc;}
	   div.endrightandleft {display:none; clear:both; margin:0;}

	   /*For a-z bar*/
	   table.indexaz td {font-weight: bold; text-align:center;}

	   /*for dept home page template - centring the content div on the
		* page*/
		#hpcontainer {margin-top: 12px; margin-bottom: 0; width:750px;
		margin-left:auto; margin-right:auto; padding:0; border: none;}
		/*the width here may need to be altered if you want to use a very
		 * wide graphic - se explanation below*/
		 #hpcontainer td.left {width:300px; vertical-align: top; padding:
		 0; margin:0; border-right: 2px solid #666;text-align: right; }
		 #hpcontainer td.left img {display: inline; }
		 #hpcontainer td.left ul {margin:0 ; padding: 0.5em 1em 1em 0;
		 text-align:right;list-style: none; font-size:90%;}
		 #hpcontainer td.left ul li {padding: 2px 0 2px 6px; }
		 /*in the next block, the left margin setting - here 100px - plus
		  * the width of your image need to add up to 300px for the layout
		  * to work. If you wish to use a wider graphic on the left of the
		  * page then increase the 300px width for the left hand table
		  * cell*/
		  #hpcontainer td.left h1 {font-weight: bold; font-size: 80%;
		  color: #900; 
		  text-align:right;margin: 1.5em 1em 0 100px; padding: 0 0 2px 0;
		  border-bottom:  2px solid #ccc; background-color: #fff;}

		  #hpcontainer p {font-size: 90%; margin: 1em 1em 1em 50px; }

		  #hpcontainer td.right {vertical-align: top;padding: 0 0 0 1em; }
		  #hpcontainer td.right p.homealert {font-size: 90%; margin: 0 0
		  1em 0; }
		  #hpcontainer td.right ul {margin: 0 0 1em 0; padding: 0.5em 0 0
		  0;list-style: none; font-weight: bold; }
		  #hpcontainer td.right ul li {padding: 2px 0 2px 0; }
		  #hpcontainer td.right ul li ul {margin:0; padding-left: 1em }
		  #hpcontainer td.right h1 {font-weight: bold; font-size: 80%;
		  color: #990000; margin: 1.5em 5em 0 0; padding: 0 0 2px 0;
		  text-align:left; border-bottom:  2px solid #ccc;
		  background-color: #fff;}

		  /*miscellaneous styles*/
		  .small {font-size: 80%;}
		  span.flash {color: #000; background:#ff6; font-size: 90%;}
		  p.center {text-align:center;}

		  /*for image flush right and no top margin*/
		  .tightright {float: right; margin: 0 0 1em 1em;}

		  /*used to style a table with alternated tinted blocks maybe
		   * alongside additional styles added in the head, to suit what is
		   * being shown on the page*/
		   table.data {width:100%; border: #ccc solid 1px; }
		   table.data tr.tint {background: #ccc; color:#000;}