@import "../admin/css/tinymce.css";

/* CSS Document */

/* Body */

body {
	background-color : #FFFFFF;
	background-image: url(../images/template/page/grey_white_grad.jpg);
	background-repeat: repeat-x;
    font-family : Verdana, Arial, sans-serif;
    font-size : 11px;
	line-height: 14px;
    color : 000000;
	margin-top: 0px;
	margin-bottom: 0px;
}

a {
	text-decoration: none;
	color: #0000FF;
}

a img {
	border: none;
}

hr {
	size: 1px;
}

/* Home Page Intro */

#introContainer {
	width: 950px;
	height: 500px;
	padding-top: 75px;
	background-image: url(../images/template/intro/bg_intro_container_2009.png);
	background-repeat: no-repeat;
}

#intro {
	width: 550px;
	height: 350px;
	background-image: url(../images/template/intro/bg.png);
	background-repeat: no-repeat;
}

#intro .title {
	font-size: 30px;
}

#intro .titleTag {
	line-height: 23px;
}

#intro p {
	color: #FFFFFF;
}

#intro .small {
	font-size: 80%;
}

#intro .small a {
	color: #FFFFFF;
	text-decoration: none;
}

#intro .sectionLinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
}

#intro .sectionLinks a {
}

#intro .sectionLinks a:hover {
	color: #000000;
}

/* Main Site Container */

#container {
	width: 950px;
}

/* Header */

#header {
	width: 950px;
	height: 150px;
	text-align: left;
	background-image: url(../images/template/header/header.png);
}

#headerContent {
	margin-left: 120px;
	width: 400px;
	padding-top: 60px;
	color: #FFFFFF;
}

#headerTitle {
	font-size: 30px;
	text-align: right;
	color: #FFFFFF;
}

#headerTag {
	float: right;
	font-weight: bold;
	color: #FFFFFF;
	text-align: right;
	margin-top: 5px;
}

/* FA Chartered Clubs */

#faHeaderBlock {
	float: right;
	width: 183px;
	height: 110px;
	background-image: url(../images/template/fa/facharterbadge.png);
	margin-top: 20px;
	margin-right: 25px;
	clear: both;
}

/* Newsletter Subscribe */

#subscribe {
	float: right;
	width: 200px;
	height: 100px;
	margin-top: 20px;
	color: #FFFFFF;
	margin-right: 10px;
	clear: both;
}

#subscribe label {
	margin-right: 10px;
}

.ammendSub {
	float: left;
	margin-right: 65px;
}

.ammendSub a {
	color: #FFFFFF;
	text-decoration: underline;
}

/* topmenu */

#topMenu {
	width: 930px;
	height: 40px;
	background-image: url(../images/template/top_menu/bg.png);
	background-repeat: no-repeat;
	margin-bottom: -14px;
	line-height: 38px;
	color: #FFFFFF;
	text-align: left;
}

#indexTopMenu {
	width: 930px;
	height: 40px;
	background-image: url(../images/template/top_menu/bg.png);
	background-repeat: no-repeat;
	margin-bottom: -14px;
	line-height: 38px;
	color: #FFFFFF;
	text-align: center;
}

.topMenuLinks {
	border-left: 1px solid #999999;
	padding-top: 11px;
	padding-bottom: 10px;
	padding-right: 7px;
}

#topMenu a {
	color: #FFFFFF;
	text-decoration: none;
	border-right: 1px solid #999999;
	padding-top: 11px;
	padding-bottom: 10px;
	padding-left: 7px;
	padding-right: 7px;
}

#topMenu a:hover {
	color: #FF0000;
}

#topMenu form {
	width: 500px;
	height: 40px;
	margin-top: 0px;
	overflow: hidden;
	position: absolute;
	margin-top: -38px;
	margin-left: 150px;
}

.topMenuInput {
	background-color: #999999;
	border: 1px solid #999999;
	color: #FFFFFF;
}

.topMenuSelect {
	background-color: #999999;
	border: 1px solid #999999;
	color: #FFFFFF;
}

.topMenuBtn {
	background-color: #999999;
	color: #FFFFFF;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

/* hmenu */

#hmenu {
	width: 930px;
	height: 25px;
	background-color: #000000;
	background-image: url(../images/template/hmenu/blk_grad_bg.png);
	background-repeat: repeat-x;
}

#hmenu a {
	float: left;
	display: block;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 6px;
	padding-left: 7px;
	padding-right: 7px;
	text-decoration: none;
	border-right: 1px solid #999999;
}

#hmenu a:hover {
	color: #FFFFFF;
	background-image: url(../images/template/hmenu/blk_grad_bg_mo.png);
}


/* vmenu */

#vmenuTop {
	margin-left: 5px;
	margin-bottom: 10px;
}

.vmenu {
	width: 140px;
}

.vmenu ul {
	list-style: none;
	margin-top: -10px;
	margin-bottom: -15px;
	clear: both;
}

.vmenu li {
	/* list-style-image: url(../images/template/list_bullets/arrow.png); */
	display: block;
	width: 128px;
	height: auto;
	margin-left: -35px;
}

.vmenu li a {
	display: block;
	width: 128px;
	height: auto;
	color: #000000;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #EEEEEE;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

.vmenu li a:hover {
	display: block;
	width: 128px;
	height: auto;
	color: #FFFFFF;
	background-color: #999999;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #666666;
}

/* Main Container */

#main {
	width: 928px;
	height: auto;
	padding-bottom: 20px;
	line-height: 16px;
	background-color: #FFFFFF;
	background-image: url(../images/template/page/main_bg.png);
	background-repeat: repeat-y;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

/* Main Left */

#mainLeft {
	float: left;
	width: 150px;
	height: auto;
	text-align: left;
}

#mainLeft .sectionHeader {
	width: 140px;
	height: 25px;
	background-image: url(../images/template/section_header/section_header_vmenu.png);
	background-repeat: no-repeat;
	margin-left: 5px;
}

/* Main Centre */

#mainCentre {
	float: left;
	width: 505px;
	height: auto;
	margin-left: 10px;
	margin-right: 10px;
	text-align: left;
}

#mainCentre .sectionHeader {
	width: 505px;
	height: 25px;
	background-image: url(../images/template/section_header/section_header_mid.png);
	background-repeat: no-repeat;
}

#mainCentre form label {
	float: left;
	width: 150px;
}

/* Main Right */

#mainRight {
	float: right;
	width: 250px;
	height: auto;
	text-align: left;
}

#mainRight .sectionHeader {
	width: 245px;
	height: 25px;
	background-image: url(../images/template/section_header/section_header_right.png);
	background-repeat: no-repeat;
}

#mainRight li {
	margin-left: -20px;
}

#mainRight a {
	text-decoration: none;
}

#mainRight a:hover {
	color: #FF0000;
}

.minorSponsors {
	text-align: center;
}

/* footer */

#footer {
	width: 950px;
	height: 150px;
	background-image: url(../images/template/footer/footer.png);
}

#sponsorBar {
	width: 930px;
	height: 25px;
	background-color: #000000;
	background-image: url(../images/template/hmenu/blk_grad_bg.png);
	background-repeat: repeat-x;
	color: #FFFFFF;
	text-align: left;
	line-height: 25px;
}

#sponsorBar a {
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	color: #999999;
	line-height: 25px;
	text-decoration: none;
}

#sponsorCluster {
	width: 100%;
	height: auto;
	
}

.sponsorLink {
	width: 230px;
	height: auto;
	text-align: center;
	margin-left: 8px;
	margin-top: 10px;
}

.sponsorLink a img {
	border: none;
}

#mainLeft ul {
	list-style: none;
}

#address {
	float: right;
	font-size: 9px;
	text-align: right;
	color: #FFFFFF;
	margin-right: 20px;
}

#footerContent {
	width: 930px;
	height: 130px;
}

#footerContent a {
	color: #FFFFFF;
	text-decoration: none;
}

/* Section Headers & List Styles - Home Pages & News Articles */

.sectionHeader {
	width: 100%;
	height: 25px;
	background-image: url(../images/template/section_header/section_header_mid.png);
	background-repeat: no-repeat;
	line-height: 25px;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 10px;
}

.sectionHeaderImg {
	float: right;
	border: none;
}

.articleTitle {
	font-weight: bold;
}

.bullet {
	float: left;
	width: 15px;
}

.bullet img {
	padding-top: 5px;
}

.latest {
	width: 100%;
	height: auto;
}

.latestsp {
	float: left;
	width: 49%;
	height: auto;
}

.latestsp1 {
	float: left;
	width: 49%;
	height: auto;
	margin-left: 2%;
}

.articleContainer {
	width: 505px;
	height: 20px;
	line-height: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	overflow: hidden;
}

.latestArticleDate {
	float: left;
	width: 170px;
	margin-right: 5px;
	color: #999999;
}

.latestArticleDateShort {
	float: left;
	width: 75px;
	background-image: url(../images/template/butons/date_short_bg.png);
	background-repeat: no-repeat;
	margin-right: 1px;
	color: #000000;
}

.latestArticleTitle {
	float: left;
	width: 325px;
	background-image: url(../images/template/butons/title_bg.png);
	background-repeat: no-repeat;
	margin-right: 1px;
}

.latestArticleBtn {
	float: left;
	width: 75px;
	background-image: url(../images/template/butons/date_short_bg.png);
	background-repeat: no-repeat;
	margin-right: 1px;
	color: #000000;
	text-align: center;
}

.latestArticleBtn a {
	color: #0000FF;
}

.latestArticleBtn a:hover {
	color: #FF0000;
}

.latestArticleTitle a {
	text-decoration: none;
}

.latestArticleTitle a:hover {
	color: #FF0000;
}

.latestArticleAuthor {
	color: #999999;
}

.fullArticleTitle {
	font-weight: bold;
}

.fullArticleDate {
	color: #999999;
}

/* Fixtures Styles */

.fixtureContainer {
	width: 505px;
	height: 40px;
	line-height: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	overflow: hidden;
}

.latestFixtureDateShort {
	float: left;
	width: 75px;
	height: 40px;
	background-image: url(../images/template/butons/details1.png);
	background-repeat: no-repeat;
	margin-right: 1px;
	color: #000000;
}

.latestFixtureTitle {
	float: left;
	width: 325px;
	height: 40px;
	background-image: url(../images/template/butons/title_bg1.png);
	background-repeat: no-repeat;
	margin-right: 1px;
}

.latestFixtureBtn {
	float: left;
	width: 75px;
	height: 40px;
	background-image: url(../images/template/butons/details1.png);
	background-repeat: no-repeat;
	margin-right: 1px;
	color: #000000;
	text-align: center;
}

.latestFixtureBtn a {
	color: #0000FF;
}

.latestFixtureBtn a:hover {
	color: #FF0000;
}

/* Contact Info */

.contactListName {
	float: left;
	width: 120px;
	font-weight: bold;
}

.contsctListDetails {
	float: left;
	width: 300px;
	margin-left: 10px;
	position: absolute;
}

.contactListEmail {
	width: 75px;
	margin-left: 310px;
	position: absolute;
}

/* Players */

#players {
	width: 495px;
	height: auto;
	margin-left: 5px;
	text-align: center;
}

.player {
	float: left;
	width: 90px;
	height: 160px;
	border: 1px solid #999999;
	padding: 5px;
	background-color: #EEEEEE;
	margin: 10px;
	overflow: hidden;
	text-align: center;
}

.playerPhoto {
	width: 80px;
	height: 100px;
	margin-left: 5px;
	overflow: hidden;
}

.uploadDate {
	color: #999999;
}

/* Gallery */

#gallery {
	width: 495px;
	height: auto;
	margin-left: 5px;
	text-align: center;
}

.galleryImage {
	float: left;
	width: 225px;
	height: 240px;
	background-color: #EEEEEE;
	border: 1px solid #999999;
	text-align: center;
	overflow: hidden;
	margin: 10px;
}

.imageBlock {
	width: 220px;
	height: 180px;
	overflow: hidden;
	margin: 3px;
}

#localLinks {
	float: left;
	width: 400px;
	height: 120px;
	text-align: left;
	margin-left: 10px;
	margin-top: 15px;
}

#localLinks a {
	margin-right: 5px;
}

.tools {
	float: right;
}

.tools a {
	font-weight: bold;
}

/* Lists */

.list1 {
	float: left;
	width: 80px;
	text-align: center;
}

.list1A {
	float: left;
	width: 150px;
}

.list2 {
	float: left;
	width: 275px;
	overflow: hidden;
}

.list2A {
	float: left;
	width: 30px;
	overflow: hidden;
}

.list3 {
	float: left;
	width: 25px;
}

.bm {
	float: left;
	width: 100px;
	heigth: 100px;
	text-align: center;
}

/* Scroller - Player Profiles Sponsor Me */

.scroller {
	width: 505px;
	height: 200px;
	overflow-x: hidden;
	overflow-y: scroll;
}

/* Search Results */

.searchResults {
	width: 505px;
	height: 25px;
	color: #000000;
	clear: both;
}

.searchDate {
	float: left;
	width: 75px;
	height: 25px;
}

.searchTitle {
	float: left;
}

/* Temp Styles */

.jbform form {
	padding-left: 40px;
}

/* scroller */

#marqueecontainer{
	position: relative;
	width: 240px; /*marquee width */
	height: 250px; /*marquee height */
	background-color: white;
	overflow: hidden;
	padding: 2px;
	padding-left: 4px;
}


#vmarquee {
	width: 230px;
	height: auto;
	position: absolute;
	clear: both;
}

.customTitle {
	display: block;
	width: 240px;
	height: 20px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0066FF;
}

/* Slideshow */

#slideshow {
	float: left;
	width: 210px;
	height: 150px;
}

#highlight {
	float: left;
	width: 275px;
	height: 140px;
	overflow: hidden;
}

#highlight a {
	font-weight: bold;
	color: #3366FF;
	margin-left: 5px;
}

#highlight a:hover {
	color: #FF3300;
}

/* Index Page */

#indexMain {
	width: 928px;
	height: auto;
	padding-bottom: 20px;
	line-height: 16px;
	background-color: #FFFFFF;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background-color: #E70118;
	color: #FFFFFF;
}

#indexMain a:hover {
	text-decoration: underline;
	color: #FF0000;
}

#indexMain strong {
	font-size: 18px;
}

#indexMain .strongSmall {
	width: 445px;
	height: 30px;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	color: #666666;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #CCCCCC;
	background-image: url(../images/template/index/latest_bg.png);
}

#indexMain img {
	margin-top: 5px;
}

.foreword {
	color: #666666;
}

#indexSeniors {
	float: left;
	width: 445px;
	height: 340px;
	margin-top: 5px;
	margin-left: 8px;
	text-align: left;
	padding: 3px;
	background-color: #FFFFFF;
	color: #000000;
}

#indexJuniors {
	float: right;
	width: 445px;
	height: 340px;
	margin-top: 5px;
	margin-right: 9px;
	text-align: left;
	padding: 3px;
	background-color: #FFFFFF;
	color: #000000;
}

.indexTitle {
	width: 435px;
	overflow: hidden;
	position: absolute;
}

#indexSeniors img {
	margin-left: -3px;
}

#indexJuniors img {
	margin-left: -3px;
}

.huge {
	font-size: 20px;
	color: #FF0000;
}

/* New Index */

#indexMain1 {
	width: 928px;
	height: auto;
	line-height: 16px;
	background-color: #FFFFFF;
	color: #FFFFFF;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

#indexCollage {
	width: 928px;
	height: auto;
	background-color: #000000;
	border-top: 3px #FF0000 outset;
	border-bottom: 3px #FF0000 outset;
}

#indexMain1 #LatestHeaderLeft {
	float: left;
	width: 405px;
	height: 50px;
	margin-left: 20px;
}

#indexMain1 #LatestHeaderRight {
	float: left;
	width: 405px;
	height: 50px;
	margin-left: 50px;
}

#indexMain1 .Latest {
	float: left;
	width: 405px;
	height: 130px;
	text-align: left;
	padding: 10px 10px 10px 20px;
	margin: 10px 10px 0px 10px;
	background-image: url(../images/template/index/blockBG.png);
	background-repeat: no-repeat;
	color: #000000;
	line-height: 20px;
}

#indexMain1 .Latest a:hover {
	text-decoration: underline;
}

#indexMain1 .strongSmall {
	font-weight: bold;
}

/* End New Index */

#slapp {
	background-color: #E70118;
	color: #FFFFFF;
}

#slapp p{
	font-size: 14px;
}

#slapp .huge {
	color: #FFFFFF;
}

#slapp a {
	color: #FFFFFF;
}

#slapp a:hover {
	color: #CCCCCC;
}

/* Search */

iframe {
	border: none;
}

/* facebook */

#facebook {
	width: 230px;
	height: auto;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
}

#hmarquee {
	width: 860px;
	height: 40px;
	overflow: hidden;
	color: #FF6600;
	font-size: 20px;
	font-weight: bold;
	margin-left: -10px;
}

#officialSponsors {
	width: 928px;
	height: 75px;
	margin-top: 40px;
	color: #000000;
	text-align: center;
	background-image: url(../images/template/footer/officialSponsorsBG.png);
	background-repeat: no-repeat;
}

#officialSponsors .links {
}

#officialSponsors .links a {
	display: inline-table;
	margin-left: 10px;
	margin-right: 10px;
	font-weight: bold;
	color: #666666;
}

#officialSponsors .links a:hover {
	color: #0033FF;
}

.calendarLeft {
	float: left;
	width: 160px;
	height: 207px;
}

.calendarRight {
	float: left;
	width: 335px;
	height: 207px;
}

/* BFC */

.bfcdate {
	float: right;
	color: #999999;
	margin-right: 5px;
}

.bfcArticleContainer {
	width: 495px;
	height: auto;
	background-color: #EAEAEA;
	clear: both;
	margin-bottom: 10px;
	padding: 5px;
	overflow: hidden;
}