@charset "utf-8";
/* CSS Document */

@font-face {
	font-family:BankGothic;
	src: url('bankgothic.ttf');
}

html{
	overflow-y:scroll;
	background-color:#efc206;
	background-image:url(/images/bg.png);
	background-repeat:repeat-x;
}

p
{
	margin:0px;
	font-family:Verdana, Tahoma, Arial;
	font-size:10pt;
}

h1
{
font-family:BankGothic, Verdana, Tahoma, Arial;
	border-bottom:1px solid #fff;
	padding-left:10px;
	margin-right:200px;
}

h2{
	font-family:Verdana, Tahoma, Arial;
	margin:15px 10px;
	font-size:14pt;
}

#Header
{
	overflow:hidden;
}
#Header .right
{
	float:left;
	width:770px;
	height:234px;
	background:url(/images/Header.png);
	background-repeat:no-repeat;
}

#Header .left
{
	float:left;
	margin:21px 20px 0px 0px;
}

.centerSurround
{
	margin:0 auto;
	width:1000px;
}

#leftBox
{
	float:left;
	margin:5px 20px;
	font-family:Arial, Helvetica, sans-serif;
	width:700px;
}

#leftBox h1
{
	font-size:18pt;
}

#rightBox
{
	float:left;
	margin:5px 0px;
	width:230px;
}

#rightBox .rightPanel
{
	margin:0px 0px 50px 0px;
}

#rightBox .rightPanel h2
{
	background:#000;
	padding:5px 10px;
	color:#fff;
	font-family:BankGothic, Calibri, Arial;
	font-size:14pt;
}

#mainNavBar
{
	margin:190px 0px 0px 0px;
}

#subNavBar
{
	overflow:hidden;
}

#subNavBar .left
{
	background-image:url(/images/subNavLeft.png);
	background-repeat:no-repeat;
	margin:0px;
	width:15px;
	float:left;
	height:34px;
	line-height:34px;
}

#subNavBar .mid
{
	background-color:#161616;
	width:670px;
	float:left;
	height:34px;
	line-height:34px;
}

#subNavBar ul
{
	padding:0px;
	list-style:none;
	overflow:hidden;
	display:inline-block;

	margin:0px;
	
}

#subNavBar ul li
{
	float:left;
	margin:0px 5px;
}
#subNavBar ul li a
{
	font-family:BankGothic;
	display:block;
	color:#fff;
	text-decoration:none;
	text-align:center;
	padding:0px 10px;
}

#subNavBar div:last-child
{
	background-image:url(/images/subNavRight.png);
	background-repeat:no-repeat;
	overflow:hidden;
	width:15px;
	height:34px;
	line-height:34px;
	float:left;
}

.navBar
{
	padding:0px;
	list-style:none;
	overflow:hidden;
}

.navBar li
{
	float:left;
	margin:0px 5px;
}

.navBar li a
{
	font-family:BankGothic, Verdana, Tahoma, Arial;
	font-size:11pt;
	display:inline-block;
	color:#fff;
	text-decoration:none;
	text-align:center;
	padding:0px 10px;
}

/*Image Gallery*/
.imageGallery
{
	border:0px;
	overflow:hidden;
}

.imageGallery a
{
	border:1px solid #161616;
	display:block;
	float:left;
	background:#e4b700;
	padding:5px;
	margin:10px;
}

.imageGallery a img
{
	border:0px;
}

.LightYellowBox
{
	display:block;
	padding:10px;
	background:#f7ca14;
	border:1px solid #ffd21a;
	font-family:tahoma;
	font-size:11pt;
	margin:10px;
}

#gMap
{
	height:400px;
	border:1px solid #c19e10;
}

a.emailLink
{
	text-decoration:none;
	color:#000;
	font-family:Arial;
} 

#contactBox
{
	overflow:hidden;
}
#contactBox img
{
	float:left;
}
#contactBox h2
{
	float:left;
	height:40px;
	margin:0px;
	padding:0px;
	vertical-align:top;
	font-size:35pt;
	font-weight:normal;
}
#contactBox span
{
	display:block;
	float:left;
	min-height:40px;
	margin-top:60px;
	vertical-align:bottom;
	font-size:20pt;
}

table.CafeOpeningTimes
{
	border:1px solid black;
	margin:0px auto;
}

table.CafeOpeningTimes th
{
	background:#000;
	color:#fff;
	padding:5px 10px;
}


table.CafeOpeningTimes td
{
	padding:5px;
	text-align:center;
}

table.RockSolidProgramme
{
	border:1px solid black;
	margin:0px auto;
}

table.RockSolidProgramme th
{
	background:#000;
	color:#fff;
	padding:5px 10px;
}

table.RockSolidProgramme td
{
	padding:5px;
	text-align:center;
}


/* Twitter Feed */
.twitted h2
{
	border-bottom:1px solid white;
}

ul#twitter_update_list
{
	list-style:none;
	margin:0px 0px 100px 0px;
}

ul#twitter_update_list li
{
	display:block;
	padding:10px 10px 10px 150px;
	background:#f7ca14;
	border:1px solid #ffd21a;
	font-family:tahoma;
	font-size:11pt;
	margin:10px;
	background-image:url("/images/newsTwitter.png");
	background-repeat:no-repeat;
	min-height:68px;
	position:relative;
}
ul#twitter_update_list li span a
{
	color:black;
	position:inherit;
}

ul#twitter_update_list li a
{
	position:absolute;
	bottom:10px;
	right:10px;
}