/*for developing home page 070307*/ /*for dept home page template - centring the content div on the page*/ #hpcontainer {margin-top: 12px; margin-bottom: 0; width:620px; 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 100px; text-align:right;list-style: none; font-size:90%;} #hpcontainer td.left ul li {padding: 2px 0 2px 6px; line-height:130%; } #hpcontainer td.left ul li a {display:block; background: url("/images/redarrow.gif") no-repeat right center; padding-right: 20px;min-height: 17px;} /*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 50px; 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.news {vertical-align: top;padding: 0 0 0 0; } #hpcontainer td.right p.homealert {font-size: 90%; margin: 0 0 1em 0; } #hpcontainer td.right ul {margin: 0 0 0.5em 0; padding: 0.5em 0 0 0;list-style: none; font-weight: bold; } #hpcontainer td.right ul li {padding: 2px 0 1px 0; } #hpcontainer td.right ul li ul {margin:0; padding-left: 1em } #hpcontainer td.right h1 {font-weight: bold; font-size: 80%; color: #900; margin: 1.5em 0 0 0; padding: 0 0 2px 0; text-align:left; border-bottom: 2px solid #ccc; background-color: #fff;} #hpcontainer td.right .sep {line-height:1px; margin: 0 1em 0 0;border-bottom: 1px solid #ccc; background-color: #fff;} /*the following are for the newsbox*/ /* #hpcontainer td.right h2 {font-weight: bold; font-size: 90%; margin: 0 0 0.5em 0; padding: 0.2em; text-align:left; display: block; color: #333; background: #ccc;} */ #hpcontainer td.right ul.news {margin:0 ; padding: 0; display:inline-block;} #hpcontainer td.right ul.news li { line-height:130%;} #hpcontainer td.right ul.news li a {display:block; background: url("/images/more.gif") no-repeat left top; padding-left: 20px;} #hpcontainer td.right .sepex {line-height:1px; margin: 0.5em 1em 0 0;border-bottom: 1px solid #ccc; background-color: #fff;} #hpcontainer td.right ul.extra {margin:0.5em 0 0 0 ; padding: 0; display:inline-block;} #hpcontainer td.right ul.extra li { line-height:130%; font-size: 90%;} #hpcontainer td.right ul.extra li a {display:block; background: url("/images/redarrow.gif") no-repeat left top; padding-left: 20px;} /*news display boxes for new index, research and sportculture pages*/ /* #researchbox {width:220px; float:right; border: #666 solid 1px; margin: 0 0 10px 10px; padding: 10px 10px 10px 10px; } #researchbox p.homenews {padding: 1em 0 0 0;} #sportbox {width:220px; margin: 0 0 0.5em 1.5em; padding: 10px; border: 1px #666 solid;} #sportbox h3, #researchbox h3, #sportbox p, #researchbox p {margin:0;} #newsbox ul.news {margin:0 ; padding: 0; display:inline-block;} */ /* #newsbox h2 style on home page dealt with by #hpcontainer block above, h2.sp dealt with in #container td.content h2.sp on camstyle2.css - both similar */ /*#newsbox {margin: 0; padding: 0; border: 1px #999 solid; }*/ /* #newsbox div.left {float:left; margin: 0 0.5em 0.5em 0; } #newsbox div.news {overflow:hidden;padding: 0 0.5em 0 0;} */ /* v1 #newsbox h2 {font-weight: normal; font-size: 100%; margin: 0 0 0.5em 0; padding: 0.2em; text-align:left; display: block; color: #fff; background: #069;} */ /*v2 #newsbox h2 {font-weight: bold; font-size: 90%; margin: 0 0 0.5em 0; padding: 0.2em 0.2em 0.2em 1em; text-align:left; display: block; color: #333; background: #ccc;} */ /* #newsbox h3 {margin:0; font-size: 90%; color: #036;} #newsbox p {font-size: 90%; margin:0.5em 0 1em 0;} #newsbox .clear {clear:both;height:1px;} img.rssright {float:right;margin: 0 ; padding: 0 0 0.2em 0; } li.box {list-style: none; margin:0; padding:0;display:inline-block;} */ /*new 2.4.07 */ #research {width:212px; float:right; margin: 0 0 1em 1em; border: 1px #999 solid; } #sport {width:212px; float:right; margin: -2em 0 1em 1em;border: 1px #999 solid;} #newsbox {margin: 1.5em 0 0 0; padding: 0;} #sport #newsbox, #research #newsbox {margin: 0; padding: 0;} #newsbox div.left {float:left; margin: 0 0.5em 0.5em 0; } #newsbox div.news {overflow:hidden;padding: 0 0.5em 0 0;} #newsbox h2 a {font-weight: bold; font-size: 80%; color: #900; margin: 0 0 1em 0; padding: 0 0 2px 0; text-align:left; border-bottom: 2px solid #ccc; background-color: #fff; display:block;} #sport #newsbox h2, #research #newsbox h2 {font-weight: normal; font-size: 90%; margin: 0 0 0.5em 0; padding: 0.2em 0.2em 0.2em 1em; text-align:left; display: block; color: #fff; background: #069; border:0;} #newsbox h3 {margin:0 0 0 1em; font-size: 90%; color: #036;} #newsbox p {font-size: 90%; margin:0.5em 0 1em 1em;} #newsbox .clear {clear:both;line-height:1px;} #sport #newsbox img, #research #newsbox img {margin:0 0.5em 0 1em;} img.rssright {float:right;margin: 0; padding: 0; } #sport #newsbox img.rssright, #research #newsbox img.rssright {float:right;margin: 0; padding: 0.1em; } li.box {list-style: none; margin:0; padding:0;display:inline-block;} #newsbox ul.news {margin:0 0.5em 0 0; display:inline-block; padding: 0.5em 0 0.2em 0;font-size: 80%;} #newsbox ul.news li { line-height:130%; list-style: none; margin:0 1em 0 0; padding:0;display:inline-block;font-weight:normal;} #newsbox div.news ul.news li { line-height:130%; list-style: none; margin:0; padding:0;display:inline-block;font-weight:normal;} #newsbox ul.news li a {display:block; background: url("/images/more.gif") no-repeat left top; padding-left: 20px;min-height:18px;} #sport #newsbox ul.news, #research #newsbox ul.news{margin:0 0.5em 0 1em; display:inline-block; padding: 0 0 0.2em 0;font-size: 80%;} #sport #newsbox ul.news li, #research #newsbox ul.news li { line-height:130%; list-style: none; margin:0 1em 0 0; padding:0;display:inline-block;font-weight:normal;} #sport #newsbox div.news ul.news li, #research #newsbox div.news ul.news li { line-height:130%; list-style: none; margin:0; padding:0;display:inline-block;font-weight:normal;} #sport #newsbox ul.news li a, #research #newsbox ul.news li a {display:block; background: url("/images/more.gif") no-repeat left top; padding-left: 20px;min-height:18px;}