/*
    screen-modern.css: MODERN BROWSER (v5+) SCREEN
    ------------
    Job:               ACC Liverpool
    Produced by:       Heidi Seymour, Senior Designer @ Mando Group, Copyright Mando Group 2007
    Start date:        16/05/2007
    ------------
	
    TOC:
    1.	type selectors
    2.	structural
    3.	navigation
    4.	forms
    5.	tables
	6.	specific pages
    7.	hacks
*/

/* z-index  reference
	0= div#flashwrap
	1= div#flash
	2=div#home-col2
	3= div#wrap-homelinks
	4= p.badge a
	
*/

/* =1. type selectors */
* {border:none;font-size:1em;margin:0;padding:0;}
body
    {
    color: #4f5151;
    background: #fff url(images/bk-body.jpg) repeat-x 0 0;
	font: normal 85%/1.4 Arial, Helvetica, sans-serif normal;
	text-align:center;
	
    }
ul
	{
	list-style-type: none;
	}
Lorem ipsum dolor sit amet, viverra ante eros tempus in, at praesent ligula ac fusce, eget tincidunt lacinia ut mollis, amet id velit nulla. Nam ipsum varius nunc, maecenas a vitae facilisis congue, justo condimentum sociis proin. Augue consectetuer tortor tempore.
	{
	margin-bottom: .5em;
	}

/* =2. structural */
div.wrap
	{
	position:relative;
	background: url(images/bk-shadow.jpg) no-repeat right 65px;
	margin: auto;
	text-align:left;
	width: 960px;
	}
div#header
	{	
	margin: 1em 0 0;
	}
div#header h1
	{
	float: left;
	margin-bottom: 0.3em;
	}
div#header h1 span 
	{
	position:absolute;
	left:-5000px;
	}	
div#footwrap 
	{	
	background:url(images/bk-foot.gif) repeat-x 0 0;
	clear: both;
	padding: .5em 0;
	}
div#footer
	{
	font-size: .8em;
	margin: auto;
	max-width: 97%;	
	text-align:left;
	width: 77em;
	color:#838686;
	}
div#footer p
	{
	padding-top:1em;
	}
div#footer li
	{
	float: left;
	margin-right: 2em;
	}
div#footer a 
	{
	color:#0751a0;
	text-decoration:none;
	}
div#footer li#mando a 
	{
	color:#508dcf;
	}
div#footer img 
	{
	margin-left:5px;
	}
	
	
p#liv08 a 

	{

	background:url(images/liv08-logo.gif) no-repeat;

	display:block;

	float:left;

	height:59px;

	width:38px;

	margin-right:2em;

	}	

p#liv08 a:hover

	{

	background-position: 0 -70px;

	}

p#liv08 a span 

	{

	position:absolute;

	left:-5000px;

	}
p#strap
	{
	clear:both;
	color:#959899;
	font-size:.8em;
	margin: 0 0 .5em 1.1em;
	}
p#tel
	{
	padding-left: 18px;
	font-size:.8em;
	float:left;
	background: url(images/tel.gif) no-repeat left center;
	}
p#tel span 
	{
	font-weight:bold;
	color:#787878;
	}
/* =3. navigation */
ul#nav1
	{
	font-size: .9em;
	margin-top:45px;
	}
ul#nav1 li
	{
	display:inline;
	margin: 0 1.5em 0 0;
	}
ul#nav1 a, div.homelinks a, div.paging li a
	{
	color:#eb0e4b;
	text-decoration:none;
	background:url(images/link-m.gif) repeat-x bottom;
	font-weight:bold;
	}
ul#nav2
	{
	font-size: .8em;
	}
ul#nav2 li
	{
	display:inline;
	margin-left: 2em;
	}
ul#nav2 a
	{
	color:#00adef;
	text-decoration:none;
	background:url(images/link-sn.gif) repeat-x bottom;
	}
div#header-nav 
	{
	width:44em;
	float: left;
	margin-left:2em;
	}
#header-subnav
	{
	float: right;
	padding-bottom:1em;	width:30em;
	}
ul.skip
	{
	display:none;
	}
ul#nav1 a:hover, div.homelinks a:hover, ul#nav2 a:hover, div#whatson li a:hover, div#footer a:hover, div#footer li#mando a:hover, div#col1 li a:hover, .content a:hover, ul#events a:hover, ul#news a:hover 
	{
	color:#000;
	}
div.paging 
	{
	float:right;
	font-size:0.9em;
	margin-top:.5em;
	}
div.paging p
	{
	display:inline;
	float:left;
	font-size: .8em;
	color:#838686;
	}
div.paging ul, div.paging li
	{
	display:inline;
	}
div.newsdetail div.paging 
	{
	margin-bottom:2em;
	padding-top:1em;
	border-top:1px solid #e8e9e9;
	width:100%;
	text-align:right;
	}
/* =4. forms */
option
	{
	padding-left: .5em;
	}
input[type="text"], select
	{
	padding: .2em;
	border: 1px solid black;
	}
form#search
	{
	float: right;
	}
form#search label
	{
	position: absolute;
	left: -10000px;
	}
form#search input[type="text"]
	{
	border:1px solid #dedede;
	color:#838686;
	font: bold .9em Arial, Helvetica, sans-serif normal;
	width: 8em;
	}
form#whatson-browse
	{
	margin: .5em 0 0;
	}
form#whatson-browse select, form#month select
	{
	width: 13.2em;
	margin-left:1em;
	border:1px solid #dedede;
	font: bold .9em Arial, Helvetica, sans-serif normal;
	}
form#month select
	{
	font: normal .9em Arial, Helvetica, sans-serif normal;
	}
form#month
	{
	margin: 2.5em 0 0 0;
	}
form#month label
	{
	color:#000;
	font-weight:bold;
	}
.button-submit 
	{
	vertical-align:middle;
	margin-left:0.5em;
	}
/* =5. tables */
/* =6. specific pages */
/* home */
div#flashwrap
	{	
	background: transparent url(images/bk-flash.jpg) no-repeat 0 0;
	clear: both;
	height: 242px;
	line-height: 1;
	padding:14px 0 0 14px;
	width:63em;
	z-index:0;
	}
div#flash 
	{
	background:#242424;
	margin-right:8px;
	z-index:1;
	}
div.bg2
	{
	background-image: url(../img/flashbg2.jpg) !important;
	}
div#flash p
	{
	color: white;
	font-weight: bold;
	padding: 40px 10px;
	}
div#flash strong
	{
	font-size: 3.5em;
	display: block;
	}
p.badge a 
	{
	background:transparent url(images/vivabadge.png) no-repeat 0 0;
	display:block;
	height:90px;
	position:absolute;
	right:21.5em;
	top:6.5em;
	width:90px;
	z-index:4;
	}
p.badge a span 
	{
	position:absolute;
	left:-5000px;
	}
div#home-col2
	{
	float: right;
	margin: -300px 3em 0 0;
	position:relative; /*required for z-index */
	width:19.1em;
	z-index:2;
	}
div#whatson
	{
	background:#fafafa url(images/paper-edge.gif) repeat-x left bottom;
	padding:0 0 16px 0;
	}
div#whatson h2
	{
	background:#fafafa url(images/paper-top.gif) repeat-x left top;
	font-size: 1.4em;
	padding: .5em .8em .5em .8em;
	color:#3e7cbd;
	}
div#whatson ul 
	{
	border-left:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
	background:#fafafa url(images/bk-whatson.gif) no-repeat right top;
	padding:1em;
	}
div#whatson li
	{
	border-top: 1px solid #ededed;
	padding: .5em 0;
	font-size: .8em;
	}
div#whatson li a
	{
	background:url(images/link-s.gif) repeat-x bottom;
	color:#0455aa;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration:none;
	}
div#whatson li span 
	{
	display:block;
	}
div#whatson .button
	{
	float: right;
	margin: .5em 0 0;
	}
div#whatson em
	{
	font-weight: bold;
	font-style: normal;
	}
div#whatson strong
	{
	float: right;
	width:55px;
	height:34px;
	margin-right:-8px;
	background: url(images/soldout.gif) no-repeat 0 0;
	}
div#whatson strong span 
	{
	position:absolute;
	left:-5000px;
	}	
small img
	{
	vertical-align: middle;
	}
div#wrap-homelinks
	{
	background: url(images/bk-homelinks.jpg) no-repeat;
	float: left;
	padding: 1.4em 0 0 1.5em;
	position:relative;
	width: 40em;
	z-index:3;
	}
div.homelinks
	{
	float:left;
	width:50%;
	}
div.homelinks h2
	{
	color:#fff;
	font-weight:normal;
	font-size: 1.4em;
	margin: 0 0 .8em;
	}
div.homelinks p
	{
	margin: 0 0 1em;
	}
div.homelinks ul
	{
	width: 20em;
	float: left;
	}
div.homelinks li
	{
	background: url(images/bullet.gif) left center no-repeat;
	line-height: 2.25;
	padding-left: 13px;
	}
div.homelinks a
	{
	font-weight: bold;
	}
div#organisers
	{
	background:#0d57a8 url(images/bk-event.gif) repeat-x left bottom;
	color:#fff;
	float:left;
	width:19em;
	}
div#organisers h2
	{
	background:url(images/bk-event-corner.gif) repeat-x 0 0;
	font-size: 1.5em;
	font-weight:normal;
	padding:.2em 0 0 .7em;
	}
div#organisers a 
	{
	color:#fff;
	text-decoration:none;
	}
div#organisers p 
	{
	padding:.3em .9em 1em .9em;
	}
div#sponsors 
	{
	clear:both;
	padding-top:1em;
	}
div#sponsors p.sponsorad 
	{
	float:left;
	width:19.4em;
	margin:0 2em 1em 0;
	}
div.liverpool div
	{
	padding-top:1em;
	}
div.liverpool img
	{
	float: left;
	border: 1px solid black;
	margin: 0 .5em 0 0;
	}
div.liverpool p
	{
	font-size: .8em;
	}
div.liverpool li a
	{
	font-weight:normal;
	}
/*feature*/
div.feature div#flashwrap
	{
	background: #fff url(images/bk-feature.jpg) no-repeat 0 0;
	height:530px;padding:14px 0 0 14px;
	}
div.feature div#flash 
	{
	background:#fff;
	margin:0;
	width:843px;
	}
div.feature div#flash h2
	{
	color:#3e7cbd;
	font-size: 2em;
	font-weight:normal;
	margin:1.5em;
	}
div.feature div#flash p
	{
	color:#000;
	font-size:1.5em;
	font-weight:normal;
	padding:0;
	margin:2em;
	line-height:1.5;
	}

div.feature div#flash strong 
	{
	font-size:1em;
	display:inline;
	}
div.feature
	{
	background: url(images/bk-shadow.jpg) no-repeat right 60px;
	}
/* common */
.content
	{
	float: left;
	width: 47em;
	padding-left: 2em;
	z-index:4;
	background:#fff;
	margin-top:-5.4em;
	}
div.wrap-content 
	{
	background:url(images/bk-wrap.gif) no-repeat 0 0;
	padding: 1em 1.4em 0 1em;
	}

h2#titlebar
	{
	background: #2a6287 url(images/bk-title.png) ;
	color:#fff;
	padding:.5em 0 .6em 0.7em;
	z-index:5;
	font-weight:normal;
	font-size:1.4em;
	}
#col1
	{
	background:url(images/bk-content.gif) no-repeat top right;
	float: left;
	width: 14em;
	min-height:40em;
	margin-top:-5.4em;
	padding-top:6.5em;
	}
#col1 ul
	{
	margin:0 0 2.5em .7em;
	}
#col1 li
	{
	padding-left:1em;
	margin-bottom:.5em;
	background:url(images/bullet-b.gif) no-repeat 0 .5em;
	}
#col1 li a
	{
	background:url(images/link-s.gif) repeat-x bottom;
	color:#0455aa;
	font-weight: bold;
	text-decoration:none;
	}
#col1 li small
	{
	display:block;
	}
#col1 p 
	{
	padding: 0 1em .5em .5em;
	margin: 1em 0 0;
	font-size: 1.3em;
	line-height:1.1;
	color:#7b7f80;
	}
#col1 p strong 
	{
	font-weight:normal;
	}

.content select
	{
	width: 10em;
	}

li#here
	{
	background:url(images/arrow-c.gif) no-repeat 0 center;
	}
li#here a 
	{
	color:#00adef;
	background:url(images/link-sn.gif) repeat-x bottom;
	}
li small
	{
	font-size: .8em;
	color:#838686;
	}
.content h2
	{
	color:#3e7cbd;
	font-size: 1.6em;
	font-weight:normal;
	margin:0;
	}
div.content h3
	{
	color:#00acef;
	font-size: 2.5em;
	font-weight:bold;
	margin-bottom:0.2em;
	}
.content h4
	{
	font-size: 1.6em;
	color:#c8d52d;
	font-weight:normal;
	}
.content p
	{
	margin: 0 0 1em;
	}
.content li
	{
	margin-left:1.6em;
	}
.eventdetail .content ul li, .generic .copy ul li
	{
	background: url(images/bullet.gif) left center no-repeat;
	padding-left:1.5em;
	margin-left:.1em;
	}
.content ul, .content ol
	{
	margin-bottom:1em;
	}
.eventdetail .content a, .generic .copy a 
	{
	color:#eb0e4b;
	text-decoration:none;
	background:url(images/link-m.gif) repeat-x bottom;
	font-weight:normal;
	}
/* generic pages */
span.bar
	{
	background: #63b9ca url(images/bk-title.png) ;
	display:block;
	padding:1.3em 0 1.2em 0.7em;
	min-height:1.4em;
	z-index:5;
	}
span.blue 
	{
	background: #2a6287 url(images/bk-title.png) ;
	}
div.generic .content
	{
	background:url(images/bk-col2wrap.gif) no-repeat top right;
	padding-left:0;
	}
.copy 
	{
	background:#fff url(images/bk-col2.gif) no-repeat top right;
	margin: 0 5px 0 0 ;
	padding:2.2em 2em 0 2em;
	}
.generic .copy img 
	{
	float:left;
	margin: .5em 1em .5em 0;
	}
/* event & news pages */
.eventslist .content h3
	{
	font-size:1.5em;
	}
.newslist .content h3  
	{
	display:inline;
	float:left;
	font-size:1.5em;
	margin-bottom:1em;
	}
.eventslist .content, .newslist .content, .newsdetail .content
	{
	background:url(images/bk-col2wrap.gif) no-repeat top right;
	padding:.3em 0 0 0;
	}
ul#events, ul#news
	{
	margin-top:1em;
	padding-top:1em;
	border-top: 1px solid #e8e9e9;
	}
ul#news
	{
	clear:both;
	}
ul#news span 
	{
	display:block;
	float:left;
	width:39.5em;
	font-size:.8em;
	margin-top:.5em;
	}
ul#events .button
	{
	float: right;
	}
ul#events li, ul#news li
	{
	margin: 0 0 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #e8e9e9;
	}
ul#events a, ul#news a
	{
	background:url(images/link-s.gif) repeat-x bottom;
	color:#0455aa;
	font-size: 1.25em;
	font-weight: bold;
	text-decoration:none;
	}
ul#events img, ul#news img
	{
	float: left;
	margin: 0 1em 0 0;
	}
ul#events em
	{
	font-style: normal;
	}
ul#events em span
	{
	font-weight:bold;
	display:block;
	color:#000;
	}
ul#events small {
	display:block
}
.eventdetail .content
	{
	width: 32.5em;
	padding-top:2.2em;
	}
.eventdetail .eventtype 
	{
	font-size:.8em;
	color:#969696;
	}
div#col2wrap 
	{
	background:url(images/bk-col2wrap.gif) no-repeat top right;
	float: left;
	margin-top:-5.4em;
	width: 12.5em;
	z-index:4;
	}
#col2
	{
	background:#fff url(images/bk-col2.gif) no-repeat top right;
	margin-right:5px;
	padding:4.5em 0 0 2.2em;
	min-height: 40em;
	}
#col2 p#buynow a
	{
	margin-bottom:1em;
	}
#col2 p#buynow a
	{
	background: url(images/buyticket.gif) no-repeat ;
	display:block;
	height:37px;
	width:107px;
	}
#col2 p#buynow a span
	{
	position:absolute;
	left:-10000px;
	}
#col2 p strong
	{
	display:block;
	
	}
p#backto
	{
	background: #525252 url(images/bk-back.png) ;
	padding:1.3em 0 1.2em 0.7em;
	z-index:5;
	}
p#backto a 
	{
	background:url(images/link-grey.gif) repeat-x bottom;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	margin-left:1.2em;
	z-index:5;position:relative;
	}
p#backto a:hover
	{
	color:#b1b1b1;
	}
/*faqs */
div.faq h2
	{
	color:#00acef;
	font-size: 1.5em;
	font-weight:bold;
	margin-bottom:0.2em;
	}
div.faq h3
	{
	font-size: 1.6em;
	color:#c8d52d;
	font-weight:normal;
	}
/* =6. hacks */
.cf:after, ul#events li:after, ul#news li:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

.NormalTextBox
{
	background-color: #aaaaaa;
	border: 1px solid black;
	
}

.StandardButton
{
	background-color: #ffffff;
	text-decoration:underline;
	cursor: pointer;
}

#leftbar {
	float:left;
	width:250px;
	border-right:1px solid #BCBDBC;
}

#rightbar {
	width:590px;
	margin-left:280px;
}

#contentarea {
	clear:both;
}

/* styles used by TreeMenu Skin Object */


.Node1
{
 font-weight: bold;
 font-size: 9pt;
 color:#0455AA;
margin-left:5px;
max-width: 180px;
overflow: hidden;
white-space:normal;
padding:5px;
}

.Node2
{
 font-weight: bold;
 font-size: 9pt;
  color:#0455AA;
  white-space:normal;
max-width: 180px;
padding:5px;
margin-left:5px;
}

.NodeOver
{
 font-weight: bold;
 font-size: 9pt;
  color:#000000;
}

.NodeSelected
{
 font-weight: bold;
 font-size: 9pt;
  color:#00ADEF;
 }