/* TOWNTALK 4.0 - NAVIGATION */


/* ---------------------------- */
/* ACCESS NAV					*/
				
	
	.highlight_nav {
	background-color:#A9CCEC !important;
	color:#003366 !important;
	text-decoration:none !important;
	}
	
	#access_nav {
		float:right;
		font-size:12px;
		text-align:right;
		width:110px;
		}
					
		#access_nav ul { 
			margin: 8px 9px 0 0;
			padding:0;}
					
		#access_nav li { 
			line-height: 140%;
			list-style-type:none;
			margin-left:-6.5px;
			padding-left:0;
			width:110px;}
					
		#access_nav a { color:#485875;}
					
		#access_nav a:hover { text-decoration:underline;}


/* ---------------------------- */
/* MAIN NAVIGATION				*/
		
	body#home a#home_nav,
	body#about a#about_nav,
	body#local_main a#local_nav,
	body#local_main a#attraction_nav_id,
	body#shopping_main a#shopping_nav, 
	body#tbay_main a#tbay_nav,
	body#products_main a#products_nav,
	body#whatson_main a#whatson_nav,
	body#news_main a#news_nav,
	body#tabletalk_main a#table_nav,
	body#tabletalk2_main a#table2_nav,
	body#tabletalk_main a#american_nav_id,
	body#tabletalk2_main a#american_nav_id,
	body#tcm_main a#tcm_nav,
	body#football_main a#football_nav
	{
		background-color:#A9CCEC;
		color:#003366;
	}

	#main_nav {
		background:url("../img/backgrounds/main_nav_background_small.gif") repeat-x;
		height: 36px;
		font-family:Arial, Helvetica, sans-serif;
		margin-left:8px;
		position:relative;
		width:975px;
		border:0;
		
		}
			
		#main_nav ul {
			padding:0;
			position:absolute;
			top:0;
	  		margin-top:0px;
	  		list-style: none;
			z-index:10;
			}
					
		/* _____ MAIN NAV LINKS ____ */
		#index { width:52px;}
		#aboutus { width:55px;}	
		#localinfo { width:75px;}
		#shopping { width:145px;}	
		#whatson { width:55px;}
		#news { width:50px;}
		#tabletalk { width:77px;}
		#tabletalk2 { width:107px;}
		#tcm { width:168px;}
		#contact_link {width:63px;}
		#forum_link {width:53px;}
		#bs_forum_link {width:115px;}
		#restaurant_link {width:85px;}
		#products { width:65px;}
		#tbay { width:115px;  } 
		#football { width :63px;} 
			
			/* burnley */
			#market_link {width:112px;}
			
			
		/* _____ GATEWAY LINKS ____ */
		
		#gw_nav_home {width:50px;}
		#gw_nav_map {width:45px;}
		#gw_nav_pics {width:70px;}
		#gw_nav_jobs {width:45px;}
		#gw_nav_offers {width:99px;}
		#gw_nav_dl {width:80px;}
		#gw_nav_print {width:45px;}
		#gw_nav_contact {width:79px;}
		#gw_nav_reviews { width:64px; }
		#gw_nav_addreview { width:84px; }
		#gw_nav_tbay { width:70px; }
			
			#main_nav li {
				float: left;
				font-size:13px;
				height:26px;
				padding:0;
				position: relative;
				text-indent:8px;
				}
					
				#main_nav li a { 
					color:#FFFFFF; 
					height:24px; /*different in IE6*/
					text-decoration:none;
					padding:7px 0 5px 0;
					display:block;
					}
				 
				#main_nav li a:hover { 
					background-color:#A9CCEC;
					color:#003366;
					text-decoration:none;	
					}
			
				#main_nav li ul {
					display: none;
					position: absolute; 
					left: 0;
					padding:0;
					border:#FFF 1px solid;
					border-top:none;
				  }
				  
				#main_nav li > ul {
					top: auto;
					left: auto;
					}
				#main_nav li ul li{ 
					border-bottom: #FFF 1px solid;
					font-weight: bold;
					padding-bottom:7px; /*different in IE6*/
					width:180px;
					z-index:3;
					}
				#main_nav li:hover ul, #main_nav li.over ul{ 
					background:#A9CCEC; 
					display: block;
					text-indent:5px;
					width:180px;
					}
				
				#main_nav ul li ul li a:hover{ 
					background: url('../img/backgrounds/menu_a_hover_bg.jpg') repeat-x;
					border-bottom: #FFF 1px solid;
					font-weight:bold;
					height:19px;
					padding-bottom:7px; /*different in IE6*/
					}
					

/* --------------------------- */
/* SIDE NAVIGATION			   */
		
	#side_navigation {
		float:left;
		width:198px;
		}
				
		#side_navigation ul {
			margin: 0 0 0 8px;
			padding-left:0;
			}	
		#side_navigation li {
			background-color:#485875;
			color:#FFFFFF;
			display:block;
			height:29px;
			}
						
				#side_navigation li a:link{
				background-color:#FFF;
				border-top: #7AAFE2 1px solid;				
				color:#003366;
				display:block;
				font-size:11px;
				height:16px;
				padding:8px 0 5px 10px;
				}
				
			#side_navigation li a:visited{
				background-color:#FFF;
				border-top: #7AAFE2 1px solid;				
				color:#003366;
				display:block;
				font-size:11px;
				height:17px;
				padding:8px 0 5px 10px;
				}
						
			#side_navigation li a:hover {
				background-color:#8EBAE6;
				color:#FFFFFF;
				}

	/* ------------ LOCAL INFO * ------------ */
	#local_buttons { height:369px; margin-left:10px;	width:446px;}
		
	.local_box1,.local_box2,.local_box3, .local_box4, .local_box5,.local_box6, .local_box7, .local_box8 {
	float:left;
	width:105px;
	height:115px;
	border:1px solid #E4E4E4;
	margin: 1px 4px 4px 0;
	}
	
	/* ---------------- SQUARE ---------------*/
	.local_box1 {background:url(../img/local/black_attractions.jpg) no-repeat;}
	.local_box2 {background:url(../img/local/black_council.jpg) no-repeat;}
	.local_box3 {background:url(../img/local/black_education.jpg) no-repeat;}
	.local_box4 {background:url(../img/local/black_health.jpg) no-repeat;}
	.local_box5 {background:url(../img/local/black_links.jpg) no-repeat;}
	.local_box6 {background:url(../img/local/black_worship.jpg) no-repeat;}
	.local_box7 {background:url(../img/local/black_public.jpg) no-repeat;}
	.local_box8 {background:url(../img/local/black_travel.jpg) no-repeat;}
	
	.local_box1:hover {background:url(../img/local/color_attractions.jpg) no-repeat;}
	.local_box2:hover {background:url(../img/local/color_council.jpg) no-repeat;}
	.local_box3:hover {background:url(../img/local/color_education.jpg) no-repeat;}
	.local_box4:hover {background:url(../img/local/color_health.jpg) no-repeat;}
	.local_box5:hover {background:url(../img/local/color_links.jpg) no-repeat;}
	.local_box6:hover {background:url(../img/local/color_worship.jpg) no-repeat;}
	.local_box7:hover {background:url(../img/local/color_public.jpg) no-repeat;}
	.local_box8:hover {background:url(../img/local/color_travel.jpg) no-repeat;}
	
	/* ---------------- RECTANGLE ---------------*/
	
	.local_rectangle1 {background:url(../img/local/black_eat.jpg) no-repeat;}
	.local_rectangle2 {background:url(../img/local/black_night.jpg) no-repeat;}
	.local_rectangle1:hover {background:url(../img/local/color_eat.jpg) no-repeat;}
	.local_rectangle2:hover {background:url(../img/local/color_night.jpg) no-repeat;}
	
	.local_rectangle1,.local_rectangle2 {
	float:left;
	width:216px;
	height:115px;
	border:1px solid #A4A4A4;
	margin:4px 4px 0 0;
	}

	.local_box1:hover,.local_box2:hover,.local_box3:hover, .local_box4:hover, .local_box5:hover,.local_box6:hover, .local_box7:hover, .local_box8:hover,
	 .local_rectangle1:hover, .local_rectangle2:hover {
	border:1px solid #A4A4A4;}
	
	html > body #local_buttons li a {width:auto;	height:90px;	margin:0;	display:block;	}
	
	#local_buttons ul,#gateway_main_nav ul {margin:0;	padding:0;}
	#local_buttons li,#gateway_main_nav li  {list-style-type:none;	margin:0;	width:100%;	}
	#local_buttons p  {background:#CCCCCC;	border-top:1px solid #999999; padding:5px 0 0 3px; margin:0; height:19px;}
	#local_buttons a  {color:#333;}
	#local_buttons p a:hover {text-decoration:underline;}
	
	/* ________________________ GATEWAY NAV ___________ */
	#gateway_main_nav {	margin-left:8px;}