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

Surrey & Sussex Probation Trust

Screen Style Sheet
last update: 13 July 2010, 10.30am
author: Andy Gosling
email: andy@ecru.co.uk
www.ecru.co.uk

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


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

purple    		#7F3E98
green 			#84A890
link 			#4D775A
who we are		#5A8B9A
what we do		#98Ab9E
been sentenced 	#84A890	
diversity		#94A885
in your area 	#A8A885
news 			#A89185
work with us	#927A85
contact			#72888F
extranet		#4D5E8B

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



/* !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)
------------------------------------------------------------------------- */



/* !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 */

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

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

#wrapper {
	min-width: 960px;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}

#header {
	height: 116px;
	border: 10px solid #FFF;
	background-color: #7F3E98;
	margin-bottom: 10px;
	position: relative;
}

#contentWrap {
	padding: 10px;
	margin-bottom: 10px;
	background-color: #FFF;
}

#navigation {
	width: 225px;
	margin-right: 10px;
	float: left;
}

#innerWrap {
	margin: 0 0 20px 245px;
	margin-bottom: 20px;
	position: relative;
}

#content {
	margin: 0 245px 0 0;
}

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

#sidebar {
	width: 225px;
	float: right;
}

#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: #E5E5E5;
	border-style: solid;
	border-width: 1px 0 0;
	margin: 20px 0;
	height: 0;
}

.rule {
	clear: both;
	border-top: 1px solid #E5E5E5;
	margin: 20px 0;
}


.areas {
	margin: 0 auto;
	width: 450px;
	text-align: center;
	margin: 20px auto 40px;
}
	
/* !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: 3em;
	line-height: 1.1111em;
	margin: 0;
	font-weight: normal;
	color: #FFF;
	position: absolute;
	left: 360px;
	bottom: 20px;
}

h2 {
	font-size: 2em;
	line-height: 1.2em;
	margin: 0.8333em 0 0.4166em;
	font-weight: normal;
	color: #7F3E98;
	clear: left;
}

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

h3 {
	font-size: 1.6666em;
	line-height: 1.25em;
	margin: 1.25em 0 0.625em;
	font-weight: normal;
	color: #666;
	clear: left;
}

h4 {
	font-size: 1.5em;
	line-height: 1.1111em;
	margin: 1.1111em 0 0.5555em;
	font-weight: normal;
	color: #7F3E98;
	clear: left;
}

h5 {
	font-size: 1.1666em;
	line-height: 1.4285em;
	font-weight: bold;
	margin: 1.25em 0 0.625em;
	color: #666;
	clear: left;
}

#sidebar h2 {
	font-size: 1.6666em;
	line-height: 1.25em;
	margin: 1em 0 0.5em;
}

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

#sidebar h4 {
	font-size: 1em;
	line-height: 1.6666em;
	margin: 1.6666em 0 0.8333em;
}

#sidebar h5 {
	font-weight: bold;
	margin: 1.6666em 0 0.8333em;
	color: #666;
}

p {
	margin: 0.8333em 0;
}

p.breadcrumb {
	margin: 0 0 0.8333em 0;
}

p.intro {
	font-size: 1.3333em;
	line-height: 1.5625em;
	margin: 0 0 1.25em 0;
}

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

/* !lists */

ul {
	margin-left: 10px;
}

ul li {
	margin: 0.8333em 0;
	background: url(../images/bullet.gif) no-repeat 0 0.6em;
	padding-left: 10px;
}

ul li ul li,
ol li ul li,
ul.tick li ul li,
ul.cross li ul li {
	background: url(../images/bullet-small.gif) no-repeat 0 0.7em;
	padding-left: 8px;
}

ol {
	list-style: decimal;
	margin-left: 30px;
}

ol li {
	margin: 0.8333em 0;
}

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

ul.tick,
ul.cross {
	margin-left: 0;
}

ul.tick li {
	background: url(../images/tick.gif) no-repeat 0 0.2em;
	padding-left: 18px;
}

ul.cross li {
	background: url(../images/cross.gif) no-repeat 0 0.2em;
	padding-left: 18px;
}

/* !hyperlinks */

a:link, a:visited {
	color: #4D775A;
	text-decoration: none;
	border-bottom: 1px solid #CCC;
}

a:hover, a:active {
	color: #284E33;
	border-bottom: 1px solid #666;
}

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

#header .logo {
	width: 189px;
	height: 68px;
	position: absolute;
	right: 24px;
	top: 24px;
	background: #7F3E98 url(../images/header-logo.png) no-repeat 0 0;
}

#header .logo a {
	width: 189px;
	height: 68px;
	display: block;
	border: 0;
}

#header .logo img {
	display: none;
}

#header p {
	width: 390px;
	height: 20px;
	background: url(../images/strapline.gif) no-repeat 0 0;
	position: absolute;
	left: 24px;
	bottom: 10px;
	text-indent: -999em;
}

#header p a:link,
#header p a:visited {
	color: #FFF;
	border-color: #B28BC1;
}

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

/* !navigation ---------------------------------------------------------- */

#navigation ul {
	margin: 0;
}

#navigation ul li {
	font-size: 1.25em;
	line-height: 1.3333em;
	margin: 0 0 3px 0;
	padding: 0;
	background: none;
	background: #F2F2F2 url(../images/nav-bg.png) no-repeat 0 0;
}

#navigation ul li#navExtranet {
	margin-top: 3px;
}

#navigation ul li a:link,
#navigation ul li a:visited {
	display: block;
	padding: 9px 0 9px 45px;
	border: 1px solid #E5E5E5;
	color: #666;
	background: transparent url(../images/nav-icons.gif) no-repeat 3px 3px;
	text-shadow: #FFF 0 1px 1px;
}

#navigation ul li a:hover,
#navigation ul li a:active {
	border: 1px solid #B7B7B7;
	color: #7F3E98;
	background: #FFF url(../images/nav-icons.gif) no-repeat -247px 3px;
}

#navigation ul li.current a:link,
#navigation ul li.current a:visited,
#navigation ul li.current a:hover,
#navigation ul li.current a:active {
	color: #7F3E98;
	background-color: #FFF;
}

#navigation ul li#navWhoweare a { background-position: 3px -97px; }
#navigation ul li#navWhatwedo a { background-position: 3px -197px; }
#navigation ul li#navBeensentenced a { background-position: 3px -297px; }
#navigation ul li#navDiversity a { background-position: 3px -397px; }
#navigation ul li#navInYourArea a { background-position: 3px -497px; }
#navigation ul li#navNews a { background-position: 3px -597px; }
#navigation ul li#navWorkwithus a { background-position: 3px -697px; }
#navigation ul li#navContact a { background-position: 3px -797px; }
#navigation ul li#navExtranet a { background-position: 3px -897px; }

#navigation ul li#navWhoweare a:hover, #navigation ul li#navWhoweare a:active { background-position: -247px -97px; }
#navigation ul li#navWhatwedo a:hover, #navigation ul li#navWhatwedo a:active { background-position: -247px -197px; }
#navigation ul li#navBeensentenced a:hover, #navigation ul li#navBeensentenced a:active { background-position: -247px -297px; }
#navigation ul li#navDiversity a:hover, #navigation ul li#navDiversity a:active { background-position: -247px -397px; }
#navigation ul li#navInYourArea a:hover, #navigation ul li#navInYourArea a:active { background-position: -247px -497px; }
#navigation ul li#navNews a:hover, #navigation ul li#navNews a:active { background-position: -247px -597px; }
#navigation ul li#navWorkwithus a:hover, #navigation ul li#navWorkwithus a:active { background-position: -247px -697px; }
#navigation ul li#navContact a:hover, #navigation ul li#navContact a:active { background-position: -247px -797px; }
#navigation ul li#navExtranet a:hover, #navigation ul li#navExtranet a:active { background-position: -247px -897px; }

/* !open navigation items */

#navigation ul li.open {
	border: 1px solid #B7B7B7;
}

#navigation ul li.open a:link,
#navigation ul li.open a:visited {
	background-color: #FFF;
}

#wrapper #navigation ul li.open a:hover,
#wrapper #navigation ul li.open a:active {
	background-color: #F9F9F9 !important;
}

#navigation ul li#navHome.open a:link, #navigation ul li#navHome.open a:visited { background-position: -247px 3px; }
#navigation ul li#navWhoweare.open a:link, #navigation ul li#navWhoweare.open a:visited { background-position: -247px -97px; }
#navigation ul li#navWhatwedo.open a:link, #navigation ul li#navWhatwedo.open a:visited { background-position: -247px -197px; }
#navigation ul li#navBeensentenced.open a:link, #navigation ul li#navBeensentenced.open a:visited { background-position: -247px -297px; }
#navigation ul li#navDiversity.open a:link, #navigation ul li#navDiversity.open a:visited { background-position: -247px -397px; }
#navigation ul li#navInYourArea.open a:link, #navigation ul li#navInYourArea.open a:visited { background-position: -247px -497px; }
#navigation ul li#navNews.open a:link, #navigation ul li#navNews.open a:visited { background-position: -247px -597px; }
#navigation ul li#navWorkwithus.open a:link, #navigation ul li#navWorkwithus.open a:visited { background-position: -247px -697px; }
#navigation ul li#navContact.open a:link, #navigation ul li#navContact.open a:visited { background-position: -247px -797px; }
#navigation ul li#navExtranet.open a:link, #navigation ul li#navExtranet.open a:visited { background-position: -247px -897px; }

#navigation ul li.open a:link,
#navigation ul li.open a:visited,
#navigation ul li.open a:hover,
#navigation ul li.open a:active {
	border: none;
}

#navigation li#navSitemap {
    display:none;
}

/* !2nd level navigation */

#navigation ul li ul li,
#navigation ul li.open ul li {
	font-size: 0.8em;
	line-height: 1.6666em;
	margin: 0;
	padding: 0;
	background: none;
}

#wrapper #navigation ul li.open ul li a:link,
#wrapper #navigation ul li.open ul li a:visited {
	padding: 4px 0 4px 45px;
	border: none;
	background: none;
	background: #FFF url(../images/bullet-grey.gif) no-repeat 33px 0.95em;
}

#wrapper #navigation ul li.open ul li a:hover,
#wrapper #navigation ul li.open ul li a:active {
	background: #F9F9F9 url(../images/bullet.gif) no-repeat 33px 0.95em;
}

/* !3rd level navigation */

#wrapper #navigation ul li ul li ul li a,
#wrapper #navigation ul li.open ul li ul li {
	font-size: 1em;
}

#wrapper #navigation ul li.open ul li ul li a:link,
#wrapper #navigation ul li.open ul li ul li a:visited {
	padding: 4px 0 4px 52px;
	background: #FFF url(../images/bullet-grey-small.gif) no-repeat 43px 1em;
}

#wrapper #navigation ul li.open ul li ul li a:hover,
#wrapper #navigation ul li.open ul li ul li a:active {
	background: #F9F9F9 url(../images/bullet-small.gif) no-repeat 43px 1em;
}

/* !4th level navigation */

#wrapper #navigation ul li ul li ul li ul li a,
#wrapper #navigation ul li.open ul li ul li ul li a:link,
#wrapper #navigation ul li.open ul li ul li ul li a:visited {
	padding: 4px 0 4px 62px;
	background: #FFF url(../images/bullet-grey-small.gif) no-repeat 53px 1em;
}

#wrapper #navigation ul li.open ul li ul li ul li a:hover,
#wrapper #navigation ul li.open ul li ul li ul li a:active {
	background: #F9F9F9 url(../images/bullet-small.gif) no-repeat 53px 1em;
}

/* !current page */

#navigation ul li.open a.current {
	color: #7F3E98;
	background-color: #FFF !important;
}

#wrapper #navigation ul li.open ul li a.current {
	background-image: url(../images/bullet.gif);
}

#wrapper #navigation ul li.open ul li ul li a.current,
#wrapper #navigation ul li.open ul li ul li ul li a.current {
	background-image: url(../images/bullet-small.gif);
}

/* !search -------------------------------------------------------------- */

#innerWrap #searchForm {
	position: absolute;
	top: 0;
	right: 0;
}

#searchForm .search-icon {
	width: 16px;
	height: 16px;
	background: url(../images/search-icon.gif) no-repeat 0 0;
	display: block;
	float: left;
	text-indent: -999em;
	margin: 2px 3px 0 0;
}

#searchForm input {
	margin: 0;
}

#searchForm #search {
	border: 1px solid #CCC;
	width: 148px;
	font-size: 1em;
	color: #666;
	padding: 2px 3px 1px;
	margin-right: 3px;
}

#searchForm #search:focus {
	border-color: #999;
	color: #333;
}

#searchForm .button {
	font-size: 0.9166em;
	background-color: #7F3E98;
	color: #FFF;
	border: none;
	cursor: pointer;
	border: 1px solid #7F3E98;
}

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

/* !panel */

#sidebar .panel {
	border: 1px solid #E5E5E5;
	padding: 0 10px 5px;
	margin: 0 0 10px;
	background: #FFF url(../images/panel-bg.jpg) no-repeat bottom left;
}

#sidebar .panel h2 {
	margin: 0.6em 0 0.4166em;
}

/* !pullquote */

#sidebar .pullquote {
	margin: 0 0 10px;
	color: #FFF;
	padding-bottom: 10px;
}

#whoweare #sidebar .pullquote { background: #5A8B9A url(../images/quote-close-who.gif) no-repeat bottom right; }
#whatwedo #sidebar .pullquote { background: #98AB9E url(../images/quote-close-what.gif) no-repeat bottom right; }
#beensentenced #sidebar .pullquote { background: #84A890 url(../images/quote-close-sentenced.gif) no-repeat bottom right; }
#diversity #sidebar .pullquote { background: #94A885 url(../images/quote-close-diversity.gif) no-repeat bottom right; }
#inyourarea #sidebar .pullquote { background: #A8A885 url(../images/quote-close-area.gif) no-repeat bottom right; }
#news #sidebar .pullquote { background: #A89185 url(../images/quote-close-news.gif) no-repeat bottom right; }
#workwithus #sidebar .pullquote { background: #927A85 url(../images/quote-close-work.gif) no-repeat bottom right; }
#contact #sidebar .pullquote { background: #72888F url(../images/quote-close-contact.gif) no-repeat bottom right; }

#sidebar .pullquote p {
	margin-left: 20px;
	margin-right: 20px;
}

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

#sidebar .pullquote blockquote {
	margin-top: 10px;
	padding-top: 10px;
}

#whoweare #sidebar .pullquote blockquote { background: url(../images/quote-open-who.gif) no-repeat 10px 0; }
#whatwedo #sidebar .pullquote blockquote { background: url(../images/quote-open-what.gif) no-repeat 10px 0; }
#beensentenced #sidebar .pullquote blockquote { background: url(../images/quote-open-sentenced.gif) no-repeat 10px 0; }
#diversity #sidebar .pullquote blockquote { background: url(../images/quote-open-diversity.gif) no-repeat 10px 0; }
#inyourarea #sidebar .pullquote blockquote { background: url(../images/quote-open-area.gif) no-repeat 10px 0; }
#news #sidebar .pullquote blockquote { background: url(../images/quote-open-news.gif) no-repeat 10px 0; }
#workwithus #sidebar .pullquote blockquote { background: url(../images/quote-open-work.gif) no-repeat 10px 0; }
#contact #sidebar .pullquote blockquote { background: url(../images/quote-open-contact.gif) no-repeat 10px 0; }

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

/* !fact panel */

#sidebar .fact {
	background-color: #7F3E98;
	margin: 0 0 10px;
	color: #FFF;
	padding-bottom: 10px;
}

#sidebar .fact h2,
#sidebar .fact h3,
#sidebar .fact h4 {
	margin-left: 10px;
	margin-right: 10px;
	color: #FFF;
}

#sidebar .fact p {
	margin-left: 10px;
	margin-right: 10px;
}

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

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

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

/* !layout */

#home #wrapper {
	width: 960px;
	margin: 10px auto;
}

#home #contentWrap {
	width: 940px;
	float: left;
	padding: 0 10px 10px;
	border-top: 10px solid #FFF;
	margin-bottom: 10px;
	background: #FFF url(../images/campaign-bg.jpg) no-repeat bottom right;
}

#home #navigation ul li#navContact {
	margin: 0;
}

#home #campaign {
	width: 470px;
	margin-right: 10px;
	float: left;
}

#home #sidebar {
	width: 225px;
	float: left;
}

#home #secondaryContent {
	width: 940px;
	float: left;
	padding: 10px;
	margin-bottom: 10px;
	background: #FFF url(../images/home-panels.jpg) no-repeat 10px 10px;
}

/* !header */

#home #header {
	width: 940px;
	height: auto;
	min-height: 134px;
	border: 10px solid #FFF;
	background-color: #7F3E98;
	margin-bottom: 10px;
}

#home #header h1 {
	width: 523px;
	height: 27px;
	background: url(../images/strapline-home.gif) no-repeat 0 0;
	position: absolute;
	left: 32px;
	top: 30px;
	text-indent: -999em;
}

#home #header p {
	font-size: 1.0833em;
	line-height: 1.5384em;
	width: 640px;
	height: auto;
	background: none;
	position: relative;
	text-indent: 0;
	color: #FFF;
	margin: 80px 0 0 8px;
}

#home #header .logo {
	right: 32px;
	top: 32px;
}

/* !campaign panel */

#home #campaign {
	background-color: #84A890;
	color: #FFF;
}

#home #campaign img {
	border-bottom: 1px solid #FFF;
}

#home #campaign h2 {
	color: #FFF;
	font-size: 3.6664em;
	line-height: 1em;
	text-shadow: #84A890 0 0 1px;
	margin: 16px 20px;
}

#home #campaign h3 {
	color: #FFF;
	font-size: 1.6666em;
	line-height: 1em;
	text-shadow: #84A890 0 0 1px;
	margin: 1em 20px;
}

#home #campaign p {
	margin: 1.6666em 20px;
}

#home #campaign a:link,
#home #campaign a:visited {
	border-color: #B5CBBC;
	color: #FFF;
}

#home #campaign a:hover,
#home #campaign a:active {
	border-color: #FFF;
	color: #FFF;
}

/* !search */

#home #sidebar #searchForm {
	padding-bottom: 10px;
	background-color: #FFF;
}

#home #searchForm #search {
	border: 1px solid #CCC;
	width: 139px;
	font-size: 1em;
	color: #666;
	padding: 2px 3px 1px;
}

#home #searchForm .button {
	float: right;
}

/* !headlines */

#home #headlines {
	border-top: 1px solid #E5E5E5;
	padding: 3px 10px 0;
}

#home #headlines h2,
#home #headlines h3 {
	font-size: 1.1666em;
	line-height: 1.4285em;
	margin: 0.7142em 0 0 0;
	color: #666;
}

#home #headlines p {
	margin: 0;
}

#home #headlines p.allnews {
	margin: 0.8333em 0;
	float: left;
}

#home #headlines p.rss {
	margin: 0.8333em 0;
	float: right;
	background: url(../images/rss-icon.gif) no-repeat 0 2px;
	padding-left: 18px;
}

/* !panels */

#home #secondaryContent .panel {
	width: 234px;
	float: left;
	margin: 100px 1px 0 0;
}

#home #secondaryContent .working {
	width: 235px;
	margin-right: 0;
}

#home #secondaryContent .panel h2 {
	font-size: 1.6666em;
	line-height: 1em;
	margin: 0.5em 0 0;
	padding: 0.5em 10px 0.5em 48px;
	background: #FFF url(../images/home-panel-icons.gif) no-repeat 0 0;
}

#home #secondaryContent .offenders h2 {
	background-position: -250px 0;
}

#home #secondaryContent .partners h2 {
	background-position: -500px 0;
}

#home #secondaryContent .working h2 {
	background-position: -750px 0;
}

#home #secondaryContent .panel p {
	padding-right: 10px;
}

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

/* layout */

.landing #leftCol {
	width: 50%;
	float: left;
}

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

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

/* block */

.landing .block {
	border-top: 1px solid #E5E5E5;
	padding-left: 120px;
	margin-top: 14px;
	position: relative;
	min-height: 126px;
}

.landing .block h2 {
	font-size: 1.8333em;
	line-height: 1.4em;
	margin: 0.7em 0 0.35em;
}

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

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

/* !panel */

.landing #rightCol .panel {
	position: relative;	border: 1px solid #E5E5E5;
	padding: 0 10px 0 100px;
	margin: 0 0 10px;
	min-height: 100px;
	background: #FFF url(../images/landing-panel-bg.jpg) repeat-x bottom left;
}

.landing #rightCol .panel img {
	position: relative;
	position: absolute;
	top: 10px;
	left: 10px;
}

.landing #rightCol .panel h2 {
	font-size: 1.5em;
	line-height: 1.1111em;
	margin: 0.5555em 0 0.2777em;
}

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

/* !title bars ---------------------------------------------------------- */

#title {
	margin: 0 0 40px 0;
	position: relative;
	height: 140px;
}

#whoweare #title h1 { text-shadow: #5A8B9A 0 0 1px; }
#whatwedo #title h1 { text-shadow: #98AB9E 0 0 1px; }
#beensentenced #title h1 { text-shadow: #84A890 0 0 1px; }
#diversity #title h1 { text-shadow: #94A885 0 0 1px; }
#inyourarea #title h1 { text-shadow: #A8A885 0 0 1px; }
#news #title h1 { text-shadow: #A89185 0 0 1px; }
#workwithus #title h1 { text-shadow: #927A85 0 0 1px; }
#contact #title h1 { text-shadow: #72888F 0 0 1px; }
#searchpage #title h1 { text-shadow: #7F3E98 0 0 1px; }
#extranet #title h1 { text-shadow: #4D5E8B 0 0 1px; }
#sitemap #title h1 { text-shadow: #5A8B9A 0 0 1px; }

#whoweare #title { background: #5A8B9A url(../images/t-icon-who.gif) no-repeat top right; }
#whatwedo #title { background: #98AB9E url(../images/t-icon-what.gif) no-repeat top right; }
#beensentenced #title { background: #84A890 url(../images/t-icon-sentenced.gif) no-repeat top right; }
#diversity #title { background: #94A885 url(../images/t-icon-diversity.gif) no-repeat top right; }
#inyourarea #title { background: #A8A885 url(../images/t-icon-area.gif) no-repeat top right; }
#news #title { background: #A89185 url(../images/t-icon-news.gif) no-repeat top right; }
#workwithus #title { background: #927A85 url(../images/t-icon-work.gif) no-repeat top right; }
#contact #title { background: #72888F url(../images/t-icon-contact.gif) no-repeat top right; }
#searchpage #title { background: #7F3E98 url(../images/t-icon-search.gif) no-repeat top right; }
#extranet #title { background: #4D5E8B url(../images/t-icon-extranet.gif) no-repeat top right; }
#sitemap #title { background: #5A8B9A url(../images/t-icon-who.gif) no-repeat top right; }

.title-img {
	height: 140px;
	width: 340px;
	background: transparent url(../images/t-img-test.jpg) no-repeat 0 0;
}

#whoweare #title .title-img { background-image: url(../images/t-who-we-are.jpg); }
#whatwedo #title .title-img { background-image: url(../images/t-what-we-do.jpg); }
#beensentenced #title .title-img { background-image: url(../images/t-been-sentenced.jpg); }
#diversity #title .title-img { background-image: url(../images/t-diversity.jpg); }
#inyourarea #title .title-img { background-image: url(../images/t-in-your-area.jpg); }
#news #title .title-img { background-image: url(../images/t-news.jpg); }
#workwithus #title .title-img { background-image: url(../images/t-work-with-us.jpg); }
#contact #title .title-img { background-image: url(../images/t-contact.jpg); }
#extranet #title .title-img { background-image: url(../images/t-extranet.jpg); }
#sitemap #title .title-img { background-image: url(../images/t-who-we-are.jpg); }

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

#news #contentWrap {
	background: #FFF url(../images/newspaper.jpg) no-repeat bottom right;
}

#news #sidebar {
	padding-bottom: 225px;
}

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

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

#news .news-summaries p.rss {
	position: absolute;
	top: 5px;
	right: 0;
	background: url(../images/rss-icon.gif) no-repeat 0 2px;
	padding-left: 18px;
}

#news .news-summaries h3 {
	clear: left;
	font-size: 1.5em;
	line-height: 1.1111em;
	margin: 0.5555em 0 0.5555em;
	padding-top: 0.5555em;
	border-top: 1px solid #E5E5E5;
}

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

/* !nominate a project form --------------------------------------------- */

#nominate p {
	border-top: 1px solid #E5E5E5;
	margin: 0 0 3px 0;
	padding-top: 3px;
	clear: left;
	display: block;
}

#nominate p label {
	width: 280px;
	display: inline-block;
	padding: 3px 10px 3px 0;
	float: left;
}

#nominate p .pad {
	width: 280px;
	display: inline-block;
	padding-right: 10px;
}

#nominate p input {
	border: 1px solid #DDD;
	padding: 2px 3px;
	font-size: 1em;
	color: #666;
	width: 370px;
}

#nominate p input:focus {
	border: 1px solid #999;
	color: #333;
}

#nominate p textarea {
	border: 1px solid #DDD;
	padding: 2px 3px;
	font-size: 1em;
	color: #666;
	width: 370px;
	height: 200px;
}

#nominate p textarea:focus {
	border: 1px solid #999;
	color: #333;
}

#nominate p.radio input {
	width: auto;
	margin-right: 10px;
	padding: 3px 0;
	border: none;
}

#nominate  p.radio span {
	padding: 3px 0;
	display: inline-block;
}

#nominate p .arr {
	color: #C00;
	margin-left: 5px;
}

p.warn .err {
	color: #C00;
}

#nominate p.radio .arr {
	margin-left: 0;
}

#nominate input.submit {
	width: auto;
	background-color: #7F3E98;
	border: none;
	color: #FFF;
	font-size: 1.1666em;
	padding: 6px 30px;
	margin-top: 10px;
	cursor: pointer;
}

p.warn {
	color: #C00;
	font-size: 1.1666em;
}

#nominate input.err,
#nominate input.err:focus {
	border-color: #C00;
}

/* Added 15/07/2010 by Will for html adjustments */
#nominate .hidden {
	display: none;
}

#nominate div.radios {
	border-top: 1px solid #E5E5E5;
	clear: left;
	display: block;
	margin: 0 0 3px;
	padding-top: 3px;
}

#nominate div.radios legend {
	display: inline;
	float: left;
	width: 280px;
}

#nominate div.radios legend span {
	float: left;
	width: 280px;
	padding: 3px 10px 3px 0;
	white-space: normal;
}

/* !contact form -------------------------------------------------------- */

.contactform form p {
	border-top: 1px solid #E5E5E5;
	margin: 0 0 3px 0;
	padding-top: 3px;
	clear: left;
	display: block;
}

.contactform p label {
	width: 70px;
	display: inline-block;
	padding: 3px 10px 3px 0;
	float: left;
}

.contactform p input {
	border: 1px solid #DDD;
	padding: 2px 3px;
	font-size: 1em;
	color: #666;
	width: 300px;
}

.contactform p input:focus {
	border: 1px solid #999;
	color: #333;
}

.contactform p textarea {
	border: 1px solid #DDD;
	padding: 2px 3px;
	font-size: 1em;
	color: #666;
	width: 300px;
	height: 200px;
}

.contactform p textarea:focus {
	border: 1px solid #999;
	color: #333;
}

.contactform p .arr {
	color: #C00;
	margin-left: 5px;
}

.contactform .err {
	color: #C00;
}

.contactform input.err,
.contactform input.err:focus {
	border-color: #C00;
}

.contactform ul.error {
	border: 2px solid #C00;
	margin: 20px 0;
	padding: 10px 10px 0;
}

.contactform ul.error li {
	color: #C00;
	margin: 0 0 10px;
	background: url(../images/alert.gif) no-repeat 0 0;
	padding-left: 20px;
}

.contactform input.submit {
	width: auto;
	background-color: #7F3E98;
	border: none;
	color: #FFF;
	font-size: 1.1666em;
	padding: 6px 30px;
	margin-top: 10px;
	cursor: pointer;
}

/* !extranet ------------------------------------------------------------ */

p.loggedin {
	text-align: right;
	margin-top: 0;
}

.loggedin strong {
	color: #333;
}

.loggedin a:link,
.loggedin a:visited {
	background-color: #84A890;
	color:#FFF;
	font-size:0.9166em;
	padding: 3px 8px;
	margin-left: 8px !important;
	border: none;
}

.loggedin a:hover,
.loggedin a:active {
	background-color: #648B70;
}

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

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

#footer ul {
	margin: 0;
}

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

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

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

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

#footer img {
	position: absolute;
	top: 0;
	right: 0;
}

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

/* Added for sitemap - 28/06/2010 - Will */
.sitemap span
{
    margin:5px 0;
}
.sitemap .level1
{
    margin-left:0px;
}
.sitemap .level2
{
    margin-left:20px;
}
.sitemap .level3
{
    margin-left:40px;
}