/* CSS Document for PFRA */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, 			fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin : 0; padding : 0; border : 0; font-weight : inherit; font-style : inherit; font-family : inherit; vertical-align : baseline; }

/* Body ---------------------------------------------------- */

html {overflow-y:scroll;}
body {font:75%/1.4 Arial, Verdana, sans-serif; background:#C6CED0; color:#4A4A4A;}

/* Headings ---------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {font-weight : normal; color:#403170;}
h1 {margin-bottom:.5em;}
h2 {margin:-6px 0 .5em; font-size:1.85em;}
h3 {margin-bottom:.4em; line-height:1.1; font-size:1.25em; font-weight:700;}
h4 {margin-bottom:.4em; font-size:1.33em; line-height:1.1;}
h5, h6 {margin-bottom:1.5em; font-weight:bold; font-size:1em;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

/* Text elements -------------------------------------------------------------- */

p {margin : 0 0 1em 0;}
a {color:#A3238E; text-decoration:none; outline:none;}
a:visited {color:#A3238E;}
a:focus, a:hover {color:#A3238E; text-decoration:underline;}
a img {border:none;}

blockquote, q {quotes : "" "";}
blockquote {margin:1.5em 1.5em 1.5em -1.5em; padding-left : 1.5em; border-left : 1px solid #666; font-style:italic;}
blockquote:before, blockquote:after, q:before, q:after {content : "";}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom : 1px dotted #666;}
address {margin:0 0 1.5em; font-style : normal;}
del {color:#666;}
pre, code, tt {margin:1.5em 1.5em 1.5em -1.5em; padding-left : 1.5em; border-left : 1px dotted #666; font : 1em 'andale mono', 'lucida console', monospace; 
line-height:1.5;}
pre {white-space:pre;}
code {display:block;}

hr {border:none; border-top:1px solid #DBE3E5; clear:both; margin:10px 0;}

div#content blockquote {width:164px; float:right; border-left:1px solid #E8EBEB; margin:0 0 1em 1em; font-style:normal; padding:16px 0 0 16px; background:url(../assets/purple-quote-left.png) no-repeat 10px 0;}
div#content blockquote p {margin:0; padding:0 0px 16px 0; background:url(../assets/purple-quote-right.png) no-repeat bottom right; color:#403170; font-size:1.17em; line-height:1.2;}
div#content blockquote p.cite {margin:0; padding:0; background:none; font-size:1em; line-height:1.2; font-style:italic;}
div#content blockquote p>cite {margin:0; padding:0; background:none; font-size:1em; line-height:1.2; font-style:italic;}
/* turn off float etc for wysiwyg */
body.mceContentBody div#content blockquote {width:auto; float:none;}
blockquote.quotebank {display:none;}
/* Lists -------------------------------------------------------------- */

li ul, li ol {margin:.2em 0 .2em 3em;}
ul, ol {margin:0 1.5em 1.5em 3em;}
ul li, ol li {margin:4px 0; line-height:1.2;}
ul {list-style-type:square;}
ol {list-style-type:decimal;}
dl {margin-bottom:1.5em;}
dl dt {margin:.5em 0 0 0; font-size:1.2em; font-weight:bold;}
dd {margin:0 0 0 1em;}

/* Tables -------------------------------------------------------------- */
table {border-collapse : separate; border-spacing : 0; margin-bottom : 1.4em; width : 100%; border-top : 1px solid #221E1F; border-right : 1px solid #221E1F;}
table, td, th {vertical-align : top;}
th, thead th {font-weight : bold; background:#221E1F; color:#fff;}
th, td, caption {padding : 5px 10px 5px 10px; text-align : left;}
th, td {border-bottom : 1px solid #221E1F; border-left : 1px solid #221E1F;}
tfoot {font-size : .9em;}
caption {margin-bottom : 1em; font-size : 1.5em; line-height : 1 ;}

/* object to chuggers link */
div#chuggerslink {width:104px; height:104px; position:absolute; top:0; right:0;}
div#chuggerslink a {display:block;}
/* end object to chuggers link */

/* page containers */
p.skip {display:none;}
div#wrapper {margin:0 auto; text-align:left; width:960px; background:url(../assets/quicklinks-bg.png) repeat-x bottom right #fff; -moz-border-radius:10px;  -webkit-border-radius:10px; border-radius:10px;}
div#contentholder {float:left; font-size:1.08em; padding:20px 0 0 0; width:960px; background-repeat:no-repeat; background-position:bottom right;}
div#left {float:left; width:239px;}
div#contentblock {float:left; width:672px; padding:0 0 0 23px; border-left:1px solid #C5C1D4;}
div#content {float:left; width:457px; min-height:390px; height:auto !important; height:390px;}
div#content.wide {width:672px;}
div#right {float:right; width:190px;}
p.skip {display:none;}
.clearfix:after, div#header:after, div#wrapper:after, div#contentholder:after, div#footer:after, div#footerinner:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* end page containers */

/* homepage */
.home div#contentblock {width:960px; padding:0 0 20px 0; border-left:none; position:relative;}
.home div#content {width:562px; border-right:1px solid #C5C1D4; padding:0 20px 0 0;}

.home div#content img {position:absolute; bottom:0px; left:335px;}
.home div#content p {padding:0 210px 0 23px; font-size:1.15em;}
.home div#content p.first {padding-right:0;}
.home div#content div.block {margin:0 0 18px 40px; font-size:1.15em;}
.home div#content div.block li {padding-right:240px;}
.home div#news {float:left; width:357px; border-left:1px solid #C5C1D4; padding:0 0 0 20px; margin:0 0 0 -1px;}

.home div#quicklinks {margin:0 0 0 0;}
.home div#content h2, .home div#news h2 {background:#A3238E; color:#fff; margin:0 0 1em 0; font-size:1.33em; font-weight:700; padding:3px 0 3px 23px;}
.home div#news h2 {padding-left:10px;}

div.didyouknow {margin:0 0 0 23px; padding:0 0 0 20px; background:url(../assets/quote-left.png) no-repeat 0 2px; width:290px; position:relative;}
div.didyouknow cite {font-style:normal; text-transform:uppercase; color:#898989; font-size:.85em; width:290px;}
.home div#content div.didyouknow blockquote {border:none; margin:0; font-style:normal; padding:0; position:absolute; background:#fff; height:62px; width:auto; width:290px;left:20px; top:18px;}
.home div#content div.didyouknow blockquote.ontop {z-index:3;}
.home div#content div.didyouknow blockquote p {display:inline; margin:0; padding:0 20px 8px 0; font-size:1em; background:url(../assets/quote-right.png) no-repeat top right #fff; color:#403170; font-size:1.17em; line-height:1.2;}
/* news */
div.newsitem {width:334px; padding:0 23px 0 0; float:left; margin:0 0 10px 0;}
div.newsitem.last {margin:0 0 0 0;}
div.newsitem img {float:right; margin:4px 0 10px 10px;}
div.newsitem p.date {width:58px; float:left; margin:0; line-height:1.2; font-weight:700; color:#403170;}
div.newsitem h3, div.newsitem h4 {width:265px; float:left; margin:0; border-left:1px solid #DBE3E5; padding:0 0 0 10px; line-height:1;}
div.newsitem h3 {font-size:1.08em; margin:0 0 10px 0;}
div.newsitem h4 {font-size:1em;}
div.newsitem p.readmore {font-size:.92em; margin-top:-8px;}
/* end homepage */

/* chugger image in bottom right */
.section1 div#contentholder {background-image:url(../assets/chuggers5.png);}

.section2 div#contentholder {background-image:url(../assets/chuggers6.png);}
.section3 div#contentholder {background-image:url(../assets/chuggers7.png);}
.section4 div#contentholder {background-image:url(../assets/chuggers2.png);}
/* end chugger image in bottom right */

/* header */
div#header {margin:0 0 20px 0; background:#fff; float:left; width:960px;}
div#headerinner {float:left; width:239px; min-height:120px; height:auto !important; height:120px;}
/* end header */

/* logo */
div#logo {float:left; padding:0 0 0 23px;}
div#logo h1 {margin:0; font-size:2em;}
div#logo h1 a {background-image:url(../assets/logo.png); background-repeat:no-repeat; background-position:0 0; text-indent:-9999em; width:201px; height:80px; display:block;}
div#logo img {display:none;}
/* end logo */

/* search */
div#search {float:left; padding:8px 0 0 23px;}
div#search label {display:none;}
div#search p {margin:0;}
div#search input {float:left; margin:0; border:1px solid #B4BCBE; font-size:.92em; width:146px; font-family:Arial, Helvetica, sans-serif; padding:4px;}
div#search input.submit {float:left; margin:0 0 0 10px; padding:0px; border:none; width:32px; height:24px; cursor:pointer;}
div#search input.submit:hover {background:#A3238E; border-color:#A3238E;}
/* end search */

/* primary navigation */
div#nav {float:left; font-size:1.08em;}
div#nav ul {margin:0; padding:0 0px 0 0; list-style:none;}
div#nav li {float:left; display:inline; margin:0 0px 0 0px; padding:0; line-height:1.1;}
div#nav li a {color:#34465A; float:left; display:block; border-left:1px solid #C5C1D4; width:179px; w\idth:155px; padding:64px 12px 2px 12px; min-height:54px; height:auto !important; height:54px;}
div#nav li a strong {font-size:1.23em; color:#A3238E;}

/* hover */
div#nav li a:hover {color:#403170; text-decoration:none;}
div#nav li a:hover strong {color:#403170; text-decoration:none;}

/* active states */
.section1 div#nav li#nav1 a,
.section2 div#nav li#nav2 a,
.section3 div#nav li#nav3 a,
.section4 div#nav li#nav4 a {color:#9A9A9A; text-decoration:none; background:#A3238E;}
.section1 div#nav li#nav1 a strong,
.section2 div#nav li#nav2 a strong,
.section3 div#nav li#nav3 a strong,
.section4 div#nav li#nav4 a strong {color:#fff;}
/* adjust width of last item */
.section4 div#nav li#nav4 a {width:156px;}
/* end primary navigation */

/* breadcrumb trail */
div#crumbs {float:left; background:#EBEEEF; width:960px;}
div#crumbs p {float:left; margin:0; padding:4px 10px 4px 23px; width:780px;}
div#crumbs p.newsfeed {float:right; margin:0; padding:4px 23px 4px 0; width:auto;}
div#crumbs p.newsfeed a {background:url(../assets/rss.png) no-repeat 0 2px; padding:0 0 0 20px;}
/* end breadcrumb trail */

/* secondary navigation */
div#subnav {margin:0; font-size:1em; width:212px;}
div#subnav ul {list-style-type:none; margin:0;}
div#subnav ul li {line-height:1.1; padding:0; margin:2px 0;}
div#subnav ul li a {padding:6px 3px 6px 23px; color:#4A3E71; text-decoration:none; display:block;}
div#subnav ul li a:hover {background-color:#EBEEEF;}
/* nested */
div#subnav ul ul {padding:0; margin:0 0 0 23px;} 
div#subnav ul ul li {} 
div#subnav ul ul li a {}
/* set active state */
div#subnav li.here a, 
div#subnav li.parent_here a, 
div#subnav li.parent_here li.here a, 
div#subnav li.parent_here li.parent_here a, 
div#subnav li.parent_here li.parent_here li.here a {background:url(../assets/subnav-bullet.png) no-repeat 10px 10px #A3238E; color:#fff;}
/* reset nested link background */
div#subnav li.here li a,
div#subnav li.parent_here li a, 
div#subnav li.parent_here li.here li a, 
div#subnav li.parent_here li.parent_here li a, 
div#subnav li.parent_here li.parent_here li.here li a {background:none; color:#4A3E71;}
/* hover */
div#subnav li.a:hover,
div#subnav li.here li a:hover,
div#subnav li.parent_here li a:hover,
div#subnav li.parent_here li.here li a:hover,
div#subnav li.parent_here li.parent_here li a:hover,
div#subnav li.parent_here li.parent_here li.here li a:hover {color:#A3238E; background-color:#EBEEEF; background-image:none;}
/* hover on active items */
div#subnav li.here a:hover, 
div#subnav li.parent_here a:hover, 
div#subnav li.parent_here li.here a:hover, 
div#subnav li.parent_here li.parent_here a:hover, 
div#subnav li.parent_here li.parent_here li.here a:hover {background:url(../assets/subnav-bullet.png) no-repeat 10px 10px #A3238E; color:#fff;}
/* search results indicator */
div#subnav p {line-height:1.1; margin:2px 0; padding:6px 3px 6px 23px; color:#fff; text-decoration:none; display:block;}
div#subnav p {background:url(../assets/subnav-bullet.png) no-repeat 10px 10px #A3238E; color:#fff;}
/* end secondary navigation */

/* landing pages */
div#contentblock.landing div.pagetitle {height:184px; background-image:url(../assets/landing1.jpg); background-repeat:no-repeat; background-position:0 0; position:relative; margin:0 0 23px 0;}
.section1 div#contentblock.landing div.pagetitle {background-image:url(../assets/landing1.jpg);}
.section2 div#contentblock.landing div.pagetitle {background-image:url(../assets/landing2.jpg);}
.section3 div#contentblock.landing div.pagetitle {background-image:url(../assets/landing3.jpg);}
.section4 div#contentblock.landing div.pagetitle {background-image:url(../assets/landing4.jpg);}
div#contentblock.landing div.pagetitle h2 {background:#A3238E; color:#fff; padding:6px 12px; display:inline; position:absolute; bottom:15px; left:15px; margin:0;}

/* right hand column */
div.block ul {margin:0; list-style-type:none;}
div.block ul li {padding:0; line-height:1.1; font-size:.92em;}
div.block ul li a {background-image:url(../assets/external.png); background-repeat:no-repeat; background-position:0px 5px; padding:4px 0 4px 18px; display:block;}
/* change the bullet for an internal link */
div.block ul li a[href^="http://pfra.org.uk/"], div.block ul li a[href^="http://www.pfra.org.uk/"] {background-image:url(../assets/bullet.png);}
/* change the bullet for a document download */
div.block.docs ul li a {background-image:url(../assets/download.png);}
/* set for IE6 */
* html div.block ul li a {background:url(../assets/bullet.png) no-repeat 0px 5px;}
div#right div.block, .home div#content div.block {padding:10px; background:#F6F5F0;}
div#right div.block {margin:0 0 23px 0;}
div.block h4 {margin:0 0 4px 0; font-size:1.15em; font-weight:700;}
/* contact action */
div#right div.block.contact {background:#EBF2F4;}
div#right div.block.contact p {margin:13px 0 3px 0;}
div#right div.block.contact p a, p.splashlink a, p.splashlink a:visited {background:url(../assets/contact-bullet.png) no-repeat 150px 7px #4A3E71; display:block; color:#fff; padding:4px 10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
p.splashlink a {width:150px;}
/* end right hand column */

/* quicklinks in the footer */
div#quicklinks {float:left; width:960px; margin:20px 0 0 0; height:164px;}
div#quicklinks div {float:left; width:239px; border-right:1px solid #C5C1D4; margin:0 0 0 0; height:164px;}
.home div#quicklinks div:last-child, .home div#quicklinks div.last {border-right:none; width:240px;}

div#quicklinks h5 {font-size:1.25em; padding:16px 23px 10px; margin:0;}
div#quicklinks ul {margin:10px 23px 10px; list-style-type:none; font-size:.92em;}
div#quicklinks ul li a {background:url(../assets/bullet.png) no-repeat 0 4px; padding:2px 0 2px 18px; display:block;}
* html div#quicklinks ul li a {display:inline-block;}
div#quicklinks p {margin:0 23px; font-size:.92em; text-align:right;}
div#quicklinks p span {display:none;}
/* end quicklinks in the footer */

/* footer */
div#footer {margin:0 0 0 0; font-size:.92em;}
div#footerinner {margin:0 auto; text-align:left; width:960px; padding:10px 0;}
div#footer ul {float:left; list-style-type:none; white-space:nowrap; padding:0; margin:0 0 0 -4px;}
div#footer ul li {float:left; padding:0 4px; border-right:1px solid #A3238E; line-height:.7;}
div#footer ul li:last-child, div#footer ul li.last {border-right:none;}
div#footer ul li a {float:left; padding:0 0 2px 0;}
div#footer p {float:right; margin:-1px 0 0 0;}
div#footer p a {color:#717171;}
/* end footer */

/* search results */
div.searchresults {padding:0 0 20px 0;}
div.result h4 {margin:0 0 .1em 0; font-weight:bold;}
div.result p {margin:0;}
div.result {border-bottom:1px solid #EBEEEF; padding:0 0 10px 0; margin:0 0 10px 0;}
/* end search results */

/* indexes of news items */
div.newsitemholder {float:left; margin:10px 0 20px 0;}
div#content div.newsitem {width:457px; padding:0;}
div#content div.newsitem h4 {width:388px;}
div#content div.newsitemholder h3 {margin:0 0 10px 0;}
/* end indexes of news items */

/* article image - news items */
div.articleimg {float:right; margin:0 0 10px 14px;}
div.articleimg img {display:block;}
div.articleimg p {margin:0; padding:4px 10px; background:#EBEEEF; font-size:.92em;}
/* end article image */

/* date - news items */
p.date {font-size:.92em; margin:-14px 0 1em;}
/* end date */

/* staff and regulatory partners page */
div.item {float:left; margin:10px 0 0px 0; padding-top:20px; border-top:1px solid #DBE3E5;}
div.item:last-child {border-bottom:none;}
div.item img {float:right; margin:0 0 .4em 1em;}
div.item h3 {font-weight:700;}
div.item p.tel {margin:0 0 0 0; font-size:.92em;}
div.item p.email {margin:0 0 10px 0; font-size:.92em;}
/* end staff and regulatory partners page */

/* in page edit link */
div.editpage {width:100%; background:#EDEBE0; margin:0 0 20px 0;}
.home div.editpage {}
div.editpage p {margin:0; padding:6px 10px 6px 40px; background:url(../assets/alert.png) no-repeat 6px 4px;}
div.editpage p a {font-weight:bold;}
/* end in page edit link */

/* separator div */
div.line {height: 1px; border-top:1px solid #DBE3E5; clear:both; margin:10px 0;}
div.line hr {display: none; margin:0;}
/* end separator div */

/* Forms -------------------------------------------------------------- */
label {font-weight : bold;}
fieldset {margin:0; padding:0; border:none;}
div#content fieldset {margin:10px 0; float:left; width:100%;}
legend {font-size:1.2em; font-weight:bold; margin:0; color:#403170; float:left;}

input:focus, textarea:focus, select:focus {border-color: #A3238E; background:#fff;}

div#content form {padding:0; margin:10px 0 20px 0;}
form ul {padding:0; margin:0; width:100%;}
form ul li {list-style-type:none; margin-bottom:5px; clear:left;}
form ul li label {display:block; padding:5px 0 4px 0; cursor:pointer;}
form ul li label span {display:inline; font-weight:normal;}
form ul li input, form ul li textarea {background-color:#F8F8F8; background-image:none; padding:6px 5px; border:1px solid #B4BCBE; font-family:inherit; font-size:inherit; color:inherit; width:400px;}
form ul li textarea {}	
form ul li select {padding:5px 5px; border:1px solid #B4BCBE; background-color:#F8F8F8;}	
form ul li input.checkbox {width:auto; cursor:pointer; padding:0; background:none; border:none; margin:4px 0;}
form ul li input#submit {background-color:#403170; border:1px solid #EBEEEF; height:auto; width:auto; cursor:pointer; color:#fff; font-weight:700; font-size:1em; font-family:Arial, Helvetica, sans-serif;}
form ul li input#submit:hover {background-color:#A3238E; color:#fff;}

form ul li input.datepick {width:100px;}

p.label-style {margin:1em 0 0 0; font-weight:bold;}
p.note {margin:1em 0; background:#F6F5F0; padding:10px; width:390px; font-size:.83em;}
p.note strong {font-weight:700;}

form ul.checkbox {float:left; margin:10px 0;}
form ul.checkbox li {float:left; margin:0 0 6px 0;}
form ul.checkbox li label {display:block; padding:0; cursor:pointer; width:437px; margin:0 0 0 20px; float:left; font-weight:normal;}
form ul.checkbox li input {width:auto; margin:2px 0 0 -457px; float:left; background-color:none; padding:0;}
/* end forms */

/* IE fixes */
* html div#quicklinks ul li a {display:inline-block;}
* html div.block ul li a {display:inline-block;}
* html div#subnav ul li a {display:inline-block;}
