/* -------------------------------------------------------------------------

Surrey & Sussex Probation Trust

Print Style Sheet
last update: 16 April 2010, 10.40am
author: Andy Gosling
email: andy@ecru.co.uk
www.ecru.co.uk

------------------------------------------------------------------------- */

#navigation,
#footer img,
#footer p,
p.breadcrumb,
#innerWrap #searchForm,
#sidebar .fact img,
#sidebar .pullquote img,
#home #sidebar #searchForm,
#home #campaign img,
.landing #rightCol .panel img,
.landing .block img {
	display: none;
}

/* !layout -------------------------------------------------------------- */

body {
	font-size: 11pt;
	line-height: 18pt;
	font-family: Helvetica, Arial, Tahoma, "Trebuchet MS", "Lucida Sans Unicode", Verdana, sans-serif;
	color: #000;
	width: 100%;
	margin: 0;
	float: none;
}

#wrapper {
	width: 100%;
	margin: 0;
	float: none;
}

#contentWrap {
	width: 100%;
	margin: 0;
	float: none;
}

#content {
	margin: 0 35% 0 0;
}

#contentInner {
	float: left;
	margin-bottom: 20px;
}

#sidebar {
	width: 33%;
	float: right;
	margin-left: 2%;
	font-size: 10pt;
}

#footer {
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin-top: 10px;
}

#top {
	position: absolute;
	top: -999em;
	left: -999em;
}

.clear {
	clear: both;
}

img.rangeRight, 
.imageRight {
	float: right;
	margin: 0 0 10px 15px;
}

img.rangeLeft, 
.imageLeft {
	float: left;
	margin: 0 15px 10px 0;
}

p img.rangeLeft,
p img.rangeRight {
	margin-top: 5px;
}

hr {
	clear: both;
	border: #999;
	border-style: solid;
	border-width: 1pt 0 0;
	margin: 5mm 0;
	height: 0;
}

.rule {
	clear: both;
	border-top: 1pt solid #999;
	margin: 5mm 0;
}
	
/* !typography ---------------------------------------------------------- */

h1, h2, h3 {
	font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue", Helvetica, Arial, Tahoma, "Trebuchet MS", "Lucida Sans Unicode", Verdana, sans-serif;
}

h1 {
	font-size: 32pt;
	line-height: 36pt;
	margin: 0 0 8mm 0;
	font-weight: normal;
}

h2 {
	font-size: 24pt;
	line-height: 30pt;
	margin: 20pt 0 5pt;
	font-weight: normal;
	clear: left;
}

#contentInner h2:first-child {
	margin-top: 0;
}

h3 {
	font-size: 20pt;
	line-height: 25pt;
	margin: 20pt 0 5pt;
	font-weight: normal;
	clear: left;
}

h4 {
	font-size: 16pt;
	line-height: 20pt;
	margin: 20pt 0 5pt;
	font-weight: normal;
	clear: left;
}

h5 {
	font-size: 14pt;
	line-height: 20pt;
	font-weight: bold;
	margin: 20pt 0 5pt;
	clear: left;
}

#sidebar h2 {
	font-size: 18pt;
	line-height: 24pt;
	margin: 5mm 0;
}

#sidebar h3 {
	font-size: 14pt;
	line-height: 18pt;
	margin: 5mm 0;
}

#sidebar h4 {
	font-size: 12pt;
	line-height: 1.6666em;
	margin: 5mm 0;
}

#sidebar h5 {
	font-weight: bold;
	margin: 5mm 0;
}

p {
	margin: 5pt 0;
}

p.intro {
	font-size: 12pt;
}

#contentInner p:first-child {
	margin-top: 0;
}

/* !lists */

ul li,
ol li {
	margin: 5pt 0;
}

ol {
	list-style: decimal;
}

ol li ol li {
	list-style: lower-alpha;
}

/* !hyperlinks */

a:link, a:visited {
	color: #666;
	text-decoration: none;
	border-bottom: 1pt solid #666;
}

/* !header -------------------------------------------------------------- */

#header {
	height: 100px;
	margin-bottom: 10mm;
	position: relative;
	border-bottom: 1pt solid #999;
}

#header .logo {
	width: 189px;
	height: 68px;
	position: absolute;
	right: 0;
	top: 0;
}

#header p {
	position: absolute;
	font-size: 16pt;
	left: 0;
	bottom: 5.7mm;
}

#header a {
	border: none !important;
}

/* !sidebar ------------------------------------------------------------- */

/* !panel */

#sidebar .panel {
	border: 1pt solid #999;
	padding: 0 3mm 3mm;
	margin: 0 0 10mm;
}

#sidebar .panel h2 {
	font-size: 18pt;
	line-height: 24pt;
	margin: 10pt 0 10pt;
}

#sidebar .panel p,
#sidebar .panel li {
	font-size: 10pt;
}

#sidebar .panel ul {
	padding-left: 5mm;
}

/* !pullquote */

#sidebar .pullquote {
	margin: 0 0 10mm;
}

#sidebar .pullquote p {
	font-size: 10pt;
}

#sidebar .pullquote blockquote {
	margin: 0;
}

#sidebar .pullquote blockquote p {
	font-size: 14pt;
	font-size: 1.1666em;
	line-height: 1.4285em;
}

/* !fact panel */

#sidebar .fact {
	margin: 0 0 10mm;
}

#sidebar .fact p {
	font-size: 10pt;
}

#sidebar .fact ul li {
	background-image: url(../images/bullet-white.gif);
}

/* !homepage ------------------------------------------------------------ */

#home #secondaryContent {
	margin-top: 10mm;
	float: none;
}

/* !header */

#home #header {
	height: auto;	
}

#home #header h1 {
	font-size: 16pt;
	margin: 0 0 5mm;
}

#home #header p {
	margin-right: 220px;
	font-size: 12pt;
	line-height: 20pt;
	position: relative;
}

/* !campaign panel */

#home #campaign {
	float: none;
	border-bottom: 1pt solid #999;
	padding-bottom: 5mm;
}

#home #campaign h2 {
	font-size: 36pt;
	line-height: 36pt;
}

/* !headlines */

#home #sidebar {
	float: none;
	width: 100%;
	border-bottom: 1pt solid #999;
	padding-bottom: 5mm;
}

#home #headlines h3 {
	margin: 0;
}

#home #headlines p {
	margin: 0;
}

#home #headlines p.allnews {
	margin-top: 5mm;
	float: left;
}

#home #headlines p.rss {
	margin-top: 5mm;
	float: right;
}

/* !panels */

#home #secondaryContent .panel {
	width: 21%;
	float: left;
	margin: 0 3% 0 0;
}

#home #secondaryContent .panel h2 {
	font-size: 18pt;
	line-height: 20pt;
	margin: 0 0 5mm;
}

/* !landing pages ------------------------------------------------------- */

/* layout */

.landing #leftCol {
	width: 48%;
	float: left;
	margin-right: 2%;
}

.landing #rightCol {
	width: 48%;
	float: left;
}

/* block */

.landing .block {
	border-top: 1pt solid #999;
	margin-top: 10mm;
}

.landing .block h2 {
	font-size: 18pt;
	line-height: 20pt;
	margin: 10mm 0 3mm;
}

.landing .block p {
	margin-top: 0;
}

.landing .block img {
	position: absolute;
	top: 20px;
	left: 0;
}

/* !panel */

.landing #rightCol .panel {
	position: relative;	border: 1pt solid #999;
	padding: 0 3mm;
	margin: 0 0 5mm;
}

.landing #rightCol .panel h2 {
	font-size: 18pt;
	line-height: 20pt;
	margin: 3mm 0;
}

.landing #rightCol .panel p {
	margin-top: 0;
}

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

#news .news-summaries {
	position: relative;
}

#news .news-summaries h2 {
	margin-top:  0;
}

#news .news-summaries p.rss {
	position: absolute;
	top: 5px;
	right: 0;
}

#news .news-summaries h3 {
	clear: left;
	font-size: 16pt;
	line-height: 20pt;
	margin: 5mm 0;
	padding-top: 5mm;
	border-top: 1pt solid #999;
}

#news .news-summaries p.date {
	color: #666;
}


/* !footer -------------------------------------------------------------- */

#footer {
	border-top: 1pt solid #999;
	padding-top: 10mm;
}

#footer h2 {
	font-size: 1.1666em;
	line-height: 1.4285em;
	margin: 0 0 0.7142em 0;
}

#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer ul li {
	padding: 0;
	margin: 0;
	background: none;
	font-size: 0.9166em;
	line-height: 1.8181em;
	font-size: 12px;
}

#footer ul.contact {
	margin-bottom: 10px;
}

#footer ul.contact li {
	margin: 0;
}

#footer ul.legal li {
	float:left;
	padding-right: 15px;
}