@charset "utf-8";

/* 
============================
BROUGHTON INFORMATION CENTRE
Default Stylesheet
============================
*/

/* ====
General
==== */

* {
	margin: 0;
	padding: 0;
}

a {
	outline: 0;
	color: #fff;
}

img {
	border: none;
}

h1 {
	/* Site title */
	font-size: 2em;
	text-indent: -9999px;
	background: url(../binaries/bic-logo.png) no-repeat left top;
	width: 208px;
	height: 77px;
	margin: 30px 0 0 30px;
	float: left;
}

h2 {
	color: #fff;
	font-weight: bold;
	font-size: 1.8em;
	margin-bottom: 1.2em;
}

h2.subBar {
	color: #54d0ed;
	background: #000 url(../binaries/subheading-bg.jpg) repeat-x left top;
	border-bottom: 1px solid #fff;
	font-size: 1.4em;
	padding: 10px;
	margin: 0;
}

hr {
	display: none;
}

body {
	font: 62.5% "Trebuchet MS", Arial, sans-serif;
	background: #2c5e2f url(../binaries/body-bg.jpg) repeat-x left top;
	color: #fff;
}

.clearer {
	clear: both;
}

/* ========
Core Layout
======== */

#outerWrapper {
	width: 840px;
	margin: 0 auto;
}

#contentWrapper {
	width: 684px;
	float: left;
	background: #000 url(../binaries/contentwrapper-bg.jpg) repeat-x left top;
	border: 10px solid #fff;
	margin: 30px 10px 0 0;
	min-height: 500px;
	height: auto !important; /* Keep for none-IE6 */
	height: 500px; /* Min-height for IE6 */
}

#contentWrapper p {
	padding-bottom: 1.8em;
	font-size: 1.2em;
	line-height: 1.3em;
}

#contentWrapper td {
	font-size: 1.2em;
}

#contentWrapper td p,
#contentWrapper td h3 {
	font-size: 1em;
}

#homeFlash {
	float: right;
	width: 356px;
	height: 125px;
}


/* ========
Home columns
======== */

#homeIntro {
	width: 227px;
	float: left;
	margin: 0 20px 0 0;
}

#homeIntro a {
	color: #fff;
	border-bottom-color: #fff;
}

#homeIntro strong {
	font-size: 1.2em;
}

#homeIntro .top {
	height: 26px;
	background: url(../binaries/homeintro-top-bg.png) no-repeat left top;
	width: 100%;
}

#homeIntro .mid {
	background: #0c273d url(../binaries/homeintro-mid-bg.png) repeat-x left top;
	color: #fff;
	padding: 5px 5px 5px 10px;
}

#homeIntro .bot {
	height: 9px;
	background: url(../binaries/homeintro-bottom-bg.png) no-repeat left top;
	width: 100%;
}

#midColHome {
	float: left;
	width: 200px;
	margin: 26px 0 0 0;
}

#latestNews {
	background: url(../binaries/homeintro-mid-bg.png) repeat-x left top;
	padding: 5px;
	color: #fff;
}

#latestNews .item {
	background: #fff;
	padding: 5px;
	color: #000;
	margin: 0 0 5px 0;
	border-bottom: 1px dotted #999;
}

#latestNews .item a {
	color: #000;
}

#latestNews .item p {
	padding: 0;
}

#latestEventHome {
	margin: 26px 0 0 0;
	background:#FFFFFF;
	padding: 5px;
	color:#000000!important;
}

#latestEventHome h2 {
	margin-bottom: 10px;
	color:#000000!important;
}
#latestEventHome a {
	color:#000000!important;
}

#homeRightPic {
	width: 220px;
	background: #fff url(../binaries/home-right-pic.jpg) no-repeat left top;
	float: right;
	height: 386px;
	margin: 0 0 0 0;
}

/* ========
Quick Links
======== */

#quickLinksHome ul {
	list-style: none;
	margin: 0;
}

#quickLinksHome ul li {
	display: inline;
}

#quickLinksHome ul li a {
	float: left;
	display: block;
	width: 228px;
	height: 58px;
	font-size: 1.4em;
	color: #70b85d;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	border-bottom: 1px solid #fff;
}

#quickLinksHome ul li#quickLinkShopping a {	background-image: url(../binaries/quick-links/normal/shopping.jpg); }
#quickLinksHome ul li#quickLinkShopping a:hover {	background-image: url(../binaries/quick-links/hover/shopping.jpg); }
#quickLinksHome ul li#quickLinkDining a {	background-image: url(../binaries/quick-links/normal/dining.jpg); }
#quickLinksHome ul li#quickLinkDining a:hover {	background-image: url(../binaries/quick-links/hover/dining.jpg); }
#quickLinksHome ul li#quickLinkLocal a {	background-image: url(../binaries/quick-links/normal/local.jpg); }
#quickLinksHome ul li#quickLinkLocal a:hover {	background-image: url(../binaries/quick-links/hover/local.jpg); }
#quickLinksHome ul li#quickLinkAccommodation a {	background-image: url(../binaries/quick-links/normal/accommodation.jpg); }
#quickLinksHome ul li#quickLinkAccommodation a:hover {	background-image: url(../binaries/quick-links/hover/accommodation.jpg); }
#quickLinksHome ul li#quickLinkLinks a {	background-image: url(../binaries/quick-links/normal/links.jpg); }
#quickLinksHome ul li#quickLinkLinks a:hover {	background-image: url(../binaries/quick-links/hover/links.jpg); }
#quickLinksHome ul li#quickLinkDaysOut a {	background-image: url(../binaries/quick-links/normal/days-out.jpg); }
#quickLinksHome ul li#quickLinkDaysOut a:hover {	background-image: url(../binaries/quick-links/hover/days-out.jpg); }

/* ========
Local Attraction Links
======== */

#localAttractionsHome ul {
	list-style: none;
	margin: 0;
}

#localAttractionsHome ul li {
	display: inline;
}

#localAttractionsHome ul li a {
	float: left;
	display: block;
	width: 228px;
	height: 100px;
	font-size: 1.4em;
	color: #70b85d;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}

#localAttractionsHome ul li#localAttractionHomeRavenglass a { background-image: url(../binaries/local-attraction-links/normal/ravenglass.jpg); }
#localAttractionsHome ul li#localAttractionHomeRavenglass a:hover {	background-image: url(../binaries/local-attraction-links/hover/ravenglass.jpg); }
#localAttractionsHome ul li#localAttractionHomeMuncaster a { background-image: url(../binaries/local-attraction-links/normal/muncaster.jpg); }
#localAttractionsHome ul li#localAttractionHomeMuncaster a:hover { background-image: url(../binaries/local-attraction-links/hover/muncaster.jpg); }
#localAttractionsHome ul li#localAttractionHomeHaverthwaite a {	background-image: url(../binaries/local-attraction-links/normal/haverthwaite.jpg); }
#localAttractionsHome ul li#localAttractionHomeHaverthwaite a:hover { background-image: url(../binaries/local-attraction-links/hover/haverthwaite.jpg); }

/* ========
Page Title Area
======== */

#pageTitle {
	background: #0a1d2c url(../binaries/pagetitle-bg.jpg) repeat-x left top;
	margin: 20px 0 0 0;
}

#pageTitle h2 {
	color: #fff;
	margin: 0;
	padding: 10px 5px 10px 15px;
	float: left;
}

#pageTitle p.backLink {
	float: right;
	position: relative;
	right: 25px;
	top: 10px;
}

/* ========
Sub Menus
======== */

#subMenu {
	border-top: 2px solid #fff;
}

#subMenu ul {
	list-style: none;
	margin-left: 10px;
}

	#subMenu ul li {
		display: inline;
		float: left;
	}
	
	#subMenu ul li a {
		display: block;
		width: 123px;
		height: 34px;
		text-indent: -9999px;
		margin: 0 10px 0 0;
	}
	
	#subMenu ul li#subItemBB a { background: url(../binaries/sub-menus/accommodation/normal/b&b.jpg); }
		#subMenu ul li#subItemBB a:hover,
		#subMenu ul li#subItemBB a.active { background: url(../binaries/sub-menus/accommodation/active/b&b.jpg); }
	
	#subMenu ul li#subItemCC a { background: url(../binaries/sub-menus/accommodation/normal/caravan-camping.jpg); }
		#subMenu ul li#subItemCC a:hover,
		#subMenu ul li#subItemCC a.active { background: url(../binaries/sub-menus/accommodation/active/caravan-camping.jpg); }
	
	#subMenu ul li#subItemHotels a { background: url(../binaries/sub-menus/accommodation/normal/hotels.jpg); }
		#subMenu ul li#subItemHotels a:hover,
		#subMenu ul li#subItemHotels a.active { background: url(../binaries/sub-menus/accommodation/active/hotels.jpg); }
		
	#subMenu ul li#subItemSelf a { background: url(../binaries/sub-menus/accommodation/normal/self-catering.jpg); }
		#subMenu ul li#subItemSelf a:hover,
		#subMenu ul li#subItemSelf a.active { background: url(../binaries/sub-menus/accommodation/active/self-catering.jpg); }
		
	#subMenu ul li#subItemHostels a { background: url(../binaries/sub-menus/accommodation/normal/hostels.jpg); }
		#subMenu ul li#subItemHostels a:hover,
		#subMenu ul li#subItemHostels a.active { background: url(../binaries/sub-menus/accommodation/active/hostels.jpg); }
		
	#subMenu ul li#subItemPubs a { background: url(../binaries/sub-menus/food-drink/normal/pubs.jpg); }
		#subMenu ul li#subItemPubs a:hover,
		#subMenu ul li#subItemPubs a.active { background: url(../binaries/sub-menus/food-drink/active/pubs.jpg); }	
		
	#subMenu ul li#subItemCafes a { background: url(../binaries/sub-menus/food-drink/normal/cafes-restaurants.jpg); }
		#subMenu ul li#subItemCafes a:hover,
		#subMenu ul li#subItemCafes a.active { background: url(../binaries/sub-menus/food-drink/active/cafes-restaurants.jpg); }	
	

/* ========
Main Content Area
======== */

#mainContent {
	margin: 20px;
	padding: 10px;
	background: #081a28;
	border: 1px dotted #fff;
}

#largePic1 {
	background: #081a28 url(../binaries/main-banners/1.jpg) no-repeat left top;
	height: 218px;
	margin: 20px auto 0 auto;
}

#largePic2 {
	background: #081a28 url(../binaries/main-banners/2.jpg) no-repeat left top;
	height: 218px;
	margin: 20px auto 0 auto;
}

#mainContent .priority {
	background: #fff;
	color: #000;
	font-size: 1.4em;
	padding: 5px;
	font-weight: bold;
	margin: 0 0 10px 0;
}

#mainContent .leftCol {
	width: 290px;
	float: left;
	background: transparent url(../binaries/column-bg.jpg) repeat-x left top;
	padding: 10px;
	min-height: 150px;
	height: auto !important;
	height: 150px;
	margin: 0 0 1.8em;
}

#mainContent .rightCol {
	width: 290px;
	float: right;
	background: transparent url(../binaries/column-bg.jpg) repeat-x left top;
	padding: 10px;
	min-height: 210px;
	height: auto !important;
	height: 210px;
	margin: 0 0 1.8em;
}

#mainContent ul {
	margin: 0 0 1.8em 30px;
}

#mainContent li {
	font-size: 1.2em;
}

#mainContent h3 {
	margin-bottom: 1.8em;
	font-size: 1.4em;
}

#mainContent #cmsItems table {
	border-collapse: collapse;
	border-bottom: 2px solid #fff;
	border-top: 2px solid #fff;
	margin-bottom: 18px;
}

#mainContent #cmsItems table td {
	border: 1px dotted #999;
	padding: 10px;
}

#mainContent #cmsItems table td.name {
	background: #1d435f;
}

#mainContent #cmsItems table td.pic {
	padding: 0;
	width: 120px;
}

#mainContent #cmsItems p {
	margin: 0;
	padding: 0;
}

#mainContent table h3 {
	margin: 0;
}

/* ========
Navigation
======== */

#mainNav {
	width: 120px;
	float: right;
	margin: 240px 0 0 0;
}

	#mainNav ul {
		list-style: none;
	}
	
		#mainNav ul li a {
			font-size: 1.4em;
			text-decoration: none;
			display: block;
			padding: 2px 0;
			color: #ccc;
		}
		
		#mainNav ul li a:hover {
			color: #fff;
		}
		
		#mainNav ul li a.active {
			background: #fff;
			color: #000;
			position: relative;
			margin-left: -16px;
			padding-left: 16px;
		}
		
		#mainNav ul li#globalNavItem a {
			color: #999;
			font-size: 1.1em;
			padding-top: 10px;
		}
		
			#mainNav ul li#globalNavItem a:hover { color: #fff; }

/* ========
Footer
======== */


#footer {
	clear: both;
	width: 704px;
	padding: 5px 0 10px 0;
}

#footer a {
	border-bottom: 1px dotted #ccc;
	text-decoration: none;
}

#footer a:hover {
	border-bottom-style: solid;
}