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

	LCJP Justice for Young People Screen Style Sheet HOME CSS
	last update: 10 March 2010 Bill Dashfield bill@ecru.co.uk
	author: Sam Marks
	email: sam@ecru.co.uk

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

/* colour palette----------------------------- ----------------------------
		Normal	
		======	
rules 	
blue 	
purple: 	
blue text 	
'black' text	
'greyer' text	
background	
background	
active links	
*/

/* font sizing guide -------------------------------------------------------

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

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

/* WELCOME IMAGE */

	#main-panel {
		position:relative;
		background:url('../images/home/main-panel.gif');
		width:960px;
		height:307px;
/*		margin-bottom:1.33em; Add back in if losing text on Largest is an issue */
		}

		#main-panel-title {
			position:absolute;
			left:15px;
			top:120px;
			text-align:left;
			}

			#main-panel-title h1 {
				display:inline;
				font-size:2.7em;
				letter-spacing:-1px;
				font-family:Trebuchet MS, Arial;
				font-weight:bold;
				color:#fefefe;
				}

		#main-panel-text {
			position:absolute;
			left:15px;
			top:230px;
			margin-top:-2.66em;
			font-weight:bold;
			font-size:1.25em;
			width:350px;
			text-align:left;
			color:#fefefe;
			background-color: #000;
			}



/* WELCOME TEXT */

	#welcome-text {
		position:relative;
		float:right;
		background:url('../images/home/welcome-text.gif');
		width:709px;
		height:165px;
		}

		#welcome-text-title {
			position:absolute;
			right:0px;
			text-align:right;
			padding:10px;
			padding-top:5px;
			padding-bottom:5px;
			background-color:#e7058b;
			}

			#welcome-text-title h2 {
				display:inline;
				font-size:2.7em;
				letter-spacing:-1px;
				font-family:Trebuchet MS, Arial;
				font-weight:bold;
				color:#fefefe;
				}

		#welcome-text-text {
			position:absolute;
			right:10px;
			top:56px;
			font-size:1.08em;
			width:660px;
			text-align:right;
			color:#fefefe;
			background-color: #0A0A0A;
			}



/* SUB NAV ON HOMEPAGE */

	#home-main-buttons {
		position:relative;
		float:right;
		margin-top:25px;
		width:700px;
		height:276px;
		}



/* BOOKMARK */

	#bookmark-footer {
		position:relative;
		float:left;
		background:url('../images/common/bookmark.gif');
		width:960px;
		height:164px;
		margin-top:10px;
		margin-bottom:10px;
		}

		#bookmark-footer-title {
			position:absolute;
			color:#ffffff;
			font-size:2.5em;
			font-weight:bold;
			padding:10px;
			background-color:#e7058b;
			}

		#bookmark-footer-text {
			position:absolute;
			left:25px;
			top:65px;
			color:#ffffff;
			font-size:1.08em;
			width:400px;
			}

		#bookmark-footer-icons {
			position:absolute;
			right:10px;
			top:25px;
			color:#ffffff;
			font-size:1.08em;
			padding:6px 3px;}

		#bookmark-footer-icons a {
			color:#ffffff;
			padding:0px 3px;}