/* -------------------------------------------------------------------------
The Crown Prosecution Service
Screen Styles

last update: 4 November 2010, 3.00pm
author: Andy Gosling
email: andy@ecru.co.uk
website: http://www.ecru.co.uk
------------------------------------------------------------------------- */

/* !Eric Meyer's css reset (http://meyerweb.com/eric/tools/css/reset/) -- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

body {
line-height: 1;
}

ol, ul {
list-style: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

/* end css reset */

/* !Colour references ------------------------------------------------------

Grey rules 			#DFDFDF
Dark blue 			#005384
Dark blue shadow 	#00426B
Khaki 				#8C9463
Khaki hover			#9DA472
Khaki text			#7F8554
Orange				#EA6C26
Orange hover		#EE822E

*/

/* !Font sizing guide ------------------------------------------------------

pixels		ems			leading
-------------------------------------
9px 	= 	0.75em		2.2222em
10px 	= 	0.8333em	2em
11px 	= 	0.9166em	1.8181em
12px 	= 	1em			1.6666em
13px 	= 	1.0833em	1.5384em
14px 	= 	1.1666em	1.4285em
15px 	= 	1.25em		1.3333em
16px 	= 	1.3333em	1.25em
17px 	= 	1.4166em	1.1764em
18px 	= 	1.5em		1.1111em
19px 	= 	1.5833em	1.0526em
20px 	= 	1.6666em	1em
21px 	= 	1.75em
22px 	= 	1.8333em
23px 	= 	1.9166em
24px 	= 	2em
30px	=	2.5em

(divide desired pixel height by 12 to get 'em' value) */

/* !Layout -------------------------------------------------------------- */

body {
font-size: 75%; /* convert 16px base font size to 12px */
line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */
font-family: "Lucida Grande", Arial, Tahoma, "Trebuchet MS", "Lucida Sans Unicode", Verdana, sans-serif;
background-color: #FFF;
color: #333;
}

#header {
background: #005384 url("../images/header_bg.jpg") no-repeat;
display: block;
border-bottom: 1px solid #00426B;
height: 115px;
min-width: 750px;
position: relative;
}

#wrapper {
min-width: 750px;
max-width: 1200px;
margin: 0 20px 0 0;
}

#wrapper:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility:hidden;
}

#navigation {
clear: both;
float: left;
width: 240px;
}

#primaryContent {
margin: 0 240px 0 260px;
}

#content {
float: left;
width: 100%;
}

#secondaryContent {
float: right;
display: inline;
margin: 0;
width: 220px;
margin-top: 60px;
}

#footer {
clear: both;
min-height: 120px;
min-width: 750px;
background: #FFF url("../images/footer_bg.gif") repeat-x;
border-top: 1px solid #DFDFDF;
margin-top: 40px;
position: relative;
color: #666;
}

.clearThis {
clear: both;
}

.imageLeft {
float: left;
margin: 6px 15px 6px 0;
clear: left;
}

.imageRight {
float: right;
margin: 6px 0 6px 15px;
}

.imageLeftWithCaption {
font-size: 0.88em;
color: #666;
float: left;
margin: 3px 15px 6px 0;
width: 200px;
}

.imageLeftWithCaption img {
padding-bottom: 8px;
}

.imageLeftWithCaption img.imageLeft {
margin-top: 0;
}

.noBorder {
border: none !important;
}

.rule {
border-top: 1px solid #DFDFDF;
margin: 1.6666em 0;
}

/* full width content pages (no right hand column) */

.wide #primaryContent {
margin: 0 0 0 260px;
}

.wide #secondaryContent {
display: none;
}

/* landing pages */

.landing {
width: 960px;
}

.landing #primaryContent {
width: 340px;
float: left;
margin: 0 0 0 20px !important;
}

.landing #secondaryContent {
width: 340px;
float: left;
margin: 0 0 0 20px !important;
}

/* !Typography ---------------------------------------------------------- */

#primaryContent p {
margin: 0.8333em 0;
}

#secondaryContent p {
font-size: 0.9166em;
line-height: 1.8181em;
margin: 0.909em 0;
}

#primaryContent p.intro {
font-size: 1.1666em;
line-height: 1.4285em;
margin: 1.4285em 0;
}

#secondaryContent li {
font-size: 0.9166em;
line-height: 1.8181em;
margin: 0.909em 0;
}

#wrapper h1 {
font-family: Georgia, "Hoefler Text", Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
color: #7F8554;
font-size: 3.3333em;
line-height: 1em;
font-weight: normal;
margin: 0.6666em 0;
}

#wrapper h2 {
font-family: Georgia, "Hoefler Text", Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
color: #EA6C26;
font-size: 2.5em;
line-height: 1.2em;
font-weight: normal;
margin: 0.6666em 0 0.3333em 0;
}

#wrapper h3 {
font-family: Georgia, "Hoefler Text", Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
color: #7F8554;
font-size: 2em;
line-height: 1.2em;
font-weight: normal;
margin: 0.8333em 0 0.4166em;
}

#wrapper h4 {
color: #EA6C26;
font-size: 1.3333em;
line-height: 1.25em;
margin: 1.25em 0 0.625em 0;
font-weight: normal;
}

#wrapper h5 {
font-family: Georgia, "Hoefler Text", Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
color: #7F8554;
font-size: 1.25em;
line-height: 1.3333em;
font-weight: normal;
margin: 1.3333em 0 0.6666em 0;
font-style: italic;
}

#wrapper h6 {
color: #EA6C26;
font-weight: bold;
margin: 1.8181em 0 0.909em 0;
}

blockquote {
margin-left: 20px;
}

/* lists */

#primaryContent ul,
#secondaryContent ul {
margin-left: 20px;
}

#primaryContent ol,
#secondaryContent ol {
margin-left: 40px;
list-style: decimal;
}

#primaryContent ol.a,
#secondaryContent ol.a {
list-style: lower-alpha;
}

#secondaryContent ol {
padding-left: 30px;
}

#primaryContent ol ol {
list-style: decimal;
}

#primaryContent ol ol ol,
#secondaryContent ol ol {
list-style: lower-roman;
}

#primaryContent li,
#secondaryContent li {
margin: 0.8333em 0;
}

#primaryContent ul li,
#secondaryContent ul li {
overflow:hidden;
}

#primaryContent ul li,
#secondaryContent ul li {
padding-left: 10px;
}

#primaryContent ul li {
background: url("../images/list-bullet.gif") no-repeat 0 0.6em;
}

#secondaryContent ul li {
background: url("../images/list-bullet-2.gif") no-repeat 0 0.7em;
}

#primaryContent ul ol li,
#secondaryContent ul ol li {
background-image: none;
padding-left: 0;
}

#primaryContent ul li ul li,
#secondaryContent ul li ul li {
background-image: url("../images/list-bullet-2.gif");
}

/* pullquote */

.pullquote {
float: left;
width: 180px;
margin: 0 20px 0 -10px;
background: url(../images/pullquote_close.gif) no-repeat right bottom;
text-align: center;
}

q:before, q:after {
content: "";
}

q {
quotes: "" "";
background: url(../images/pullquote_open.gif) no-repeat 0 0;
padding: 5px 0 0 10px;
display: block;
}

.pullquote q {
font-family: Georgia, "Hoefler Text", Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
color: #8C9463;
font-size: 1.5em;
line-height: 1.1111em;
font-weight: normal;
margin-bottom: 0.5555em;
}

/* hyperlinks */

#primaryContent a:link, #primaryContent a:visited,
#secondaryContent a:link, #secondaryContent a:visited,
#bookmark a:link, #bookmark a:visited,
#footer a:link, #footer a:visited {
color: #069;
text-decoration: none;
border-bottom: 1px solid #99C4DC;
}

#primaryContent a:hover, #primaryContent a:active,
#secondaryContent a:hover, #secondaryContent a:active,
#bookmark a:hover, #bookmark a:active,
#footer a:hover, #footer a:active {
color: #00426B;
border-bottom: 1px solid #00426B;
}

/* Fix broken CAPTCHA in IE8 */

#primaryContent #recaptcha_area a:link, #primaryContent #recaptcha_area a:visited {
border-bottom: none;
}

/* !Header -------------------------------------------------------------- */

#header p#skipLink {
position: absolute;
top: 3px;
left: 3px;
width: 5px;
height: 3px;
background-image: none;
}

#header p#skipLink a:link,
#header p#skipLink a:visited {
width: 5px;
height: 3px;
display:block;
background: url("../images/skiplink.gif") no-repeat 0 -10px;
}

#header p#skipLink a:hover,
#header p#skipLink a:active {
background-position: 0 -0;
}

#header #logo {
height: 77px;
width: 57px;
position: absolute;
top: 20px;
left: 20px;
background: url("../images/cps_logo.gif") no-repeat;
}

#header #logo a {
height: 77px;
width: 57px;
display: block;
}

#header #logo img {
visibility: hidden;
}

#header p {
width: 291px;
height: 40px;
background: url("../images/cps_title.gif") no-repeat;
text-indent: -999em;
position: absolute;
bottom: 16px;
right: 20px;
}

/* !Toolbar ------------------------------------------------------------- */

#toolbar ul {
position: absolute;
top: 10px;
right: 250px;
}

#toolbar ul li {
float: left;
margin-right: 15px;
background-repeat: no-repeat;
background-position: 0 2px;
padding-left: 18px;
}

#toolbar ul li.head-access {
background-image: url(../images/icon-accessibility.gif);
}

#toolbar ul li.head-press {
background-image: url(../images/icon-press.gif);
}

#toolbar ul li.head-feedback {
background-image: url(../images/icon-feedback.gif);
padding-left: 25px;
}

#toolbar a:link,
#toolbar a:visited {
color: #FFF;
text-decoration: none;
border-bottom: 1px solid #99C4DC;
}

#toolbar a:hover,
#toolbar a:active {
color: #FFF;
border-bottom: 1px solid #FFF;
}

/* MLAW toolbar */

#toolbar.mlaw ul {
top: 9px;
}

#toolbar.mlaw ul li {
float: left;
margin: 0 0 0 3px;
padding: 0;
border: 1px solid #00426B;
}

#toolbar.mlaw ul li a:link,
#toolbar.mlaw ul li a:visited {
background: #005586 url("../images/topnav_bg.jpg") no-repeat 0 0;
padding: 0 8px;
margin: 0;
display: block;
border: none;
}

#toolbar.mlaw ul li a:hover,
#toolbar.mlaw ul li a:active {
background-color: #00669E;
background: #005586 url("../images/topnav_bg.jpg") no-repeat -300px 0;
}

#toolbar.mlaw ul li.head-access a:link,
#toolbar.mlaw ul li.head-access a:visited {
background-position: 0 -50px;
padding-left: 22px;
}

#toolbar.mlaw ul li.head-access a:hover,
#toolbar.mlaw ul li.head-access a:active {
background-position: -300px -50px;
}

#toolbar.mlaw ul li.head-press a:link,
#toolbar.mlaw ul li.head-press a:visited {
background-position: 0 -100px;
padding-left: 24px;
}

#toolbar.mlaw ul li.head-press a:hover,
#toolbar.mlaw ul li.head-press a:active {
background-position: -300px -100px;
}

#toolbar.mlaw ul li.head-feedback a:link,
#toolbar.mlaw ul li.head-feedback a:visited {
background-position: 0 -150px;
padding-left: 28px;
}

#toolbar.mlaw ul li.head-feedback a:hover,
#toolbar.mlaw ul li.head-feedback a:active {
background-position: -300px -150px;
}

/* search */

#searchPanel {
position: absolute;
top: 10px;
right: 20px;
}

#searchPanel p.hidden {
position: absolute;
top: -300px;
left: -300px;
}

#searchPanel #search {
width: 195px;
font-size: 1em;
color: #666;
float: left;
border: none;
padding: 3px 2px 2px;
margin: 0 2px 0 0;
}

#advSearch {
font-size: 0.9166em;
line-height: 1.8181em;
float: right;
}

/* !Navigation ---------------------------------------------------------- */

#home #navigation ul {
margin-bottom: 0;
}

#navigation ul {
background-color: #005384;
border-right: 1px solid #00426B;
margin-bottom: 20px;
}

#navigation ul ul {
border: none;
margin-bottom: 0;
}

#navigation #hiddenlinks {
position: absolute;
left: -500px;
top: -500px;
}

/* primary level */

#navigation li {
border-bottom: 1px solid #00426B;
font-size: 1.1666em;
line-height: 1.4285em;
}

/* targets Opera 9 & below - valid CSS */
html:first-child #navWrapper #navigation li {
line-height: 1.31em !important;
}

#navigation li a:link,
#navigation li a:visited {
color: #FFF;
text-decoration: none;
display: block;
padding: 0.25em 0 0.25em 20px;
background: #005485 url("../images/nav_bg_1.gif") no-repeat 0 0;
}

#navigation li a:hover,
#navigation li a:active {
border-top: none;
background: #00659D url("../images/nav_bg_1.gif") no-repeat -240px 0;
}

#navigation li a.current {
background: #0074B5 url("../images/nav_bg_1.gif") no-repeat -480px 0;
}

/* second level */

#navigation li li {
font-size: 0.86em;
line-height: 1.6666em;
border-bottom: none;
}

#navigation li li a:link,
#navigation li li a:visited {
border-top: 1px solid #006199;
padding: 0.25em 0 0.25em 35px;
background: #005485 url("../images/nav_bg_2.gif") no-repeat 0 0;
}

#navigation li li a:hover,
#navigation li li a:active {
border-top: 1px solid #0074AD;
background: #00659D url("../images/nav_bg_2.gif") no-repeat -240px 0;
}

#navigation li li a.current {
background: #0074B5 url("../images/nav_bg_2.gif") no-repeat -480px 0;
}

/* third level */

#navigation li li li {
font-size: 1em;
line-height: 1.6666em;
}

#navigation li li li a:link,
#navigation li li li a:visited {
border-top: none;
background: #005485 url("../images/nav_bg_3.gif") no-repeat 0 0;
padding: 0.25em 0 0.25em 50px;
}

#navigation li li li a:hover,
#navigation li li li a:active {
border-top: none;
background: #00659D url("../images/nav_bg_3.gif") no-repeat -240px 0;
}

#navigation li li li a.current {
background: #0074B5 url("../images/nav_bg_3.gif") no-repeat -480px 0;
}

/* fourth level */

#navigation li li li li {
font-size: 0.92em;
line-height: 2em;
}

#navigation li li li li a:link,
#navigation li li li li a:visited {
background: #005485 url("../images/nav_bg_4.gif") no-repeat 0 0;
padding: 0.25em 0 0.25em 65px;
}

#navigation li li li li a:hover,
#navigation li li li li a:active {
background: #00659D url("../images/nav_bg_4.gif") no-repeat -240px 0;
}

#navigation li li li li a.current {
background: #0074B5 url("../images/nav_bg_4.gif") no-repeat -480px 0;
}

/* fifth level */

#navigation li li li li li {
font-size: 1em;
line-height: 2em;
}

#navigation li li li li li a:link,
#navigation li li li li li a:visited {
background: #005485 url("../images/nav_bg_4.gif") no-repeat 15px 0;
padding: 0.25em 0 0.25em 80px;
}

#navigation li li li li li a:hover,
#navigation li li li li li a:active {
background: #00659D url("../images/nav_bg_4.gif") no-repeat -225px 0;
}

#navigation li li li li li a.current {
background: #0074B5 url("../images/nav_bg_4.gif") no-repeat -465px 0;
}

/* sixth level */

#navigation li li li li li li {
font-size: 1em;
line-height: 2em;
}

#navigation li li li li li li a:link,
#navigation li li li li li li a:visited {
background: #005485 url("../images/nav_bg_4.gif") no-repeat 30px 0;
padding: 0.25em 0 0.25em 95px;
}

#navigation li li li li li li a:hover,
#navigation li li li li li li a:active {
background: #00659D url("../images/nav_bg_4.gif") no-repeat -210px 0;
}

#navigation li li li li li li a.current {
background: #0074B5 url("../images/nav_bg_4.gif") no-repeat -450px 0;
}

#home #navigation ul {
margin-bottom: 0;
}

#navigation ul {
background-color: #005384;
border-right: 1px solid #00426B;
margin-bottom: 20px;
}

#navigation ul ul {
border: none;
margin-bottom: 0;
}

#navigation #hiddenlinks {
position: absolute;
left: -500px;
top: -500px;
}

/* primary level */

#navigation li {
border-bottom: 1px solid #00426B;
font-size: 1.1666em;
line-height: 1.4285em;
}

/* targets Opera 9 & below - valid CSS */
html:first-child #navWrapper #navigation li {
line-height: 1.31em !important;
}

#navigation li a:link,
#navigation li a:visited {
color: #FFF;
text-decoration: none;
display: block;
padding: 0.25em 0 0.25em 20px;
background: #005485 url("../images/nav_bg_1.gif") no-repeat 0 0;
}

#navigation li a:hover,
#navigation li a:active {
border-top: none;
background: #00659D url("../images/nav_bg_1.gif") no-repeat -240px 0;
}

#navigation li a.current {
background: #0074B5 url("../images/nav_bg_1.gif") no-repeat -480px 0;
}

/* feedback & complaints panel */

#navigation .feedback-panel {
min-height: 86px;
border: 1px solid #DFDFDF;
border-left: none;
background: #FFF url(../images/feedback-panel-bg.jpg) no-repeat bottom left;
}

#navigation .feedback-panel h2,
#navigation .feedback-panel p {
margin: 4px 0 0 60px;
width: 165px;
}

#navigation .feedback-panel h2,
#navigation .feedback-panel p.feedback {
font-size: 1em;
height: 48px;
background: url(../images/feedback-panel-h2-inner.gif) no-repeat 0 0;
text-indent: -999em;
margin-top: 7px;
}

#navigation .feedback-panel h2.welsh {
background-image: url(../images/feedback-panel-h2-inner-welsh.gif);
}

#navigation .feedback-panel h2 a {
display: block;
width: 163px;
height: 48px;
border: none !important;
}

#navigation .feedback-panel p a:link,
#navigation .feedback-panel p a:visited {
color: #069;
text-decoration: none;
border-bottom: 1px solid #99C4DC;
}

#navigation .feedback-panel p a:hover,
#navigation .feedback-panel p a:active {
color: #00426B;
border-bottom: 1px solid #00426B;
}

/* Welsh language switcher */

#navigation .welshLink,
#navigation .cymraegLink {
background-color: #E6591F;
border-right: 1px solid #E6591F;
}

#navigation .welshLink li,
#navigation .cymraegLink li {
border-bottom: 1px solid #E6591F;
}

#navigation .welshLink a:link,
#navigation .welshLink a:visited,
#navigation .cymraegLink a:link,
#navigation .cymraegLink a:visited {
background: #E6591F url("../images/nav_language.jpg") no-repeat 0 0;
}

#navigation .welshLink a:hover,
#navigation .welshLink a:active,
#navigation .cymraegLink a:hover,
#navigation .cymraegLink a:active {
background: #EB6925 url("../images/nav_language.jpg") no-repeat -240px 0;
}

/* Web survey panel */

#navigation .surveyLink {
border-right: 1px solid #dfdfdf;
margin-top:18px;
}

#navigation .surveyLink li {
border-bottom: 1px solid #dfdfdf;
}

#navigation .surveyLink a:link,
#navigation .surveyLink a:visited {
background: #E6591F url("../images/nav_language.jpg") no-repeat 0 0;
border-bottom: 1px solid #E6591F;
}

#navigation .surveyLink a:hover,
#navigation .surveyLink a:active {
background: #EB6925 url("../images/nav_language.jpg") no-repeat -240px 0;
border-bottom: 1px solid #E6591F;
}

#navigation .afterwards {
font-size: .9166em;
color: #333;
background: #fcfcfc url("../images/landing_panel_bg.gif") no-repeat bottom left;
line-height: 1.333em;
padding: 5px 2px 4px 10px;
}

/* !Breadcrumb ---------------------------------------------------------- */

#primaryContent .breadcrumb {
color: #666;
font-size: 0.9166em;
line-height: 1.8181em;
margin-top: 0;
padding-top: 1.6666em;
}

/* !Primary content ----------------------------------------------------- */

.jumpMenu {
}

.top {
background: url("../images/top.gif") no-repeat 0 0.45em;
}

.top a {
margin-left: 12px;
}

#signature .leftCol {
clear: left;
float: left;
width: 48%;
padding-right: 5%;
}

#signature .rightCol {
float: left;
width: 47%;
}

/* navigation lists with main content */

.CmenuTertiary {
}

.hidden {
display: none;
}

.CmenuTertiary a:link,
.CmenuTertiary a:visited {
clear: both;
display: block;
border: 1px solid #DFDFDF !important;
margin-bottom: 1px;
padding: 0.25em 15px;
background: #F6F6F6 url(../images/arrow_content_menu.gif) no-repeat 7px 9px;
}

.CmenuTertiary a:hover,
.CmenuTertiary a:active {
border-color: #999 !important;
background-color: #FFF;
background-position: 7px -51px;
}

.CmenuTertiarySub a:link,
.CmenuTertiarySub a:visited {
clear: both;
display: block;
border: 1px solid #DFDFDF !important;
margin-bottom: 1px;
padding: 0.25em 15px 0.25em 33px;
background: #F6F6F6 url(../images/arrow_content_menu.gif) no-repeat 25px 9px;
}

.CmenuTertiarySub a:hover,
.CmenuTertiarySub a:active {
border-color: #999 !important;
background-color: #FFF;
background-position: 25px -51px;
}

.CmenuTertiarySubSub a:link,
.CmenuTertiarySubSub a:visited {
clear: both;
display: block;
border: 1px solid #DFDFDF !important;
margin-bottom: 1px;
padding: 0.25em 15px 0.25em 51px;
background: #F6F6F6 url(../images/arrow_content_menu.gif) no-repeat 43px 9px;
}

.CmenuTertiarySubSub a:hover,
.CmenuTertiarySub a:active {
border-color: #999 !important;
background-color: #FFF;
background-position: 43px -51px;
}

/* data tables */

table {
border-collapse: collapse;
margin: 1em 0 2em;
width: 100%;
border-top: 1px solid #DFDFDF;
border-left: 1px solid #DFDFDF;
}

th {
font-size: 0.9166em;
line-height: 1.8181em;
padding: 2px 5px;
background-color: #FCFCFC;
border-right: 1px solid #DFDFDF;
border-bottom: 1px solid #DFDFDF;
text-align: left;
color: #7F8554;
font-weight: bold;
}

td {
font-size: 1em;
line-height: 1.6666em;
color: #333;
padding: 2px 5px;
border-right: 1px solid #DFDFDF;
border-bottom: 1px solid #DFDFDF;
}

#myPlayer {
border: none !important;
}

/* !Homepage ------------------------------------------------------------ */

#home #navWrapper {
background: #8C9463 url(../images/home_nav_bg.gif) no-repeat 0 0;
min-width: 960px;
border-bottom: 1px solid #FFF;
}

#home #wrapper {
clear: both;
width: 950px;
margin-left: 10px;
}

/* DPP panel */

#home #dppPanel {
float: left;
width: 240px;
height: 216px;
/*background: url(../images/home_dpp.jpg) no-repeat 0 0;*/
background: url(../images/dpp_panel_bg.gif) no-repeat bottom left;
position: relative;
}

#home #dppPanel.as-style {
background: #EA6C26 url(../images/dpp_panel_bg_as.gif) no-repeat bottom left;
}

#home #dppPanel p {
position: absolute;
text-align: right;
right: 10px;
bottom: 30px;
font-size: 0.9166em;
line-height: 1.3em;
margin: 0.909em 0;
color: #FFF;
}

#home #dppPanel p.link {
position: absolute;
text-align: right;
right: 0;
bottom: 0;
width: 220px;
margin: 0;
padding: 7px 10px 6px 10px;
/*background: url(../images/home_dpp_tint.jpg) no-repeat bottom left;*/
}

#home #dppPanel p.link a:link,
#home #dppPanel p.link a:visited {
color: #FFF;
/*border-bottom: 1px solid #AFB492;*/
border-bottom: 1px solid #52ADB3;
text-decoration: none;
margin: 0;
}

#home #dppPanel.as-style p.link a:link,
#home #dppPanel.as-style p.link a:visited {
border-bottom: 1px solid #F8A830;
}

#home #dppPanel p.link a:hover,
#home #dppPanel p.link a:active,
#home #dppPanel.as-style p.link a:hover,
#home #dppPanel.as-style p.link a:active {
border-bottom-color: #FFF;
}

/* intro panel */

#home #introPanel {
float: left;
width: 220px;
height: 200px;
padding: 15px 20px 0px 20px;
color: #FFF;
background: transparent url(../images/intro_panel_hilight.gif) no-repeat;
}

#home #introPanel h1 {
font-size: 1.6666em;
line-height: 1.2em;
margin-bottom: 0.5em;
font-weight: normal;
}

#home #introPanel p {
font-family: Georgia, "Hoefler Text", Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
font-style: italic;
font-size: 1.1666em;
line-height: 1.4285em;
margin-bottom: 0.5em;
}

#home #introPanel p.link {
font-family: "Lucida Grande", Arial, Tahoma, "Trebuchet MS", "Lucida Sans Unicode", Verdana, sans-serif;
font-style: normal;
text-align: right;
font-size: 0.9166em;
line-height: 1.8181em;
margin: 0;
}

#home #introPanel p.link a:link,
#home #introPanel p.link a:visited {
color: #FFF;
border-bottom: 1px solid #AFB492;
text-decoration: none;
margin: 0;
}

#home #introPanel p.link a:hover,
#home #introPanel p.link a:active {
border-bottom-color: #FFF;
}

/* local CPS panel */

#home #localPanel {
float: left;
width: 220px;
height: 216px;
background: url(../images/home_local_bg.jpg) no-repeat;
position: relative;
}

#home #localPanel h2 {
color: #EA6C26;
font-family: Georgia, "Hoefler Text", Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
font-weight: normal;
font-size: 1.6666em;
line-height: 1em;
padding: 10px 0 12px 20px;
background: url(../images/home_local_bg_tint.jpg) no-repeat;
}

#home #localPanel h2 a:link,
#home #localPanel h2 a:visited {
color: #EA6C26;
text-decoration: none;
border-bottom: 1px solid #F7C4A8;
}

#home #localPanel h2 a:hover,
#home #localPanel h2 a:active {
color: #EA6C26;
border-bottom-color: #EA6C26;
}

#home #localPanel form {
position: absolute;
bottom: 10px;
left: 20px;
}

#home #localPanel form select {
width: 180px;
}

#home #primaryContent {
width: 960px;
margin: 30px 0 0 0;
}

#home #localPanel option.yellow {
background-color: #EA6C26;
color: #FFF;
}

/* teaser panels */

#teaserPanels {
width: 220px;
margin: 0 10px;
float: left;
}

#teaserPanels .contact-panel {
margin-bottom: 17px;
}

#teaserPanels .contact-panel h2 {
font-family: "Lucida Grande", Arial, Tahoma, "Trebuchet MS", "Lucida Sans Unicode", Verdana, sans-serif;
font-size: 1.1666em;
color: #FFF;
background-color: #8C9463;
margin: 0 0 1px 0;
line-height: 1.4285em;
}

#teaserPanels .contact-panel h2 a:link,
#teaserPanels .contact-panel h2 a:visited {
border: none;
color: #FFF;
display: block;
padding: 0.25em 0 0.25em 10px;
background: #8C9463 url(../images/arrow_white.gif) no-repeat 207px 9px;
}

#teaserPanels .contact-panel h2 a:hover,
#teaserPanels .contact-panel a:active {
background-color: #9DA472;
}

#teaserPanels .contact-panel p {
font-size: 0.9166em;
line-height: 1.8181em;
margin: 0.909em 0;
}

#teaserPanels .feedback-panel {
margin-bottom: 17px;
min-height: 129px;
border: 1px solid #DFDFDF;
background: #FFF url(../images/feedback-panel-home.jpg) no-repeat bottom left;
}

#teaserPanels .feedback-panel h2,
#teaserPanels .feedback-panel p {
margin: 4px 0 0 60px;
width: 150px;
}

#teaserPanels .feedback-panel h2,
#teaserPanels .feedback-panel p.feedback {
font-size: 1em;
height: 43px;
background: url(../images/feedback-panel-h2.gif) no-repeat 0 0;
text-indent: -999em;
margin-top: 7px;
}

#teaserPanels .feedback-panel h2 a {
display: block;
width: 150px;
height: 43px;
border: none !important;
}

#teaserPanels .education-panel a:link,
#teaserPanels .education-panel a:visited {
border: 1px solid #f8bb37;
display: block;
}

#teaserPanels .education-panel a:hover,
#teaserPanels .education-panel a:active {
border: 1px solid #b47d08;
}

/* news panel */

#smallNewsPanel {
width: 220px;
margin: 0 10px;
float: left;
}

#smallNewsPanel h2 {
font-family: "Lucida Grande", Arial, Tahoma, "Trebuchet MS", "Lucida Sans Unicode", Verdana, sans-serif;
font-size: 1em;
line-height: 1.6666em;
padding-bottom: 0.4166em;
margin: 0 0 0.4166em 0;
border-bottom: 1px solid #D6D6D6;
color: #888;
}

#smallNewsPanel h3 {
font-family: "Lucida Grande", Arial, Tahoma, "Trebuchet MS", "Lucida Sans Unicode", Verdana, sans-serif;
font-size: 1em;
line-height: 1.6666em;
margin: 0.4166em 0 0 0;
}

#smallNewsPanel p.date {
font-size: 0.9166em;
line-height: 1.8181em;
margin: 0 0 0.4545em 0;
padding-bottom: 0.4545em;
border-bottom: 1px solid #D6D6D6;
}

#smallNewsPanel p.rss {
font-size: 0.9166em;
line-height: 1.8181em;
font-weight: bold;
float: left;
margin: 0 5px 0 0 !important;
border-right: 1px solid #DFDFDF;
padding: 0 5px 0 16px;
background: url(../images/rss_icon.gif) no-repeat 0 0.4em;
}

#smallNewsPanel p.link {
font-size: 0.9166em;
line-height: 1.8181em;
font-weight: bold;
float: left;
margin: 0 !important;
}

/* news panel slider */

#newsPanel p {
font-size: 1em;
line-height: 1.6666em;
margin: 0.8333em 0;
color: #333;
}

#newsPanel p.date {
margin-top: 0;
color: #666;
letter-spacing: 0.1em;
}

#newsPanel h2 {
font-size: 2em;
line-height: 1.2em;
margin-top: 0;
}

#newsPanel .news_style {
display:none;
}

#newsPanel .news_show {
width: 460px;
height: 230px;
overflow: auto;	
}

#newsPanel .news_border {
width: 460px;
height: 251px;
font: normal 100% "Arial", "Lucida Grande",Verdana, Sans-Serif;
border-bottom: 1px solid #D6D6D6;
overflow: auto;
}

#newsPanel .news_mark {
width: 460px;
height: 20px;
text-align: left;
}

#newsPanel #test {
float: left;
margin: 0 10px 0 0;
color: #666;
font-size: 0.9166em;
line-height: 1.6em;
}

#newsPanel .news_title {
color: #666;
font-size: 0.9166em;
line-height: 1.6em;
}

#newsPanel .buttondiv {
position: absolute;
padding: 0;
height:21px;
width: 460px;
margin-top: 3px;
}

.newslinks {
right: 0;
bottom: 0;
float: right;
}

.newslinks p {
font-size: 0.9166em;
line-height: 1.8181em;
font-weight: bold;
float: left;
margin: 0 !important;
}

#newsPanel p.rss {
float: left;
border-right: 1px solid #DFDFDF;
padding: 0 5px 0 16px;
margin-right: 5px !important;
background: url(../images/rss_icon.gif) no-repeat 0 0.4em;
}

/* featured content panel */

#featured {
width: 458px;
position: relative;
border: 1px solid #D6D6D6;
height: 278px;
background: #FFF;
float: left;
margin-left: 10px;
}

#featured #nav {
position: absolute;
top: 228px;
left: 0;
list-style: none;
padding: 0;
margin: 0;
}

#featured #nav li {
padding: 0;
line-height: 1.4em !important;
width: 135px;
border-top: 1px solid #D6D6D6;
border-left: 1px solid #D6D6D6;
float: left;
margin: 0;
}

#featured #nav li.nav-item1 {
border-left: none;
}

#featured #nav a {
display:block;
padding: 8px 4px 0 8px;
height:41px;
color: #333;
background: #FFF url('../images/current-nav-bg.jpg') top left no-repeat;
border: none !important;
text-decoration: none;
}

#featured #nav a.activeSlide {
background: #EA6C26 url('../images/current-nav-selected.jpg') top left no-repeat;
color: #FFF;
}

#featured #pauseButton,
#featured #resumeButton {
position: absolute;
top: 228px;
left: 407px;
margin: 0;
width: 51px;
height: 50px;
}

#featured #pauseButton a:link, #featured #pauseButton a:visited,
#featured #resumeButton a:link, #featured #resumeButton a:visited {
display: block;
width: 51px;
height: 50px;
background-position: 0 0;
background-repeat: no-repeat;
text-indent: -999em;
border: none;
}

#featured #pauseButton a:link, #featured #pauseButton a:visited {
background-image: url(../images/pause-button.jpg);
}

#featured #resumeButton a:link, #featured #resumeButton a:visited {
background-image: url(../images/play-button.jpg);
}

#featured #pauseButton a:hover, #featured #pauseButton a:active,
#featured #resumeButton a:hover, #featured #resumeButton a:active {
background-position: 0 -50px;
}

#featured #slideshow {
height: 228px;
background: #FFF;
position:relative;
}

#featured #slideshow .info {
width: 458px;
height: 228px;
background-position: 0 0;
background-repeat: no-repeat;
}

#featured #slideshow p {
line-height: 1.71em;
}

#featured #slideshow .slide1 {
background-image: url('../images/current-interest-1.jpg');
}

#featured #slideshow .slide2 {
background-image: url('../images/current-interest-2.jpg');
}

#featured #slideshow .slide3 {
background-image: url('../images/current-interest-3.jpg');
}

#featured #slideshow .slide3 .content {
left: 228px !important;
}

#featured #slideshow .info .content {
position:absolute;
top: 8px;
left: 4px;
width: 209px;
height: 202px;
padding: 9px 8px 0 8px;
}

#featured .info p {
font-size: 0.9166em;
line-height: 1.8181em;
}

#featured .info h2 {
font-size: 1.5em;
line-height: 1.2em;
font-family: "Lucida Grande", Arial, Tahoma, "Trebuchet MS", "Lucida Sans Unicode", Verdana, sans-serif;
margin: 0 0 0.5555em;
color: #EA6C26;
font-weight: normal;
}

/* secondary content panels */

#home #secondaryContent {
width: 950px;
background: url(../images/home_panel_rules.gif) repeat-y 239px 0;
margin: 30px 0 0 0;
float: left;
}

#home #newsPanel {
width: 460px;
margin: 0 10px;
float: left;
}

#home #secondaryContent .panel {
width: 220px;
margin: 0 10px;
float: left;
}

#home #secondaryContent #legalPanel {
width: 220px;
margin-right: 0;
}

#home #secondaryContent .panel h2 {
font-family: "Lucida Grande", Arial, Tahoma, "Trebuchet MS", "Lucida Sans Unicode", Verdana, sans-serif;
font-size: 1.1666em;
color: #FFF;
background-color: #8C9463;
margin: 0 0 1px 0;
line-height: 1.4285em;
}

#home #secondaryContent .panel h2 a:link,
#home #secondaryContent .panel h2 a:visited {
border: none;
color: #FFF;
display: block;
padding: 0.25em 0 0.25em 10px;
background: #8C9463 url(../images/arrow_white.gif) no-repeat 207px 9px;
}

#home #secondaryContent .panel h2 a:hover,
#home #secondaryContent .panel a:active {
background-color: #9DA472;
}

#home #secondaryContent .panel h3 {
color: #EA6C26;
font-family: Georgia, "Hoefler Text", Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
font-size: 1.3333em;
line-height: 1.25em;
font-weight: normal;
margin: 1.25em 0 0.625em 0;
font-style: italic;
}

#home #secondaryContent .panel p {
margin-top: -0.4545em;
}

#home #secondaryContent .panel p.sub {
color: #EA6C26;
font-family: Georgia, "Hoefler Text", Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
font-style: italic;
color: #666;
margin: -0.4545em 0 0.4545em 0;
}

#home #secondaryContent .panel img {
margin: 0 0 20px 0;
}

#home #secondaryContent .panel a {
border: none;
}

#home #secondaryContent .panel p a:link,
#home #secondaryContent .panel p a:visited {
font-weight: bold;
border-bottom: 1px solid #99C4DC;
}

#home #secondaryContent .panel p a:hover,
#home #secondaryContent .panel p a:active {
border-bottom-color: #00426B;
}

#home #secondaryContent #careersPanel h2 {
margin-bottom: 15px;
}

/* social media panel */

#home #secondaryContent .panel .socialmedia {
margin-bottom: 20px;
}

#home #secondaryContent .panel .socialmedia h2 {
padding: 0.25em 0 0.25em 10px;
margin-bottom: 15px;
}

#home #secondaryContent .panel .socialmedia img {
margin-bottom: 10px;
}

#home #secondaryContent .panel .socialmedia a:hover,
#home #secondaryContent .panel .socialmedia a:active {
background-color: #FFF;
}

/* !Landing pages ------------------------------------------------------- */

.landing #primaryContent h2 {
font-size: 1.8em !important;
line-height: 1.2em;
font-weight: normal;
margin: 0.8333em 0 0.4166em;
border-bottom: 1px solid #DFDFDF;
padding-bottom: 0.4166em;
}

.landing #secondaryContent {
padding-top: 47px;
}

.landing #column1,
.landing #column2 {
width: 160px;
float: left;
}

.landing #column1 {
margin-right: 20px;
}

/* lead panel */

.landing .leadPanel {
background-color: #8C9463;
background-position: 0 0;
background-repeat: no-repeat;
padding-top: 170px;
position: relative;
}

#media .landing .leadPanel {
background-image: url(../images/leadpanel_news.jpg);
}

#yourcps .landing .leadPanel {
background-image: url(../images/leadpanel_your_cps.jpg);
}

#yourcps .consultations .leadPanel {
background-image: url(../images/leadpanel_consultations.jpg) !important;
}

#victimswitnesses .landing .leadPanel {
background-image: url(../images/leadpanel_victims_witnesses.jpg);
}

#careers .landing .leadPanel {
background-image: url(../images/leadpanel_careers.jpg);
}

#careers .legal-professionals .leadPanel {
background-image: url(../images/leadpanel_professionals.jpg) !important;
}

#careers .other-legal-professionals .leadPanel {
background-image: url(../images/leadpanel_other.jpg) !important;
}

#careers .admin .leadPanel {
background-image: url(../images/leadpanel_admin.jpg) !important;
}

#careers .pro_business .leadPanel {
background-image: url(../images/lead_professional.jpg) !important;
}

#publications .leadPanel {
background-image: url(../images/leadpanel_publications.jpg) !important;
}

#legalresources .leadPanel {
background-image: url(../images/leadpanel_legal_res.jpg) !important;
}

#CPSlegalGuidance .leadPanel {
background-image: url(../images/leadpanel_legal_guid.jpg) !important;
}

#contact .leadPanel {
background-image: url(../images/leadpanel_contact.jpg) !important;
}

.landing #primaryContent .leadPanel h1 {
color: #FFF;
font-size: 2.5em;
line-height: 1.3333em;
margin: 0.25em 0 0.25em 10px;
padding-bottom: 0.25em;
}

.landing #primaryContent .leadPanel p.caption {
font-size: 0.9166em;
line-height: 1.3em;
color: #FFF;
position: absolute;
right: 10px;
top: 123px;
text-align: right;
}

/* blocks */

.landing .block {
border-bottom: 1px solid #DFDFDF;
margin-bottom: 20px;
}

.landing #primaryContent .block p,
.landing #secondaryContent .block p {
margin: 0.4166em 0 0 0;
padding-bottom: 0.4166em;
}

.landing #primaryContent .block p,
.landing #primaryContent .block li {
font-size: 0.9166em;
line-height: 1.8181em;
}

.landing #primaryContent .block ul,
.landing #secondaryContent .block ul {
margin-left: 0;
}

.landing #primaryContent .block ul li,
.landing #secondaryContent .block ul li {
margin: 0.4166em 0;
padding: 0 0 0.4166em 0;
background-position: 0 0.7em;
background-image: none;
border-bottom: 1px solid #DFDFDF;
}

.landing #primaryContent .block ol,
.landing #secondaryContent .block ol {
margin: 0 0 0.4545em 0;
}

.landing #primaryContent .block ol li,
.landing #secondaryContent .block ol li {
margin: 0 0 0.4545em 30px !important;
}

.landing #primaryContent .block h2,
.landing #secondaryContent .block h2 {
background-color: #8C9463;
color: #FFF;
font-family: "Lucida Grande", Arial, Tahoma, "Trebuchet MS", "Lucida Sans Unicode", Verdana, sans-serif;
font-size: 1.1666em !important;
line-height: 1.4285em !important;
margin: 0 0 0.8333em 0;
padding: 0.25em 10px 0.25em 10px;
border: none;
clear: left;
}

.landing #primaryContent .block h2 a:link,
.landing #primaryContent .block h2 a:visited,
.landing #secondaryContent .block h2 a:link,
.landing #secondaryContent .block h2 a:visited {
border: none;
color: #FFF;
display: block;
margin: -0.25em -10px -0.25em -10px;
padding: 0.25em 0 0.25em 10px;
background: #8C9463 url(../images/arrow_white.gif) no-repeat 327px 9px;
}

.landing #column1 .block h2 a:link,
.landing #column1 .block h2 a:visited,
.landing #column2 .block h2 a:link,
.landing #column2 .block h2 a:visited {
background-position: 147px 9px;
}

.landing #primaryContent .block h2 a:hover,
.landing #primaryContent .block h2 a:active,
.landing #secondaryContent .block h2 a:hover,
.landing #secondaryContent .block h2 a:active {
background-color: #9DA472;
}

.landing #primaryContent .block h3,
.landing #secondaryContent .block h3 {
font-family: "Lucida Grande", Arial, Tahoma, "Trebuchet MS", "Lucida Sans Unicode", Verdana, sans-serif;
font-size: 1.1666em !important;
line-height: 1.4285em !important;
margin: 0 0 0.7142em 0;
padding: 0.3571em 0;
}

.landing #primaryContent .block li h3,
.landing #secondaryContent .block li h3 {
font-family: "Lucida Grande", Arial, Tahoma, "Trebuchet MS", "Lucida Sans Unicode", Verdana, sans-serif;
font-size: 0.9166em !important;
line-height: 1.8181em !important;
margin: 0.4545em 0 0 0 !important;
color: #666;
text-transform: capitalize;
letter-spacing: 0.1em;
}

.landing .block p.arrow {
font-weight: bold;
background: url(../images/arrow_khaki.gif) no-repeat 0 0.7em;
padding-left: 8px;
margin: 0 !important;
}

.landing .block p.rss {
font-weight: bold;
background: url(../images/rss_icon.gif) no-repeat 0 0.4em;
padding-left: 16px;
margin: 0 !important;
position: relative;
}

#legalresources .landing #secondaryContent .block {
border-bottom: none !important;
}

/* panels */

.landing .panel {
background: #FCFCFC url("../images/landing_panel_bg.gif") no-repeat bottom left;
border-bottom: 1px solid #DFDFDF;
background-color: #F2F2F2;
margin-bottom: 20px;
}

.landing #primaryContent .panel {
margin-top: 20px;
}

.landing #primaryContent .panel p,
.landing #secondaryContent .panel p {
margin: 0.8333em 10px 0.8333em 10px;
font-size: 0.9166em;
line-height: 1.8181em;
}

.landing .panel p.sub {
font-size: 0.9166em;
line-height: 1.8181em;
margin: 0.4545em 10px !important;
color: #666;
text-transform: capitalize;
letter-spacing: 0.1em;
}

.landing #primaryContent .panel ul,
.landing #secondaryContent .panel ul {
margin-top: 0.8333em;
margin-left: 0;
clear: left;
}

.landing #primaryContent .panel ul li,
.landing #secondaryContent .panel ul li {
font-size: 0.9166em;
line-height: 1.8181em;
margin: 0 10px 0.4166em 10px;
background-position: 0 0.7em;
background-image: url(../images/list-bullet-2.gif);
}

.landing #primaryContent .panel h2,
.landing #secondaryContent .panel h2 {
background-color: #EA6C26 !important;
color: #FFF;
font-family: "Lucida Grande", Arial, Tahoma, "Trebuchet MS", "Lucida Sans Unicode", Verdana, sans-serif;
font-size: 1.1666em !important;
line-height: 1.4285em !important;
margin: 0;
padding: 0.25em 10px 0.25em 10px;
border: none;
}

.landing #primaryContent .panel h2 a:link,
.landing #primaryContent .panel h2 a:visited,
.landing #secondaryContent .panel h2 a:link,
.landing #secondaryContent .panel h2 a:visited {
border: none;
color: #FFF;
display: block;
padding: 0.25em 0 0.25em 10px;
margin: -0.25em -10px -0.25em -10px;
background: #EA6C26 url(../images/arrow_white.gif) no-repeat 327px 9px;
}

.landing #primaryContent .panel h2 a:hover,
.landing #primaryContent .panel h2 a:active,
.landing #secondaryContent .panel h2 a:hover,
.landing #secondaryContent .panel h2 a:active {
background-color: #EE822E;
}

.landing #primaryContent .panel h3,
.landing #secondaryContent .panel h3 {
font-family: Georgia, "Hoefler Text", Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
color: #577C1E;
font-size: 1.5em;
line-height: 1.1111em;
margin: 0 10px 0.5555em 10px;
}

.landing .panel p.arrow {
font-weight: bold;
background: url(../images/arrow_khaki.gif) no-repeat 0 1em;
padding-left: 10px;
border-top: 1px solid #DFDFDF;
padding-top: 0.4166em;
margin: 0.4166em 10px !important;
}

.landing .local {
background-image: url("../images/local_panel_bg.jpg");
min-height: 205px;
}

.landing .local p {
margin-left: 180px !important;
}

.landing .youngwitness {
background-image: url("../images/victims_and_witnesses/youngwitness_panel_bg.jpg");
min-height: 205px;
}

.landing .youngwitness p {
margin-left: 180px !important;
}

.panel .imageLeft {
margin: 6px 10px 6px 0;
}

/* consultation panel */

.landing #primaryContent .consultations h2,
.landing #secondaryContent .consultations h2 {
background-color: #8C9463 !important;
color: #FFF;
}

#yourcps .landing .consultations {
background-image: none;
background-color: #F7F7F7;
}

#yourcps .landing #primaryContent .consultations #accordion h3,
#yourcps .landing #secondaryContent .consultations #accordion h3 {
font-family: "Lucida Grande", Arial, Tahoma, "Trebuchet MS", "Lucida Sans Unicode", Verdana, sans-serif;
font-size: 1.1666em !important;
line-height: 1.4285em !important;
margin: 0;
padding: 0.25em 10px;
border-top: 1px solid #DFDFDF;
background-color: #EA6C26 !important;
color: #FFF;
}

#yourcps .landing #primaryContent .consultations h4,
#yourcps .landing #secondaryContent .consultations h4 {
font-family: "Lucida Grande", Arial, Tahoma, "Trebuchet MS", "Lucida Sans Unicode", Verdana, sans-serif;
margin: 0.4545em 0 0;
padding: 0 10px;
font-size: 0.9166em;
line-height: 1.8181em;
color: #666;
letter-spacing: 0.1em;
}

#yourcps .landing .consultations #accordion div {
border-left: 1px solid #DFDFDF;
border-right: 1px solid #DFDFDF;
border-top: 1px solid #F7F7F7;
padding-bottom: 4px;
}

#yourcps .landing .consultations #accordion ul {
margin: 0;
}

#yourcps .landing .consultations h3 a {
display: block;
border: none;
color: #FFF
}

#yourcps .landing .consultations #accordion p {
background: url(../images/x.gif) no-repeat 0 0.8em;
color: #900;
padding-left: 10px;
margin-top: 0;
}

/* careers */

.landing #primaryContent .vacancies p,
.landing #secondaryContent .vacancies p {
margin: 0.8333em 10px 0.8333em 10px;
font-size: 1em;
line-height: 1.6666em;
}

.landing .vacancies p.date {
font-family: Georgia, "Hoefler Text", Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
color: #666;
font-style: italic;
margin: -0.4166em 10px 0 10px !important;
padding-bottom: 0.4166em;
font-size: 0.9166em;
line-height: 1.8181em;
border-bottom: 1px solid #DFDFDF;
}

.landing .vacancies p.arrow {
margin: 0 10px 0.4166em 10px !important;
font-size: 0.9166em !important;
line-height: 1.8181em !important;
border-top: none !important;
padding-top: 0.4166em !important;
}

#careers .landing #secondaryContent .block {
padding-bottom: 5px;
}

#careers .landing #secondaryContent .block p,
#careers .landing #secondaryContent .block ul {
margin-left: 120px !important;
}

#careers .landing #secondaryContent .block .rule {
clear: both;
margin-top: 0.4166em;
}

#careers .landing #secondaryContent img {
float: left;
margin-top: 5px;
margin-bottom: 10px;
}

#careers #primaryContent .block {
border-bottom: none;
}

.legal-professionals #primaryContent h1,
.other-legal-professionals #primaryContent h1,
.admin #primaryContent h1 {
font-size: 2em !important;
line-height: 1em !important;
padding-top: 0.25em;
}

.legal-professionals .leadPanel,
.other-legal-professionals .leadPanel,
.admin .leadPanel {
padding-bottom: 1px;
}

/* careers recruiting panel */

#secondaryContent .recruiting {
border: 1px solid #DFDFDF;
background: #FCFCFC url(../images/wig_and_gown.jpg) no-repeat 0 0;
margin: 15px 0;
padding: 5px 7px 5px 0;
}

/* careers advert */

#secondaryContent .careersAdvert {
background-color: #000;
padding-bottom: 0;
margin: 20px 0;
}

#secondaryContent .careersAdvert p#adHead {
background: #000 url(../images/advert_header.jpg) no-repeat 0 0;
height: 118px;
width: 340px;
padding: 0;
text-indent: -1000px;
}

#secondaryContent .careersAdvert p,
#secondaryContent .careersAdvert h2,
#secondaryContent .careersAdvert h3,
#secondaryContent .careersAdvert h4,
#secondaryContent .careersAdvert h5 {
color: #EEE;
padding-left: 10px;
padding-right: 10px;
}

#secondaryContent .careersAdvert h2 {
font-size: 1.3333em;
line-height: 1.25em;
color: #FFF;
margin: 1.25em 0 0.625em 0;
}

#secondaryContent .careersAdvert p a:link,
#secondaryContent .careersAdvert p a:visited {
color: #FFF !important;
border-bottom: 1px solid #999 !important;
}

#secondaryContent .careersAdvert p a:hover,
#secondaryContent .careersAdvert p a:active {
color: #FFF !important;
border-bottom: 1px solid #FFF !important;
}

#secondaryContent .careersAdvert p img {
float: right !important;
margin: 0;
padding-bottom: 10px;
}

/* bookmarks */

#bookmark {
clear: both;
border: 1px solid #DFDFDF;
padding: 8px 10px;
margin: 20px 0 0 260px;
width: 678px;
}

#bookmark h2 {
clear: both;
font-size: 0.9166em;
line-height: 1.8181em;
font-family: "Lucida Grande", Arial, Tahoma, "Trebuchet MS", "Lucida Sans Unicode", Verdana, sans-serif;
float: left;
margin: 0;
padding-right: 10px;
}

#bookmark li {
font-size: 0.9166em !important;
padding: 0 15px 0 20px;
margin: 0 !important;
float: left;
}

.delicious {
background: url(../images/icon_delicious.gif) no-repeat 0 2px;
}

.digg {
background: url(../images/icon_digg.gif) no-repeat 0 2px;
}

.reddit {
background: url(../images/icon_reddit.gif) no-repeat 0 2px;
}

.facebook {
background: url(../images/icon_facebook.gif) no-repeat 0 2px;
}

.stumbleupon {
background: url(../images/icon_stumbleupon.gif) no-repeat 0 2px;
}

/* survey */

.landing #primaryContent .survey h2 {
background-color: #8C9463;
color: #FFF;
font-family: "Lucida Grande", Arial, Tahoma, "Trebuchet MS", "Lucida Sans Unicode", Verdana, sans-serif;
font-size: 1.1666em !important;
line-height: 1.4285em !important;
margin: 0;
padding: 0.25em 0 0.25em 10px;
border: none;
}

/* vacancies listing */

#careers #primaryContent .vacanciesListing p {
clear: left;
padding-left: 150px;
padding-bottom: 10px;
margin: 0;
color: #666;
}

#careers #wrapper #primaryContent .vacanciesListing h2 {
font-size: 1.3333em;
line-height: 1.25em;
border-top: 1px solid #D5D5D5;
padding: 10px 0 0 150px;
margin: 0 0 0.7em 0;
}

#careers #wrapper #primaryContent .vacanciesListing p.location {
font-family: Georgia, "Hoefler Text", Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
font-style: italic;
float: left;
padding: 10px 0 0 0;
color: #333;
margin: 0;
width: 140px;
}

#careers #primaryContent .vacanciesListing .headVacancy {
clear: none;
color: #666;
padding: 0;
margin-bottom: 5px;
}

#careers #primaryContent .vacanciesListing .headLocation {
float: left;
color: #666;
padding: 0;
width: 150px;
margin-bottom: 5px;
}

/* A to Z */

.landing .AtoZ {

}

/* legal guidance */

#CPSlegalGuidance .landing #secondaryContent .block p,
#CPSlegalGuidance .landing #secondaryContent .block ul {
margin-left: 120px !important;
}

#CPSlegalGuidance .landing #pLegalAtoZ ul li {
background-image: none;
margin: 0 1px 1px 0;
padding: 0;
float: left;
text-align: center;
line-height: 1.4em;
}

#CPSlegalGuidance .landing #pLegalAtoZ ul li a:link,
#CPSlegalGuidance .landing #pLegalAtoZ ul li a:visited {
border: 1px solid #DFDFDF;
width: 17px;
height: 17px;
display: block;
background: #FFF;
}

#CPSlegalGuidance .landing #pLegalAtoZ ul li a:hover,
#CPSlegalGuidance .landing #pLegalAtoZ ul li a:active {
border: 1px solid #EE822E;
background-color: #EE822E;
background-image: none;
color: #FFF;
}

#CPSlegalGuidance .landing #pLegalAtoZ .panelTop {
clear: both;
height: 9px !important;
width: 1px;
display: block;
}

#CPSlegalGuidance #wrapper #secondaryContent ul {
float: left;
margin-left: 10px;
}

#CPSlegalGuidance #wrapper #secondaryContent #AtoZ ul li {
background-image: none;
margin: 0 1px 1px 0;
padding: 0;
float: left;
text-align: center;
line-height: 1.4em;
}

#CPSlegalGuidance #wrapper #secondaryContent #AtoZ ul li a:link,
#CPSlegalGuidance #wrapper #secondaryContent #AtoZ ul li a:visited {
border: 1px solid #DFDFDF;
width: 17px;
height: 17px;
display: block;
background: #FFF;
}

#CPSlegalGuidance #wrapper #secondaryContent #AtoZ ul li a:hover,
#CPSlegalGuidance #wrapper #secondaryContent #AtoZ ul li a:active {
border: 1px solid #EE822E;
background-color: #EE822E;
background-image: none;
color: #FFF;
}

/* !news centre --------------------------------------------------------- */

/* news headlines listing */

#content .headlinesListing {
border-bottom: 1px solid #DFDFDF;
}

#content .headlinesListing p {
clear: left;
padding-left: 110px;
padding-bottom: 10px;
margin: 0;
}

#wrapper #content .headlinesListing h2 {
font-size: 1.3333em;
line-height: 1.25em;
border-top: 1px solid #DFDFDF;
padding: 10px 0 0 110px;
margin: 0 0 0.625em 0;
}

#wrapper #content .headlinesListing p.date {
float: left;
padding: 10px 0 0 0;
color: #333;
margin: 0;
}

#content .headlinesListing .headOutline {
clear: none;
color: #666;
padding: 0;
margin-bottom: 5px;
}

#content .headlinesListing .headDate {
float: left;
color: #666;
padding: 0;
width: 110px;
margin-bottom: 5px;
}

/* Public Prosecution Service - Setting the Standard banner */

#pps-banner {
background: #00868F url(../images/pps-banner.jpg) no-repeat top center;
padding: 180px 0 15px;
}

#pps-banner h1 {
font-family: "Lucida Grande", Arial, Tahoma, "Trebuchet MS", "Lucida Sans Unicode", Verdana, sans-serif;
font-size: 2em;
line-height: 1.2em;
margin: 10px 20px 0;
color: #FFF;
}

/* Careers shoe banner 13 Aug 2010 */

#careers-shoe-banner {
background: #494E52 url(../images/careers-shoe-banner.jpg) no-repeat top center;
padding: 180px 0 15px;
}

#careers-shoe-banner h1 {
font-family: "Lucida Grande", Arial, Tahoma, "Trebuchet MS", "Lucida Sans Unicode", Verdana, sans-serif;
font-size: 2em;
line-height: 1.2em;
margin: 10px 20px 0;
color: #FFF;
}

/* !legal guidance ------------------------------------------------------ */

.lgListing h2 {
background-color: #EA6C26;
line-height: 1em !important;
margin: 1.5em 0 0 0 !important;
width: 80px;
color: #FFF !important;
text-align: center;
padding: 3px 0;
}

#content .lgListing ul {
border: 1px solid #DFDFDF;
background-color: #FCFCFC !important;
margin: 0;
padding-left: 10px;
}

#content .lgListing ul li {
background: url("../images/book_icon.gif") no-repeat 0 0.3em;
padding-left: 24px;
}

#content .lgListing ul li a:link,
#content .lgListing ul li a:visited {
padding-bottom: 1px !important;
}

.greenPanel {
background-color: #EA6C26;
}

.greenPanel h2 {
font-size: 1.6666em !important;
font-family: "Lucida Grande", Arial, Tahoma, "Trebuchet MS", "Lucida Sans Unicode", Verdana, sans-serif !important;
margin: 0 !important;
}

.greenPanel h2 a:link,
.greenPanel h2 a:visited {
color: #FFF !important;
display: block;
padding: 10px;
background-color: #EA6C26;
border: none !important;
}

.greenPanel h2 a:hover,
.greenPanel h2 a:active {
background-color: #EE822E;
border: none !important;
}

/* file types */

#wrapper .lgListing a[href $='.pdf'] {
padding-left: 20px;
background: url(../images/icon_pdf.gif) no-repeat left top;
}

#wrapper .lgListing a[href $='.doc'] {
padding-left: 20px;
background: url(../images/icon_word.gif) no-repeat left top;
}

#wrapper .lgListing .type-pdf {
padding-left: 20px;
background: url(../images/icon_pdf.gif) no-repeat left top;
}

#wrapper .lgListing .type-word {
padding-left: 20px;
background: url(../images/icon_word.gif) no-repeat left top;
}

/* inner page A to Z panel */

#CPSlegalGuidance #wrapper #secondaryContent #AtoZ {
padding-bottom: 9px;
}

#CPSlegalGuidance #wrapper #secondaryContent #AtoZ ul li {
background-image: none;
margin: 0 1px 1px 0;
padding: 0;
float: left;
text-align: center;
line-height: 1.4em;
}

#CPSlegalGuidance #wrapper #secondaryContent #AtoZ ul li a:link,
#CPSlegalGuidance #wrapper #secondaryContent #AtoZ ul li a:visited {
border: 1px solid #DFDFDF;
width: 17px;
height: 17px;
display: block;
background: #FFF;
}

#CPSlegalGuidance #wrapper #secondaryContent #AtoZ ul li a:hover,
#CPSlegalGuidance #wrapper #secondaryContent #AtoZ ul li a:active {
border: 1px solid #EE822E;
background-color: #EE822E;
background-image: none;
color: #FFF;
}

/* !Your local CPS ------------------------------------------------------ */

#yourcps #secondaryContent ol {
margin-top: 20px;
}

#yourcps #secondaryContent ol li {
margin: 0;
}

/* 2 columns, image on left */

.twoCols p, .twoCols h2, .twoCols ul {
padding-left: 120px;
}

.twoCols .imageLeft {
margin-right: 0px;
}

#yourcps .twoCols {
margin-bottom: 40px;
}

/* publications listing */

#content .publications {
margin-top: 0;
}

#content .publications p {
padding: 0 0 0 120px;
margin: 0 0 0.5em 0;
}

#content .publications p.top {
padding: 0;
}

#content .publications h2 {
font-size: 1.1666em;
line-height: 1.4285em;
padding: 0 0 0 120px;
margin: 0 0 0.7142em 0;
}

#wrapper #content .publications p.subhead {
clear: both;
float: left;
font-family: Georgia, "Hoefler Text", Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
font-style: italic;
padding: 0;
color: #666;
width: 110px;
}

/* groups listing */

#yourcps .grouplist {
padding: 0;
margin: 0;
line-height: 1.5em;
margin-left: 0;
}

#yourcps .grouplist ul {
margin-left: 0;
}

#yourcps .grouplist li ul li {
padding: 0 0 0 10px;
margin: 0;
line-height: 1.5em;
font-size: 1em;
background-position: 0 0.5em;
}

/* !Sidebar -------------------------------------------------------------- */

#secondaryContent h2 {
font-size: 2em;
line-height: 1.2em;
margin: 0.8333em 0 0.4166em;
}

#secondaryContent h3 {
font-size: 1.5em;
line-height: 1.1111em;
margin: 1.1111em 0 0.555em 0;
}

#secondaryContent h4 {
color: #EA6C26;
font-size: 1.25em;
line-height: 1.3333em;
margin: 1.3333em 0 0.6666em 0;
font-weight: normal;
}

/* !Sidebar panel ------------------------------------------------------- */

.sidePanel {
background: #FCFCFC url("../images/panel_bg.gif") no-repeat bottom left;
border-bottom: 1px solid #DFDFDF;
margin: 20px 0;
}

.sidePanel img {
border-bottom: 1px solid #FFF;
}

.sidePanel .imageLeft {
margin: 6px 10px 6px 0 !important;
}

#secondaryContent .sidePanel h3,
#secondaryContent .sidePanel h4,
#secondaryContent .sidePanel h5,
#secondaryContent .sidePanel h6,
#secondaryContent .sidePanel p,
#secondaryContent .sidePanel ul,
#secondaryContent .sidePanel ol {
margin-left: 10px;
margin-right: 10px;
}

#secondaryContent .sidePanel p {
margin-top: 0;
}

#secondaryContent .sidePanel h2 {
font-family: "Lucida Grande", Arial, Tahoma, "Trebuchet MS", "Lucida Sans Unicode", Verdana, sans-serif;
color: #FFF;
background-color: #8C9463;
font-size: 1.1666em;
line-height: 1.4285em;
padding: 0.25em 5px 0.25em 10px;
margin: 0 0 0.75em 0;
}

#secondaryContent .sidePanel h3 {
font-size: 1.5em;
line-height: 1.1111em;
margin: 1.1111em 10px 0.555em 10px;
}

#secondaryContent .sidePanel h4 {
font-size: 1.25em;
line-height: 1.3333em;
margin: 0.6666em 10px 0.6666em 10px;
}

img.adobeReader {
margin: 0 0 10px 10px !important;
}

/* Your local CPS sidepanel */

.sidePanelLocal {
border-bottom: 1px solid #DFDFDF;
margin: 20px 0;
}

#secondaryContent .sidePanelLocal h2 {
font-family: "Lucida Grande", Arial, Tahoma, "Trebuchet MS", "Lucida Sans Unicode", Verdana, sans-serif;
color: #FFF;
background-color: #EA6C26;
font-size: 1.1666em;
line-height: 1.4285em;
padding: 0.25em 5px 0.25em 10px;
margin: 0 0 0.75em 0;
}

/* !Vacancies ----------------------------------------------------------- */

#secondaryContent .rightsideVacancies {
border-bottom: 1px solid #DFDFDF;
margin: 20px 0;
}

#secondaryContent .rightsideVacancies img {
border-bottom: 1px solid #FFF;
}

#secondaryContent .rightsideVacancies h2 {
font-family: "Lucida Grande", Arial, Tahoma, "Trebuchet MS", "Lucida Sans Unicode", Verdana, sans-serif;
color: #FFF;
background-color: #EA6C26;
font-size: 1.1666em;
line-height: 1.4285em;
padding: 0.25em 5px 0.25em 10px;
margin: 0 0 0.25em 0;
}

#secondaryContent .rightsideVacancies ul {
margin: 0;
}

#secondaryContent .rightsideVacancies li {
background-image: none;
padding: 0 0 0.4166em 0;
margin: 0.4166em 0;
border-bottom: 1px solid #DFDFDF;
}

#secondaryContent .rightsideVacancies p.arrow {
font-weight: bold;
background: url(../images/arrow_khaki.gif) no-repeat 0 0.7em;
padding-left: 8px;
margin: 0 !important;
padding-bottom: 0.4166em;
}

#secondaryContent .block {
border-bottom: 1px solid #DFDFDF;
margin-bottom: 20px;
}

#secondaryContent .block p,
#secondaryContent .block p {
margin: 0.4166em 0 0 0;
padding-bottom: 0.4166em;
}

#secondaryContent .block p,
#secondaryContent .block li {
font-size: 0.9166em;
line-height: 1.8181em;
}

#secondaryContent .block ul,
#secondaryContent .block ul {
margin-left: 0;
}

#secondaryContent .block ul li,
#secondaryContent .block ul li {
margin: 0.4166em 0;
padding: 0 0 0.4166em 0;
background-position: 0 0.7em;
background-image: none;
border-bottom: 1px solid #DFDFDF;
}

#secondaryContent .block h2,
#secondaryContent .block h2 {
background-color: #8C9463;
color: #FFF;
font-family: "Lucida Grande", Arial, Tahoma, "Trebuchet MS", "Lucida Sans Unicode", Verdana, sans-serif;
font-size: 1.1666em !important;
line-height: 1.4285em !important;
margin: 0 0 0.8333em 0;
padding: 0.25em 10px 0.25em 10px;
}

#secondaryContent .block h2 a:link,
#secondaryContent .block h2 a:visited,
#secondaryContent .block h2 a:link,
.landing #secondaryContent .block h2 a:visited {
border: none;
color: #FFF;
display: block;
margin: -0.25em -10px -0.25em -10px;
padding: 0.25em 0 0.25em 10px;
background: #8C9463 url(../images/arrow_white.gif) no-repeat 327px 9px;
}

.landing .block p.arrow {
font-weight: bold;
background: url(../images/arrow_khaki.gif) no-repeat 0 0.7em;
padding-left: 8px;
margin: 0 !important;
}

.landing .block p.rss {
font-weight: bold;
background: url(../images/rss_icon.gif) no-repeat 0 0.4em;
padding-left: 16px;
margin: 0 !important;
position: relative;
}

/* !Contact ------------------------------------------------------------- */

#contact .landing .block p,
#contact .landing .panel p {
font-size: 1em;
line-height: 1.6666em;
margin-top: 0.8333em;
margin-bottom: 0.8333em;
}

/* !Footer -------------------------------------------------------------- */

#footer {
color: #666;
}

#footer a:link,
#footer a:visited {
color: #666;
border-bottom-color: #CCC;
}

#footer a:hover,
#footer a:active {
color: #000;
border-bottom-color: #666;
}

#footer .column1,
#footer .column2,
#footer .column3,
#footer .column4 {
margin-top: 17px;
float: left;
}

#footer .column1 {
width: 220px;
border-right: 1px solid #DFDFDF;
margin-right: 20px;
}

#footer .column2 {
width: 300px;
}

#footer .column2 h2 {
width: 140px;
height: 41px;
}

#footer .column2 h2 a:link,
#footer .column2 h2 a:visited {
display: block;
width: 140px;
height: 41px;
border: none;
background: url(../images/directgov.gif) no-repeat 0 0;
text-indent: -999em;
}

#footer .column2 h2 a:hover,
#footer .column2 h2 a:active {
background-position: 0 -100px;
}

#footer h2 {
font-size: 1.0833em;
line-height: 1.5384em;
font-weight: normal;
}

#footer p {
font-size: 0.9166em;
line-height: 1.8181em;
font-weight: normal;
margin: 0.2291em 0 0.2291em 0;
}

#footer img {
margin: 20px;
float: left;
}

#footer p.youtube {
position: absolute;
right: 20px;
top: 44px;
background: url(../images/youtube.gif) no-repeat 0 0;
padding-left: 61px;
height: 21px;
}

#footer ul {
margin-left: 500px;
position: absolute;
right: 20px;
top: 16px;
}

#footer ul.line2 {
margin-left: 500px;
position: absolute;
right: 20px;
top: 36px;
}

#footer ul li {
font-size: 0.9166em;
line-height: 1.8181em;
float: left;
margin-left: 20px;
}

#footer p.topLink {
position: absolute;
bottom: 18px;
right: 20px;
}

#footer p.topLink a:link,
#footer p.topLink a:visited {
border: 1px solid #DFDFDF;
padding: 2px 5px 4px 15px;
background: #FFF url(../images/top_arrow.gif) no-repeat 4px 5px;
}

#footer p.topLink a:hover,
#footer p.topLink a:active {
border: 1px solid #EE822E;
background-color: #EE822E;
background-position: 4px -35px;
color: #FFF;
}

#footer p.ecruLink {
font-size: 0.8333em;
line-height: 2em;
position: absolute;
bottom: 18px;
right: 120px;
font-family: Georgia, "Hoefler Text", Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
font-style: italic;
}

/* !homepage footer */

#home #footer .column1,
#home #footer .column2,
#home #footer .column3,
#home #footer .column4 {
}

#home #footer .colwrap {
background: url(../images/footer-dividers.gif) no-repeat 318px 17px;
margin-bottom: 17px;
}

#home #footer .column1 {
width: 221px;
border: none;
}

#home #footer .column2 {
width: 255px;
margin-right: 20px;
padding: 0 20px 0 0;
}

#home #footer .column3 {
width: 95px;
margin: 20px 20px 0 1px;
}

#home #footer .column3 img {
margin: 0;
}

#home #footer .column4 {
width: 220px;
position: relative;
}

#home #footer ul {
margin: 0 0 20px 0;
position: relative;
padding-bottom: 20px;
top: 0;
right: 0;
}

#home #footer ul li {
float: none;
margin-left: 0;
}

#home #footer p.ecruLink {
bottom: 0;
right: 0;
left: 0;
}

#home #footer p.topLink {
bottom: 0;
right: 0;
}

/* !local area websites ------------------------------------------------- */

/* header */

.london {
background-image: url("../images/header_bg_london.jpg") !important;
background-repeat: no-repeat !important;
}

.london #logo {
height: 78px !important;
width: 48px !important;
top: 20px;
left: 20px;
background-image: url("../images/cps_logo_london.gif") !important;
}

.london #logo a {
height: 78px !important;
width: 48px !important;
}

.london p.title {
width: 221px !important;
height: 56px !important;
bottom: 16px !important;
background-image: url("../images/cps_title_london.gif") !important;
}

/* navigation */

#navigation ul.national {
background-color: #8C9463;
border-right: 1px solid #63684D;
}

#navigation ul.national li {
border-bottom: 1px solid #63684D;
}

#navigation ul.national li a:link,
#navigation ul.national li a:visited {
color: #FFF;
text-decoration: none;
display: block;
padding: 0.25em 0 0.25em 20px;
background: #005485 url("../images/nav-bg-1-external.gif") no-repeat 0 0;
}

#navigation ul.national li a:hover,
#navigation ul.national li a:active {
border-top: none;
background: #00659D url("../images/nav-bg-1-external.gif") no-repeat -240px 0;
}

/* !Welsh websites ------------------------------------------------------ */

.cymru #header {
background-image: url("../images/header_bg_cymru.jpg");
}

.cymru #header p {
width: 246px;
height: 40px;
background-image: url("../images/cps_title_cymru.gif");
bottom: 15px ;
}

/* intro panel */

.cymru #introPanel h1 {
font-size: 1.5em !important;
line-height: 1.1111em !important;
}

.cymru #introPanel p {
font-size: 1em !important;
line-height: 1.5em !important;
}

/* !Newsticker ---------------------------------------------------------- */

.tickercontainer { /* the outer div with the black border */
width: 340px;
height: 40px;
margin: 0;
padding: 0;
overflow: hidden;
}

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 0;
top: 0;
width: 340px;
overflow: hidden;
}

ul.newsticker { /* that's your list */
position: relative;
left: 340px;
list-style-type: none;
margin: 0;
padding: 0;
}

ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0 !important;
padding: 0 !important;
background-image: none !important;
}

ul.newsticker a {
white-space: nowrap;
padding: 0;
margin: 0 50px 0 0;
}

ul.newsticker span {
margin: 0 10px 0 0;
}

/* !CPS London ---------------------------------------------------------- */

#boxes {
width: 580px;
border: 1px solid #005384;
margin: 20px 0;
background-color: #016898;
}

#boxes .item {
float: left;
width: 145px;
background-repeat: no-repeat;
padding-top: 150px;
}

#boxes #box-reporting {
background-image: url(../images/box-reporting.jpg);
}

#boxes #box-next {
background-image: url(../images/box-next.jpg);
}

#boxes #box-court {
background-image: url(../images/box-court.jpg);
}

#boxes #box-support {
background-image: url(../images/box-support.jpg);
}

#boxes h2 {
color: #7F8554;
font-family: "Lucida Grande", Arial, Tahoma, "Trebuchet MS", "Lucida Sans Unicode", Verdana, sans-serif;
font-size: 1em;
line-height: 1.6666em;
padding: 0.42em 10px;
background-color: #FFF;
margin: 0;
}

#boxes p {
color: #7F8554;
font-family: "Lucida Grande", Arial, Tahoma, "Trebuchet MS", "Lucida Sans Unicode", Verdana, sans-serif;
font-size: 0.9166em;
line-height: 1.5em;
margin: 0;
background: #016898 url(../images/box-bg.gif) repeat-x top left;
padding: 0.45em 10px;
}

#boxes p a:link,
#boxes p a:visited {
color: #FFF;
text-decoration: none;
}

#boxes p a:hover,
#boxes p a:active {
color: #FFF;
border-color: #FFF;
}

/* !education banner on homepage ---------------------------------------- */

p.champions-banner {
position: absolute;
top: 35px;
left: 239px;
width: 326px;
height: 90px;
background: url("../images/education/champions-banner.jpg") no-repeat 0 0;
margin: 0 !important;
text-indent: -999em;
}

p.champions-banner a:link,
p.champions-banner a:visited {
display: block;
width: 326px;
height: 90px;
background: url("../images/education/champions-banner.jpg") no-repeat 0 0;
}

p.champions-banner a:hover,
p.champions-banner a:active {
background-position: -326px 0;
}

/* !MLAW headers -------------------------------------------------------- */

.derbyshire { background-image: url("../images/header_bg_derbyshire.jpg") !important; }
.direct { background-image: url("../images/header_bg_direct.jpg") !important; }
.dorset { background-image: url("../images/header_bg_dorset.jpg") !important; }
.eastern { background-image: url("../images/header_bg_eastern.jpg") !important; }
.east-midlands { background-image: url("../images/header_bg_east_midlands.jpg") !important; }
.leicestershire { background-image: url("../images/header_bg_leicestershire.jpg") !important; }
.merseyside-cheshire { background-image: url("../images/header_bg_mersey_cheshire.jpg") !important; }
.northamptonshire { background-image: url("../images/header_bg_northamptonshire.jpg") !important; }
.northeast { background-image: url("../images/header_bg_northeast.jpg") !important; }
.northwest { background-image: url("../images/header_bg_northwest.jpg") !important; }
.staffordshire { background-image: url("../images/header_bg_staffordshire.jpg") !important; }
.southeast { background-image: url("../images/header_bg_southeast.jpg") !important; }
.south-west { background-image: url("../images/header_bg_southwest.jpg") !important; }
.south-yorkshire { background-image: url("../images/header_bg_sth_yorks.jpg") !important; }
.thames-chiltern { background-image: url("../images/header_bg_thames_chiltern.jpg") !important; }
.thames-valley { background-image: url("../images/header_bg_thames_valley.jpg") !important; }
.wales1 { background-image: url("../images/header_bg_cymru.jpg") !important; }
.wales2 { background-image: url("../images/header_bg_cymru.jpg") !important; }
.wessex { background-image: url("../images/header_bg_wessex.jpg") !important; }
.west-mercia { background-image: url("../images/header_bg_west_mercia.jpg") !important; }
.westmidlands { background-image: url("../images/header_bg_westmidlands.jpg") !important; }
.west-yorkshire { background-image: url("../images/header_bg_west_yorks.jpg") !important; }
.yorks-humber { background-image: url("../images/header_bg_yorks_humber.jpg") !important; }

.derbyshire p.title { background-image: url("../images/cps_title_derbyshire.gif") !important; }
.direct p.title { background-image: url("../images/cps_title_direct.gif") !important; }
.dorset p.title { background-image: url("../images/cps_title_dorset.gif") !important; }
.eastern p.title { background-image: url("../images/cps_title_eastern.gif") !important; }
.east-midlands p.title { background-image: url("../images/cps_title_east_midlands.gif") !important; }
.leicestershire p.title { background-image: url("../images/cps_title_leicestershire.gif") !important; }
.merseyside-cheshire p.title { background-image: url("../images/cps_title_mersey_cheshire.gif") !important; }
.northamptonshire p.title { background-image: url("../images/cps_title_northamptonshire.gif") !important; }
.northeast p.title { background-image: url("../images/cps_title_northeast.gif") !important; }
.northwest p.title { background-image: url("../images/cps_title_northwest.gif") !important; }
.staffordshire p.title { background-image: url("../images/cps_title_staffordshire.gif") !important; }
.southeast p.title { background-image: url("../images/cps_title_southeast.gif") !important; }
.south-west p.title { background-image: url("../images/cps_title_southwest.gif") !important; }
.south-yorkshire p.title { background-image: url("../images/cps_title_sth_yorks.gif") !important; }
.thames-chiltern p.title { background-image: url("../images/cps_title_thames_chiltern.gif") !important; }
.thames-valley p.title { background-image: url("../images/cps_title_thames_valley.gif") !important; }
.wales1 p.title { background-image: url("../images/cps_title_wales_group1.gif") !important; }
.wales2 p.title { background-image: url("../images/cps_title_wales_group2.gif") !important; }
.wessex p.title { background-image: url("../images/cps_title_wessex.gif") !important; }
.west-mercia p.title { background-image: url("../images/cps_title_west_mercia.gif") !important; }
.westmidlands p.title { background-image: url("../images/cps_title_westmidlands.gif") !important; }
.west-yorkshire p.title { background-image: url("../images/cps_title_west_yorks.gif") !important; }
.yorks-humber p.title { background-image: url("../images/cps_title_yorks_humber.gif") !important; }

.derbyshire p.title,
.direct p.title,
.dorset p.title,
.eastern p.title,
.east-midlands p.title,
.leicestershire p.title,
.northamptonshire p.title,
.merseyside-cheshire p.title,
.northeast p.title,
.northwest p.title,
.staffordshire p.title,
.southeast p.title,
.south-west p.title,
.south-yorkshire p.title,
.thames-chiltern p.title,
.thames-valley p.title,
.wales1 p.title,
.wales2 p.title,
.wessex p.title,
.west-mercia p.title,
.westmidlands p.title,
.west-yorkshire p.title {
width: 221px !important;
height: 56px !important;
bottom: 16px !important;
}

.thames-chiltern p.title {
width: 259px !important;
}

.merseyside_cheshire p.title {
width: 295px !important;
}

.wales1 p.title {
width: 244px !important;
}

.yorks-humber p.title {
width: 310px !important;
height: 56px !important;
bottom: 16px !important;
}

#group .landing .leadPanel {
padding-top: 1px;
}

#group .landing #secondaryContent .block {
padding-bottom: 5px;
}

#group .landing #secondaryContent .block p,
#group .landing #secondaryContent .block ul {
margin-left: 120px !important;
}

#group .landing #secondaryContent .block p.noindent {
margin-left: 0 !important;
}

#group .landing #secondaryContent .block .rule {
clear: both;
margin-top: 0.4166em;
}

#group .landing #secondaryContent img {
float: left;
margin-top: 5px;
margin-bottom: 10px;
}

#group #primaryContent .block {
border-bottom: none;
}

/* alternative lead panel styles for content managed MLAW sites */

.landing .alt {
background-color: transparent !important;
}

.landing #primaryContent .alt h1 {
background-color: #8C9463;
padding: 0.25em 0 0.25em 10px;
margin: 0;
}

.landing #primaryContent .alt h1.blue {
font-size: 2.2em;
}

.landing #primaryContent .alt p {
font-size: 1.1666em;
line-height: 1.4285em;
margin: 1.4285em 0;
}
