/* CSS for Lomond United AFC Jan 09 */
/* always always back up this file before making any changes, 
trust me you WILL screw up sometime */


body {
	background: black url(png/background.jpg) repeat-x;
	background-color: silver;
		}

/* BASE TABLE */

table.base {
	background-color: white;
	color: black; 
	font-size:medium; 
	margin-left:5%;
	width:1000px;
	border-left :3px solid black;
	}


td.home {
	width:200px;
	background-color: white;
	vertical-align : top;
	padding : 0px;
	color : black ;
	border-top : 0px solid;
	border-right : 0px solid;
	border-bottom : 0px solid;
	border-left : 10px solid red;
	
	}
	
td.links {
	width:200px;
	background-color: white;
	vertical-align : top;
	padding : 0px;
	color : black ;
	border-top : 0px solid;
	border-right : 0px solid;
	border-bottom : 0px solid;
	border-left : 10px solid red;
	
	}	

td.bottom {
	width:200px;
	background-color: inherit;
	vertical-align : top;
	padding : 0px;
	color : black ;
	border-top : 0px solid;
	border-right : 0px solid;
	border-bottom : 0px solid;
	border-left : 10px solid red;
	
	}		
	
	
td.content {
	/* background: url(jpegs/bgbl.jpg) repeat-x; */
	width:800px;
	vertical-align : top;
	padding-top: 0px; /* don't change */
	padding-right: 0px; /* don't change */
	padding-bottom: 0px; /* don't change */
	padding-left: 5px;
	border-top : 0px solid;
	border-right : 0px solid;
	border-bottom : 0px solid;
	border-left : 0px solid;
	border-color:black;
	color : black ;
	font-size : normal ;
	}
td.contentFP {
	/* background: url(jpegs/bgbl.jpg) repeat-x; */
	width:600px;
	vertical-align : top;
	padding-top: 0px; /* don't change */
	padding-right: 5px; /* don't change */
	padding-bottom: 0px; /* don't change */
	padding-left: 5px;
	border-top : 0px solid;
	border-right : 0px solid;
	border-bottom : 0px solid;
	border-left : 0px solid;
	border-color:black;
	color : black ;
	font-size : normal ;
	}	
	
td.sales {
	vertical-align : top;
	padding-top: 0px;
	padding-right: 0px; 
	padding-bottom: 0px; 
	padding-left: 5px;
	border-top : 0px solid;
	border-right : 0px solid;
	border-bottom : 0px solid;
	border-left : 3px solid red;
	border-color:red;
	color : black ;
	font-size : 12px ;
	}
td.footer {
	/* background: url(jpegs/bgbl.jpg) repeat-x; */
	vertical-align : top;
	padding-top: 10px; /* don't change */
	padding-right: 0px; /* don't change */
	padding-bottom: 0px; /* don't change */
	padding-left: 0px;
	border-top : 0px solid;
	border-right : 0px solid;
	border-bottom : 0px solid;
	border-left : 0px solid;
	border-color:black;
	color : black ;
	font-size : 15px ;
	}


/* ################### News table, front page #################### */	
table.news {
	background-color: white; 
	color: black; 
	margin-left:5px; 
	
	
	}

	
td.news {
	vertical-align : top;
	width:40%;
	color: black; 
	font-size:15px; 
	margin-left:2%;
	border : 0px solid;
	}

a:link {
	text-decoration : none;	
	color : blue;
	border-top : 0px solid;
	border-right : 0px solid;
	border-left : 0px solid;
	border-top : 0px solid	;
	}
	
a:visited {
	text-decoration : none; 
	color : blue;
	border-top : 0px solid;
	border-right : 0px solid;
	border-left : 0px solid;
	border-top : 0px solid	;
	}
	


a:hover {
	color:#fff;
	background:#369;
	text-decoration:none;
	border-top : 0px solid;
	border-right : 0px solid;
	border-left : 0px solid;
	border-top : 0px solid;
	}


/* 
[ div.boxed ] Draws a box around an object. 
Normally short term use to draw attention to something in the left col. 
Any page use but mainly front page. 
*/	
div.boxed{
	background-color: blue;
	color : white;
	margin :1px;
	padding : 2px;
	border: 2px solid;
	border-color:black;
	}
	
div.floatLeft {
		vertical-align:top;
		padding: 0px;
		float:left;
		
		}

div.imgFloatLeft {
		vertical-align:top;
		padding: 10px;
		float:left;
		font-size : 13px;
		}
		
		
div.imgNoFloat {
		vertical-align:top;
		margin-left:5%;
		padding: 10px;
		
		font-size : 13px;
		}		
		
div.imgFloatRight {
		vertical-align:top;
		padding: 10px;
		float:right;
		font-size : 13px;
		}
		
div.listGeneral{
	color: teal;
	font-size : 20px;
	font-weight : bold; 
	margin-left:5%;
	padding:30px;
	
	}
	
div.joke{
	color: black;
	margin-top:10px;
	font-size : 14px;
	 
	
	padding:10px;
	
	}		
	
	
	
	
div.just4fun{
	color: teal;
	font-size : 16px;
	font-weight : bold; 
	margin-left:5%;
	padding:30px;
	
	}	
div.mod{
	color: white;
	font-size : 8px; 
	margin-left:5%; /* = base table margin stting */
	}


div.obs1{
	background-color: inherit;
	color : black;
	margin :1px;
	padding : 2px;
	border: 0px solid;
	border-color:black;
	}


div.obs2{
	background-color: white;
	color : white;
	margin :1px;
	padding : 2px;
	border: 0px solid;
	border-color:black;
	}
	
table.obs{
	background-color: white;
	width : 100%;
	color : black;
	margin :1px;
	padding : 2px;
	border: 0px solid;
	border-color:black;
	}
td.obs{
	background-color: white;
	width : 25%;
	color : black;
	margin :1px;
	padding : 2px;
	border: 0px solid;
	border-color:black;
	text-align : left;
	font-weight: bold; 
	}





	
div.photoBlog{
	width :500px;
	background-color: white;
	color : black;
	margin :1px;
	padding : 2px;
	border: 2px solid;
	border-color:black;
	}
		
div.updated{
	padding-top : 2px;
	font-size : 15px;
	font-weight: bold; 
	padding-bottom : 20px;
	margin-left:1%;
	}
	
/* stops the browser adding a border where you don't want it */	
img{
	border : 0px solid;	
	}	
	
img.thinBorder{
	border : 1px solid;	
	}
	
h3 {
	color : black; 
	margin-bottom:1px;
	font-size: 20px;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 1px;
	text-align: left;
	}	
	

	
	
h4{
	margin-left:2%;
	font-size: 14px;
	}

h5{
	margin-left:1%;
	margin-top:1px;
	font-size 10px	;
	font-weight: bold;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 1px;
	text-align: left;
	color: black;
	}	
	
hr{width:80%;}
	
hr.std{
	width:80%;
	float: left;
	padding-right: 20%;}
	
p {
	color : black; 
	font-family : sans-serif; 
	font-size : 16px; 
	margin-left:2%;
	margin-right:1%;
	}

p.printSmall {
	color : black; 
	font-family : sans-serif; 
	font-size : 10px; 
	margin-left:2%;
	margin-right:1%;
	}



/* [ table.officals ] used by /aboutUs/teamOfficals  */	
table.officals {
	background-color: inherit; 
	color: black; 
	margin-left:2%; 
	}

		td.ofPos {
			vertical-align : top;
			color: teal; 
			font-size:16px;
			padding-top:16px;
			padding-right:10px; 
			margin-left:2%;
			text-align : right;
			}
	
		td.ofName {
			vertical-align : top;
			color: black; 
			font-size:20px;
			font-weight:bold;
			padding-top:16px; 
			margin-left:2%;
			}
	

		td.hpg {
			vertical-align : top;
			color: black; 
			font-size:16px;
			font-weight:bold;
			padding-top:2px; 
			padding-left:12px; 
			margin-left:5%;
			border-bottom :2px solid;
			border-right :2px solid;
			}

/* Main use in the links col */
ul {
	
	font-size:12px;
	margin-bottom:5px; 
	}











/* Items below this line are not used in the revised site Aug 09 */


















b.ia{
	color: teal;
	font-size : 9px;
	font-weight : medium;
	/* margin-left:5%; */
	}

b.newsDate{
color: teal;
	font-size : 10px;
	font-weight : medium;
	color : teal;
	}
	
b.fpPhoto{
color: teal;
	font-size : 10px;
	font-weight : medium;
	color : teal;
	}

b.flash{
color: teal;
	font-size : inherit;
	font-weight : bold;
	color : red;
	}

div.players{
	color: teal;
	font-size : 25px;
	font-weight : bold; 
	margin-left:5%;
	text-align: center;
	}
	
b.question{
	color: teal;
	font-size : 12px;
	font-weight : medium;
	margin-left:5%;
	}	
	


	

	

		
			
				
div.specialPromo{
	color: black;
	font-size : 15px;
	font-weight : medium; 
	margin-left:5%;
	text-align: left;
	}
					
div.specialPromoDukla{
	color: black;
	font-size : 20px;
	font-weight : medium; 
	margin-left:5%;
	text-align: left;
	}	
				
div.leagueTable{
	float : left;
	margin :1px;
	padding : 2px;
	border: 1px solid;
	}	
				
div.links{
	color: teal;
	font-size : 15px;
	font-weight : bold; 
	margin-left:5%;
	text-align: left;
	}
	

div.refresh{
	color: black;
	font-size : x-small; 
	margin-left:0%; /* = table margin stting */
	}

div.youTube{
	color: teal;
	font-size : 25px;
	font-weight : bold; 
	margin-left:5%;
	}
	
div.albums{
	color: teal;
	font-size : 15px;
	font-weight : bold; 
	margin-left:5%;
	}
	
div.googleMaps{
	color: black;
	font-size : normal;
	font-weight : bold; 
	margin-left:2%;
	}
div.shop{
	margin-left:2px;
	margin-top:5px;
	padding:1px;
	color: black;
	font-size : 12;
	font-weight : bold; 
	float:left;
	border : 0px solid;
	}
div.shopDes{
	color: black;
	font-size : 14px;
	font-weight : bold; 
	margin-left:5%;
	text-align: left;
	}	
	
	
div.newThumb{
	margin-left:2px;
	margin-top:5px;
	padding:1px;
	color: black;
	font-size : 12;
	font-weight : bold; 
	float:left;
	border : 0px solid;
	}	
	
div.thumb{
	margin-left:2px;
	margin-top:5px;
	padding:1px;
	color: black;
	font-size : 12;
	font-weight : bold; 
	float:left;
	border : 1px solid;
	}



h1{
	margin-left:2%;	
}

	
h2{
	margin-left:2%;
	font-size : 20px;	
}
	

	
H3.hp{
	width: 100%;  /* 196px */
	height: 26px; /*orig 36/25/*/
	font-size: 14px;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 11px;
	text-align: center;
	color: black;
	/*background: url(jpegs/bgh3.jpg)repeat-x */
	}
	
H3.emph{
	width: 50%;  /* 196px */
	height: 26px; /*orig 36/25*/
	font-size: 14px;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 11px;
	text-transform: uppercase;
	text-align: center;
	color: black;
	/*background: url(jpegs/bgh3.jpg)  repeat-x */
	}	

	



h6{
margin-left:2%;	
}	


	
	
	
/* remove when done with */	
img.dukla{
	border : 0px solid;	
	border-color:#444 #AAA #AAA #444;
	}
	
img.btnHome {
	border : 0px solid;	
	border-color:#444 #AAA #AAA #444;
	}	
	
img.photo {
	border : 6px solid;	
	border-color:#444 #AAA #AAA #444;
	margin-left:2%;
	}	
img.tn {
	border : 2px solid;	
	}
/* ######################################################## LISTS <ol> <ul> ###################### */

ol{
	margin-left:0px;
	font-size:12px;
	}


	



	
	
ol.stats{
	margin-left:30px;
	padding-top:30px;
	padding-bottom:30px;
	padding-left:80px;
	background-color: white;
	width:300px;
	font-size:18px;
	border : 0px solid; 
	}
ul.whatsNew {
	margin-left:30px;
	padding-top:10px;
	padding-bottom:30px;
	padding-left:0px;
	background-color: inherit;
	font-size:12px;
	border : 0px solid; 
	}
		

	
ol.question {
	margin-left:30px;
	padding-top:30px;
	padding-bottom:30px;
	padding-left:80px;
	background-color: white;
	color:blue;
	width:100%;
	font-size:18px;
	border : 0px solid; 
	}





	

	
/* used only on the page links on the album index pages */	
p.albumLinks{
	color : black; 
	font-family : sans-serif; 
	font-size : 15px; 
	margin-left:2%;
	margin-right:1%;
	}	
	
p.answer {
	color : white; /* sames as bg colour */
	font-family : sans-serif; 
	font-size : 16; 
	margin-left:2%;
	}
	
p.clubSpeel {
	color : teal; 
	font-family : sans-serif; 
	font-size : 12; 
	margin-left:2%;
	}	
	
pre.stats{
		font-size : 12px;
		color : black;
		font-weight : 400;
		}
		
pre.statsPage{
		font-size : 12px;
		color : black;
		font-weight : 400;
		}
		
pre.table{
		font-size : 12px;
		text-align: left:
		color : black;
		font-weight : 400;
		}
		
pre.indexTable{
		font-size : 10px;
		text-align: left:
		color : black;
		font-weight : 400;
		}	
			
strong.1 {
	color : Teal;
	font-size : small;
	}
	
strong.2 {
	font-size : large;
	}

	

strong.license {
	color : Teal;
	font-size : 10px;
	}	



	
td {
	vertical-align : top;
	}




	
td.ireland {
	/* background: url(jpegs/bgbl.jpg) repeat-x; */
	vertical-align : top;
	padding-top: 0px; /* don't change */
	padding-right: 0px; /* don't change */
	padding-bottom: 40px; /* don't change */
	padding-left: 0px; 
	border-left : 0px solid;
	color : black ;
	font-size : normal ;
	background:  url(jpegs/bgIreland.jpg);/* repeat-x; */
	}



/* ######################## Fixtures and results ########################### */	
	
table.fixtures {
	background-color: white; 
	color: black; 
	font-size:15px; 
	margin-left:0%; 
	/* width:100%; */
		}

td.fixDate {
	vertical-align : top;
	border : 1px solid;
	padding : 5px;
	}

td.fixOpos {
	vertical-align : top;
	border : 1px solid;
	padding : 5px;
	}
	


td.fixKoff {
	vertical-align : top;
	text-align : center;
	padding : 5px;
	border : 1px solid;
	
	}
	
td.fixList {
	vertical-align : top;
	padding : 5px;
	color : black ;
	border : 1px solid;
	
	}	

td.fixScore {
	vertical-align : top;
	text-align : center;
	padding : 5px;
	color : black ;
	border : 1px solid;
	}
td.won {
	vertical-align : top;
	text-align : center;
	padding : 5px;
	background-color:gold;
	color : black ;
	border : 1px solid;
	}
	
td.lost {
	vertical-align : top;
	text-align : center;
	padding : 5px;
	background-color:silver;
	color : black ;
	border : 1px solid;
	}


table.bigLeague {
	background-color: white; 
	color: black; 
	font-size:20px; 
	margin-left:0%; 
	}
	
	
	
	
	
table.littleLeague {
	background-color: white; 
	color: black; 
	font-size:13px; 
	margin-left:0%; 
	}
	
	td.team {
	vertical-align : top;
	border : 0px solid;
	padding-left : 2px;
	padding-right : 2px;
	text-align : right;
	font-size:inherit;
	}
	
	td.ll {
	vertical-align : top;
	border : 1px solid;
	padding-left : 2px;
	padding-right : 2px;
	text-align : right;
	font-size:inherit;
	
	}
	
td.league {
	vertical-align : top;
	border : 1px solid;
	padding-left : 2px;
	padding-right : 2px;
	text-align : right;
	font-size:inherit;
	}


	td.key {
	background-color: silver;
	vertical-align : top;
	border : 2px solid;
	padding-left : 4px;
	padding-right : 4px;
	text-align : right;
	font-size:25px;
	
	}


table.whatsNew {
	background-color: white; 
	color: black; 
	font-size:15px; 
	margin-left:0%; 
	/* width:100%; */
		}

td.wnDate {
	vertical-align : top;
	border : 0px solid;
	padding : 2px;
	}

td.wnInfo {
	vertical-align : top;
	border : 0px solid;
	padding : 2px;
	}
	

/* ######################## mugShots ########################### */	
	
table.mugShots {
	background-color: white; 
	color: black; 
	font-size:medium; 
	margin-left:2%; 
	/* width:100%; */
		}

td.msName {
	vertical-align : top;
	text-align : center;
	font-size:20px;
	border : 0px solid;
	}
	
td.msSpon {
	vertical-align : top;
	text-align : center;
	font-size:12px;
	padding-bottom:30px; 
	border-bottom : 2px solid;
	}




/* ######################## stats ########################### */	
	
table.stats {
	background-color: white; 
	color: black; 
	margin-left:10%;
	font-size:16px; 
	}

td.statsPos {
	vertical-align : center;
	text-align : right;
	color : silver;
	
	font-weight : bold;
	padding-top : 2px;
	padding-right : 5px;
	
	}
td.statsTitle {
	font-weight :400;
	padding-top : 2px;
	padding-bottom :10px
	padding-right : 0px;
	}

td.statsName {
	
	font-weight :700;
	padding-top : 2px;
	padding-right : 22px;
	}
td.statsNameNS {
	text-align : right;
	border : 0px solid;
	font-weight :700;
	padding-top : 4px;
	padding-bottom : 4px;
	padding-right : 22px;
	padding-left : 6px;
	}	
td.statsValueNS {
	background-color : silver;
	text-align : center;
	border-bottom : 0px solid;
	font-weight :700;
	padding-top : 4px;
	padding-bottom : 4px;
	}
	
td.statsValueNSgrey {
	background-color : silver;
	text-align : center;
	border : 0px solid;
	font-weight :700;
	padding-top : 4px;
	padding-bottom : 4px;
	}
td.statsValue {
	text-align : center;
	font-weight :700;
	padding-top : 2px;
	border-bottom : 1;
	border-right 1;
	}

	
td.statsValueTotal {
	text-align : center;
	border-top : 2px solid;
	font-weight :700;
	padding-top : 2px;
	}



/* ######################## team list ########################### */	
	
table.teamList {
	background-color: white; 
	color: black; 
	font-size:medium; 
	margin-left:2%; 
	/* width:100%; */
		}

td.tlName {
	vertical-align : top;
	border : 1px solid;
	}
	
td.tlPlaying {
	vertical-align : top;
	border : 1px solid;
		}

td.tlRems {
	vertical-align : top;
	border : 1px solid
	padding : 0px;
	border : 1px solid;
	
	}
	
	




/* ########################### contact page################## */	
table.contact {
	background-color: white; 
	color: black; 
	margin-left:2%; 
	/* width:100%; */
	
	}

td.conPos {
	vertical-align : top;
	color: teal; 
	font-size:12px;
	padding-top:3px; 
	margin-left:2%;
	text-align : right;
	}
	
td.conName {
	vertical-align : top;
	color: black; 
	font-size:15px;
	font-weight:bold; 
	margin-left:2%;
	text-align :left;
		}

td.conEmail {
	vertical-align : top;
	color: black; 
	font-size:15px;
	font-weight:medium; 
	margin-left:2%;
	text-align :left;
		}

/* ######################## TABLE SQUAD ############################## */	
table.squad {
	background-color: white; 
	color: black; 
	font-size:medium; 
	margin-left:2%; 
	/* width:100%; */
		}

td.sqName {
	vertical-align : top;
	width:50%;
	}
	
td.sqPos {
	vertical-align : top;
	}

td.sqRems {
	vertical-align : top;
	border : 1px solid ;
	padding : 0px;
	}
	
	




/* ######################## TABLE clubInfo ########################### */	
table.clubInfo {
	background-color: white; 
	color: black; 
	font-size:medium; 
	margin-left:2%; 
	/* width:100%; */
		}

td.club {
		vertical-align : bottom;
		padding : 5px;
		background-color: silver;
		font-size:large;
		font-weight: bold;
		border : 1px solid;
		}
	
td.clubLinks {
	vertical-align : top;
	text-align : center;
	font-size:small;
	font-weight: bold;
	border : 1px solid;
	
		}





	
/* ######################## Shop ########################### */	
table.shop {
	background-color: white; 
	color: black; 
	font-size:15px; 
	margin-left:2%; 
	/* width:100%; */
		}

td.shop {
	vertical-align : top;
	margin-left:2%;
	border : 0px solid;
	}
td.shopPrice {
	vertical-align : top;
	padding-left:15px;
	border : 0px solid;
	}

/* ######################## League Table on front page ########################### */	
table.ltfp {
	background-color: white; 
	color: black; 
	font-size:12px; 
	margin-left:2%; 
	}

td.ltfpTeam {
	vertical-align : top;
	border : 0px solid;
	}
td.ltfpNumbers {
	vertical-align : top;
	border : 1px solid;
	}