html, body{
	margin: 0;
	padding: 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	cursor: default;
	background-color: #fff;
	color: #555;
	min-width: 950px;
	background-color: #fff;
}

/* Common */
a{
	color: #22529c;
	outline: none;
}

a:hover{
	color: #555;	
}

a img{
	border: 0;	
}


h1{
	color: #22529c;
	font-size: 12pt;
	font-weight: bold;
	margin: 0;
}

h2{
	color: #22529c;
	margin: 0;
	font-size: 10pt;
	font-weight: bold;
}

h3{
	color #222;
	margin: 0;
	font-size: 10pt;
	font-weight: normal;
}

.nomargin
{
	margin: 0;
}

.sidemargins{
	margin: 0 10px;	
}

.sidemargined{
	margin: 0 20px;	
}

.floatleft{
	float: left;	
}

.floatright{
	float: right;	
}

.justified
{
	text-align: justify;
}

.rightalign{
	text-align: right;	
}

.centeralign{
	text-align: center;	
}

.autoclear{
	clear: both;	
}

.boldtext{
	font-weight: bold;	
}

.blue{
	color: #22529c;	
}

.largertext{
	font-size: larger;	
}


/* Layout */
div.layoutwrap{
	margin: 0px auto;
	width: 900px;
	position: relative;
}

div.preeologo{
	position: absolute;
	top: 3px;
	right: 20px;
}

div.header{
	background-color: #1c3b71;
	height: 90px;
	clear: both;
}

div.extramenu{
	position: absolute;
	right: 10px;
	top: 68px;
}

div.extramenu ul{
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
}

div.extramenu ul li{
	display: inline;
	margin-right: 25px;
}

div.extramenu a{
	color: #b6d2ea;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
}

div.extramenu a:hover{
	color: #0d1e2e;	
}

div.extramenu a.selected{
	color: #fff;	
	cursor: default;
}

div.extramenu a.selected:hover{
	color: #fff;	
}


/*Navigation */
div.topnavigation{
	background-color: #1f5385;
	height: 45px;
	clear: both;
}

div.topnavigation ul{
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
	height: 45px;
	margin-left: 110px;
}

div.topnavigation ul li{
	float: left;
}


div.topnavigation a{
	display: block;
	padding: 12px 8px 0px 8px;
	height: 33px;
	text-decoration: none;	
	font-size: 12pt;
	font-weight: bold;
	color: #b8d2ed;
}

div.topnavigation a.selected{
	color: #fff;
	cursor: default;
}

div.topnavigation a:hover{
	color: #0d1e2e;	
}

div.topnavigation a.selected:hover{
	color: #fff;	
}

div.topnavigation a.open{
	background-color: #356a9c;
}

div.topnavigation a.hassubmenu{
	cursor: default;	
}
/*Sub navigation */
div.subnavigationhome{
	position: absolute;
	opacity: 0.9;
	filter: alpha(opacity=90);
	background-color: #356a9c;
	height: 35px;
	clear: both;
	width: 100%;
	z-index: 9999;
	display: none;
}

div.subnavigation{
	background-color: #356a9c;
	height: 35px;
	clear: both;
	display: none;
}

div.visible{
	display: block;	
}

#subnavigation ul{
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
	height: 35px;
	font-size: 11pt;
	margin-left: 110px;
	display: none;
}

#subnavigation ul.defaultnav{
	display: block;	
}

#subnavigation ul li{
	float: left;
}


#subnavigation a{
	display: block;
	padding: 6px 10px 0px 11px;
	height: 39px;
	text-decoration: none;	
	font-size: 12pt;
	font-weight: bold;
	color: #b8d2ed;
}

#subnavigation a.selected{
	color: #fff;	
}

#subnavigation a:hover{
	color: #0d1e2e;	
}

#subnavigation a.selected:hover{
	color: #fff;	
}

div.splasher{
	background-color: #22579b;
	height: 300px;
}

div.contentplaceholder{
	border-top: 1px solid #fff;
	background-image: url("../media/images/web/body_bg.gif");
	background-repeat: repeat-x;
	overflow: auto;
	padding: 35px 0px;
}

div.contentplaceholder p img{
	margin: 10px;
	border: 1px solid #ccc;
	padding: 5px;
	background-color: #fff;
}

div.logo{
	position: absolute;
	top: 17px;
	width: 118px;
}

div.logotext{
	position: absolute;
	top: 35px;
	left: 110px;
}


/* FOOTER */
div.footer{
	border-top: 5px solid #1c3b71;
	position: relative;	
	height: 50px;
}

div.footer ul{
	list-style: none;
	margin: 0;
	margin-top: 10px;
	padding: 0;
	float: left;
}

div.footer ul li{
	float: left;
	margin-right: 10px;
}

/*Content */

/*Columns*/
div.column{
	float: left;
}

div.onethird{
	width: 290px;
	padding: 0px 5px;
}

div.onehalf{
	width: 440px;
	padding: 0px 5px;
}
/*Listing Style*/
ul.listing{
	list-style: none;
	margin: 0;
	padding: 0;
}


ul.listing li{
	background-image: url("../media/images/web/listing/li-white.jpg");
	background-repeat: repeat-y;
	background-position: top center;
	padding: 4px 10px;
	text-align: left;
	height: 19px;
	position: relative;
}

ul.listing li.alternate{
	background-image: url("../media/images/web/listing/li-alternate.jpg");
	background-repeat: repeat-y;
	background-position: top center;
	text-align: left;	
}

ul.listing li.heading{
	background-image: url("../media/images/web/listing/heading.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	padding: 10px;
	height: 18px;
	font-weight: bold;
	color: #22529c;
}

ul.listing li.bottom{
	background-image: url("../media/images/web/listing/bottom.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	padding: 5px 20px;
	text-align: right;
	height: 22px;
	font-weight: bold;
	color: #22529c;	
}

ul.listing li.bottom a{
	font-size: 9pt;
	font-weight: bold;
}

ul.listing li div.rightnumber{
	position: absolute;
	right: 0px;
	top: 0px;
	border-left: 1px solid #ddd;
	width: 38px;
	text-align: center;
	height: 22px;
	padding: 5px 0px;
}

/*Contact Form */

.contactForm{
	width: 100%;
}

.contactForm input[type=text]{	
	width: 100%;
}

.contactForm textarea{
	width: 100%;	
	height: 120px;
}

.contactForm .error{
	background-color: #FF9;	
}

div.video{
	margin-bottom: 13px;
}

div.advert img{
	border: 1px solid #ccc;
	padding: 5px;
	background-color: #fff;
	width: 266px;
	height: 212px;	
}

div.notice{
	background-color: #FFC;
	border: 1px solid #FF9;
	padding: 80px 0px;
	text-align: center;
}

div.success{
	border: 1px solid #287000; 
	background: #bbf29e; 
	color: #000; 
	font-weight: bold; 
	padding: 10px; 
	text-align: center; 
	margin: 10px 0px;
	
}

div.error{
	border: 1px solid #287000; 
	background: #bbf29e; 
	color: #000; 
	font-weight: bold; 
	padding: 10px; 
	text-align: center; 
	margin-bottom: 20px;
}

div.newsrotator{
	margin-top: 10px;
}


div.heading{
	background-color: #517aa2;
	padding: 20px;
	color: #fff;
	margin: 3px 0px;
}

div.heading h1{
	color: #fff;	
}

div.heading a{
	color: #fff;	
}

img.inlineimage{
	margin: 20px;
	padding: 5px;
	background-color: #fff;
	border: 1px solid #ccc;
	max-width: 150px;
}

h2.playerlistingtitle{
	color: #1c3b71;
	padding: 3px 15px;
	border-bottom: 1px solid #1c3b71;
}

div.playerlisting{
	padding: 10px 30px;
	margin: 0px;
	margin-bottom: 10px;
	color: #fff;
	overflow: auto;
}

div.goalkeepers{
	background-color: #393;	
}

h2.goalkeepers{
	border-top: 1px solid #393;	
	border-left: 1px solid #393;	
	border-right: 1px solid #393;
	color: #393;
	padding: 10px 15px;
}

div.defenders{
	background-color: #063;
}

h2.defenders{
	border-top: 1px solid #063;	
	border-left: 1px solid #063;	
	border-right: 1px solid #063;
	color: #063;
	padding: 10px 15px;
}

div.midfielders{
	background-color: #C30;	
}

h2.midfielders{	
	border-top: 1px solid #C30;	
	border-left: 1px solid #C30;	
	border-right: 1px solid #C30;
	color: #C30;
	padding: 10px 15px;
}

div.forwards{
	background-color: #600;	
}

h2.forwards{
	border-top: 1px solid #600;	
	border-left: 1px solid #600;	
	border-right: 1px solid #600;
	color: #600;
	padding: 10px 15px;
	
}

div.coaching{
	background-color: #039;	
}

h2.coaching{
	border-top: 1px solid #039;	
	border-left: 1px solid #039;	
	border-right: 1px solid #039;
	color: #039;
	padding: 10px 15px;
	
}

div.player{
	float: left;
	margin: 20px 0px;
	margin-right: 20px;
	opacity: 1;
	filter: alpha(opacity=100);
	cursor: pointer;
	width: 250px;
}

div.player:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
}

div.player:hover div.name a{
	color: #22529c;
}

div.player img{
	background-color: #fff;
	padding: 5px;
	border: 1px solid #ccc;
	height: 80px;
	float: left;
}

div.player div.name{
	float: left;	
	background-color: #fff;
	padding: 5px 10px;
}

div.player div.name a{
	color: #000;
	text-decoration: none;
}

div.player div.name a:hover{
	text-decoration: underline;	
}

/* News */

ul.newsitems{
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: auto;
}

ul.newsitems li{
	float: left;	
	width: 400px;
	margin-right: 2px;
	margin-bottom: 2px;
	padding: 20px;
	background-color: #eee;
	border: 1px solid #ccc;
	color: #000;
	height: 120px;
	position: relative;
	cursor: pointer;
}

ul.newsitems li:hover{
	background-color: #ddd;	
}

ul.newsitems li div.readmore{
	position: absolute;
	bottom: 8px;
	right: 15px;
	text-align: right;
}

/* List items */

ul.listitems{
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: auto;
}

ul.listitems li{
	float: left;	
	width: 400px;
	margin-right: 2px;
	margin-bottom: 2px;
	padding: 20px;
	background-color: #eee;
	border: 1px solid #ccc;
	color: #000;
	position: relative;
	cursor: pointer;
}

ul.listitems li:hover{
	background-color: #ddd;	
}

ul.listitems li div.readmore{
	position: absolute;
	bottom: 8px;
	right: 15px;
	text-align: right;
}

/* Sponsors */
ul.sponsors li{
	background: none;
	border: none;
	text-align: center;
	cursor: default;
	width: 250px;
	height: 210px;
}

ul.sponsors li:hover{
	background: none;
}

ul.sponsors img{
	border: 1px solid #ccc;
	padding: 5px;
	background-color: #fff;
	width: 250px;
	height: 200px;
}

ul.sponsors li a:hover img{
	border: 1px solid #555;	
}



/* Age Groups */

ul.agegroups li{
	text-align: center;	
}

ul.agegroups li a{
	font-size: 18pt;
	text-decoration: none;
}


/* Guestbook */

ul.guestbook li{
	cursor: default;
	width: auto;
	float: none;
	clear: both;
	margin: 0px;
}

div.sign{
	background-color: #eee;	
	color: #555;
	border: 1px solid #ccc;
}

div.sign a{
	color: #555;	
}

div.sign table{
	width: 90%;
	height: 50px;
	margin-top: 15px;
}

div.sign textarea{
	width: 100%;
	height: 50px;
}

div.sign div.right{
	text-align: right;
	margin-top: 15px;
}
/* Single Column List */
ul.singlecolumnlist{
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: auto;
	margin-top: 10px;
}

ul.singlecolumnlist li{
	margin-right: 20px;
	margin-top: 2px;
	padding: 20px;
	background-color: #eee;
	border: 1px solid #ccc;
	color: #000;
	position: relative;
}

ul.singlecolumnlist li span.date{
	font-size: small;
	color: #555;
}

ul.singlecolumnlist li div.readmore{
	position: absolute;
	bottom: 8px;
	right: 15px;
	text-align: right;
}

table.fixtures{
	width: 100%;
	border-spacing: 0;
	border: 1px solid #aaa;
	padding: 3px;
}

table.fixtures th{
	border-collapse: collapse;
	background-color: #eee;
	font-size: small;
	padding: 5px;
	border-bottom: 1px solid #aaa;
}

table.fixtures td{
	padding: 12px 8px;
}

table.fixtures tr.alternate{
	background-color: #eee;	
}

table.fixtures tr:hover{
	background-color: #D3E2F5;	
}

table.fixtures tr.nextmatch{
	background-color: #AEF9B3;
}

/* Committee */
div.committee{
	text-align: center;	
	margin-bottom: 20px;
}

div.committee span{
	white-space: nowrap;	
}

div.committee img, .imagestyle{
	border: 1px solid #ccc;
	padding: 5px;
	background-color: #fff;
}

ul.sitemap{
	margin: 0px;
	padding: 0px;
	line-height: 20pt;
	list-style: none;
	margin-left: 100px;
	font-weight: bold;
}

ul.sitemap li{
	padding: 5px;
}
ul.sitemap li ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-left: 40px;
}

ul.sitemap li.link{
	font-weight: normal;	
	list-style: inside;
	list-style-image: url(../media/images/web/icons/page.jpg);
}