@charset "utf-8";
/* CSS Document */
/*
================================================================================
General homepage template.
Author:       Vera Mehta
Created:      19th October 2010 
Amended:       27th October 2010
================================================================================
*/
/* Transforming justice homepage layout */

/* Banner and intro areas */
#content #content-wrapper {background:url(http://webarchive.nationalarchives.gov.uk/+/http://www.justice.gov.uk/full-gradient.gif) repeat-x; width:920px;}
#content #content-wrapper #intro {width:530px; height:290px; padding:0!important; margin:0!important; float:left; border-right:dotted 1px #5C9EA7;}
#content #content-wrapper #intro #banner {height:240px; border:solid 1px #666;}
#content #content-wrapper #intro p {width:530px;margin:5px 0 0 0;padding:5px!important; clear:both;}
/* News right column */
#content #content-wrapper #news {width:360px; float:left;margin-left:10px;}
#content #content-wrapper #news h2 {padding:0; color:#666; font: 1.7em/170%  Arial, Verdana, sans-serif; font-weight:normal; border-bottom: solid 2px #5C9EA7;}
#content #content-wrapper #news ul li {list-style:none; border-bottom:#5C9EA7 1px dotted; padding:8px 0 5px 0; margin-bottom:5px;}
#content #content-wrapper #news ul li.last {border:none;}
#content #content-wrapper #news ul li h3{margin:0; padding:0;}
#content #content-wrapper #news ul li h3 img {float:left; border:solid 1px #666; margin-right:10px;}
#content #content-wrapper #news p {display:inline;}
#content #content-wrapper #news .more {float:right;}
/* Panel themes */
#content #content-wrapper #themes {border-top:dotted 1px #5C9EA7; width:100%; margin:20px 0 0 0; padding:0; clear:both; background:url(http://webarchive.nationalarchives.gov.uk/+/http://www.justice.gov.uk/images/panel-gradient.gif) repeat-x;}
#content #content-wrapper #themes ul {height:240px;}
#content #content-wrapper #themes ul li {list-style:none;width:210px; height:210px; float:left; margin:10px 8px 10px 0px; border-right:dotted 1px #5C9EA7; padding:5px;}
#content #content-wrapper #themes ul li.last {border:none; width:208px;}
#content #content-wrapper #themes ul li h3 a {text-decoration:none; margin:5px 5px 5px 0; color:#666; margin:none!important;}
#content #content-wrapper #themes ul li h3 a:hover {text-decoration:underline;}
/* Highlights */
#content #content-wrapper #highlights .left {float:left; width:400px; height:160px; margin-right:10px; border:solid 1px #eee; }
#content #content-wrapper #highlights .right {float:right; width:400px; height:160px; border:solid 1px #5C9EA7;}
/* Banner rotate */
div.banner { position:relative; width:520px; height:240px; background:url(http://webarchive.nationalarchives.gov.uk/+/http://www.justice.gov.uk/tj-logo.png) no-repeat;}
/* rotator */    
div.banner ul {border:0px solid #fff;}
div.banner ul li {float:left;position:absolute;list-style: none; top:1px;left:0px; border-bottom:0px solid #fff !important;}
/* rotator image style */    
div.banner ul li img {background: #FFF; border:0px solid #fff !important;}
div.banner ul li.show {z-index:5;}
div.banner img#banner-logo {z-index:501;position:absolute;border:0px solid #fff;top: 2px;}