@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/cam/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/cam/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;}