body {
	background-color:white; 
	background-image:url(/families/images/background.gif); 
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
}

#level1navbar {
	background-color:#FF0042; /* first header row colour */
}

#level2navbar {
	background:#E7E7E7; /* third header row colour */
}
#level2nav ul li a{
	color:#7B0029;
	border-left:1px solid #7B0029; /* colour of the bar between links */
}
#level2nav ul li a:hover{
	background-color:#EDECEC;
	color:#FF0042;
}

a{
	color: #F80140; 
	}

a:hover {
	color: #7B0728; 
	text-decoration: underline;
	}
#content {
	margin-left:12px;
	width:570px;
	}
a.arrowleft {
	background-image:url(/families/images/arrow_l.gif);
	background-repeat:no-repeat;
	padding-left:25px;
	}
a.arrowright {
	background-image:url(/families/images/arrow_r.gif);
	background-repeat:no-repeat;
	padding-left:25px;
	}
p.text.name {
	font-weight:bold;
	}
/*Front page styles */

h2 {
	font-size:1em;
	color:#7b0728;
	padding-bottom:2px;
	border-bottom:1px solid #eeeeee;
	margin-left:-15px;
	padding-left:15px;
}
#content h3 {font-size:0.8em;}
h4 {font-size:0.8em;}

h2.welcome {
	width:560px;
	background:#ffffef;
	text-align:center;
	border-bottom:0px;
	margin-left:0px;
	padding-left:0px;
	}

.frontpage_item {
	margin-top:0px;
	width:180px;
	float:left;
	font-size:0.75em;
	border:1px solid #eeeeee;
	border-top:0px;
	height:30em;
	}
.frontpage_item a span.item_title {
	display:block;
	background:#F80140;
	padding-top:3px;
	padding-bottom:5px;
	color:#ffffff;
	font-weight:bold;
	font-size:1.1em;
	}
.frontpage_item a:hover span.item_title {
	background:#7B0728;
	}
#families_col1 {
	margin-right:10px;
	}
#families_col1 a span.item_title {
	padding-left:10px;
	width:170px;
	}
#families_col1 p.introtext, #families_col2 p.introtext, #families_col3 p.introtext {
	width:160px;
	padding-left:10px;
	margin-top:8px;
	}
#families_col2 {
	margin-right:10px;
	}
#families_col2  a span.item_title {
	text-align:center;
	}
#families_col3  a span.item_title {
	text-align:right;
	padding-right:10px;
	width:170px;
	}
.frontpage_item ul {
	margin-left:5px;
	}
.frontpage_item ul li {
	list-style:url(/families/images/dot.gif) disc;
	margin-bottom:7px;
	}
.frontpage_item ul li:hover {
	list-style:url(/families/images/dot_dark.gif) disc;
	}

/* index page */

ul.boxes {
	width:450px;
	text-align:center;
	padding-left:70px;
	}
ul.boxes.wide {
	width:550px;
	text-align:center;
	padding-left:10px;
	}
ul.boxes li {
	list-style-type:none;
	font-size:0.8em;
	width:150px;
	height:150px;
	float:left;
	margin-top:15px;
	}
ul.boxes li a {
	display:block;
	background-color:#F80140;
	background-image:url(/families/images/beforeindex_img1_light.jpg);
	background-repeat:no-repeat;
	padding-top:130px;
	padding-bottom:2px;
	color:#ffffff;
	font-weight:bold;
	font-size:0.9em;
	width:150px;
	border:1px solid #eeeeee;
	}
ul.boxes li a:hover {
	color:#ffffff;
	background:#7b0728;
	text-decoration:none;
	background-image:url(/families/images/beforeindex_img1_light.jpg);
	background-repeat:no-repeat;
	}

img.img_left {
	float:left;
	margin-bottom:15px;
	clear:left;
	}
.image_left_col {
	float:left;
	margin-right:15px;
	width:185px;
	}

ul.boxes li a#routes {
	background-image:url(/families/images/beforeindex_img2_light.jpg);
	background-repeat:no-repeat;
	}
ul.boxes li a#routes:hover {
	background-image:url(/families/images/beforeindex_img2.jpg);
	background-repeat:no-repeat;
	}
	
	ul.boxes li a#visitingtips {
	background-image:url(/families/images/visitingtips_light.jpg);
	background-repeat:no-repeat;
	}
ul.boxes li a#visitingtips:hover {
	background-image:url(/families/images/visitingtips.jpg);
	background-repeat:no-repeat;
	}
/* visiting tips page */
ul.tips li {
	list-style-type:none;
	margin-left:0px;
	padding-left:0px;
	margin-bottom:22px;
	}
ul.tips li h4 {
	margin-bottom:3px;
	}
.indent {
	position:relative;
	display:block;
	margin-left:64px;
	}
.more_visiting_tips h4 {
	font-size:1.05em;
	margin:0;
	padding:0;
	}
.more_visiting_tips ul.pinkbullets li {
	font-size:1em;
	}
.more_visiting_tips .arrowright {
	float:right;
	}
.visitinginfo {	
	border:1px solid #eeeeee;
	margin-top:20px;
	margin-left:10px;	
	}
.visitinginfo h3{
	font-size:0.8em;
	margin:0px;
	background:#eeeeee;
	padding:4px;
	color:#7B0728;
	}
ul#visitinginfo_links li{
	list-style-type:none;
	font-size:0.75em;
	margin-left:0px;
	padding-left:0px;
	margin-bottom:5px;
	}
ul#visitinginfo_links {
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:0px;
	margin-top:0px;
	}
/* question quiz pages */

.bg_box {
	border-top:1px solid #eeeeee;
	border-left:1px solid #eeeeee;
	border-right:4px solid #d5d5d5;
	border-bottom:4px solid #d5d5d5;
	background:#ffffef;
	width:530px;
	font-size:0.8em;
	padding-left:15px;
	padding-top:15px;
	display:block;
}
.bg_box.quiz {
	width:550px;
	}
.bg_box.quiz .image{
	float:left;
	width:310px;
	overflow:visible;
	font-size:1.1em;
	display:block;
	overflow: inherit;
	}
.bg_box.quiznoscript {
	height:21em;
	}
.bg_box.quiznoscript #quiz_result {
	text-align:center;
	top:20px;
	left:20px;
	clear:right;
	}	
#content .bg_box h3 {
	color:#7b0728;
	font-size:1.1em;
	padding-top:10px;
	margin-bottom:15px;
	margin-top:0px;
	padding-top:0px;
	}
	
.bg_box .gobutton {margin-left:10px; color:#7b0728;}



.credit {clear:left; margin-top:0;}
	
ul.answers {
	margin-left:324px;
	}
ul.answers li {
	list-style-type:upper-alpha;
	margin-bottom:25px;
	}
ul.answers li a{
	vertical-align:middle;
	display:block;
	border:1px solid #eeeeee;
	padding:9px;
	width:170px;
	background:#ffffff;
	}
ul.answers li a:hover{
	border:1px solid #7B0728;
	text-decoration:none;
	font-weight:bold;
	}
.quiznav {
	clear:both;
	height:2em;
	}
.quiznav a {
	display:block;
	width:3em;
	background:#F80140;
	color:#ffffff;
	}
.quiznav a.back {
	float:left;
	padding-left:10px;
	}
.quiznav a.next {
	float:right;
	text-align:right;
	padding-right:10px;
	margin-right:15px;
	}
.quiznav a:hover {
	text-decoration:none;
	background:#7B0728;
	}
#quiz_result {
	position:absolute;
	top:350px;
	left:190px;
	text-align:center;
	}	
#answer_text, #answer_text_true {
	text-align:center;
	display:block;
	width:225px;
	top:0px;
	left:0px;
	font-size:0.8em;
	}
#correct_answer_text {
	display:block;
	width:225px;
	text-align:center;
	top:0px;
	left:0px;
	text-align:center;
	font-size:0.8em;
	margin-top:5px;
	}
#answer_text_true {
	display:block;
	width:225px;
	text-align:center;
	position:relative;
	top:0px;
	left:0px;
	margin-top:5px;
	}
#content h3.quizquestion {
	display:block;
	clear:both;
	font-weight:normal;
	letter-spacing:0.05em;
	}		
	
.answerholder {
/*	font-size:1.2em;
	float:right;*/
	margin:10px 0;
	display:block;
	color:#7b0728;
	}
		
/* recommended routes */

.bg_box.recommendedroutes {
	height:16.5em;
	}
	
ul.routes li {
	list-style-type:none;
	}
#content .bg_box ul.routes li h3 {
	margin-bottom:3px;
	font-size:1em;
	}
ul.routes li p {
	text-align:right;
	padding-right:15px;
	margin-top:3px;
	}
ul.routes {
	padding-bottom:10px;
	margin-left:180px;
	}
ul.pinkbullets li {
	list-style:url(/families/images/dot.gif) disc;
	margin-bottom:4px;
	font-size:0.8em;
	}
ul.recommendedroutes li a#route_britain {
	background-image:url(/families/images/kidsguide_britain.jpg);
	background-repeat:no-repeat;
	}
ul.recommendedroutes li a#route_liverpool {
	background-image:url(/families/images/kidsguide_liverpool.jpg);
	background-repeat:no-repeat;
	}
ul.recommendedroutes li a#route_modern {
	background-image:url(/families/images/kidsguide_modern.jpg);
	background-repeat:no-repeat;
	}
ul.recommendedroutes li a#route_stives {
	background-image:url(/families/images/kidsguide_stives.jpg);
	background-repeat:no-repeat;
	}
/* kids guides page */
.bg_box.kidsguides {
	height:14em;
	}
ul.kidsguides, ul.recommendedroutes {
	padding-left:0px;
	margin-top:5px;
	margin-bottom:0px;
	}
ul.kidsguides li, ul.recommendedroutes li {
	list-style-type:none;
	float:left;
	margin-right:14px;
	margin-left:8px;
	}
ul.kidsguides li a, ul.recommendedroutes li a{
	width:105px;
	display:block;
	background:#F80140;
	padding-top:120px;
	border:1px solid #eeeeee;
	}
ul.kidsguides li a span.item_title, ul.recommendedroutes li a span.item_title {
	width:100px;
	display:block;
	padding-top:3px;
	padding-left:5px;
	padding-bottom:5px;
	background:#F80140;
	color:#ffffff;
	font-weight:bold;
	font-size:0.9em;
	}
ul.kidsguides li a:hover span.item_title, ul.recommendedroutes li a:hover span.item_title {
	background:#7B0728;
	}
ul.kidsguides li a#kidsguide_britain {
	background-image:url(/families/images/kidsguide_britain.jpg);
	background-repeat:no-repeat;
	}
ul.kidsguides li a#kidsguide_liverpool {
	background-image:url(/families/images/kidsguide_liverpool.jpg);
	background-repeat:no-repeat;
	}
ul.kidsguides li a#kidsguide_modern {
	background-image:url(/families/images/kidsguide_modern.jpg);
	background-repeat:no-repeat;
	}
ul.kidsguides li a#kidsguide_stives {
	background-image:url(/families/images/kidsguide_stives.jpg);
	background-repeat:no-repeat;
	}

/*events home */

ul.boxes li a.events_britain {
	background-image:url(/families/images/eventsindex_britain_light.jpg);
	background-repeat:no-repeat;
	}
ul.boxes li a.events_britain:hover {
	background-image:url(/families/images/eventsindex_britain.jpg);
	background-repeat:no-repeat;
	}
ul.boxes li a.events_liverpool {
	background-image:url(/families/images/eventsindex_liverpool_light.jpg);
	background-repeat:no-repeat;
	}
ul.boxes li a.events_liverpool:hover {
	background-image:url(/families/images/eventsindex_liverpool.jpg);
	background-repeat:no-repeat;
	}
ul.boxes li a.events_modern {
	background-image:url(/families/images/eventsindex_modern_light.jpg);
	background-repeat:no-repeat;
	}
ul.boxes li a.events_modern:hover {
	background-image:url(/families/images/eventsindex_modern.jpg);
	background-repeat:no-repeat;
	}
ul.boxes li a.events_stives {
	background-image:url(/families/images/eventsindex_stives_light.jpg);
	background-repeat:no-repeat;
	}
ul.boxes li a.events_stives:hover {
	background-image:url(/families/images/eventsindex_stives.jpg);
	background-repeat:no-repeat;
	}

/* events listing */
.eventimage {
	float:right;
	margin-left:15px;
	margin-right:20px;
	}
li.right {
	list-style:none;
	list-style:none outside;
	background:url(/families/images/arrow_right.gif) no-repeat 0px 1px;
	padding:0 0 0 21px;margin:0;
	}	
#content h3#familyevents {
	font-size:0.8em;
	margin-top:20px;
	}	
p.date_select_text {
	margin-top:5px;
	margin-left:20px;
	background:#F8F8FF;
	font-size:0.8em;
	float:left;
	}
.brief_snippet .heading {
	font-size:0.8em;
	font-weight:bold;
	}
.bg_box.eventslistings {
	font-size:1em;
	padding-bottom:15px;
	}
/* Calendar box styles start here */

.caltable {
	margin-bottom:0px;
	border:1px solid #7B0728;
	margin-left:0px;
	}
.calheading{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 0.7em;
	padding-left:4px;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:2px;
	color:#000000;
	}
.calendar_dropdown{
	margin:1px 0px 0px 0px;
	}
select.calendar_dropdown {
	font-family: Arial, Arial, Helvetica, sans-serif; 
	font-size: 0.75em;
	}
.caltable_day, .caltable_month, .caltable_go {
	padding-top:0px;
	padding-bottom:0px;
	}
.caltable_day {
	padding-left:0px;
	}
.caltable_go {
	padding-left:0px;
	padding-right:0px;
	}


/* after your visit */

ul.boxes li a.recommendaroute {
	background-image:url(/families/images/afterindex_recommendaroute_light.jpg);
	background-repeat:no-repeat;
	}
ul.boxes li a.recommendaroute:hover {
	background-image:url(/families/images/afterindex_recommendaroute.jpg);
	background-repeat:no-repeat;
	}
ul.boxes li a.eventgalleries {
	background-image:url(/families/images/afterindex_eventsgalleries_light.jpg);
	background-repeat:no-repeat;
	}
ul.boxes li a.eventgalleries:hover {
	background-image:url(/families/images/afterindex_eventsgalleries.jpg);
	background-repeat:no-repeat;
	}

ul.boxes li a.kidslink {
	background-image:url(/families/images/kidsonline.gif);
	background-repeat:no-repeat;
	background-color:#50cbcb;
	}
ul.boxes li a.kidslink:hover {
	background-color:#CDEFEF;
	color:#50cbcb;
	}
.bg_box.recommendform {
	font-size:1em;
	}
#feedbackform textarea#recommendform_yourcomments {
	margin-top:5px;
	float:left;
	margin-right:30px;
	height:230px;
	margin-left:10px;
	}	
#feedbackform label {
	display:block;
	float:left;
	margin-bottom:20px;
	margin-top:5px;
	}
#feedbackform input {
	display:block;
	margin-top:10px;
	}
#recommendform_name, #recommendform_location, #recommendform_email {
	margin-top:0px;
	}
#recommendform_send {
	display:block;
	margin-top:15px;
	float:right;
	margin-right:10px;
	}

/* event galleries */
ul.eventgalleries li {
	list-style-type:none;
	clear:left;
	}
ul.eventgalleries li a{
	vertical-align:middle;
	display:block;
	border:1px solid #eeeeee;
	padding:5px;
	width:450px;
	background:#ffffff;
	margin-bottom:15px;
	height:6.3em;
	}
ul.eventgalleries li a img {
	float:left;
	margin-right:10px;
	}
ul.eventgalleries li a:hover{
	border:1px solid #7B0728;
	text-decoration:none;
	font-weight:bold;
	}
ul.eventgalleries li .gallery {
	float:left;
	margin-left:5px;
	margin-top:15px;
	margin-bottom:20px;
	vertical-align:top;
	width:90px;
	height:60px;
	display:inline;
	}
	
ul.eventgalleries li .event {
	float:left;
	vertical-align:top;
	margin-top:15px;
	margin-left:10px;
	width:170px;
	height:30px;
	display:inline;
	}
	
ul.eventgalleries li .date {
	float:left;
	width:170px;
	height:30px;
	margin-left:10px;
	vertical-align:top;
	display:inline;
	}
	
ul.eventimages {
	margin-left:25px;
	}
ul.eventimages li {
	list-style-type:none;
	display:inline;
	margin-left:0px;
	margin-right:4px;
	}

/* ebulletin page */

.bulletin_box {
	border:1px solid #7B0728;
	padding:10px;
	width:350px;
	float:left;
	margin-right:15px;
	}
.bulletin_box label.email {
	font-size:0.75em;
	font-weight:bold;
	margin-bottom:5px;
	display:block;
	}
.bulletin_box .termsconditions {
	font-size:0.75em;
	}
.bulletin_box #subscribe {
	margin-top:15px;
	width:110px;
	height:28px;
	}


/* css for lightbox script */

#lightbox{
	border:1px solid #eeeeee;
	background:#ffffef;
	padding:5px;
	padding-left:15px;
	padding-right:15px;
	z-index:500;
	}
#lightboxDetails{
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left;font-family: Arial, Helvetica, sans-serif;font-size:0.7em;  }
#keyboardMsg{ float: right; }
#closeButton{ top: -15px; right: 4px; }

#lightbox img{ border: none; clear: both; margin-top:18px;} 

#loadingImage {
	background-color:#fff;
	padding:4px;
	border:1px solid #c6c6c6;
	}

/* end of css for lightbox script */


/* colours for text-based rightnav */
ul.rightnav_1 li a{
	background-color:#f80140;
	border-top:1px solid #f80140;
	border-bottom:1px solid #f80140;
	color:#ffffff;
}

ul.rightnav_1 li a:hover, ul.rightnav_1 li a.rnselected{
	border-top:1px solid #7b0728;
	border-bottom:1px solid #7b0728;
	background-color:#7b0728;
	color:#ffffff;
}
ul.rightnav_1 li a.othersection {
	background-image: url('/families/images/outside-link-arrow.gif'); 
}
ul.rightnav_1 li a.othersection:hover {
	background-image: url('/families/images/outside-link-arrow-light.gif'); 
}
.subnav a.othersection {
	background-image: url('/families/images/outside-link-subnav.gif'); 
}
.subnav a.othersection:hover {
	background-image: url('/families/images/outside-link-subnav-light.gif'); 
}
a.external {
	background-image: url('/families/images/outside_link_external.gif'); 
}

@media screen {
	#livbadge1{
		position:absolute;
		top:500px;
		left:700px;
		z-index:1;
	}
	
	#livbadge2{
		position:absolute;
		top:740px;
		left:570px;
		z-index:1;
	}
	
	
}

@media print {
	#livbadge1, #livbadge2{ display:none; }
}
/* end rightnav */