/* CSS Document */

body { font-family:tahoma, arial, sans-serif; color:#000033; font-size:11px; background-color:#1c2a45; }
body * { margin:0px; padding:0px;}
a { text-decoration:none; color:#48469c;}
a:hover { color:#ec008c; } 
p{ line-height:1.6em; padding:5px 0px 20px 5px; }
ul{ }
ul li{ list-style:url(/_images/bullet-point.jpg); line-height:1.6em;}
hr { }
h1 { color:#003366; font-size:16px; padding:10px 0px 10px 0px; font-weight:bold; font-family:Tahoma, Arial, Helvetica, sans-serif}
h2 { font-size:11px; color:#003366; padding:5px 0px 5px 0px;}
h3 { font-size:11px; color:#003366; font-weight:bold; padding:10px 0px 10px 0px}
h4 { font-size:11px; color:#48469c; font-weight:bold; padding:0px 0px 0px 0px}
img { }

#list {
	line-height:1.8em;
	padding-left:40px;
	padding-right:40px;
	list-style:url(/_images/list-point.jpg)
}
#list li{ 
	padding-left:5px;
 }

.preloadPic { display:none;}
.spacerClear{overflow:hidden;height:0;margin:0;padding:0;clear:both}
.bodytwoCol { float:left; width:100px;}
#backRepeater{;width:940px;margin:0 auto; }

.floatRightPic {float:right; clear:right; margin:10px;}
.polaroid { padding:5px; float:right; clear:right; margin:25px 0px 20px 20px; text-align:center; border:1px solid #CCCCCC; }
.polaroid p { padding:5px; text-align:center; }

#SiteShadow{ width:940px; margin:0 auto; background:url(/_images/shadow-main.png) repeat-y center top}
#Site-Container{width:920px; margin:0 auto; }

#Site-HeaderId  { height:51px; padding:0px; margin:0px}
#topTextBox { }
	.siteSlogan { }
	.siteMapPara { }
		#toprightbox { vertical-align:middle}
			#topRightBox a { vertical-align:top}
	.Logo { padding:30px 10px 30px 20px;}
	.Logo a { align:left}
		#imageBox { width:920px; height:178px; border-top:1px solid #48469c; border-bottom:1px solid #48469c;}
	.tourism {font-family:"Gill Sans MT", Arial, Helvetica, sans-serif; color:#ec008c; font-size:39px; font-weight:bold; float:left; margin:0px 10px;}
	.liverpool {font-family:"Gill Sans MT", Arial, Helvetica, sans-serif; color:#48469c; font-size:39px; font-weight:bold; float:left; margin:0px 30px 0px 0px; }

/* Navigation section */
#Site-Navigation { height:33px; }
	#navItems { }
	#Site-Navigation h1 { }
	#Site-Navigation ul { }
	#Site-Navigation ul ul {  }
	#Site-Navigation li {  }
	#Site-Navigation a {  }
		#Site-Navigation a:hover { }
	
	/* Shows current page highlight in Nav - also used to show sub menus! */
	#Site-Navigation .navCurrent a { color: #48469c; font-weight:bold; } 
		#Site-Navigation .navCurrent a:hover { }
		
		#Site-Navigation .navCurrent ul {  }
		#Site-Navigation .navCurrent ul a {  }

/* Content section */
#Site-Content  { } 
	#Site-Content strong { }
	#Site-Content .subNav { }
		#Site-Content .subNav li { }
			#Site-Content .subNav li a { }
				#Site-Content .subNav li a:hover { }
			
/* right column */
#middleColumn{width:665px; float:left;  }
		#middleColumn .contentFloatPic{float:right;margin:0 0 2em 2em}
		#middleColumn ul { margin-left:20px;}
		#middleColumnContainer { }
		
#Text {width:665px; padding:5px 10px 0px 10px; overflow:hidden; border:1px solid #CCCCCC; margin:10px 10px 10px 0px;}

#Top-Text {width:665px; padding:5px 10px 0px 10px; overflow:hidden; border:1px solid #CCCCCC; margin:10px 10px 10px 0px; background:url(/_images/body-bg.jpg) no-repeat}

#events {width:665px; padding:5px 10px 0px 10px; overflow:hidden; margin:10px 10px 10px 0px;}
		
#rightColumn{font-size:11px;width:190px;float:left; padding:5px 0 0 10px; margin:10px 5px 10px 10px; background:url(/_images/left-bg.jpg) no-repeat; border:1px solid #CCCCCC}
	#rightColumn .columnLogo { margin:30px; }
	#rightColumn .rhBlock{margin-bottom:1em;padding:0 10px 5px 10px}
	#rightColumn .parentNavContainer h2{ font-size:12px;  font-weight:bold; }
	#rightColumn .subNavContainer h2{  }
	#rightColumn .rhBlock h2{ }


/* Page Subnavigation */

	.parentNavContainer { }
	.subNavContainer { }
	.subNavContainer ul , .parentNavContainer ul{ padding-bottom:20px; list-style:none; display:block; }
	.subNavContainer li , .parentNavContainer li{  list-style:none}
	.subNav .even , .parentNav .even{ }
	.subNav a , .parentNav a{ line-height:2em;  }
	.subNav .even a , .parentNav .even a{ }
		.subNav a:hover , .parentNav a:hover { background-color:#f3f3f3;display:block; width:180px; }
		.subNav .even a:hover , .parentNav .even a:hover{ }

 /* Shows current page highlight in SubNav */
		.subNav .navCurrent:hover { }

/* Footer section */
#Site-Footer{height:50px; background:url(/_images/footer.png) no-repeat left bottom; width:920px; clear:both; padding:0px 20px 0px 20px; font-size:11px; margin-left:10px; line-height:1.5em; }
	#Site-Footer a { }
		.Breadcrumb { }

/* Weather page bits */

#weatherRSS {  }
#currentConditions { padding-right:20px; float:left; width: 250px; display:table; }
	#currentConditions p      { display:table-row; line-height:160%;}
	#currentConditions strong { display:table-cell; }
	#currentConditions em     { display:table-cell; }
	
#threeDayForecast { padding-left: 20px; float:left; width:300px; clear:right;  }
	#threeDayForecast p { padding-top:10px; padding-bottom:35px; }
		#threeDayForecast p img { float:right; margin-left: 20px; }
	#threeDayForecast .highTemp { color:#FFF; padding: 3px; background:#FF6600; margin-right: 5px; float:left; margin-top:.8em;}
	#threeDayForecast .tempSep  { display:none; visibility:collapse; }
	#threeDayForecast .lowTemp  { color:#FFF; padding: 3px; background:#6699CC; float:left; margin-top:.8em;}
	
.weatherComAuLink { font-size:80%; clear:both; }

/* Search bits */

#searchContainer { }
	#searchForm { }
	#searchForm .text { width:300px;}
	#searchForm .select { } 
	#searchForm .button { } 
	#searchForm .checkbox { margin-top:10px; ; padding-right:10px; }
	
	#searchContainer h3 { margin-top:20px; }
	#searchContainer a {  }
	#searchContainer .resultPara { margin-top:10px; }
	#searchContainer .result {margin-top:20px; }
	#searchContainer .extractPara { margin-top:3px }


/* Photo Gallery */

#photoGalleryContainer {  margin-left:auto; margin-right:auto; width:665px;  }
	#photoGalleryContainer a { }
		#photoGalleryContainer a:hover { }
	#photoGalleryContainer img { padding:15px; border:1px solid #CCCCCC; margin:1px }

/*  Google Map */

#gMapContainer { width:665px; height:600px; padding-bottom:35px  }
	.gMapSearchForm { margin:0.5em 0; padding:0;  }
		.gMapSearchField { width:60%; }
		.gMapSearchButton {  }
		.gMapSearchNote { font-size: 75%; }
	
	#gMapContainer.expandedMap { position:absolute; background: #FFF; padding:10px; }

#googleMap { width:100%;
height:100% }

#gMapExpander { text-align:right; padding:10px 0px 10px 0px; }
	#gMapExpander a { color: #666; font-size:110%; }
#gMapLocation {display:none;}

/* news stuff */

#newsList { border-bottom: 1px dotted #CCC; width:550px; padding-left:20px; padding-top:20px;  }
	#newsList .newsItem { border-bottom:1px dotted #CCC;  padding: 7px; margin: 0 0 5px 0; cursor:pointer; background-color:#f1f1f1;}
	#newsList .newsItem:hover { }
	#newsList .newsItem h3 { font-size:100%; font-weight:bold; margin-bottom:0; }
	#newsList .newsItem p  { margin-top:8px; }
	#newsList .newsItem a {  }
	#newsList .newsItem:hover p  {display:block; visibility:visible;  }
	#newsList .newsLink { font-size: 80%; font-style:italic; }
	#newsList .newsLink  a { font-size: 90%;  }
	
	
/* Contact Form */

#ContactForm { }
	#ContactForm p { text-align:left; }
	#ContactForm input { margin-top:20px; font-size:11px; color:#524a33; padding:4px; }
	#ContactForm textarea { margin-top:20px; font-size:11px; color:#524a33; padding:4px; }
	#ContactForm button {  }
	
/* Editor Styles */
#Editor-Area { color:#FFFFFF }
#Editor-Area h2{ color:#FFFFFF }
	#updatedfile { width:80%; height:550px; margin-left:auto; margin-right:auto}
	#editorInstructions { width:80%; padding-left:35px }
	#editorInstructions p{ color:#FFFFFF }
	#editorInstructions h2 { color:#48469c; font-weight:bold}


/* Guest Book comment Styles */

	#GuestBook p { }
	#GuestBook input { }
	#GuestBook textarea { }
	#GuestBook button { }
	
/*Guest Book reading the comments */
	
#GbContainer { border:1px solid #d3d3d3; width:640px; margin-top:20px; }
#GbSign { padding:8px 8px 13px 8px; border-bottom:1px dotted #d3d3d3;  background-color:#48469c;}
#GbSign a { color:#FFFFFF; text-decoration:underline;}
#GbNumber { padding-top:8px; border-right:1px dotted #d3d3d3; border-bottom:1px dotted #d3d3d3; width:25px; }
#GbWhoWhen { padding-top:8px;}
#GbMainComments { padding:5px; color:#878787;}
#GbDetailContainer { padding:5px; border-bottom:1px dotted #d3d3d3; padding-bottom:30px;}
#GbDelete { border-bottom:1px dotted #d3d3d3;}
#GbPageNumber { background-color:#48469c;}

/*Guest Book add entry box */
#GuestBookAddContainer {  border:1px solid #d3d3d3; background-color:#48469c; padding:5px;}
#GbName { text-align:left;}
#GbComment {  text-align:left;}
#GbCode {  text-align:left;}
#GbSubmit { }

/*  Site map */

.siteMapContainer {  padding-left:30px;  }
	.siteMapContainer h3 { padding-left: 26px; background:url(/_images/_site-map-bits/server.gif) no-repeat left top; padding-bottom:20px; }
	.siteMapContainer ul { margin:0 inherit; padding:0 inherit; list-style:none; padding-left:15px; }
	.siteMapContainer ul li { margin:1em inherit; padding:0 inherit; list-style:none;  }
	.siteMapContainer ul ul { border-left:1px dashed #333333; margin:0 0 0 3px; padding-left:3em;}
		.siteMapContainer ul li a { padding:4px 0 4px 26px; background:url(/_images/_site-map-bits/html.gif) no-repeat left top; line-height:180%; }

/* --- QT Viewer bits --- */

#qtviewBody { background:#000; padding:0; margin:0; }
	.qtviewLabel        { height:35px; overflow:hidden; }
	  .qtviewLabel h1   { margin:0; font-size: 18px; color: #FFF; font-weight:bold; padding:8px 0; text-align:center; line-height:18px; }    	
	#qtviewPlayer       {  }
	.qtviewInstruct     { font-size:11px; font-family:Tahoma, Verdana, Arial, sans-serif; padding:7px; color:#FFF; text-align:center; }
	  .qtviewInstruct a { color:#FFF; text-decoration:underline; }  
	
/* Translator div */
#gTranslateLinks { }
	#gTranslateLinks img { cursor: pointer; }
	
#LHBarcurrentConditions{display:none}
#LHBarthreeDayForecast{ }
#LHBarthreeDayForecast p{border-bottom:1px dotted #CCC; padding:0.6em 0;margin:0}
#LHBarthreeDayForecast p img{float:right; margin:0 1em; position:relative;top:-7px}
#LHBarthreeDayForecast .highTemp{}
#LHBarthreeDayForecast .tempSep{}
#LHBarthreeDayForecast .lowTemp{}

.bodytwoCol     { width: 200px; padding-right:10px; float:left; }
.bodytwoCol p   { margin-top:0; }
.bodythreeCol   { width: 200px; padding-right:10px; padding-left:20px; float:left; border-left:1px solid #CCCCCC }
.bodythreeCol p { margin-top:0; }
.bodyfourCol   { width: 300px; padding-right:10px; padding-left:5px; float:left; }
.bodyfourCol p { }