﻿body
{
	font-size:12px;
	font-family:Arial;
	color:#555E6A;
}
body div#wrapper
{
	width:888px;
	margin:0 auto;
}
div#header
{
	background-position:top right;
	background-repeat:no-repeat;
	height:18em;	
	position:relative;
	width:900px;
	font-size:0.8em;
}
body.people div#header
{
}
body div#header img#ctl00_cphHeader_imgLogo,
body div#header img#logo,
body div#header img.logo
{
	position:absolute;
	right:25px;
	bottom:8em;
}


/************ bread crumbs***********/
div#header #ctl00_SiteMapPath2
{
	position:absolute;
	bottom:0em;
}


/************ main menu***********/

/*
div#header div#ctl00_Menu1
{
	display:block;
	width:100%;
	position:absolute;
	bottom:4em;
	overflow:hidden;
	margin:0;
	padding:0;
	left:0;
	background-color:#0F3F87;
	padding-left:80px;
	height:2em;
}
body div#header div#ctl00_Menu1 ul li a
{	
	color:#fff;
	text-decoration:none;
	white-space:nowrap;	
	display:block;
	float:left;
	padding-left:1.5em;
	padding-right:1.5em;
	padding-top:0.25em;
	padding-bottom:0.25em;
	font-size:1.1em;
	height:1.5em;
	overflow:hidden;
}
body div#header div#ctl00_Menu1 ul li a
{
	border-left:solid 1px #fff;
}

body div#header div#ctl00_Menu1 ul li:first-child a
{
	border-left:none;
}

body div#header div#ctl00_Menu1 ul li.AspNet-Menu-Selected a,
body div#header div#ctl00_Menu1 ul li a:hover
{
	background-color:#77B9E5 !important;
}

div#header div#ctl00_Menu1 ul,
div#header div#ctl00_Menu1 li
{
	display:block;
	float:left;
	padding:0;
	margin:0;
	height:2em;
	overflow:hidden;
}
/*

/* Newly added for sub menu */
#info {background:#f8f8f8; border:0;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

body div#header div#ctl00_Menu1 
{
    width:90%;
    height:20px; 
    position:absolute;
    z-index:100;
    padding: 0 0 0 80px;
    background-color:#0F3F87;
    bottom: 4em;
    left: 0;
}

/* remove all the bullets, borders and padding from the default list styling */
body div#header div#ctl00_Menu1 ul {padding:0;margin:0;list-style-type:none;}
body div#header div#ctl00_Menu1 ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
body div#header div#ctl00_Menu1 li 
{
    float:left;
    position:relative;
    height:20px;
}

/* style the links for the top level */
body div#header div#ctl00_Menu1 a, body div#header div#ctl00_Menu1 a:visited 
{
    display:block;
    text-decoration:none; 
    color:#FFFFFF;
    padding:3px 1.5em 0;
    font-size:1.1em;
    height:17px;
}

body div#header div#ctl00_Menu1 li ul li
{
    height:auto;
}

body div#header div#ctl00_Menu1 ul li ul li a , body div#header div#ctl00_Menu1 ul li ul li a:visited 
{
    height: auto;   
}

/* style the second level background */
body div#header div#ctl00_Menu1 ul ul a.drop, body div#header div#ctl00_Menu1 ul ul a.drop:visited 
{
    background:#0F3F87;
}
/* style the second level hover */
body div#header div#ctl00_Menu1 ul ul a.drop:hover
{
    background:#77B9E5;
}
body div#header div#ctl00_Menu1 ul ul :hover > a.drop 
{
    background:#77B9E5;
}
/* style the third level background */
body div#header div#ctl00_Menu1 ul ul ul a, body div#header div#ctl00_Menu1 ul ul ul a:visited 
{
    background:#0F3F87;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
body div#header div#ctl00_Menu1 ul ul 
{
    visibility:hidden;
    position:absolute;
    height:0;
    left:0;
    width:149px;
    border-top:1px solid #FFF;
}

/* style the table so that it takes no part in the layout - required for IE to work */
body div#header div#ctl00_Menu1 table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
body div#header div#ctl00_Menu1 ul ul a, body div#header div#ctl00_Menu1 ul ul a:visited 
{
    background:#0F3F87;
    color:#FFF;
    height:auto;
    padding:5px 10px;
    width:128px;
    border-bottom: solid 1px #FFF;
}
/* yet another hack for IE5.5 */
* html body div#header div#ctl00_Menu1 ul ul a, * html body div#header div#ctl00_Menu1 ul ul a:visited 
{width:150px;w\idth:128px;}

/* style the top level hover */
body div#header div#ctl00_Menu1 a:hover, body div#header div#ctl00_Menu1 ul ul a:hover
{
    background:#77B9E5;
}
body div#header div#ctl00_Menu1 :hover > a, body div#header div#ctl00_Menu1 ul ul :hover > a 
{
    background:#77B9E5;
}

/* make the second level visible when hover on first level list OR link */
body div#header div#ctl00_Menu1 ul li:hover ul,
body div#header div#ctl00_Menu1 ul a:hover ul
{
    visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
body div#header div#ctl00_Menu1 ul :hover ul ul
{
    visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
body div#header div#ctl00_Menu1 ul :hover ul :hover ul 
{
    visibility:visible;
}

/*---------------*/

/* People Colours */

body.people div#header div#ctl00_Menu1
{
	background-color:#7A0070;
}
body.people div#header div#ctl00_Menu1 ul li.AspNet-Menu-Selected a,
body.people div#header div#ctl00_Menu1 ul li a:hover
{
	background-color:#E89CC1;
}

body.people div#header div#ctl00_Menu1 ul ul a, body.people div#header div#ctl00_Menu1 ul ul a:visited 
{
    background:#7A0070;
}

body.people div#header div#ctl00_Menu1 a:hover, body.people div#header div#ctl00_Menu1 ul ul a:hover
{
    background:#E89CC1;
}

body.people div#header div#ctl00_Menu1 :hover > a, body.people div#header div#ctl00_Menu1 ul ul :hover > a 
{
    background:#E89CC1;
}


/* Business Colours */

body.business div#header div#ctl00_Menu1
{
	background-color:#00678A;
}


body.business div#header div#ctl00_Menu1 ul li.AspNet-Menu-Selected a,
body.business div#header div#ctl00_Menu1 ul li a:hover
{
	background-color:#92CBEE;
}

body.business div#header div#ctl00_Menu1 ul ul a, body.business div#header div#ctl00_Menu1 ul ul a:visited 
{
    background:#00678A;
}

body.business div#header div#ctl00_Menu1 a:hover, body.business div#header div#ctl00_Menu1 ul ul a:hover
{
    background:#92CBEE;
}

body.business div#header div#ctl00_Menu1 :hover > a, body.business div#header div#ctl00_Menu1 ul ul :hover > a 
{
    background:#92CBEE;
}

/* Young People Colours */

body.young-people div#header div#ctl00_Menu1
{
	background-color:#427C25;
}
body.young-people div#header div#ctl00_Menu1 ul li.AspNet-Menu-Selected a,
body.young-people div#header div#ctl00_Menu1 ul li a:hover
{
	background-color:#C1D804;
}

body.young-people div#header div#ctl00_Menu1 ul ul a, body.young-people div#header div#ctl00_Menu1 ul ul a:visited 
{
    background:#427C25;
}

body.young-people div#header div#ctl00_Menu1 a:hover, body.young-people div#header div#ctl00_Menu1 ul ul a:hover
{
    background:#C1D804;
}

body.young-people div#header div#ctl00_Menu1 :hover > a, body.young-people div#header div#ctl00_Menu1 ul ul :hover > a 
{
    background:#C1D804;
}


/*---------------*/

div#header ul.bread-crumbs li a
{
	display:block;
	height:1.70em;
	padding-right:10px;
	background-repeat:no-repeat;
	background-image:url(/images/breadcrumb-sep.jpg);
	background-position:right;
	margin-right:10px;
}
div#header #ctl00_SiteMapPath2
{
	margin-left:25px;
}

div#header fieldset
{
	border:none;
	margin:0;
	padding:0;
	display:block;
	position:absolute;
	bottom:0px;
	right:0px;
	height:24px;
	background-image:url(/images/search-box.jpg);
	width:268px;
	padding-top:0px;
	padding-left:8px;
	background-repeat:no-repeat;
	background-position:left;
	margin-right:18px;
	overflow:visible;
}
div#header fieldset legend
{
	display:none;
}

div#header fieldset input
{
	width:190px;
	height:17px;
	float:left;
	background-image:url(/images/search-box-back.jpg);
	background-repeat:no-repeat;
	padding-top:3px;
	position:absolute;
	left:8px;
	top:2px;
}
div#header fieldset input.using
{
	background-image:none;
}

div#header fieldset input
{
	border:none;
	background-color:#fff;
}
div#header fieldset input.button
{
	margin-top:0px;
	height:24px;
	padding-top:0px;
	width:64px;
	background-image:url(/images/search-button.jpg);
	float:right;
	background-position:left 0px;
	clear:none;
	position:relative;
	right:10px;
	top:0;
}
div#header fieldset button span
{
	display:none;
	visibility:hidden;
}
div#header fieldset input.button:hover
{
	background-position:left -24px;
}
div#header fieldset input.button:active
{
	background-position:left -48px;
}

div#page-intro h1
{
	display:block;
	margin:0;
	padding:0;
	margin-top:50px;
	font-size:2.2em;
	color:#56BCEC;
	font-weight:bold;
}
div#page-intro p
{
	line-height:1.5em;
}

body.people div#page-intro h1
{
	width:350px;
	/*height:23px;*/
	font-size:2.2em;
	color:#E89CC1;
}
.sIFR-hasFlash body.people div#page-intro h1
{
	height:33px;
}
body.people div#page-content h1,
body.people div#page-content h2
{
	font-size:2.2em;
	color:#E89CC1;
	font-weight:bold;
}
body.people div#page-content h2
{
	font-size:1.2em;
}
body.business div#page-intro h1
{
	/*height:23px;*/
	width:343px;
	font-size:2.2em;
	color:#92CBEE;
}
.sIFR-hasFlash body.business div#page-intro h1
{
	height:33px;
}
body.business div#page-content h1,
body.business div#page-content h2
{
	font-size:2.2em;
	color:#92CBEE;
	font-weight:bold;
}
body.business div#page-content h2
{
	font-size:1.2em;
}
body.young-people div#page-intro h1
{
	width:509px;
	/*height:61px;*/
	margin-top:40px;
	font-size:2.2em;
	color:#C1D804;
}
.sIFR-hasFlash body.young-people div#page-intro h1
{
	height:81px;
}
body.young-people div#page-content h1,
body.young-people div#page-content h2
{
	font-size:2.2em;
	color:#C1D804;
	font-weight:bold;
}
body.young-people div#page-content h2
{
	font-size:1.2em;
}
body.home  h1
{
	height:43px;
	/*width:305px;*/
	width:530px;
	overflow:hidden;
}
.sIFR-hasFlash body.home h1
{
	height:53px;
}
div#ctl00_mnuSubMenu
{
	width:200px;
	float:right;
	clear:right;
	margin-top:20px;
}

div#ctl00_mnuSubMenu ul li.AspNet-Menu-Selected
{
	background-repeat:no-repeat;
	background-image:url(/images/breadcrumb-sep.jpg);
	background-position:left ;
}
div#ctl00_mnuSubMenu ul li a
{
	text-decoration:none;
	color:#555E6A;
	font-size:0.9em;
}
div#ctl00_mnuSubMenu ul li a:hover
{
	text-decoration:underline;
}
div#ctl00_mnuSubMenu ul li
{
	list-style-type:none;
	margin-bottom:10px;
	padding-left:20px;
	margin-left:-20px;
}

div#ctl00_mnuSubMenu ul li ul
{
	display: none;
}


div#page-intro
{
	width:558px;
	margin-left:25px;
}


ul.content-links 
{
	margin:0;
	padding:0;
	display:block;
	clear:both;
	margin-left:0px;
}
ul.content-links li
{
	width:280px;
	margin:0;
	padding:0;
	display:block;
	float:left;
	margin-top:10px;
	border:solid 1px #999;
	margin-right:6px;
	margin-left:6px;
}
ul.content-links li
{
	border:none;
}
* html ul.content-links
{
	margin-left: 4px;
}
* html ul.content-links li
{
	margin-right:0px;
	margin-left:11px;
}
* html ul.content-links li img
{
	margin-left:0;
	margin-right:0;
}
ul.content-links li h2
{
	margin:0;
}
ul.content-links li h2,
ul.content-links li p,
ul.content-links li img
{
	margin-left:18px;
	margin-right:15px;
	clear:both;
	font-size:0.8em;
}
ul.content-links li img
{
	float:left;
}

ul.content-links li img.endimg
{
	margin-right: 0px;
}

ul.content-links li.alt img
{
	float:right;
}


ul.content-links li h2
{
	font-size:1.1em;
	color:#7A0070;
}

hr
{
	clear:both;
	padding-top:20px;
	border:none;
	border-bottom:solid 2px #999;

}
div#news-content
{
	float:left;
	width:545px;
	/*padding-left:70px;*/
	padding-left:25px;
	margin-top:0px;
}
div#news-content p
{
	font-size:1.1em;
	color:#333;
}

div#news-content h1
{
	color:#0F3F87;
	font-size:2.2em;
	margin-bottom:25px;
}
div#news-content img
{
	float:right;
	margin-left:15px;
	margin-bottom:15px;
	border:1px solid #555E6A !important;
	padding:1px;
}
div#news-stories
{
	border:solid 1px #999;
	width:280px;
	float:right;
	margin-top:25px;
	/*margin-right:5px;*/
	margin-bottom:10px;
}
div#news-stories h2
{
	margin-top:5px;
	margin-left:20px;
	height:0px;
	background-image:url(/images/more-news.jpg);
	overflow:hidden;
	padding-top:16px;
	background-repeat:no-repeat;
}

div#news-stories ul
{
	display:block;
	margin:0;
	padding:0;
}
div#news-stories ul li
{
	display:block;
	border-bottom:solid 1px #999;
	margin:0;
	padding:0;
	margin-left:20px;
	margin-right:15px;
	font-size:0.8em;
	overflow:hidden;
	margin-bottom:10px;
	list-style-type:none;
	padding-bottom:5px;
	
}
div#news-stories ul li img
{
	float:right;
	margin-right:5px;
	border:none;
	margin-left:5px;
}
div#news-stories ul li h3
{
	font-size:1em;
	margin-top:0;
	margin-bottom:5px;
}
div#news-stories ul li p
{
	margin-top:0;
	margin-bottom:5px;
}


span.pages
{
	text-align:center;
	display:block;
	margin-top:5px;
}
span.pages a
{
	margin-left:2px;
	margin-right:2px;
	margin-top:5px;
	text-decoration:none;
}
span.pages a.current, span.pages a.selected
{
	text-decoration:underline;
	font-weight:bold;
}

span#sponsor-links
{
	display:block;
	float:right;
}
a#liverpool-logo
{
	display:block;
	background-image:url(/images/liverpool-logo.jpg);
	background-repeat:no-repeat;
	height:0;
	overflow:hidden;
	width:82px;
	padding-top:69px;
	margin-top:9px;
	float:left;
}

a#sefton-logo
{
	display:block;
	background-image:url(/images/sefton-logo.jpg);
	background-repeat:no-repeat;
	height:0;
	overflow:hidden;
	width:135px;
	padding-top:18px;
	padding-left:40px;
	float:left;
	margin-top:60px;
	margin-left:25px;
}

body.home h1
{
	/*margin-left:70px;*/
	margin-left:25px;
	margin-top:0px;
}
body.home p
{
	font-size:1.2em;
	line-height:2.2em;
	/*width:700px;*/
	width:558px;
	/*margin-left:70px;*/
	margin-left:25px;
	margin-bottom:-17px;
}
body.home p a
{
	text-decoration:none;
	font-weight:bold;
}
body.home p a.business-link
{
	color:#00678A;
}
body.home p a.people-link
{
	color:#7A0070;
}
body.home p a.young-people-link
{
	color:#427C25;
}

body.home div#header
{
	height:320px;
}
body.home div#header img#header-top
{
	left:38px;
	top:0px;
	position:absolute;
}

div#page-content
{
	margin-top:30px;
	margin-left:25px;
	width:558px;
}
div#page-content img
{
	float:right;
	margin-left:15px;
	margin-bottom:15px;
	border:1px solid #555E6A !important;
	padding:1px;
}
a.skip-link
{
	display:none;
}

div.staff
{
	margin-bottom: 20px;
}


/*************events**************************/
div#news-stories ul li h3 a.selected,
div.event div
{
	font-weight:bold;
}
div#news-stories ul li h3 a.eventtype-business,
div#news-content div.eventtype-business h1,
div#news-content div.eventtype-business h2,
div#email a.eventtype-business
{
	color:#92CBEE;
}
div#news-stories ul li h3 a.eventtype-young-people,
div#news-content div.eventtype-young-people h1,
div#news-content div.eventtype-young-people h2,
div#email a.eventtype-young-people
{
	color:#C1D804;
}
div#news-stories ul li h3 a.eventtype-people,
div#news-content div.eventtype-people h1,
div#news-content div.eventtype-people h2,
div#email a.eventtype-people
{
	color:#E89CC1;
}

div#news-content div h2
{
	font-size:1.2em;
}
/************** contact us *********************/

div#contact, div#phone, div#sms, div#password, div#updateemail, div#question, div#notification
{
	border:solid 1px #999;
	width:575px;
	float:left;
	margin-bottom: 10px;
}
div#phone, div#sms
{
	float:right;
	width:288px;
	margin-bottom:30px;
}
div#contact h2, div#phone h2, div#sms h2, div#password h2, div#updateemail h2, div#question h2, div#notification h2,
div#contact p, div#phone p, div#sms p, div#password p, div#updateemail p, div#question p, div#notification p
{
	margin-top:0px;
	margin-left:5px;
}
div#contact fieldset, div#password fieldset, div#updateemail fieldset, div#question fieldset, div#notification fieldset
{
	border:none;
	padding:0;
	margin:0;
}

.sIFR-replaced .sIFR-alternate
{
	display:none;
}

fieldset div.field label
{
	display:block;
	margin-left:20px;
	position: absolute;
}
fieldset div.field input,
fieldset div.field textarea,
fieldset div.field select
{
	width:502px;
	left:20px;
	margin-bottom:10px;
	position: absolute;
	top: 1.2em;
}
fieldset div.submit
{
	text-align:right;		
	width:506px;
	margin-left:20px;
}
fieldset div.submit input,
fieldset div.submit button
{
	background-color:#56BCEC;
	border:solid 1px #0F3F87;
	border-top:solid 1px #165EC9;
	border-left:solid 1px #165EC9;
	color:#fff;
	padding-left:1em;
	padding-right:1em;
}

fieldset div.field input.radio,
fieldset div.field input.checkbox
{
	width:15px;
	margin-left:15px;
	margin-bottom:10px;
	float: left;
}

fieldset div.field label.radio
{
	float: left;
}

a 
{
	color:#004890;
}

p.contact-intro
{
	padding-bottom:10px;
}

div.footer span.links
{
	display:block;
	width:80%;
	text-align:right;
	float:left;
}
div.footer span.copy
{
	display:block;
	width:20%;
	text-align:left;
	float:left;
}
div.footer
{
	padding-bottom:15px;
}

.Forum-Posts  .public-False,
.Forum-Threads .public-False td
{
	background-color:#FF9797;
	color: #FFFFFF;
}

div#ctl00_cphMain_media
{
	float: right; 
	margin-left: 15px; 
	margin-bottom: 15px; 
	margin-top: 5px;
	width: 253px;
}

div#ctl00_cphMain_media img.mediaimg
{
	margin-left: 0px; 
	margin-bottom: 0px; 
	margin-top: 5px;
}

div#ctl00_cphMain_media div#ctl00_cphMain_videoplayer
{
	border: solid 1px #000000;
	padding:1px;
}

div#ctl00_cphMain_media div#ctl00_cphMain_mp3-player
{
	padding:2px;
}

a.newslink
{
	float: right;
	margin-top: 15px;
	margin-right: 5px;
	font-size:0.9em;
	color:#555E6A;
	text-decoration: none;
}

a.newslink:hover
{
	text-decoration: underline;
}

div.submit input
{
	background-color:#56BCEC;
	border:solid 1px #0F3F87;
	border-top:solid 1px #165EC9;
	border-left:solid 1px #165EC9;
	color:#fff;
	padding-left:1em;
	padding-right:1em;
}

span.signin
{
	font-size: 1.3em;
	position: absolute;
	right: 25px;
	top: 10px;
}

fieldset div.field label.error
{
	color: Red;	
	font-style: italic;
	margin-bottom: 10px;
	position: absolute;
	right: 50px;
	top: 0px;
}

fieldset div.forum label.error
{
	right: 350px;
}

div.forgotten fieldset div.field label.error
{
	right: 20px;
}

div.field
{
	position: relative;
	height: 50px;
}

div.service
{
	padding-top: 15px;
	height: 30px;
}

div.field-textarea
{
	height: 205px;	
}

div.field-forum
{
	height: 135px;	
}

p.regerror
{
	color: Red;
	font-style:italic;
	margin-bottom: 20px;	
}

div.account
{
	padding-top: 5px;
	padding-bottom: 5px;
}

div.account span.label
{
	float: left;
	width: 220px;
}

div.account span.details
{
	float: left;
	width: 230px;
	margin-right: 50px;
}

a.cancel
{
	margin-left: 20px;
}

div.post input.button
{
	margin-top:0px;
	height:24px;
	padding-top:0px;
	width:64px;
	background-image:url(/images/post-button.jpg);
	float:right;
	background-position:left 0px;
	clear:none;
	position:relative;
	right:10px;
	top:0;
	background-color:#FFFFFF;
	border:medium none;
}

div.post input.button:hover
{
	background-position: left -24px;
}

div.send input.button
{
	margin-top:0px;
	height:24px;
	padding-top:0px;
	width:64px;
	background-image:url(/images/send-button.jpg);
	float:right;
	background-position:left 0px;
	clear:none;
	position:relative;
	right:10px;
	top:0;
	background-color:#FFFFFF;
	border:medium none;
}

div.send input.button:hover
{
	background-position: left -24px;
}

div.butSend input.button
{
	margin-top:0px;
	height:24px;
	padding-top:0px;
	width:64px;
	background-image:url(/images/submit-button.jpg);
	float:right;
	background-position:left 0px;
	clear:none;
	position:relative;
	right:10px;
	top:0;
	background-color:#FFFFFF;
	border:medium none;
}

div.butSend input.button:hover
{
	background-position: left -24px;
}

div#content
{
	margin-left: 25px;	
}

div.lnkcat
{
    overflow:hidden;   
    width: 600px;
}

div.lnkcat ul
{
    list-style-type: none;
    margin:0px; 
    padding:0;
}

div.lnkcat li
{
    float:left;
}

div#page-content div.lnkcat img
{
    float:none;
}

div#NotFound div
{
    display:block;   
    overflow: hidden;
}

div#NotFound div img
{
    margin-right: 5px;
}

div#NotFound div p
{
    margin-top: 0px;
}

div#notification
{
    padding:5px;
}

div#notification h1
{
    margin-left: 0;
    height: auto;
    width: auto;
}

div#notification p
{
    width: auto;
    margin: 0 0 10px 0;
}
