/* PINK: #e40083
*/
body {
	font: 70% Tahoma, "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #555;	background: #FFF;
	text-align: center;	margin: 0;	padding: 0;
}
a { text-decoration: none; }
a:hover, a:active { text-decoration: underline; }

img { border: none; }
.clearboth { height: 1px; line-height: 1px; overflow: hidden; clear: both; margin: 0; padding: 0; }

h1 { font-weight: normal; font-size: 2.2em; margin: 0 0 16px; }
h2 { font-weight: normal; font-size: 1.9em; margin: 0 0 12px; }
h3 { text-transform: uppercase; font-size: 1.5em; margin: 0 0 6px; }
 h1 a:hover, h1 a:active, h2 a:hover, h2 a:active, h3 a:hover, h3 a:active { text-decoration: none; }

p { margin: 0 0 12px; line-height: 150%; font-size: 1.1em; }
ol li { margin-bottom: 8px; line-height: 150%; font-size: 1.1em; }
ul li { margin-bottom: 8px; line-height: 150%; font-size: 1.1em; }


#container { width: 900px; margin: 0 auto; background: #fff url(assets/bg-page.gif) repeat-y left top; padding: 0 9px; min-height: 600px; text-align: left; }

#topnav { height: 40px; border-bottom: 1px solid #ccc; margin: 0; text-align: right;}
 #topnav ul { list-style-type: none; margin: 0 15px; padding: 12px 0; text-align: right; }
	 #topnav ul li { list-style-type: none; padding: 2px; margin: 0 5px; display: inline; text-align: right; font-size: 1em; line-height: auto;}
	#topnav a { padding: 4px 8px; font-size: 1.2em; font-weight: bold; }
	#topnav a:link, #topnav a:visited, #topnav a:hover, #topnav a:active { text-decoration: none; }
		
#headerbanner { height: 260px; margin: 0; padding: 0; }
 #headerbanner.home { background-color: #000; }
	#headerbanner .logo { margin: 8px 0 0; }		
		
/* ===== MAIN NAV ===== */
#nav { height: 37px; margin: 0 0 22px; text-align: center;  }
 #nav ul { list-style-type: none; margin: 0 4px; padding: 10px 0; line-height: 160%; }
	 #nav ul li { list-style-type: none; padding: 2px 2px 10px; margin: 0 3px; display: inline; font-size: 1em;}
	#nav a { padding: 2px 6px 6px; font-size: 1.2em; font-weight: bold; opacity: 0.999; }
	#nav a:link, #nav a:visited { text-decoration: none; }
	#nav a:hover, #nav a:active { text-decoration: none; background: url(assets/bg-nav-hover.gif) repeat-x left top; }

/* ===== LEFT COLUMNS ===== */
#leftcol { width: 295px; float: left; margin: 0 16px; display: inline; }
 #leftcol .box { background: url(assets/bg-leftcolbox.png) no-repeat left top; padding: 10px 13px;}
 #leftcol .button { background: url(assets/bg-leftcolbox.png) no-repeat left top; padding: 1px 1px 1px 0px;}

 #leftcol p { font-size: 1.1em; margin: 0 0 6px; }
	#leftcol .date { color: #e40083 }
	.sep { color: #bbb; }
	#leftcol #news { position:relative; height: 244px; }
	#leftcol #news .newsstory { background: #fff; width: 269px; position:absolute; top:38px; left:13px; }
	#leftcol #news p { margin: 0 0 2px; }
	#leftcol #news p.more { margin: 0; text-align: right; }
 #leftcol #news .image { float: right; border: 1px solid #ccc; padding: 2px; margin: 0 0 8px 12px; }

	#leftcol #competition, #leftcol #programme { position:relative; height: 100px; }
	 #leftcol #competition img, #leftcol #programme img { float: right; margin: 0 0 0 6px; }
	 #leftcol #competition h2, #leftcol #programme h2 { font-size: 1.7em; }

#main { width: 528px; float: right; margin: 0 16px; display: inline; }
.image { float: right; border: 1px solid #ccc; padding: 2px; margin: 0 0 10px 16px ; }

/* ===== NEWS PAGE ===== */
.news p.date, .newspreview p.date { margin: 0 0 8px; }
.news .image, .newspreview .image { float: left; border: 1px solid #ccc; padding: 2px; margin: 0 16px 10px 0; }
.news .intro { font-size: 1.1em; font-weight: bold; }
.newspreview .intro { font-size: 1.1em; }
.divider { height: 10px; overflow: hidden; clear: left; margin: 5px 0; }


/* ===== GALLERY ===== */
.gallery { width: 152px; float: left; margin: 0 18px 14px 0; text-align: center; font-size: 1.3em; font-weight: normal; }
 .gallery img { margin: 0 auto 4px; }
	.gallery span { display: block; width: 144px; padding: 2px;}
	.gallery a { display: block; width: 148px; border: 1px solid #ccc; padding: 2px; }
 .gallery a:hover, .gallery a:active { text-decoration: none; border: 1px solid #888; }

.gallerylist { width: 116px; float: left; margin: 0 14px 14px 0; text-align: center; font-size: 1.2em; font-weight: normal; }
 .gallerylist img { margin: 0 auto 4px; }
	.gallerylist span { display: block; width: 108px; padding: 2px;}
	.gallerylist a { display: block; width: 112px; border: 1px solid #ccc; padding: 2px; }
 .gallerylist a:hover, .gallerylist a:active { text-decoration: none; border: 1px solid #888; }
	

/* ===== FORMS ====== */

input.textinput, textarea.textinput { background: #fff url(/assets/bg-form-input.png) no-repeat right bottom; padding: 4px; color: #333; 
font: 1em Tahoma, "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;	}
fieldset { margin: 0 0 12px; border: 1px solid #ddd; padding-bottom: 2px;}
 fieldset legend { font-size: 1.3em; }
	fieldset p { margin-left: 0; }
	.contact label, .radio span { display: block; width: 11em; text-align: right; margin-right: 0.8em; float: left; }
	.contact .radio label { display: inline; width: auto; float: none; }
 .radio span.formsmallprint { display: block; width: auto; text-align: left; margin: 0; float: none; font-size: 0.9em; }
.contact .textinput { width: 280px; }
.contact p.button { text-align: center; }	
p.extratext { padding: 1px 25px 3px 11.8em; color: #333; }
.required { color: #d00; font-weight: bold; font-size: 1.1em; }

.formerrors { color: #d00; }
 .formerrors li { font-size: 1.1em; }
 .formerrors li a:link, .formerrors li a:visited { text-decoration: underline; color: #f00; } 
 .formerrors li a:hover, .formerrors li a:active { color: #800; } 


/* ===== FOOTER ===== */
#sponsors { border-top: 1px solid #eee; clear: both; padding: 9px 15px; }

#footer { height: 105px; margin: 0 2px; background: url(assets/bg-footer.png) repeat-x left top; position: relative; padding-top: 3px; }
 #footer .cfflogo { float: left; margin: 0 20px 0 5px; } 
 #footer .bidlogo { float: right; margin: 2px 5px 0 20px; } 
	#footer p { padding: 10px 0 0 30px; }