/* UKBFF CSS - GARY SIMMONS - WWW.G-SIMMONS.CO.UK */

/* RESET */
html, body, div, h1, h2, h3, h4, ul, ol, li, form, fieldset, input, textarea {margin: 0; padding: 0; font-size: 100%;}
a {text-decoration:none; outline:none;}
ul {list-style: none;}
img, fieldset {border: 0; outline:none;}
h1, h2, h3 {font-weight: normal;}
em {font-style: italic;}
strong {font-weight: bold;}

/* CSS START */
body {
	font-family:Arial, Helvetica, sans-serif;
}

html, body {
/*	background:url(images/ukbffbg.jpg) top center #170f02 no-repeat fixed; */
	background:url(images/ukbffbgg3.jpg) center #170f02 repeat-y fixed;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

a {
	cursor:pointer;
}

ol {
	color:#333;
	font-size:14px;
	font-weight:bold;
	margin:0 0 20px 20px;
}

	ol li {
		padding-bottom:20px;
	}
	
	ol span {
		font-size:12px;
		font-weight:normal;
		color:#666;
	}
	
hr {
	height:1px;
	background:#CCC;
	color:#999;
	border:0;
}

h1 {
		font-size:20px;
		font-weight:normal;
		color:#C60;
		border-bottom:1px dotted #999;
		padding-bottom:10px;
		margin-bottom:25px;
}
	
	h1.box {
		border:0;
	}
	
	h1 span {
		font-size:12px;
		font-weight:bold;
		color:#666;
	}
	
	h1.latestevent {
		margin:0;
		width:286px;
		font-size:16px;
		font-weight:bold;
		color:#C60;
		border:1px dotted #C60;
		padding:10px 13px;
		margin-bottom:10px;
	}
	
	h1.latestevent span a {
		color:#333;
	}
	
	h1.latestevent span a:hover {
		color:#C60;
	}
	
	h1.latestevent strong a {
		font-size:12px;
		font-weight:normal;
		color:#999;
	}
	
	h1.latestevent strong a:hover {
		color:#C60;
	}
	
h2 {
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	background-color:#C60;
	padding:5px 7px;
}

h3 {
	font-size:12px;
	font-weight:normal;
	color:#666;
	background-color:#EAEAEA;
	padding:5px 7px;
	margin:0 0 10px 0;
}

h4 {
	font-size:16px;
	font-weight:bold;
	color:#C60;
	padding:0 0 20px 0;
}

a.download { font-size:12px; font-weight:bold; color:#CCC; padding:3px 7px; background:#333; }
a.download:hover { color:#FFF; background:#C60; }

p {
	font-size:12px;
	color:#333;
	line-height:1.5em;
}

p a { color:#c60; }
	p a:hover {	color:#000;	}
	p.large a span { display:block; font-size:12px; margin-top:-8px; font-weight:normal;}

p.large { font-size:16px; font-weight:bold; }

p a.pdf {
	font-size:12px;
}

p.live {
	font-size:16px;
	font-weight:bold;
	background:#C60;
	text-align:center;
	color:#FFF;
	padding:10px 0;
	margin:0 0 20px 0;
	text-transform:uppercase;
}

p.live:hover {background:#333;}

p span {
	color:#C60;
}

p a img, p img {
	vertical-align:middle;
}

p.sponsor {
	color:#c60;
	font-size:16px;
	margin-bottom:-10px;
}

p.col1 { position:absolute; top:582px; left:197px; width:150px; } 
p.col2 { position:absolute; top:582px; left:362px; width:150px; }
p.col3 { position:absolute; top:582px; left:527px; width:60px; }
p.col4 { position:absolute; top:582px; left:600px; width:155px; }
p.col5 { position:absolute; top:582px; left:769px; width:155px; }
p.col6 { position:absolute; top:582px; left:937px; width:121px; }

p.col1row1 { position:absolute; top:752px; left:197px; width:150px; }
p.col2row1 { position:absolute; top:752px; left:362px; width:150px; }
p.col3row1 { position:absolute; top:752px; left:527px; width:60px; }
p.col4row1 { position:absolute; top:752px; left:600px; width:155px; }
p.col5row1 { position:absolute; top:752px; left:769px; width:155px; }
p.col6row1 { position:absolute; top:752px; left:937px; width:121px; }

p.col1row2 { position:absolute; top:925px; left:197px; width:150px; }
p.col2row2 { position:absolute; top:925px; left:367px; width:150px; }
p.col3row2 { position:absolute; top:925px; left:527px; width:60px; }
p.col4row2 { position:absolute; top:925px; left:600px; width:155px; }
p.col5row2 { position:absolute; top:925px; left:769px; width:155px; }
p.col6row2 { position:absolute; top:925px; left:937px; width:121px; }

p.col1row3 { position:absolute; top:1270px; left:197px; width:150px; }
p.col2row3 { position:absolute; top:1270px; left:367px; width:150px; }
p.col3row3 { position:absolute; top:1270px; left:527px; width:60px; }
p.col4row3 { position:absolute; top:1270px; left:600px; width:155px; }
p.col5row3 { position:absolute; top:1270px; left:769px; width:155px; }
p.col6row3 { position:absolute; top:1270px; left:937px; width:121px; }

p.col1row4 { position:absolute; top:1560px; left:197px; width:150px; }
p.col2row4 { position:absolute; top:1560px; left:367px; width:150px; }
p.col3row4 { position:absolute; top:1560px; left:527px; width:60px; }
p.col4row4 { position:absolute; top:1560px; left:600px; width:155px; }
p.col5row4 { position:absolute; top:1560px; left:769px; width:155px; }
p.col6row4 { position:absolute; top:1560px; left:937px; width:121px; }

p.col1row5 { position:absolute; top:1710px; left:197px; width:150px; }
p.col2row5 { position:absolute; top:1710px; left:367px; width:150px; }
p.col3row5 { position:absolute; top:1710px; left:527px; width:60px; }
p.col4row5 { position:absolute; top:1710px; left:600px; width:155px; }
p.col5row5 { position:absolute; top:1710px; left:769px; width:155px; }
p.col6row5 { position:absolute; top:1710px; left:937px; width:121px; }

p.col1row6 { position:absolute; top:1910px; left:197px; width:150px; }
p.col2row6 { position:absolute; top:1910px; left:367px; width:150px; }
p.col3row6 { position:absolute; top:1910px; left:527px; width:60px; }
p.col4row6 { position:absolute; top:1910px; left:600px; width:155px; }
p.col5row6 { position:absolute; top:1910px; left:769px; width:155px; }
p.col6row6 { position:absolute; top:1910px; left:937px; width:121px; }



/* MENU START */
#ukbffNav {
	margin:0 auto 30px auto;
	width:912px;
	height:34px;
	border-bottom:2px solid #FC0;
}

#ukbffNav ul.left, #ukbffNav ul.right {
	list-style:none;
}

#ukbffNav ul.left {float:left;}
#ukbffNav ul.right {float:right;}
#ukbffNav ul.left li a {float:left;}
#ukbffNav ul.right li a {float:right;}

#ukbffNav ul.left li, #ukbffNav ul.right li {
	display:inline;
}

#ukbffNav ul.left li a, #ukbffNav ul.right li a {
	display: block;
	height: 23px;
	background:#3c2704;
	color:#C66D14;
	font-size:10px;
	font-weight:bold;
	padding: 11px 13px 0 13px;
	margin-right:1px;
	text-transform:uppercase;
}

#ukbffNav ul.left li a:hover, #ukbffNav ul.right li a:hover {
	color:#FC0;
	padding-top:10px;
	height:24px;
}

/* end of menu */

#wrapper {
	width:912px;
	padding-top:30px;
	margin:0 auto;
	text-align:left;
}

#logo {
	height:200px;
	clear:both;
	padding-bottom:10px;
}

#logo img.sponsor {
	float:right;
	padding-top:40px;
}

#logo img.ukbfflogo {
	float:left;
}

#biglogo {
	width:100%;
	text-align:center;
	padding-top:50px;
	clear:both;
	padding-bottom:10px;
}

#intro {
	height:100px;
	clear:both;
}
	
	#intro .introwords {
		float:left;
		padding-top:20px;
	}
	
	#intro a .liveresults {
		float:right;
		background:url(images/liveresults.png) no-repeat top;
		width:86px;
		height:82px;
		overflow:hidden;
		margin-left:10px;
	}
	
	#intro a .liveresults:hover {
		background-position:bottom;
	}
	
	a .review {
		background:url(images/latestReview.png) no-repeat;
		text-align:center;
		font-size:12px;
		font-weight:bold;
		text-transform:uppercase;
		padding-top:39px;
		width:238px;
		height:44px;
		float:right;
		color:#FC0;
	}
	
	a .review:hover {
		color:#FFF;
	}
	
#grid { margin:0; padding:0; width:700px; float:left; }

	#grid a .block {
		background:url(images/block.png) no-repeat top;
		height:210px;
		width:224px;
		overflow:hidden;
		float:left;
		margin-right:5px;
	}
	
	#grid a .block:hover {
		background-position:bottom;
		color:#111;
	}
	
	#grid a .block img {
		padding-left:12px;
		padding-top:14px;
	}
	
	#grid a .block h1 {
		text-transform:uppercase;
		color:#FFF;
		font-size:14px;
		font-weight:bold;
		padding:13px 0 0 25px;
	}
	
	#grid a .block h1 span {
		text-transform:uppercase;
		font-size:9px;
		font-weight:normal;
		color:#FFF;
	}

#coursead { margin:0; padding:0; padding-left:100px; padding-top:12px; width:224px; float:left; }

	#coursead a .block {
		background:url(images/block2.png) no-repeat top;
		height:182px;
		width:224px;
		overflow:hidden;
		float:left;
		margin-right:5px;
	}
	
	#coursead a .block:hover {
		background-position:bottom;
		color:#111;
	}
	
	#coursead a .block img {
		padding-left:12px;
		padding-top:14px;
	}
	
	#coursead a .block h1 {
		text-transform:uppercase;
		color:#FFF;
		font-size:14px;
		font-weight:bold;
		padding:13px 0 0 25px;
	}
	
	#coursead a .block h1 span {
		text-transform:uppercase;
		font-size:9px;
		font-weight:normal;
		color:#FFF;
	}
	
#mainColumn {
	float:left;
}

	#mainColumn .block {
		width:650px;
		background-color:#FFF;
		padding:25px 25px 5px 25px;
		min-height:385px;
	}

	#mainColumn .blockshop {
		width:862px;
		background-color:#FFF;
		padding:25px 25px 5px 25px;
		min-height:385px;
	}
	
	#mainColumn .blocknews {
		width:862px;
		background-color:#FFF;
		padding:25px 25px 5px 25px;
		min-height:160px;
	}

	#mainColumn .foot {background:url(images/contentFoot.png) no-repeat; height:25px;}

#sidebar, #sponsors {
	float:right;
}

	#sponsors {padding-top:10px; width:200px;}
	#sidebar .block {width:160px}	

	#sidebar .block, #sponsors .block {
		min-height:150px;
		background-color:#C60;
		padding:20px;
		padding-bottom:5px;
	}

	#sidebar h1, #sponsors h1 {
		font-size:16px;
		font-weight:normal;
		color:#FFF;
		border-bottom:1px dotted #C90;
		padding-bottom:10px;
		margin-bottom:10px;
	}
	
	#sidebar a img, #sponsors a img {
		margin-bottom:5px;
	}
	
	#sidebar .foot, #sponsors .foot { background:url(images/sideFoot.png) no-repeat; height:25px;}
	
#footer { width:900px; clear:both; padding:20px 0; }
	#footer .contact {margin-left:140px; padding-top:45px;}
	#footer .ministry {float:right; padding-bottom:50px;}
	#footer .ministry a { float:right; }

.spacer { height:10px; clear:both; }

.clearer {
	clear:both;
}

/* SLIDERS */

.sliders {}
.leftcol { width:315px; float:left; }
.rightcol { width:315px; float:right; margin-left:20px;}

.menuTrigger {
	border-bottom:1px dotted #C60;
	padding-bottom:10px;
	margin-bottom:10px;
}

.menuTrigger a {color:#666; font-size:12px; font-weight:bold;}
.menuTrigger a:hover {color:#333; }
.menuTrigger.active a {color:#C60; font-size:18px; font-weight:normal;}

.menuTrigger a span {color:#C60; font-size:10px; font-weight:bold;}
.menuTrigger.active a span {color:#999; font-size:12px; font-weight:normal;}

.menuButton { display:inline;}

.toggle_container img {
	float:right;
	padding:0 0 10px 10px;
}

.toggle_container ul {
	margin:13px 0 13px 13px;
}

.toggle_container li {
	font-size:11px;
	color:#c60;
	padding:5px 0;
	border:0;
}

li {
	font-size:12px;
	font-weight:bold;
	padding:10px 0;
	border-bottom:1px solid #ccc;
	color:#333;
}

li a { color:#c60; 

}

ul.archive { margin-bottom:15px;}
ul.archive li {
	border:0;
	padding:3px 0;
	font-weight:normal;
}
ul.archive li.head {
	color:#C60;
	font-weight:bold;
}