/*
SAINSBURY CENTRE FOR MENTAL HEALTH: Web Site March 2008
-----------------------------------------------------
Designed and created by Jesson Yip. http://www.jessonyip.com
-----------------------------------------------------
*/


/*
TABLE OF CONTENTS
-----------------
1.0 Generic
2.0 Main Layout
3.0 Heading
3.1 Small Nav
3.2 Search
3.3 Main Nav
4.0 Side Nav
5.0 Centre
6.0 Promos
7.0 Footer
8.0 Clearing
9.0 Forms (Dave)
10.0 Publications & Shop
11.0 Views
12.0 Splash
-----------------
*/


/* 1.0 Generic */

* {
	margin		: 0;
	padding		: 0;
}

p {
	padding		: 0 0 1.55em 0;
}

img {
	border		: 0;
}

a {
	text-decoration : none;
}

h2 {
	border-bottom 	: 3px solid #439b3d;
	font			: normal 1.9em/1.405em "trebuchet ms", sans-serif;
	padding			: 0.3em 0 0.3em 0;
	margin			: 0 0 0.45em 0;
}

h2 .site_title {
	border-bottom 	: 3px solid #439b3d;
	font			: normal 1.9em/1.405em "trebuchet ms", sans-serif;
	padding			: 0.3em 0 0.3em 0;
	margin			: 0 0 0.45em 0;
}

hr {
	border-left		: 1px solid white;
	border-right	: 1px solid white;
	border-top		: 1px solid white;
	border-bottom 	: 1px solid #48a641;
	background		: #ffffff;
	margin			: 0 0 0.45em 0;
}

blockquote {
	margin			: 0 1em;
}

blockquote p,
blockquote ul {
	padding			: 0.2em 1em 0.4em 1em;
	line-height		: 1.5em;
}

blockquote li {
	padding			: 0 0 0 1em;
	line-height		: 1.5em;	
}

.criminaljustice 	h2 { border-bottom : 3px solid #b30086; }
.employment			h2 { border-bottom : 3px solid #97970d; }
.recovery			h2 { border-bottom : 3px solid #0e51a7; }
.children			h2 { border-bottom : 3px solid #ba3e00; }
.impact				h2 { border-bottom : 3px solid #6e298d; }
.policy				h2 { border-bottom : 3px solid #007081; }
.publications	 	h2 { border-bottom : 3px solid #48a641; }

.criminaljustice 	hr { border-bottom : 1px solid #b30086; }
.employment			hr { border-bottom : 1px solid #97970d; }
.recovery			hr { border-bottom : 1px solid #0e51a7; }
.children			hr { border-bottom : 1px solid #ba3e00; }
.impact				hr { border-bottom : 1px solid #6e298d; }
.policy				hr { border-bottom : 1px solid #007081; }
.publications	 	hr { border-bottom : 1px solid #48a641; }


.hide_me {
	display			: none;
}

.download_doc {
	background		: url(../images/site/icon_pdf.gif) left 0.3em no-repeat;
}

.download_doc a {
	display			: block;
	margin-left		: 3em;
}

#display_images img {
	padding: 0 0.5em 0.5em 0;
}

/* 2.0 Main Layout */

body {
	background	: url(../images/site/bg.gif) center top repeat-y;
	font		: 70%/1.8em verdana, sans-serif;
	text-align	: center;
}

#container {
	/*background	: white;*/
	margin		: 0 auto;
	padding		: 1em 0;
	position	: relative;
	text-align	: left;
/*	width		: 760px;*/
}

#header {
	width		: 0;
	display		: none;
	float		: left;
/*	height		: 18em;
	width		: 760px;*/
}

#largeImage {
	width		: 0;
	display		: none;
}

#searchContainer {
	width		: 0;
	display		: none;
	float		: left;
/*	font-size	: 1.2em;
	padding		: 0.8em 20px 1.7em 20px;
	width		: 720px;*/
}

#basketContainer {
	float		: left;
	font-size	: 1.2em;
	padding		: 0.8em 20px 1.7em 20px;
	width		: 520px;
}

#centreContainer {
	float		: left;
	font-size	: 1.2em;
	padding		: 0.8em 0 1.7em 0;
/*	width		: 65%;*/
	width		: 95%;
}

* html #centreContainer {
	width		: 339px;
}

#leftContainer {
	width		: 0;
	display		: none;
	float		: left;
/*	clear		: left;
	font-size	: 1.2em;
	margin		: 1.4em 0 0 0;
	width		: 25%;*/
}

#rightContainer {
	clear		: left;
	float		: left;
	font-size	: 1.2em;
	margin		: 1.4em 0 0 0;
	width		: 100%;
}

* html #rightContainer {
        margin-right    : -3px /*IE6 'Duplicate characters' fix*/
}

/* 5.0 Centre */

#centreContainer div {
	padding		: 0 0 0.5em 0;
}

#basketContainer a,
#centreContainer a {
	color		: #0a8800;
	font-weight	: bold;
}

#centreContainer h3 {
	font		: normal 1.38em/1.3em "trebuchet ms", sans-serif;
	padding		: 0.3em 0 0.3em 0;
	margin		: 0 0 0.45em 0;
}

#centreContainer h3 a {
	font		: normal 1.1em "trebuchet ms", sans-serif;
	padding		: 0.3em 0 0.3em 0;
	margin		: 0 0 0.20em 0;
}

#centreContainer h4 {
	font		: normal 1em/1.4em verdana, sans-serif;
	padding		: 0.1em 0 0.3em 0;
	margin		: 0 0 0.7em 0;
	color		: #0a8800;
}

#basketContainer a:hover,
#centreContainer a:hover {
	color		: #7ba900;
}

#centreContainer .date {
	color		: #666666;
}

#centreContainer table td {
	padding			: 1em 0 2em 0;
}

#centreContainer #whatsNew ul {
 	padding		: 0 0 1.5em 0;
	list-style	: none;
	color		: #000000;
}

#centreContainer #whatsNew table td {
	padding		: 1em 0 2em 0;
}

#centreContainer #whatsNew ul li {
	color		: #000000;
}

#centreContainer #contacts ul {
	list-style-type	: none;
	padding		: 0 0 1em 0;
	margin		: 0;
}

#centreContainer #contacts ul li {
	padding		: 0.4em 0 0 0;
	margin		: 0;
}

#centreContainer #contacts .person {
	font-weight: bold;
}

#centreContainer ul,
#centreContainer ol {
	padding		: 0 0 1.5em 2em;
}

#centreContainer li span {
	color		: #000000;
}

#centreContainer li	 					{ color : #5fa148; }
.employment #centreContainer li 		{ color : #b6b23e; }
.criminaljustice #centreContainer li 	{ color : #ac4431; }
.across #centreContainer li				{ color : #95548e; }

#basketContainer .publication,
#centreContainer .publication {
	float		: right;
	margin		: 10px 2px 0 10px;
}

#pubDetails .publication {
	align		: left;
	margin		: 10px 4px 0 2px;	
}

#whatsNew .publication {
	float		: right;
	margin		: 10px 2px 0 10px;
}

.promo .publication {
	float		: left;
	margin		: 10px 4px 0 2px;
}

#basketContainer ul,
#basketContainer ol {
	padding		: 0 0 1.5em 2em;
}

#basketContainer li span {
	color		: #000000;
}



/* 6.0 Promos */

.promo,
.promoF	{
	background-color 	: #ffffff;
	background-position	: 0 bottom;
	background-repeat	: no-repeat;
	margin				: 0.7em 0 2em 0;
	padding				: 0 0 0.6em 0;
}

.promoF {
	background-color	: #f2f2f2;
	padding				: 0 0 1.2em 0;
}

.promo div,
.promoF div {
	background-position	: 0 0;
	background-repeat	: no-repeat;
	margin				: 0;
	padding				: 0.6em 10px 0 10px;
}

.promo h3,
.promoF h3 {
	background-position	: 0 top;
	background-repeat	: no-repeat;
	color				: #ffffff;
	font				: 1.1em/1.3em "trebuchet ms", sans-serif;
	font-weight			: bold;
	/*letter-spacing 		: 1px;*/
	padding				: 0.6em 10px 0.5em 10px;
}

.promo h4,
.promoF h4 {
	padding				: 1em 0 0 0;
}

.promo p,
.promoF p {
	padding				: 10px 0 0 0;   /* added 10px top padding to paragraph to make a space after headings  */
}

.promo ul,
.promoF ul {
	padding				: 10px 0 0 15px;   /* added 10px top padding to paragraph to make a space after headings  */
}

.promo ul li,
.promoF ul li {
	padding				: 0.3em 0.5em;   /* added 10px top padding to paragraph to make a space after headings  */
}



.promo a,
.promoF a {
	color		: #0a8800;
	font-weight	: bold;
}

.promo a:hover,
.promoF a:hover {
	color		: #7ba900;
}

.promoF .field {
	width		: 167px;
}

.promoF .fieldlast {
	width		: 167px;
	margin		: 0 0 1.0em 0;
}

.promo .publication {
	float		: right;
	margin		: 10px -9px 0 4px;
}

.promoF input.submit {
	float		: right;
	margin-top	: -2px;
}

.promo #contacts ul {
	list-style-type	: none;
	padding		: 0 0 1em 0;
	margin		: 0;
}

.promo #contacts ul li {
	padding		: 0;
	margin		: 0;
}

.promo #contacts .person {
	font-weight: bold;
}




/* 7.0 Footer */

#footer {
	background	: url(../images/site/divider_dotted.gif) 0 0 repeat-x;
	clear		: left;
	float		: left;
	color		: #555555;
	height		: auto;
	padding		: 1em 0 0 0;
}

#footer #details {
	width		: 100%;
	clear		: left;
	float		: left;        
}

#footer li {
	list-style	: none;
	padding		: 0 0 0.9em 0;
}

#footer #extra {
	width		: 100%;
	clear		: left;
	float		: left;
	display		: inline;
}



/* 9.0 Forms (Dave) */

.orderConfirm {
	border		: none;
	padding		: 10px;
}

.orderConfirmTable {
	border		: none;

}


/* 10.0 Publications, Shop & Forms */

#pubDetails {
	padding			: 0 0 1em 0;
}

#pubDetails ul {
	list-style-type	: none;
}

#pubDetails ul, 
#pubDetails ul li {
	padding			: 0.5em 0;
}


.basketDetails {
	vertical-align	: top;
	width			: 500px;
	text-align		: left;
	border-bottom 	: 1px solid #48a641;
}

.basketDetails th {
	border-bottom 	: 1px solid #48a641;
	padding			: 0.5em 0.5em 0.5em 0;
	margin			: 0 0 0.45em 0;
	font			: bold 1.1em verdana, sans-serif;
}

.basketDetails td {
	margin			: 0 !important;
	padding			: 0.5em 0.5em 0.5em 0 !important;
}

.basketDetails textarea {
	width			: 22em;
	height			: 5em;
}

.basketDetails input[type="text"] {
	width			: 22em;
}

.basketDetails input[type="checkbox"],
.basketDetails input[type="radio"] {
	width			: 3em;
}

#basketContainer .basketButton {
	margin-left		: 260px;
}


.ppDetails {
	vertical-align	: top;
	text-align		: left;
	width			: 100%;
	margin			: 2em 0 0 0;
	background-color: #F5FAF4;
}

.ppDetails th {
	border-bottom 	: 1px solid #48a641;
	padding			: 0.5em;
	margin			: 0 0 0.45em 0;
	font			: bold 1.1em verdana, sans-serif;
}

.ppDetails td {
	padding			: 0.5em;
	font			: normal 1em verdana, sans-serif;
}

a.checkoutButton {
	margin			: 2em 0;
}


.registerDetails {
	vertical-align	: top;
	text-align		: left;
	width			: 100%;
	margin-top		: 2em;
}

.registerDetails td {
	margin			: 0 !important;
	padding			: 0.5em 0 !important;
}

.registerDetails table td {
	vertical-align	: top;
	text-align		: left;
}

.registerDetails textarea,
.registerDetails input[type="text"] {
	width			: 16em;
}

.registerDetails input[type="checkbox"],
.registerDetails input[type="radio"] {
	width			: 3em;
}


/* 11.0 Views */

.news_view table tr,
.news_view ul li {
	padding			: 0;
	margin			: 0;
}

.news_view table td {
	padding			: 0 0 1.5em 0 !important;
	margin			: 0 !important;
}

.news_view ul {
	padding			: 0 !important;
	margin			: 0 !important;
}

.news_view ul li a {
	padding			: 0.3em 0;
}

.pw_view table tr {
	padding			: 0;
	margin			: 0;
}

.pw_view table td {
	padding			: 0 !important;
	margin			: 0 !important;
}

.pw_view h3 {
	padding-top		: 0.5em !important;
}
.pw_view ul {
	padding			: 0 !important;
	margin			: 0 0 1em 1em !important;
}

.pw_view ul li {
	padding			: 0 0 0.2em 0.6em !important;
}

.pw_view .date {
	padding-bottom 	: 0.5em;
	margin-bottom 	: 0.5em;
}

.pub_view table tr {
	padding			: 0;
	margin			: 0;
	border-bottom	: 1px solid #E3F3E2;
}

.pub_view table td {
	padding			: 0 0 1em 0 !important;
	margin			: 0 !important;
}

.pub_view h3 {
	padding			: 1em 0 0.5em 0 !important;
}

.pub_view .button {
	padding			: 1em 0 2em 0;
}


/* 12.0 Splash */

.splash table td {
	padding			: 0 0 1em 0 !important;
	margin			: 0 !important;
}

.splash .button {
	padding			: 1em 0 !important;
}