/*
	template: Polegate Town
	author:   SVG
*/

* { margin: 0; padding: 0; }
body { font: .74em Tahoma, Verdana, Sans-Serif, Arial; background: url(../images/body.gif) repeat; color: #7f7f7f; text-align:center; /* for IE */ margin:0 auto; /* for the rest */}
 }
h1 { font: normal 3.4em "Trebuchet MS", Helvetica, Arial; }
h2 { font: normal 1.8em "Trebuchet MS", Helvetica, Arial; color: #fff; margin: 0 0 15px; }
h2 a {color:#fff;}
h2 a:hover {color:#EE7022;}
h3 { font: normal 1.6em "Trebuchet MS", Helvetica, Arial; margin: 0 0 10px; color:#EE7022; }
h4 { font: normal 1.4em "Trebuchet MS", Helvetica, Arial; margin: 0 0 4px; }
p { margin: 0 0 15px; line-height: 1.6em; }
a { outline: 0; color: #EE7022; text-decoration: none; }
a:hover { outline: 0; color: #fff; text-decoration: none; }

li { list-style: none; }
img { outline: 0; border: 0; }
#wrapper { }
.clr { clear: both; }
#logobanner {
    position: relative;
    width:940px;
}
#sponsorfa {
    position: absolute;
    top:45px;
    right:20px;
}
#logo { float: left; padding: 30px 15px; }
#logo h1 a { color: #fff; }
#logo h1 a span { color: #808080; }
#menu { height: 44px; padding: 5px 0 0 4px; }
#menu li { float: left; font-size: 1.3em; text-transform: uppercase; }
#menu li a { color: #888; margin: 0 50px 0 0; }
#menu li a.current, #menu li a:hover { color: #fff; }			
#logobanner { clear: both; height: 180px; margin: 0 0 0px; text-align:left;}
#logobanner h1 { font-size: 2.4em; color: #304D6F; margin: 0 0 20px; }
#logobanner em { font-size: 1.3em; font-weight: bold; line-height: 1.6em; }
.content { background: url(../images/content.gif) repeat; margin:0 auto; padding:20px 0px 20px 20px; width:960px;height:auto;}
.link { color: #ee7022; padding: 0px; font-size: .9em; }
#main { padding: 20px 20px 20px 20px; width:940px; margin: 0 auto; display:block; clear:both;}
#main .col { float: left; width: 292px; margin: 20px 30px 15px 0; text-align:left;height:235px;}
#main .col.last {width:265px;}
.col { float: left; width: 292px; height:388px; margin: 20px 30px 15px 0; text-align:left;}
.col.last { margin-right: 0; }
.case img { float: left; clear: left; margin: 0 20px 20px 0; background: #121212; padding: 3px; }
.short { padding: 0 0 0px 0; margin:0px; font-size:1em; line-height:1.4em;}
.case a, .article a { color: #ddd; font-weight: bold; }
.date { font-size: .84em; margin: 0 0 5px 0px; padding-bottom:5px; text-align:right; background: url(../images/line.gif) repeat-x left bottom;}
#footer { clear: both; padding: 20px 20px 10px; font-size: .9em; margin:0 auto;text-align:left;/*background:transparent url(../images/content.gif) repeat scroll 0 0;*/ width:940px;}
#footer a { color: #ccc; margin: 0 10px 0 0; padding: 0 0 1px; }
#footer a:hover {color:#EE7022;}
#links { float: right; }
#links a { margin: 0 0 0 10px; }
#footer p { margin: 0 0 8px; }
#sponsors { padding: 20px 20px 0px 20px; background: url(../images/content.gif) repeat;}
#sponsors h2 {text-align:center;}
.shortcuts { clear:left; margin-top:20px; }
.short a {color:#fff;}
.short a:hover {color:#EE7022;}
.sponsors img {	display:inline; margin-right:20px; margin-bottom:30px; text-align:center;}
.sponsors {margin-top:20px; text-align:center; /*background: url(../images/line.gif) repeat-x left top;*/}

.article h4 {padding:6px 0px 6px 0px; background:transparent url(../images/line.gif) repeat-x scroll left bottom;}
.article h4 a, .col.last h4 a {color:#fff;}
.article h4 a:hover, .col.last h4 a:hover {color:#EE7022;}

.news h4 {padding:5px 0px 0px 0px;}
.news h4 a, .news h4 {color:#fff;}
.news h4 a:hover, .col.last h4 a:hover {color:#EE7022;}

#committee .newsblock img {
    float:left;
    margin-left:20px;
}

#news .col, #committee .col { float: none; width: 940px; margin: 20px 30px 15px 0; text-align:left;}
#news .col h2, #committee .col h2  {
	margin-left:20px;
	color:#ff6600;
}
#news .newsblock, #committee .newsblock {
	float:left; 
	clear:both;
	display:block;
	margin-bottom: 20px;
}

#news .col span, #committee .col span {width:120px;height:100px; float:left;display:block;}
#news .col span.ff {
	background:transparent url(../images/fantasy-football-2.jpg) no-repeat scroll 20px 0px;
}
#news .col span.fixture {
	background:transparent url(../images/fixture-change.jpg) no-repeat scroll 20px 0px;
}
#news .col span.event {
	background:transparent url(../images/orange-calendar.jpg) no-repeat scroll 20px 0px;
}
#news .col span.pub {
	background:transparent url(../images/pints-2.jpg) no-repeat scroll 20px 0px;
}
#news .col span.racenight {
	background:transparent url(../images/race-nite-2.jpg) no-repeat scroll 20px 0px;
}
#news .col span.sussexfa {
	background:transparent url(../images/sussexfa.png) no-repeat scroll 20px 0px;
}
#news .col span.training {
	background:transparent url(../images/training.jpg) no-repeat scroll 20px 0px;
}
#news .col span.sponsors {
	background:transparent url(../images/sponsors.jpg) no-repeat scroll 20px 0px;
}
#news .col span.updates {
	background:transparent url(../images/web-updates.jpg) no-repeat scroll 20px 0px;
}
#news .col span.donations {
	background:transparent url(../images/donations.jpg) no-repeat scroll 20px 0px;
}
#news .col span.injury {
	background:transparent url(../images/xray.jpg) no-repeat scroll 20px 0px;
}
#news .col span.christmas {
	background:transparent url(../images/xmas-football.jpg) no-repeat scroll 20px 0px;
}
#news .news, #committee .news  {
	float: left;
    margin-left: 20px;
    width: 777px;
}
#news h4 {
	font-size:1.5em;
}
#news .short {
	font-size:1.1em;
}

body.ff .col { text-align:center; float:none; width:944px; height:auto;}

body.ff .col img {border:5px solid #EE7022; }
body.ff .col h2, body.ff .col p {width:744px;text-align:center;margin:0 auto 15px auto;}

.fantasyfootball{ text-align:right; display:block; width:936px; padding-bottom:20px;}

.white {font-weight:bold; color:#fff;}
.orange { color:#EE7022;}
.col.last h4 {padding:6px 0px; background:transparent url(../images/line.gif) repeat-x scroll left bottom;}
#marquee { text-align:left; clear:both; width:940px; height:20px; margin-top:8px; background:transparent url(../images/line.gif) repeat-x scroll left bottom; padding:0px 0px; }
#marquee span{ float:left; width:100px; font-size:1em; }

#marquee marquee { float:right; width:840px; }

#marquee a{ color:#fff; }
.left{text-align:left; }