﻿html{ height:100%; }

body {
	color: #fff; 
	font-family: Lucida Sans, sans-serif; 
	font-size: 9.0pt; 
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	background:#333;
	min-width:600px;    	/* Minimum width of layout - remove line if not required. The min-width property does not work in old versions of Internet Explorer */
	height: 100%;
	text-align: left;
	background-color: #4f8bc3;
	background-image:url("images/bg.jpg");
	background-repeat:repeat-x ;
}

    a:link { color: #eeeeee; 
	font-size: 9.0pt; text-decoration: none; 
	font-family: Lucida Sans, sans-serif; 
	line-height:15px; }   

   a:visited { color: #eeeeee; 
	font-family: Lucida Sans, sans-serif; 
	font-size: 9.0pt; text-decoration: none; 
	outline: none;
	line-height:15px; }

   a:hover { color: #660000; 
	font-size: 9.0pt; text-decoration: none; 
	font-family: Lucida Sans, sans-serif; 
	line-height:15px; }

   a:active { color: #aaaaaa; 
	font-size: 9.0pt; text-decoration: none; 
	font-family: Lucida Sans, sans-serif;
	outline: none;
	line-height:15px; }   
	
   a.large { color: #eeeeee; 
	font-size: 12.0pt; text-decoration: none; 
	font-family: Lucida Sans, sans-serif; 
	line-height:15px; }   

   a.large:hover { color: #ff0000;  
	font-family: Lucida Sans, sans-serif; 
	font-size: 12.0pt; text-decoration: none; 
	line-height:15px; }

	td {
	color: #eeeeee;
	font-family: Lucida Sans, sans-serif;
	font-size: 9.0pt;
	}

	img.displaycenter {
    display: block;
    margin-left: auto;
    margin-right: auto
	}
	
/* page wrapper */
#pagewrapper {
	background-color:#2554C7;
	color: #fff;
	margin: 0 auto;
	clear:both;
	width:967px;			/* width of whole page */
	overflow:hidden;			/* This chops off any overhanging divs */
}

/* column container */
.colmask {
	position:absolute;		/* This fixes the IE7 overflow hidden bug */
	clear:both;
	/*float:left;*/
	margin: 0;
	top: 158px;
    width: 965px;
}
/* common column settings */

.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 0 0;		/* no left and right padding on columns, we just make them narrower instead */
	color: #fff;
	}
	
/* 3 Column blog style settings */
.blogstyle {
	background:#eoo;			/* column background colour */
}

.blogstyle .col1 {
	width:290px;				/* width of left column content  */
	left:0px;				/* 100% plus left padding of center column */
}
.blogstyle .col2 {
	width:460px;				/* Width of middle column content (column width minus padding on either side) */
	left:5px;
}
.blogstyle .col3 {
	width:200px;				/* Width of right column content (column width minus padding on either side) */
	left:15px;
}


#header {
  color: #000000;
  margin: 0px;
  font-family: Lucida Sans, sans-serif; 
  position: absolute;
  top: 4px;
  height: 160px;
  width: 100%;
     }


#menu_container { margin:0px 0px 0px 0px; position:absolute; top: 115px; left: 10px; width:100%; height:25px; z-index:100;}
	 
#mainbody {
  color: #000000;
  background-color: #f2f2f2;
  margin: 7px;
  padding: 3px;
  font-family: Lucida Sans, sans-serif; 
  position: absolute;
  top: 160px;
  width: 952px;
  height: auto;
     }
  
 #maincontent {
  padding: 0px;
  position: absolute;
  margin:0 auto;
  width: 940px;
  text-align: left;
  left: 0px;
  top: 160px;
  height: auto;
   }
  
  
 #rollovers {
  position: relative;
  margin: 0 auto;
  width: 278px;
  text-align: left;
  top: 0px;
  }
	
#latestnews {
	padding: 0px;
	margin: 0;
	border-width: 0px 0px 1px 0px;
	border-style: solid; 
	border-color: black;
	width: 278px; height: 78px;
	position: absolute; left: 0 px; top: 0px;
	}

#fixtures {
	padding: 0px;
	margin: 0;
	border-width: 1px 0px 1px 0px;
	border-style: solid; 
	border-color: black;
	width: 278px; height: 78px;
	position: absolute; left: 0 px; top: 78px;
	}

#matchrep {
	padding: 0px;
	margin: 0;
	border-width: 1px 0px 1px 0px;
	border-style: solid; 
	border-color: black;
	position: absolute; left: 0 px; top: 156px;
	width: 278px; height: 78px; }

#hurnbridge {
	padding: 0px;
	margin: 0;
	border-width: 1px 0px 0px 0px;
	border-style: solid; 
	border-color: black;
	width: 278px; height: 78px;
	position: absolute; left: 0 px; top: 234px;
	}
	
#sponsormain {
    background-color: #f2f2f2;
	text-align: center;
	padding: 0px;
	margin: 0px;
	border-width: 0px 0px 0px 0px;
	border-style: solid; 
	border-color: black;
	text-indent: 0px;
	font-family: Lucida Sans, sans-serif; 
	font-size: 8.0pt;
	line-height: 15px;
	left: 6px;
	top: 330px;
	position: absolute;
	}
	
#ladieslink {
	padding: 0px;
	margin: 0px;
	border-width: 0px 0px 0px 0px;
	border-style: solid; 
	border-color: black;
	position: absolute; left: 6px; top: 515px;
	width: 280px;
	}
	
#noticeboard {
	padding: 0px;
	margin: 5px;
	border-width: 0px 0px 0px 0px;
	border-style: solid; 
	border-color: black;
	position: absolute; left: 0px; top: 720px;
	width: 270px;
	}
	
#sponsor1 {
	text-align: center;
	padding: 0px;
	margin: 5px;
	border-width: 0px 0px 0px 0px;
	border-style: solid; 
	border-color: black;
	text-indent: 0px;
	font-family: Lucida Sans, sans-serif; 
	font-size: 9.0pt;
	line-height: 15px;
	position: absolute; left: 6px; top: 775px;
	width: 280px;
	}

#sponsor2 {
	text-align: center;
	padding: 0px;
	margin: 10px;
	border-width: 0px 0px 0px 0px;
	border-style: solid; 
	border-color: black;
	text-indent: 0px;
	font-family: Lucida Sans, sans-serif; 
	font-size: 9.0pt;
	line-height: 15px;
	position: relative; top: 300px; }
	
#poster1 {
	padding: 0px;
	margin: 0;
	border-width: 0px 0px 0px 0px;
	border-style: solid; 
	border-color: black;
	position: absolute; left: 590px; top: 125px;
	width: 200px;
	}



.sb1 {
	padding: 0px;
	margin: 0;
	border-width: 0px 0px 0px 0px;
	border-style: solid; 
	border-color: black;
	position: relative;
	left: -20px;
	top: -10px;
	z-index:3000;
	}
	
.bridgebites {
	padding: 0px;
	margin: 0;
	border-width: 0px 0px 0px 0px;
	border-style: solid; 
	border-color: black;
	width: 100%;
	color: #111188;
	}

.nextmatch {
	padding: 0px;
	margin: 0;
	border-width: 0px 0px 0px 0px;
	border-style: solid; 
	border-color: black;
	width: 100%;
	}	

.currentmatches {
	background-color: #f2f2f2;
	padding: 0px;
	margin: 0;
	border-width: 0px 0px 0px 0px;
	border-style: solid; 
	border-color: black;
	width: 210px;
	}
	
#newsheadlines {
	padding: 0px;
	margin: 0;
	border-width: 0px 0px 0px 0px;
	border-style: solid; 
	border-color: black;
	position: absolute; left: 590px; top: 820px;
	width: 200px;
	}

#clubposter {
	padding: 0px;
	margin: 5px;
	border-width: 0px 0px 0px 0px;
	border-style: solid; 
	border-color: black;
	position: absolute; left: 0px; top: 690px;
	width: 270px;
	}

	

.maintext {
	margin: 0;
	color: #ffffff;
	font-size: 9.0pt; 
	}

   a.maintext { color: #eeeeee; 
	font-size: 9.0pt; text-decoration: none; 
	font-family: Lucida Sans, sans-serif; 
	line-height:15px; }   

   a.maintext:hover { color: #66000;  
	font-family: Lucida Sans, sans-serif; 
	font-size: 9.0pt; text-decoration: none; 
	line-height:15px; }


.pagehead {
	color: #fff;
	background-color:#036;
	font-family: "Lucida Sans", sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-indent: 6px;
	margin: 0px;
	padding-top: 6px;
	border-width: 1px 0px 1px 0px;
	border-style: solid; 
	border-color: black;
	height: 25px;
	width: 100%;
	}
	

.notehead {
	color: #2554C7;
	background-color:#fafafa;
	font-family: "Lucida Sans", sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-indent: 4px;
	margin: 0px;
	padding-top: 4px;
	border-width: 2px 0px 2px 0px;
	border-style: solid; 
	border-color: #000000;
	height: 17px;
	width: 100%;
	}

.noteheadred {
	color: #cc0000;
	background-color:#bbbbbb;
	font-family: "Lucida Sans", sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-indent: 4px;
	margin: 0px;
	padding-top: 4px;
	border-width: 1px 0px 1px 0px;
	border-style: solid; 
	border-color: black;
	height: 15px;
	width: 100%;
	}

.cfcresult {
	background-color: #f2f2f2;
	color: #118811;
	font-family: "Lucida Sans", sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-indent: 4px;
	margin: 0px;
	padding-top: 4px;
	border-width: 0px 0px 1px 0px;
	border-style: solid; 
	border-color: black;
	width: 100%;
	}

.cfcnoresult {
	background-color: #f2f2f2;
	color: #505050;
	font-family: "Lucida Sans", sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-indent: 4px;
	margin: 0px;
	padding-top: 4px;
	border-width: 0px 0px 1px 0px;
	border-style: solid; 
	border-color: black;
	width: 100%;
	}

.cfctoplay {
	background-color: #f2f2f2;
	color: #111188;
	font-family: "Lucida Sans", sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-indent: 4px;
	margin: 0px;
	padding-top: 4px;
	border-width: 0px 0px 1px 0px;
	border-style: solid; 
	border-color: black;
	width: 100%;
	}


.nexthome {
	color: #116611;
	font-family: "Lucida Sans", sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-indent: 4px;
	margin: 0px;
	padding-top: 4px;
	border-width: 0px 0px 0px 0px;
	border-style: solid; 
	border-color: black;
	width: 100%;
	}

#mainlogo {
 padding: 0px;
 position: relative;
 left: 3px;
 top: 0px;
 z-index:100;
 background-image: url(images/cfcstand.jpg);
 height: 150px;
 width: 960px;
 border: 0px;
 }

#topbanner { padding: 0px; position: relative; left: 0px; top: 0px;  float: left; z-index:1;}
#cfcbadge { padding: 0px; position: relative; left: 5px; top: 3px; float: left; z-index:3;}
#cfcname { padding: 0px; position: relative; left: 25px; float: left; top: 40px; 
	font-family: Arial; font-size: 50px; color:#ffffff; z-index:3;}
#macfa { padding: 0px; position: relative; left: 50px; top: 0px; float: left; z-index:3;}
.newshead { padding: 0px; margin 15; font-size: 11.0pt; color:#306eff; background-color:#cccccc; position: absolute;
	left: 2px; top: 2px; width: 300px; height: 24px; }

	
#footerfloat {
	position: relative;
	bottom:2px;
	clear:both;
	float:left;
	width:100%;
	border-top:1px solid #000;
}

	
.linkstrap { position: relative;
	border-width: 0px 0px 0px 0px;
	border-style: Solid; border-color:  #BDBDBD;
	padding: 0px;
	background-color: #181818; 
	text-indent: 0px;
	left: 0px;
	top: 0px;
	width: 100%; 
	color: white;
	font-family: Lucida Sans, sans-serif; 
	font-size: 12px;
	text-align: center;
}
.linkstrap a:link { 
 color: #999999;
 text-decoration: none
 }
 
.linkstrap a:visited {
  color: #999999;
  text-decoration: none
 }

.linkstrap a:hover {
	color: #CC0033;
	text-decoration: none
}

.linkstrap a:active {
	color: #dd0033;
	text-decoration: none
}

.SmallGreyText {
	font-family: Arial, Helvetica, sans-serif; 
	color: #333333; 
	font-size: 10px; 
	text-align: left;
	}

.SmallLightText {
	font-family: Arial, Helvetica, sans-serif; 
	color: #bbbbbb; 
	font-size: 10px; 
	text-align: left;
	}
	

