/* ************* common ********** */
html>body {
font-size: 16px;  /* IE can't read this. Its here to please older version of safari which default to 14px */
font-size: 63%;  /* see explanation below  */
}

body{
    padding: 0 0 0 0; 
	 margin: 0 0 0 0; 
    background: #fff;
    color:#333;
    /*height: 100%;*/
    font-family: Verdan, Arial, sans-serif;
    font-size: 62.5%;  /* see explanation below  */
    }

    
/*
The the default font size for the majority of browsers is 16px.
62.5%, for convenience sake sets the primary body font sze to equivalent of 10px,
therefore making it easy to specify sizes in em. 1em = 10px, 1.1em = 11px and so on. 
I have then reset the overall font size to 12em in the #wrapper. Line heights do not seem to translate as consistently using this technique,
hence tho we want a line height of 16px, setting it at 1.4em seems to be alot nearer than the 1.6em that it theoretically should be..
Drawback is if user has adjusted their defualt settings. This will set font size to 62.5% of that, so it cant be 100% accurate, but it will at least be resizable in all browsers
the second rule is targetting ie5 mac which renders 62.5% incorrectly, and significantly smaller.
*/
    
/* some links styles */ 

a  {color:#d80633; background: transparent; text-decoration: underline;}
a:visited { background: transparent; text-decoration:  underline;}
a:hover {background: transparent; text-decoration:underline; }
a:active {background: transparent; text-decoration: none;}    

/*red body link style*/
a.red {color:#d80633; background: transparent; text-decoration: underline;}
a:visited .red{ background: transparent; text-decoration:  underline;}
a:hover .red{background: transparent; text-decoration:underline; }
a:active .red{background: transparent; text-decoration: none;}    

/*red body link style*/
a.med-red {color:#d80633; background: transparent; text-decoration:none; margin: 2px;}
a:visited .med-red{ background: transparent; text-decoration:none; margin: 2px;}
a:hover .med-red{background:#d80633; text-decoration:none; color: #fff; margin: 2px; }
a:active .med-red{background: transparent; text-decoration: none;} 



/* white on grey link style */
a.white {color:#fff; background: transparent; text-decoration: underline;}
a:visited .white{ background: transparent; text-decoration:  underline;}
a:hover .white{background: transparent; text-decoration:underline; }
a:active .white{background: transparent; text-decoration: none;}    


/* grey body link style*/
a.grey {color:#6f7072; background: transparent; text-decoration: underline;}
a:visited .grey{ background: transparent; text-decoration:  underline;}
a:hover .grey{background: transparent; text-decoration:underline; }
a:active .grey{background: transparent; text-decoration: none;} 




/*  some typography styles  */


	h1{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	 font-size: 3.2em;
	 line-height: normal;
	 margin: 0px;
	 padding: 0px 0px 10px 0px;
	}


	h2{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	 font-size: 1.5em;
	 font-weight: bold;
	 margin: 0px;
	 padding: 3px 0px 3px 0px;
	}		
	
	h3{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	 font-size: 1.2em;
	 font-weight: bold;
	 margin: 0px;
	 padding: 10px 0px 3px 0px;
	}		
	
	
h4	{
	 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	 font-size: 0.8em;
	 margin: 0px;
	 padding: 0px 0px 10px 0px;
}
	
h5	{ /* this is not in order, there seem to be new headline sizes popping up all over the place.. */
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	 font-size: 1.6em;
	 font-weight: bold;
	 margin: 0px;
	 padding: 0px 0px 10px 0px;	
}
	
.h3{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	 font-size: 1.2em;
	 font-weight: bold;
	 margin: 0px;
	 padding: 10px 0px 3px 0px;
	}	
	
/*   me being clever for a change..  

making use of the fact that you can have multiple styles in a class, for example 

class="large red bold"  or class="small gey"  self explanatory hopefully.

 */  


.smaller{
font-size:0.8em;
line-height: 14px;
} 

.small{
font-size:1.0em;
line-height: 14px;
}

.med{
font-size:1.2em;
line-height: 16px;
}

.large{
	font-size: 1.4em;
	line-height: 18px;
}

.grey{
	color:#6f7072;
}

.red{
	color:#d7002f; 
}

.blue{
	color:#3fb2ff; 
}

.white{
	color:#ffffff; 
}

.orange{
color:#ff6633;	
}

.bold{
font-weight:bold;
}

.underline{
	text-decoration: underline;
}

/*   PRIMARY BUILDING BLOCKS   */
#wrapper{
width:1100px;	
/*border: 1px solid #000;*/
display: table;
font-size: 1em;
line-height: 16px;
margin: 25px 0px 0px 20px;
}

/*  rewrote the way the header works Sun 17th  */


#header{ 
/*margin:5px;*/
width:975px;
}	

#identity{ /*contains the sport essex logo*/
display:inline;
/*border:1px solid #000000;*/
/*padding:5px;*/
width:auto;
float:left;
/*margin:5px;*/
margin-left:0;
}

#banner{ /*container for top banners ads*/
display:inline;
/*border:1px solid #000000;*/
/*padding:5px;*/
width:751px;
float:right;
/*margin:5px 0 5px 0;*/
text-align: right;
}	

#banner img{
margin-right: 15px;
}

#searchbox{
display:inline;
/*border:1px solid #000000;*/
/*padding:5px;*/
width:236px;
float:right;
/*margin:5px;*/
/*margin-right:0;*/
}

#header-sub-nav{
height: 35px;
/*border: 1px solid red;	*/
/*border: 1px solid #ccc;	*/
}








#main{
   
	/*border: 1px solid yellow;	*/
	margin-left: 13px;
	/*display: table;*/
}





/*  --------------------------------------------------------------------  */

/*   PRIMARY NAV    */


#nav{ /*the container for the left hand nav*/
	width:206px; 
/*	border: 1px solid green;	*/
	/*background-color: Green;*/
	display: table-cell;
 clear: both;
}


	
	
.pad-nav{
   width:176px;
	padding-top: 0px;
	padding-right:15px;
	padding-bottom:30px;
	padding-left:15px;
	/*background-color: Aqua;*/
}
	




.prim-nav-content{
color: #fff;
width: 98%;
/*border: 1px solid #000;*/
text-align: left;
}

#prim-nav-content .alignright{
text-align: right;
margin: 5px 0px 0px 0px;

}	


/*styling the primary nav box form elements*/
/*#prim-nav .login-input{
width: 65%;
}*/

.login-input{
width: 60%;
}



#nav .bl {background: #d7002f; width: 176px;}
#nav .br {background: 100% 100% no-repeat;}
#nav .tl {background: url(images/corners_prim_nav/tl.gif) 0 0 no-repeat}
#nav .tr {background: url(images/corners_prim_nav/tr.gif) 100% 0 no-repeat; padding:15px;}
/*.clear {font-size: 1px; height: 1px}*/


#login{
height:100%;
/*border: 1px solid green;*/
}


#login .bl {background: url(images/corners_prim_nav/bl.gif) 0 100% no-repeat #6f7072; width: 176px;}
#login .br {background: url(images/corners_prim_nav/br.gif) 100% 100% no-repeat;}
#login .tl {background: none}
#login .tr {background: url(images/corners_prim_nav/primary-nav-mid.gif) 100% 0 no-repeat; padding:15px;}
.clear {font-size: 1px; height: 1px;}




/* login rollovers */

a#sign-in { 
background-image: url(images/buttons/sign-in.gif);
background-repeat: no-repeat;
background-position:0% 0px; 
margin: 8px 0px 4px 0px; 
padding:0px 3px 0px 0px;
/* border: 1px solid green;*/
float: right;
}


a#sign-in:hover {
background-image: url(images/buttons/sign-in.gif);
background-repeat: no-repeat;
background-position:0% -12px;
}

a#sign-in:active {
background-image: url(images/buttons/sign-in.gif);
background-repeat: no-repeat;
background-position:0% -24px;
}



/*   --------------------------------------------------------------------------------   */


/*  define some basics  */

p{
	margin: 0px;
	padding: 5px 0px 5px 0px;
}


.nmnp{/* no margin no padding  */
	margin: 0px;
	padding: 0px;	
}



/*  SOME LITTLE HELPERS  */

 /*  a useful and valid css hack:
 
   1.  The underscore ("_") is allowed in CSS identifiers by the CSS2.1 Specification
   2. Browsers have to ignore unknown CSS properties
   3. MSIE 5+ for Windows ignores the "_" at the beginning of any CSS property name

Therefore, a CSS definition, e. g. _color:red is:

   1. Correct, for CSS 2.1 specification allows it (even if software validators, knowing only older version CSS 2.0, say it's a bug: they are wrong, it's correct).
   2. Ignored in any browser but WinIE
   3. Treated as color:red in WinIE

*/


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



.inline-block{
	display: inline-block;
}

.inline{
	display: inline;
}

.nowrap{
	white-space: nowrap;
}

.marg-iv-top{
	margin-top: 5px;
}

.marg-5-bot{
	margin-bottom: 5px;
}

.marg-10-left{
	margin-left: 10px;
}


	.map-marg{
  margin: 10px 20px 0px 20px;	
	}

	.marg-20-l-r{
  margin: 0px 20px 0px 20px;	
	}	
	
.controls-marg{
margin: 0px 20px 0px 20px;	
padding: 0px;
}	
	

.marg-twenty{
	margin: 20px;
}

.marg-bot-10{
	margin-bottom:10px; 
}

.marg-bot-15{
	margin-bottom:15px; 
}

.marg-15-top{
	margin-top: 15px;
}

.marg-10-r{
	margin-right: 10px;
}

.marg-fifteen-top-bot{
	margin-top: 15px;
	margin-bottom: 15px;
}

.marg-ten-top-bot{
	margin-top: 10px;
	margin-bottom: 10px;
}

.marg-five-top-bot{
	margin-top: 5px;
	margin-bottom: 5px;
}


.marg-twenty-top{
	margin-top: 20px;
}

.ten-marg-top{
 margin-top:10px;
}


.marg-fifteen{
	margin: 15px;
}

.pad-10{
	padding: 10px;
}

.pad-fifteen{
	padding: 15px;
}

.pad-twenty{
	padding: 20px;
}

.pad-nav{
	padding: 0px 15px 30px 15px;
	/*margin: 0px 0px 0px 10px;*/
}

.fr{ /* float right */
	float: right;
}

.fl{ /* float left */
	float: left;
}
	

.fn{  /* no float */
	float: none;
}	

img{
	border: 0px;
}


.alignright{
	text-align: right;
	margin: 5px 0px 0px 0px;

   }	

.hrule{
 margin: 0px;
 padding: 0px;
 /*border: 1px solid green;*/
 height: 1px;
}


	
	.cb{
		clear: both;
	}

	.cl{
		clear: left;
	}


		.cr{
		clear: right;
	}
	
.v-a-m{
 vertical-align: middle;
}	

.v-a-b{
	vertical-align: bottom;
}


.border{ /* for testing purposes */
border: 1px solid #000;
}



/*  --------------------------------------------------------------------  */


/* SEARCH BOX STYLES AND RULES */


#searchbox .bl {background: url(images/corners_search/bl.gif) 0 100% no-repeat #6f7072; width: 225px}
#searchbox .br {background: url(images/corners_search/br.gif) 100% 100% no-repeat}
#searchbox .tl {background: url(images/corners_search/tl.gif) 0 0 no-repeat}
#searchbox .tr {background: url(images/corners_search/tr.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px}

#searchcontent{
color: #fff;
width: 98%;
/*border: 1px solid #000;*/
text-align: left;

}

#searchcontent .alignright{
text-align: right;
margin: 5px 0px 0px 0px;

}	

/*styling the search box form elements*/
#search{
font-size: 10px;
width: 98%;
}



/*  -----------------------------------------------------------  */

	#grey-border-left{ 
 /* background-color: Lime;*/
	width: 615px;
	height:550px;
	display: inline;

	}
	
#grey-border-left .t {background: url(images/corners_main/dot.gif) 0 0 repeat-x;  }
#grey-border-left .b {background:url(images/corners_main/dot.gif) 0 100% repeat-x;}
#grey-border-left .l {background: url(images/corners_main/dot.gif) 0 0 repeat-y;}
#grey-border-left .r {background: none ;}
#grey-border-left .bl {background: url(images/corners_main/bl.gif) 0 100% no-repeat}
#grey-border-left .br {background:none;}
#grey-border-left .tl {background: url(images/corners_main/tl.gif) 0 0 no-repeat;}
#grey-border-left .tr {padding:7px 7px 0px 7px; margin: 0px;}


#map-container{
border: 4px solid #6f7072;
}	



/*  styles all the search controls under the map area  */


.controls{
height:143px; /*value for "normal" browsers*/
_height:140px;  /*value for msie*/
}	




#where {
display: inline;
padding: 0px;
margin: 8px 6px 0px 0px;
width: 173px;
float: left;
/*border: 1px solid #000;*/
}

#where select{
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#where img{
margin: 0px 0px 8px 0px;
}


#what{
display: inline;
padding: 0px;
margin: 8px 6px 0px 0px;
width: 196px;
float: left;
/*border: 1px solid orange;*/
}

#what select{
width: 100%;
padding: 0px;
margin: 0px;	
}

#what img{
margin: 0px 0px 8px 0px;
}


#want{
display: inline;	
padding: 0px;
margin: 8px 0px 0px 0px;
 width: 176px;
 float: left;
/* border: 1px solid green;*/
}

#want select{
width: 100%;	
padding: 0px;
margin: 0px;	
}	

#want img{
margin: 0px 0px 8px 0px;
}


a#red-go { 
background-image: url(images/buttons/red-go.gif);
 background-repeat: no-repeat;
 background-position:0% 0px; 
 margin: 8px 0px 4px 0px; 
 padding:0px 3px 0px 0px;
/* border: 1px solid green;*/
float: right;
}



a#red-go:hover {
  background-image: url(images/buttons/red-go.gif);
  background-repeat: no-repeat;
  background-position:0% -22px;
}

a#red-go:active {
  background-image: url(images/buttons/red-go.gif);
  background-repeat: no-repeat;
  background-position:0% -44px;
}


#map-search{
 margin:0;
padding: 0;
}

#map-search img#or{
margin: 8px 0px 0px 0px;
/*float: left;*/

}

#map-search span{
margin: 4px 5px 0px 0px;
float: left;
clear: left;

}

#map-search input{
margin: 1px 0px 8px 8px;
float: left;
}



a#search-go { 
background-image: url(images/buttons/red-go.gif);
 background-repeat: no-repeat;
 background-position:0% 0px; 
 margin: 0px 0px 8px 0px; 
 padding-right: 3px;
/* border: 1px solid green;*/
float: right;

}


a#search-go:hover {
  background-image: url(images/buttons/red-go.gif);
  background-repeat: no-repeat;
  background-position:0% -22px;
}

a#search-go:active {
  background-image: url(images/buttons/red-go.gif);
  background-repeat: no-repeat;
  background-position:0% -44px;
}

a#add-notice-b { 
	background-image: url(images/buttons/add-notice-bottom.gif);
	background-position:0px 0px; 
	background-repeat: no-repeat;
	margin: 4px 0px 4px 0px; 
	padding:0px 3px 0px 0px;
	display: inherit;
	width: auto;
}

a#add-notice-b:hover {
	background-image: url(images/buttons/add-notice-bottom.gif);
	background-repeat: no-repeat;
	background-position:0% -14px;
}

a#add-notice-b:active {
	background-image: url(images/buttons/add-notice-bottom.gif);
	background-repeat: no-repeat;
	background-position:0% -28px;
}

a#add-notice-t { 
	background-image: url(images/buttons/add-notice-top.gif);
	background-position:0px 0px; 
	background-repeat: no-repeat;
	margin: 4px 0px 4px 0px; 
	padding:0px 3px 0px 0px;
	display: inherit;
	width: auto;
}

a#add-notice-t:hover {
	background-image: url(images/buttons/add-notice-top.gif);
	background-repeat: no-repeat;
	background-position:0% -14px;
}

a#add-notice-t:active {
	background-image: url(images/buttons/add-notice-top.gif);
	background-repeat: no-repeat;
	background-position:0% -28px;
}	

a#confirm-changes { 
	background-image: url(images/buttons/confirm-changes.gif);
	background-position:0px 0px; 
	background-repeat: no-repeat;
	margin: 4px 0px 4px 0px; 
	padding:0px 3px 0px 0px;
	display: inherit;
	width: auto;
}

a#confirm-changes:hover {
	background-image: url(images/buttons/confirm-changes.gif);
	background-repeat: no-repeat;
	background-position:0% -14px;
}

a#confirm-changes:active {
	background-image: url(images/buttons/confirm-changes.gif);
	background-repeat: no-repeat;
	background-position:0% -28px;
}		

a#continue { 
	background-image: url(images/buttons/continue.gif);
	background-position:0px 0px; 
	background-repeat: no-repeat;
	margin: 4px 0px 4px 0px; 
	padding:0px 3px 0px 0px;
	display: inherit;
	width: auto;
}

a#continue:hover {
	background-image: url(images/buttons/continue.gif);
	background-repeat: no-repeat;
	background-position:0% -22px;
}

a#continue:active {
	background-image: url(images/buttons/continue.gif);
	background-repeat: no-repeat;
	background-position:0% -41px;
}	

a#delete { 
	background-image: url(images/buttons/delete.gif);
	background-position:0px 0px; 
	background-repeat: no-repeat;
	margin: 4px 0px 4px 0px; 
	padding:0px 3px 0px 0px;
	display: inherit;
	width: auto;
}

a#delete:hover {
	background-image: url(images/buttons/delete.gif);
	background-repeat: no-repeat;
	background-position:0% -21px;
}

a#delete:active {
	background-image: url(images/buttons/delete.gif);
	background-repeat: no-repeat;
	background-position:0% -41px;
}		

a#edit { 
	background-image: url(images/buttons/edit.gif);
	background-position:0px 0px; 
	background-repeat: no-repeat;
	margin: 4px 0px 4px 0px; 
	padding:0px 3px 0px 0px;
	display: inherit;
	width: auto;
}

a#edit:hover {
	background-image: url(images/buttons/edit.gif);
	background-repeat: no-repeat;
	background-position:0% -21px;
}

a#edit:active {
	background-image: url(images/buttons/edit.gif);
	background-repeat: no-repeat;
	background-position:0% -41px;
}			
	
a#find-me-sport { 
	background-image: url(images/buttons/find-me-sport.gif);
	background-position:0px 0px; 
	background-repeat: no-repeat;
	margin: 4px 0px 4px 0px; 
	padding:0px 3px 0px 0px;
	display: inherit;
	width: auto;
}

a#find-me-sport:hover {
	background-image: url(images/buttons/find-me-sport.gif);
	background-repeat: no-repeat;
	background-position:0% -21px;
}

a#find-me-sport:active {
	background-image: url(images/buttons/find-me-sport.gif);
	background-repeat: no-repeat;
	background-position:0% -41px;
}			

a#go-my-map { 
	background-image: url(images/buttons/go-my-map.gif);
	background-position:0px 0px; 
	background-repeat: no-repeat;
	margin: 4px 0px 4px 0px; 
	padding:0px 3px 0px 0px;
	display: inherit;
	width: auto;
}

a#go-my-map:hover {
	background-image: url(images/buttons/go-my-map.gif);
	background-repeat: no-repeat;
	background-position:0% -21px;
}

a#go-my-map:active {
	background-image: url(images/buttons/go-my-map.gif);
	background-repeat: no-repeat;
	background-position:0% -41px;
}		

a#new-search { 
	background-image: url(images/buttons/new-search.gif);
	background-position:0px 0px; 
	background-repeat: no-repeat;
	margin: 4px 0px 4px 0px; 
	padding:0px 3px 0px 0px;
	display: inherit;
	width: auto;
}

a#new-search:hover {
	background-image: url(images/buttons/new-search.gif);
	background-repeat: no-repeat;
	background-color: #fff;
	background-position:0% -21px;
}

a#new-search:active {
	background-image: url(images/buttons/new-search.gif);
	background-repeat: no-repeat;
	background-position:0% -41px;
}		

a#reg-now { 
	background-image: url(images/buttons/register-now.gif);
	background-position:0px 0px; 
	background-repeat: no-repeat;
	margin: 4px 0px 4px 0px; 
	padding:0px 3px 0px 0px;
	display: inherit;
	width: auto;
}

a#reg-now:hover {
	background-image: url(images/buttons/register-now.gif);
	background-repeat: no-repeat;
	background-position:0% -12px;
}

a#reg-now:active {
	background-image: url(images/buttons/register-now.gif);
	background-repeat: no-repeat;
	background-position:0% -22px;
}		

a#submit-new { 
	background-image: url(images/buttons/submit2.gif);
	background-position:0px 0px; 
	background-repeat: no-repeat;
	margin: 4px 0px 4px 0px; 
	padding:0px 3px 0px 0px;
	display: inherit;
	width: auto;
}

a#submit-new:hover {
	background-image: url(images/buttons/submit2.gif);
	background-repeat: no-repeat;
	background-position:0% -14px;
}

a#submit-new:active {
	background-image: url(images/buttons/submit2.gif);
	background-repeat: no-repeat;
	background-position:0% -28px;
}	

a#update { 
	background-image: url(images/buttons/update.gif);
	background-position:0px 0px; 
	background-repeat: no-repeat;
	margin: 4px 0px 4px 0px; 
	padding:0px 3px 0px 0px;
	display: inherit;
	width: auto;
}

a#update:hover {
	background-image: url(images/buttons/update.gif);
	background-repeat: no-repeat;
	background-position:0% -12px;
}

a#update:active {
	background-image: url(images/buttons/update.gif);
	background-repeat: no-repeat;
	background-position:0% -24px;
}	

/*  STYLES THE MAP CONTROLS AND KEY  */
	
 #key{
 float: left;
 width:142px;
/*background-color: Green;*/
	}
	
#key .t {background: url(images/corners_main/dot.gif) 0 0 repeat-x; height:100% }
#key .b {background: url(images/corners_main/dot.gif) 0 100% repeat-x;}
#key .l {background: none;}
.r {background: url(images/corners_main/dot.gif) 100% 0 repeat-y}
#key .bl {background:none ;}
#key .br {background: url(images/corners_main/br.gif) 100% 100% no-repeat;}
#key .tl {background:none;}
#key .tr {background: url(images/corners_main/tr.gif) 100% 0 no-repeat; padding:8px 8px 8px 0px;}

#key-content{
height: 330px;
padding: 10px 0px 0px 0px;
/*background-color: Aqua;*/
}
	
#key-content ul
{
width: auto;
margin: 0px;
padding: 0px;
list-style-type: none;
}

#key-content ul li
{
width: auto;
padding: 0px;
margin: 5px 0px 5px 0px;
list-style-type: none;
}
	
#key-content ul input{
vertical-align: middle;
}
	
#key-content ul img{
vertical-align: middle;
}	
	


/*  STYLES THE SKYSCRAPER / AD ZONE RIGHT HAND SIDE  */

#adzone{
float: left;
/*width:138px;*/
/*border-left:4px solid orange;*/
/*background-color: Orange;*/
height:auto;
}
	
/*#adzone .t {background: none;  }*/
/*#adzone .b {background:none;}*/
#adzone .l {background: url(images/corners_main/dogleg.gif) 0px 0px no-repeat; padding-right:4px;  }
/*#adzone .r {background:none; }	*/

.marg-adzone{
 padding: 15px 20px 20px 15px;
}

	
/*  rollovers  */	

/*	
	some guidance: for further info this is using a variation on the sliding doors css rollover technique.
	one bg image, 3 images, the following numbers represent the vertical position of the bg image. 
	default -36px, 
	rollover -18px, 
	active 0px
	
	or a variation on that idea
	
	
	*/
	
	
a#roll-zero {
  background-image: url(images/rollovers/rollover_00.gif);
  background-repeat: no-repeat;
  background-position:0% 0px; 
  display: block; 
}
a#roll-zero:hover {
  background-image: url(images/rollovers/rollover_00.gif);
  background-repeat: no-repeat;
  background-position:0% -18px;
  display: block; 
}

a#roll-zero:active, a#roll-zero.selected {
  background-image: url(images/rollovers/rollover_00.gif);
  background-repeat: no-repeat;
  background-position:0% -36px;
  display: block; 
}


	
a#roll-one {
  background-image: url(images/rollovers/rollover_01.gif);
  background-repeat: no-repeat;
  background-position:0% 0px; 
  display: block; 
}
a#roll-one:hover {
  background-image: url(images/rollovers/rollover_01.gif);
  background-repeat: no-repeat;
  background-position:0% -18px;
  display: block; 
}

a#roll-one:active, a#roll-one:active .selected {
  background-image: url(images/rollovers/rollover_01.gif);
  background-repeat: no-repeat;
  background-position:0% -36px;
  display: block; 
}

a#roll-two {
  background-image: url(images/rollovers/rollover_02.gif);
  background-repeat: no-repeat;
  background-position:0% 0px; 
  display: block; 
}
a#roll-two:hover {
  background-image: url(images/rollovers/rollover_02.gif);
  background-repeat: no-repeat;
  background-position:0% -18px;
  display: block; 
}

a#roll-two:active {
  background-image: url(images/rollovers/rollover_02.gif);
  background-repeat: no-repeat;
  background-position:0% -36px;
  display: block; 
}

a#roll-three {
  background-image: url(images/rollovers/rollover_03.gif);
  background-repeat: no-repeat;
  background-position:0% -68px; 
  display: block; 
}
a#roll-three:hover {
  background-image: url(images/rollovers/rollover_03.gif);
  background-repeat: no-repeat;
  background-position:0% -34px;
  display: block; 
}

a#roll-three:active {
  background-image: url(images/rollovers/rollover_03.gif);
  background-repeat: no-repeat;
  background-position:0% 0px;
  display: block; 
}


a#roll-four {
  background-image: url(images/rollovers/rollover_noticeboard.gif);
  background-repeat: no-repeat;
  background-position:0% 0px; 
  display: block; 
}
a#roll-four:hover {
  background-image: url(images/rollovers/rollover_noticeboard.gif);
  background-repeat: no-repeat;
  background-position:0% -18px;
  display: block; 
}

a#roll-four:active {
  background-image: url(images/rollovers/rollover_noticeboard.gif);
  background-repeat: no-repeat;
  background-position:0% -36px;
  display: block; 
}



















/*  secondary nav rollovers  */

.marg-sn{
	margin-left: 15px;
	margin-top: 15px;
/*	border: solid 1px #000;*/
}


/*a#sn-roll-zero {
  background-image: url(images/rollovers/sn_rollover_00.gif);
  background-repeat: no-repeat;
  background-position:0% 0px; 
  display: block; 
}
a#sn-roll-zero:hover {
  background-image: url(images/rollovers/sn_rollover_00.gif);
  background-repeat: no-repeat;
  background-position:0% -12px;
  display: block; 
}

a#sn-roll-zero:active, a#sn-roll-zero.selected {
  background-image: url(images/rollovers/sn_rollover_00.gif);
  background-repeat: no-repeat;
  background-position:0% -24px;
  display: block; 
}

a#sn-roll-one {
  background-image: url(images/rollovers/sn_rollover_01.gif);
  background-repeat: no-repeat;
  background-position:0% 0px; 
  display: block; 
}
a#sn-roll-one:hover {
  background-image: url(images/rollovers/sn_rollover_01.gif);
  background-repeat: no-repeat;
  background-position:0% -12px;
  display: block; 
}

a#sn-roll-one:active, a#sn-roll-one.selected {
  background-image: url(images/rollovers/sn_rollover_01.gif);
  background-repeat: no-repeat;
  background-position:0% -24px;
  display: block; 
}

a#sn-roll-two {
  background-image: url(images/rollovers/sn_rollover_02.gif);
  background-repeat: no-repeat;
  background-position:0% 0px; 
  display: block; 
}
a#sn-roll-two:hover {
  background-image: url(images/rollovers/sn_rollover_02.gif);
  background-repeat: no-repeat;
  background-position:0% -12px;
  display: block; 
}

a#sn-roll-two:active, a#sn-roll-two.selected {
  background-image: url(images/rollovers/sn_rollover_02.gif);
  background-repeat: no-repeat;
  background-position:0% -24px;
  display: block; 
}

a#sn-roll-three {
  background-image: url(images/rollovers/sn_rollover_03.gif);
  background-repeat: no-repeat;
  background-position:0% 0px; 
  display: block; 
}
a#sn-roll-three:hover {
  background-image: url(images/rollovers/sn_rollover_03.gif);
  background-repeat: no-repeat;
  background-position:0% -12px;
  display: block; 
}

a#sn-roll-three:active, a#sn-roll-three.selected {
  background-image: url(images/rollovers/sn_rollover_03.gif);
  background-repeat: no-repeat;
  background-position:0% -24px;
  display: block; 
}

a#sn-roll-four {
  background-image: url(images/rollovers/sn_rollover_04.gif);
  background-repeat: no-repeat;
  background-position:0% 0px; 
  display: block; 
}
a#sn-roll-four:hover {
  background-image: url(images/rollovers/sn_rollover_04.gif);
  background-repeat: no-repeat;
  background-position:0% -12px;
  display: block; 
}

a#sn-roll-four:active, a#sn-roll-four.selected {
  background-image: url(images/rollovers/sn_rollover_04.gif);
  background-repeat: no-repeat;
  background-position:0% -24px;
  display: block; 
}


a#sn-roll-five {
  background-image: url(images/rollovers/sn_rollover_05.gif);
  background-repeat: no-repeat;
  background-position:0% 0px; 
  display: block; 
}
a#sn-roll-five:hover {
  background-image: url(images/rollovers/sn_rollover_05.gif);
  background-repeat: no-repeat;
  background-position:0% -12px;
  display: block; 
}

a#sn-roll-five:active, a#sn-roll-five.selected {
  background-image: url(images/rollovers/sn_rollover_05.gif);
  background-repeat: no-repeat;
  background-position:0% -24px;
  display: block; 
}


a#sn-roll-six {
  background-image: url(images/rollovers/sn_rollover_06.gif);
  background-repeat: no-repeat;
  background-position:0% 0px; 
  display: block; 
}
a#sn-roll-six:hover {
  background-image: url(images/rollovers/sn_rollover_06.gif);
  background-repeat: no-repeat;
  background-position:0% -12px;
  display: block; 
}

a#sn-roll-six:active, a#sn-roll-six.selected {
  background-image: url(images/rollovers/sn_rollover_06.gif);
  background-repeat: no-repeat;
  background-position:0% -24px;
  display: block; 
}

a#sn-roll-seven {
  background-image: url(images/rollovers/sn_rollover_07.gif);
  background-repeat: no-repeat;
  background-position:0% 0px; 
  display: block; 
}
a#sn-roll-seven:hover {
  background-image: url(images/rollovers/sn_rollover_07.gif);
  background-repeat: no-repeat;
  background-position:0% -12px;
  display: block; 
}

a#sn-roll-seven:active, a#sn-roll-seven.selected {
  background-image: url(images/rollovers/sn_rollover_07.gif);
  background-repeat: no-repeat;
  background-position:0% -24px;
  display: block; 
}

a#sn-roll-eight {
  background-image: url(images/rollovers/sn_rollover_08.gif);
  background-repeat: no-repeat;
  background-position:0% 0px; 
  display: block; 
}
a#sn-roll-eight:hover {
  background-image: url(images/rollovers/sn_rollover_08.gif);
  background-repeat: no-repeat;
  background-position:0% -12px;
  display: block; 
}

a#sn-roll-eight:active, a#sn-roll-eight.selected {
  background-image: url(images/rollovers/sn_rollover_08.gif);
  background-repeat: no-repeat;
  background-position:0% -24px;
  display: block; 
}


a#sn-roll-nine {
  background-image: url(images/rollovers/sn_rollover_09.gif);
  background-repeat: no-repeat;
  background-position:0% 0px; 
  display: block; 
}
a#sn-roll-nine:hover {
  background-image: url(images/rollovers/sn_rollover_09.gif);
  background-repeat: no-repeat;
  background-position:0% -12px;
  display: block; 
}

a#sn-roll-nine:active, a#sn-roll-nine.selected {
  background-image: url(images/rollovers/sn_rollover_09.gif);
  background-repeat: no-repeat;
  background-position:0% -24px;
  display: block; 
}


a#sn-roll-ten {
  background-image: url(images/rollovers/sn_rollover_10.gif);
  background-repeat: no-repeat;
  background-position:0% 0px; 
  display: block; 
}
a#sn-roll-ten:hover {
  background-image: url(images/rollovers/sn_rollover_10.gif);
  background-repeat: no-repeat;
  background-position:0% -12px;
  display: block; 
}

a#sn-roll-ten:active, a#sn-roll-ten.selected {
  background-image: url(images/rollovers/sn_rollover_10.gif);
  background-repeat: no-repeat;
  background-position:0% -24px;
  display: block; 
}

a#sn-roll-eleven {
  background-image: url(images/rollovers/sn_rollover_11.gif);
  background-repeat: no-repeat;
  background-position:0% 0px; 
  display: block; 
}
a#sn-roll-eleven:hover {
  background-image: url(images/rollovers/sn_rollover_11.gif);
  background-repeat: no-repeat;
  background-position:0% -12px;
  display: block; 
}

a#sn-roll-eleven:active, a#sn-roll-eleven.selected {
  background-image: url(images/rollovers/sn_rollover_11.gif);
  background-repeat: no-repeat;
  background-position:0% -24px;
  display: block; 
}

a#sn-roll-twelve {
  background-image: url(images/rollovers/sn_rollover_12.gif);
  background-repeat: no-repeat;
  background-position:0% 0px; 
  display: block; 
}
a#sn-roll-twelve:hover {
  background-image: url(images/rollovers/sn_rollover_12.gif);
  background-repeat: no-repeat;
  background-position:0% -12px;
  display: block; 
}

a#sn-roll-twelve:active, a#sn-roll-twelve.selected {
  background-image: url(images/rollovers/sn_rollover_12.gif);
  background-repeat: no-repeat;
  background-position:0% -24px;
  display: block; 
}

a#sn-roll-thirteen {
  background-image: url(images/rollovers/sn_rollover_13.gif);
  background-repeat: no-repeat;
  background-position:0% 0px; 
  display: block; 
}
a#sn-roll-thirteen:hover {
  background-image: url(images/rollovers/sn_rollover_13.gif);
  background-repeat: no-repeat;
  background-position:0% -12px;
  display: block; 
}

a#sn-roll-thirteen:active, a#sn-roll-thirteen.selected {
  background-image: url(images/rollovers/sn_rollover_13.gif);
  background-repeat: no-repeat;
  background-position:0% -24px;
  display: block; 
}

a#sn-roll-fourteen {
  background-image: url(images/rollovers/sn_rollover_14.gif);
  background-repeat: no-repeat;
  background-position:0% 0px; 
  display: block; 
}
a#sn-roll-fourteen:hover {
  background-image: url(images/rollovers/sn_rollover_14.gif);
  background-repeat: no-repeat;
  background-position:0% -12px;
  display: block; 
}

a#sn-roll-fourteen:active, a#sn-roll-fourteen.selected {
  background-image: url(images/rollovers/sn_rollover_14.gif);
  background-repeat: no-repeat;
  background-position:0% -24px;
  display: block; 
}*/

a#sn-roll-clubs-a-z {
background-image: url(images/rollovers/sn_clubs_a_z.gif);
background-repeat: no-repeat;
background-position:0% 0px; 
display: block; 
}
a#sn-roll-clubs-a-z:hover {
background-image: url(images/rollovers/sn_clubs_a_z.gif);
background-repeat: no-repeat;
background-position:0% -17px;
display: block; 
}

a#sn-roll-clubs-a-z:active, a#sn-roll-clubs-a-z.selected {
background-image: url(images/rollovers/sn_clubs_a_z.gif);
background-repeat: no-repeat;
background-position:0% -34px;
display: block; 
}

a#sn-roll-sports-a-z {
background-image: url(images/rollovers/sn_sports_a_z.gif);
background-repeat: no-repeat;
background-position:0% 0px; 
display: block; 
}
a#sn-roll-sports-a-z:hover {
background-image: url(images/rollovers/sn_sports_a_z.gif);
background-repeat: no-repeat;
background-position:0% -17px;
display: block; 
}

a#sn-roll-sports-a-z:active, a#sn-roll-sports-a-z.selected {
background-image: url(images/rollovers/sn_sports_a_z.gif);
background-repeat: no-repeat;
background-position:0% -34px;
display: block; 
}
	
a#sn-roll-sports-awards {
background-image: url(images/rollovers/sn_sports_awards.gif);
background-repeat: no-repeat;
background-position:0% 0px; 
display: block; 
}
a#sn-roll-sports-awards:hover {
background-image: url(images/rollovers/sn_sports_awards.gif);
background-repeat: no-repeat;
background-position:0% -17px;
display: block; 
}

a#sn-roll-sports-awards:active, a#sn-roll-sports-awards.selected {
background-image: url(images/rollovers/sn_sports_awards.gif);
background-repeat: no-repeat;
background-position:0% -34px;
display: block; 
}
	
/*funding*/	
a#sn-roll-zero { 
  background-image: url(images/rollovers/sn_funding.gif);
  background-repeat: no-repeat;
  background-position:0% 0px; 
  display: block; 
}
a#sn-roll-zero:hover {
  background-image: url(images/rollovers/sn_funding.gif);
  background-repeat: no-repeat;
  background-position:0% -17px;
  display: block; 
}

a#sn-roll-zero:active, a#sn-roll-zero.selected {
   background-image: url(images/rollovers/sn_funding.gif);
  background-repeat: no-repeat;
  background-position:0% -34px;
  display: block; 
}


/* jobs */

a#sn-roll-two {
 background-image: url(images/rollovers/sn_jobs.gif);
  background-repeat: no-repeat;
  background-position:0% 0px; 
  display: block; 
}
a#sn-roll-two:hover {
 background-image: url(images/rollovers/sn_jobs.gif);
  background-repeat: no-repeat;
  background-position:0% -17px;
  display: block; 
}

a#sn-roll-two:active, a#sn-roll-two.selected {
   background-image: url(images/rollovers/sn_jobs.gif);
  background-repeat: no-repeat;
  background-position:0% -34px;
  display: block; 
}

/* volunteering */

a#sn-roll-three {
  background-image: url(images/rollovers/sn_volunteering.gif);
  background-repeat: no-repeat;
  background-position:0% 0px; 
  display: block; 
}
a#sn-roll-three:hover {
  background-image: url(images/rollovers/sn_volunteering.gif);
  background-repeat: no-repeat;
  background-position:0% -17px;
  display: block; 
}

a#sn-roll-three:active, a#sn-roll-three.selected {
    background-image: url(images/rollovers/sn_volunteering.gif);
  background-repeat: no-repeat;
  background-position:0% -34px;
  display: block; 
}


/* coaches */

a#sn-roll-four {
  background-image: url(images/rollovers/sn_coaches.gif);
  background-repeat: no-repeat;
  background-position:0% 0px; 
  display: block; 
}
a#sn-roll-four:hover {
 background-image: url(images/rollovers/sn_coaches.gif);
  background-repeat: no-repeat;
  background-position:0% -17px;
  display: block; 
}

a#sn-roll-four:active, a#sn-roll-four.selected {
  background-image: url(images/rollovers/sn_coaches.gif);
  background-repeat: no-repeat;
  background-position:0% -34px;
  display: block; 
}



/*invest in sport */

a#sn-roll-five {
  background-image: url(images/rollovers/sn_invest_in_sport.gif);
  background-repeat: no-repeat;
  background-position:0% 0px; 
  display: block; 
}
a#sn-roll-five:hover {
 background-image: url(images/rollovers/sn_invest_in_sport.gif);
  background-repeat: no-repeat;
  background-position:0% -17px;
  display: block; 
}

a#sn-roll-five:active, a#sn-roll-five.selected {
  background-image: url(images/rollovers/sn_invest_in_sport.gif);
  background-repeat: no-repeat;
  background-position:0% -34px;
  display: block; 
}


/* get back into */
a#sn-roll-six {
  background-image: url(images/rollovers/sn_back_into.gif);
  background-repeat: no-repeat;
  background-position:0% 0px; 
  display: block; 
}
a#sn-roll-six:hover {
  background-image: url(images/rollovers/sn_back_into.gif);
  background-repeat: no-repeat;
  background-position:0% -17px;
  display: block; 
}

a#sn-roll-six:active, a#sn-roll-six.selected {
  background-image: url(images/rollovers/sn_back_into.gif);
  background-repeat: no-repeat;
  background-position:0% -34px;
  display: block; 
}


/* publications */

a#sn-publications {
  background-image: url(images/rollovers/sn_publications.gif);
  background-repeat: no-repeat;
  background-position:0% 0px; 
  display: block; 
}
a#sn-publications:hover {
  background-image: url(images/rollovers/sn_publications.gif);
  background-repeat: no-repeat;
  background-position:0% -17px;
  display: block; 
}

a#sn-publications:active, a#sn-publications.selected {
background-image: url(images/rollovers/sn_publications.gif);
background-repeat: no-repeat;
background-position:0% -34px;
display: block; 
}



/* Press releases */

a#sn-roll-nine {
  background-image: url(images/rollovers/sn_press_releases.gif);
  background-repeat: no-repeat;
  background-position:0% 0px; 
  display: block; 
}
a#sn-roll-nine:hover {
  background-image: url(images/rollovers/sn_press_releases.gif);
  background-repeat: no-repeat;
  background-position:0% -17px;
  display: block; 
}

a#sn-roll-nine:active, a#sn-roll-nine.selected {
background-image: url(images/rollovers/sn_press_releases.gif);
  background-repeat: no-repeat;
  background-position:0% -34px;
  display: block; 
}



/* why sport */

a#sn-roll-ten {
  background-image: url(images/rollovers/sn_why_sport.gif);
  background-repeat: no-repeat;
  background-position:0% 0px; 
  display: block; 
}
a#sn-roll-ten:hover {
  background-image: url(images/rollovers/sn_why_sport.gif);
  background-repeat: no-repeat;
  background-position:0% -17px;
  display: block; 
}

a#sn-roll-ten:active, a#sn-roll-ten.selected {
   background-image: url(images/rollovers/sn_why_sport.gif);
  background-repeat: no-repeat;
  background-position:0% -34px;
  display: block; 
}





/* child protection */
a#sn-roll-eleven {
  background-image: url(images/rollovers/sn_child_protection.gif);
  background-repeat: no-repeat;
  background-position:0% 0px; 
  display: block; 
}
a#sn-roll-eleven:hover {
 background-image: url(images/rollovers/sn_child_protection.gif);
  background-repeat: no-repeat;
  background-position:0% -17px;
  display: block; 
}

a#sn-roll-eleven:active, a#sn-roll-eleven.selected {
  background-image: url(images/rollovers/sn_child_protection.gif);
  background-repeat: no-repeat;
  background-position:0% -34px;
  display: block; 
}

/* active alliance */

a#sn-roll-aa {
background-image: url(images/rollovers/sn_active_alliance.gif);
background-repeat: no-repeat;
background-position:0% 0px; 
display: block; 
}
a#sn-roll-aa:hover {
background-image: url(images/rollovers/sn_active_alliance.gif);
background-repeat: no-repeat;
background-position:0% -17px;
display: block; 
}

a#sn-roll-aa:active, a#sn-roll-zero.selected {
background-image: url(images/rollovers/sn_active_alliance.gif);
background-repeat: no-repeat;
background-position:0% -34px;
display: block; 
}

/* equality */
	
a#sn-roll-equality {
background-image: url(images/rollovers/sn_equality_diversity.gif);
background-repeat: no-repeat;
background-position:0% 0px; 
display: block; 
}
a#sn-roll-equality:hover {
background-image: url(images/rollovers/sn_equality_diversity.gif);
background-repeat: no-repeat;
background-position:0% -17px;
display: block; 
}

a#sn-roll-equality:active, a#sn-roll-equality.selected {
background-image: url(images/rollovers/sn_equality_diversity.gif);
background-repeat: no-repeat;
background-position:0% -34px;
display: block; 
}	






a#sn-roll-twelve {
  background-image: url(images/rollovers/sn_rollover_12.gif);
  background-repeat: no-repeat;
  background-position:0% 0px; 
  display: block; 
}
a#sn-roll-twelve:hover {
  background-image: url(images/rollovers/sn_rollover_12.gif);
  background-repeat: no-repeat;
  background-position:0% -12px;
  display: block; 
}

a#sn-roll-twelve:active, a#sn-roll-twelve.selected {
  background-image: url(images/rollovers/sn_rollover_12.gif);
  background-repeat: no-repeat;
  background-position:0% -24px;
  display: block; 
}


/* about sportessex */

a#sn-roll-thirteen {
  background-image: url(images/rollovers/sn_about_sportessex.gif);
  background-repeat: no-repeat;
  background-position:0% 0px; 
  display: block; 
}
a#sn-roll-thirteen:hover {
 background-image: url(images/rollovers/sn_about_sportessex.gif);
  background-repeat: no-repeat;
  background-position:0% -17px;
  display: block; 
}

a#sn-roll-thirteen:active, a#sn-roll-thirteen.selected {
background-image: url(images/rollovers/sn_about_sportessex.gif);
  background-repeat: no-repeat;
  background-position:0% -34px;
  display: block; 
}

a#sn-roll-fourteen {
  background-image: url(images/rollovers/sn_contact.gif);
  background-repeat: no-repeat;
  background-position:0% 0px; 
  display: block; 
}
a#sn-roll-fourteen:hover {
 background-image: url(images/rollovers/sn_contact.gif);
  background-repeat: no-repeat;
  background-position:0% -17px;
  display: block; 
}

a#sn-roll-fourteen:active, a#sn-roll-fourteen.selected {
background-image: url(images/rollovers/sn_contact.gif);
  background-repeat: no-repeat;
  background-position:0% -34px;
  display: block; 
}


/* Beta feedback */

a#sn-roll-beta-fdbk {
background-image: url(images/rollovers/sn_beta_feedback.gif);
background-repeat: no-repeat;
background-position:0% 0px; 
display: block; 
}
a#sn-roll-beta-fdbk:hover {
background-image: url(images/rollovers/sn_beta_feedback.gif);
background-repeat: no-repeat;
background-position:0% -17px;
display: block; 
}

a#sn-roll-beta-fdbk:active, a#sn-roll-beta-fdbk.selected {
background-image: url(images/rollovers/sn_beta_feedback.gif);
background-repeat: no-repeat;
background-position:0% -34px;
display: block; 
}	


/* revised content, title and breadcrumb style */

 #breadcrumb {
	padding:0px 0px 10px 0px;
/*	border: 1px solid #000;		*/
	}
	
	
	#title{
	padding: 0px;
	margin:0px 0px 0px 0px;
	/*border: 1px solid #000;		*/
	}
	
	#content-col {  
	/*border: 1px solid #000;		*/
	width:775px;
	float: left;
	position: relative;
	}

form{
margin:0px;
padding:0px;
border:0px;
}


/*   CONTROLLING THE LAYOUT OF THE 2 COLLUMN + ADZONE ON FAR RIGHT in club home */

#homepage #content-col {
	/*border: 1px solid #000;		*/
	width:780px;
	float: left;
	position: relative;
	top: -15px
}

#homepage #col-l {
	/*border: 1px solid #000;*/
	/*background-color: Green;*/
	float:left;
	width:615px;
	padding:10px 0px 0px 0px;
}

#homepage #adzone-two{
	height: 100%;
	width:150px;
	padding-left: 15px; 
  	clear:right;
 	float:left;
}

#club-home #content-col {
	/* border: 1px solid #000; */
	width:615px;
	float: left;
	position: relative;
	top: -15px 
}
/*	#club-home #breadcrumb {
	padding:0px 0px 5px 0px;
	border: 1px solid #000;
	} */
/*	#club-home #breadcrumb h1 {
    	padding:0px;
	    margin:0;
    } */
/*	#club-home #title {
		border: 1px solid #000;
		padding: 0px 0px 0px 0px; 
	}*/

	
	
	
	
	
	#club-home #col-l {
		/*border: 1px solid #000;*/
		float:left;
		width:300px;
		padding:10px 0px 0px 0px;
	}

	#club-home #col-r {
		/*border: 1px solid #000;*/
		float:right;
		width:300px;
		padding:10px 0px 0px 0px;
	}


#club-home #adzone-two{
	height: 100%;
	width:150px;
	padding-left: 15px; 
 /* background-color: Orange;*/
  clear:right;
  float:right;
}
	
	

/*  styling the contents of the 2 col layout, boxes etc  */	

	 
.hrule-col{
margin: 10px 0px 10px 0px;
}	 
	 
	 
	 
	#pink-border{
		padding: 10px;
		height: auto;
	  border: 3px solid #f5bfcb;
		width: 170px;
	   float: left;
		margin-right: 10px;
	} 
	 
	#pink-border h2{
		padding: 0px;
		margin: 0px;
	} 

	#pink-border input{
		padding: 0px;
		margin: 0px;
      width: 110px;
		float: left;
	} 


a#ref-number-go { 
background-image: url(images/buttons/ref-number-go.gif);
background-repeat: no-repeat;
background-position:0px 0px; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px;
/* border: 1px solid green;*/
/*display:table;*/
float: right;
}


a#ref-number-go:hover {
background-image: url(images/buttons/ref-number-go.gif);
background-repeat: no-repeat;
background-position:0% -18px;
}

a#ref-number-go:active {
background-image: url(images/buttons/ref-number-go.gif);
background-repeat: no-repeat;
background-position:0% -36px;
}

a#make-fave { 
background-image: url(images/buttons/make_club_fave.gif);
background-repeat: no-repeat;
background-position:0px -93px; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px;
float:right;
}

a#make-fave:hover {
background-image: url(images/buttons/make_club_fave.gif);
background-repeat: no-repeat;
background-position:0% 0px;
}

a#make-fave:active {
background-image: url(images/buttons/make_club_fave.gif);
background-repeat: no-repeat;
background-position:0% -93px;
}	
	
.video{
 margin: 14px 0px 14px 0px;
 padding: 0px;
}

#light-grey{
	width: 100%;
	 margin-bottom: 15px;
}

#light-grey .bl {background: url(images/corners-light-grey/bl.gif) 0 100% no-repeat #d9dadb; width: 300px;}
#light-grey .br {background: url(images/corners-light-grey/br.gif) 100% 100% no-repeat}
#light-grey .tl {background: url(images/corners-light-grey/tl.gif) 0 0 no-repeat}
#light-grey .tr {background: url(images/corners-light-grey/tr.gif) 100% 0 no-repeat; padding:10px}



.scroll{
width:auto;
height: 225px;
padding: 5px;
overflow:auto;
background-color: #fff;
}


.light-pink{
	width: 100%;
}

.light-pink .bl {background: url(images/corners-light-pink/bl.gif) 0 100% no-repeat #ffcccc; }
.light-pink .br {background: url(images/corners-light-pink/br.gif) 100% 100% no-repeat}
.light-pink .tl {background: url(images/corners-light-pink/tl.gif) 0 0 no-repeat}
.light-pink .tr {background: url(images/corners-light-pink/tr.gif) 100% 0 no-repeat; padding:10px}



.light-pink.top .bl {background: none; background-color:#ffcccc; }
.light-pink.top .br {background: none;}
.light-pink.top .tl {background: url(images/corners-light-pink/tl.gif) 0 0 no-repeat}
.light-pink.top .tr {background: url(images/corners-light-pink/tr.gif) 100% 0 no-repeat; padding:10px}

.light-pink.bottom .bl {background: url(images/corners-light-pink/bl.gif) 0 100% no-repeat #ffcccc; }
.light-pink.bottom .br {background: url(images/corners-light-pink/br.gif) 100% 100% no-repeat}
.light-pink.bottom .tl {background:none;}
.light-pink.bottom .tr {background: none; padding:10px}


/*   CONTROLLING THE LAYOUT OF THE 2 COLLUMN + ADZONE ON FAR RIGHT in reg pages */

#registration #content-col {
	/*border: 1px solid #000;		*/	
	width:615px;
	float: left;
	position: relative;
	top: -15px
}  
	
/*	#registration #breadcrumb {
	padding:0px 0px 5px 0px;
	border: 1px solid #000;
	}  */
	
	
	/*#registration #breadcrumb h1 {
    	padding:0px;
	    margin:0;
    }*/
/*	#registration #title {
		border: 1px solid #000;
		padding: 0px 0px 0px 0px; 
	}*/

	#registration #col-l {
		/*border: 1px solid #000;*/
		/*background-color: Green;*/
		float:left;
		width:615px;
		padding:10px 0px 0px 0px;
	}

/*	#registration #col-r {
		border: 1px solid #000;
		background-color: Orange;
		float:right;
		width:200px;
		padding:10px 0px 0px 0px;
	}*/


#registration #adzone-two{
	height: 100%;
	width:150px;
	padding-left: 15px; 
  	clear:right;
 	float:left;
}
	
#registration textarea{
	width: 50%;
}


.reg-form{
	width:100%;
}

.reg-form td{
 padding: 0px 0 15px 0;
}
	 
.reg-form .l{
 text-align: left;
 width:50%;
  /* border-bottom: 1px solid #ccc ;*/
}

.reg-form .r{
 text-align: left;
 background: none;
  width:50%;
}

.reg-form input{
 width:75%;
}

.reg-form .checkbox{
 width:auto;
 vertical-align: middle;
}


.reg-form .dob input{
width:20%;
}

.reg-form select, option{
 width:75%;
}

.kern{
	letter-spacing: 0.2em 0.2em 0.2em 0.2em;
/*	line-height:50px; */
	padding:5px 0px 10px 0px;
	_padding:0px 0px 6px 0px;
	margin:0px;
	vertical-align:middle;
}


#subtitle{
line-height:auto; 
color:#6f7072;
float:left;
padding:5px 0px 10px 0px;
_padding:0px 0px 10px 0px;
margin:0px;
vertical-align:middle;
}

/*  legend scrolling list  */
	
#legend-container{
width: 277px;
height: auto;
margin-bottom: 15px;
text-align: left;
}
	
.legend { 
width:auto; 
height: 100px;
overflow: auto;
text-align: left;
}

.legend-top { 
width:auto; 
height: auto;
}

.legend-allsport{
width:auto; 
height: 300px;
overflow: auto;

}

.legend-allsport ul
{
width: auto;
margin: 0px;
padding: 8px;
list-style-type: none;
background-color: #ffcccc;
color: #1fa21c;
font-size:1.2em; 

}




.legend-top ul
{
width: auto;
margin: 0px;
padding: 8px;
list-style-type: none;
background-color: #ffcccc;
color: #448cca;
font-size:1.2em; 
}

.legend ul
{
width: auto;
margin: 0px;
padding: 8px;
list-style-type: none;
background-color: #ffe6e6;
color: #1fa21c;
font-size:1.2em; 
}

.legend a
{
display: block;
padding: 3px;
/*width: 160px;*/
}

.legend a:link, .navlist a:visited
{
color: #EEE;
text-decoration: none;
}

.legend a:hover
{
background-color: #369;
color: #fff;
}
	

#legend-container .light-pink .bl {background: url(images/corners-light-pink/bl.gif) 0 100% no-repeat #ffcccc; }
#legend-container .light-pink .br {background: url(images/corners-light-pink/br.gif) 100% 100% no-repeat}
#legend-container .light-pink .tl {background: url(images/corners-light-pink/tl.gif) 0 0 no-repeat}
#legend-container .light-pink .tr {background: url(images/corners-light-pink/tr.gif) 100% 0 no-repeat; padding:10px 10px 30px 10px}



#postcode{
margin: 5px;
float: left;
position: relative;
top: 3px;
}





/*  buttons  */

	
	a#med-red-go { 
background-image: url(images/buttons/ref-number-go.gif);
background-repeat: no-repeat;
background-position:0px 0px; 
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px;
display: inherit;
float: inherit;
width: 54px;
/* _width: 56px; */
}


a#med-red-go:hover {
background-image: url(images/buttons/ref-number-go.gif);
background-repeat: no-repeat;
background-position:0% -18px;
}

a#med-red-go:active {
background-image: url(images/buttons/ref-number-go.gif);
background-repeat: no-repeat;
background-position:0% -36px;
}

	
	
a#big-red-go { 
 background-image: url(images/buttons/red-go.gif);
 background-position:0px 0px; 
  background-repeat: no-repeat;
 margin: 8px 0px 4px 0px; 
 padding:0px 3px 0px 0px;
 display: inherit;
 width: auto;
}

a#big-red-go:hover {
  background-image: url(images/buttons/red-go.gif);
  background-repeat: no-repeat;
  background-position:0% -22px;
}

a#big-red-go:active {
  background-image: url(images/buttons/red-go.gif);
  background-repeat: no-repeat;
  background-position:0% -44px;
}


/*  the same style as a class rather than  id*/

#noticeboard a.big-red-go { 
 background-image: url(images/buttons/red-go.gif);
 background-position:0px 0px; 
  background-repeat: no-repeat;
 margin: 8px 0px 4px 0px; 
 padding:0px 3px 0px 0px;
 display: inherit;
 width: auto;
}

#noticeboard a.big-red-go:hover {
  background-image: url(images/buttons/red-go.gif);
  background-repeat: no-repeat;
  background-position:0% -22px;
}

#noticeboard a.big-red-go:active {
  background-image: url(images/buttons/red-go.gif);
  background-repeat: no-repeat;
  background-position:0% -44px;
}

#qa a.big-red-go { 
 background-image: url(images/buttons/red-go.gif);
 background-position:0px 0px; 
  background-repeat: no-repeat;
 margin: 8px 0px 4px 0px; 
 padding:0px 3px 0px 0px;
 display: inherit;
 width: auto;
}

#qa a.big-red-go:hover {
  background-image: url(images/buttons/red-go.gif);
  background-repeat: no-repeat;
  background-position:0% -22px;
}

#qa a.big-red-go:active {
  background-image: url(images/buttons/red-go.gif);
  background-repeat: no-repeat;
  background-position:0% -44px;
}

#registration a.big-red-go, #hp_find_search a.big-red-go { 
 background-image: url(images/buttons/red-go.gif);
 background-position:0px 0px; 
  background-repeat: no-repeat;
 margin: 8px 0px 4px 0px; 
 padding:0px 3px 0px 0px;
 display: inherit;
 width: auto;
}

#registration a.big-red-go:hover, #hp_find_search a.big-red-go:hover {
  background-image: url(images/buttons/red-go.gif);
  background-repeat: no-repeat;
  background-position:0% -22px;
}

#registration a.big-red-go:active {
  background-image: url(images/buttons/red-go.gif);
  background-repeat: no-repeat;
  background-position:0% -44px;
}

#new-sport a.big-red-go { 
 background-image: url(images/buttons/red-go.gif);
 background-position:0px 0px; 
  background-repeat: no-repeat;
 margin: 8px 0px 4px 0px; 
 padding:0px 3px 0px 0px;
 display: inherit;
 width: auto;
}

#new-sport a.big-red-go:hover {
  background-image: url(images/buttons/red-go.gif);
  background-repeat: no-repeat;
  background-position:0% -22px;
}

#new-sport a.big-red-go:active {
  background-image: url(images/buttons/red-go.gif);
  background-repeat: no-repeat;
  background-position:0% -44px;
}

#info a.big-red-go { 
 background-image: url(images/buttons/red-go.gif);
 background-position:0px 0px; 
  background-repeat: no-repeat;
 margin: 8px 0px 4px 0px; 
 padding:0px 3px 0px 0px;
 display: inherit;
 width: auto;
}

#info a.big-red-go:hover {
  background-image: url(images/buttons/red-go.gif);
  background-repeat: no-repeat;
  background-position:0% -22px;
}

#info a.big-red-go:active {
  background-image: url(images/buttons/red-go.gif);
  background-repeat: no-repeat;
  background-position:0% -44px;
}








	/* search results styles */
	
	
#results-container{ 
border: 4px solid #6f7072;	
position: relative;
left: 2px;	
margin-top: 10px;
}

.map-res-grey{
background-color: #ececee;
height: 75px;
}
	
.map-res-grey img{
padding: 25px;
margin-right: 10px;
float: left;
}
	
	.map-res-white{
background-color: #fff;
height: 75px;
}
.map-res-white img{
padding: 25px;
margin-right: 10px;
float: left;
}
	




.grey-box{
width: 100%;
margin-bottom: 15px;
}

.grey-box .bl {background: url(images/corners-light-grey/bl.gif) 0 100% no-repeat #d9dadb; width: 100%;}
.grey-box .br {background: url(images/corners-light-grey/br.gif) 100% 100% no-repeat}
.grey-box .tl {background: url(images/corners-light-grey/tl.gif) 0 0 no-repeat}
.grey-box .tr {background: url(images/corners-light-grey/tr.gif) 100% 0 no-repeat; padding:10px}



a#big-red-submit { 
 background-image: url(images/buttons/submit.gif);
 background-repeat: no-repeat;
 background-position:0% 0px; 
 margin: 8px 0px 4px 0px; 
 padding:0px 3px 0px 0px;
float:inherit;
display: inherit;
width: 98px;
_width: 100px;
border: 0px;
}

a#big-red-submit:hover {
  background-image: url(images/buttons/submit.gif);
  background-repeat: no-repeat;
  background-position:0% -21px;
}

a#big-red-submit:active {
  background-image: url(images/buttons/submit.gif);
  background-repeat: no-repeat;
  background-position:0% -42px;
}
	


/* home advanced search page specific rules   */


#adv_search_container-1-title{
width: auto;
font-size:1.2em;
cursor:hand;
cursor:pointer;
background-color: transparent;
padding: 0px 0px 10px 0px;
margin: 4px 0px 0px 0px;	
color:#d80633;
}	

/*.adv-search-title{    DONT NEED THIS - ITS COVERED IN THE ID..
font-size:1.2em;
cursor:hand;
cursor:pointer;
background-color: transparent;
padding: 10px 0px 10px 0px;
margin: 4px 0px 0px 0px;	
color:#d80633;
}	*/


#adv_search_container-1{
position: relative;
left: 2px;	
border: 4px solid #6f7072;	
overflow: hidden;
	width: auto;
	_width: 98.9%;
	margin-top: 10px;
}	
	

	.adv-left {
	overflow: hidden;
		float:left;
		width:45%;
		height: auto;
		/*border: 1px solid #6f7072;	*/
}

	.adv-left select {
	width:75%; 
}

	.adv-left input {
	width:35px; 
	font-size: 1em;
}



	.adv-right {
	overflow: hidden;
		float:right;
		width:50%;
		height:auto;
		/*border: 1px solid #6f7072;*/	
	}	



.green{
color:#007236;	
}


#ticker{
margin-top: 10px;
position: relative;
left: 2px;		
}
	
.zero{
	padding: 0px;
	margin: 0px;
}	

.margin_5 {
	margin-top: 5px;
	margin-bottom: 5px;
}

.margin_20 {
	margin-bottom: 20px;
}

.w_bg{
	background-color: #fff; 
	height: 30px;
	line-height: 20px;
	margin-bottom: 5px;
	padding: 4px;
}

.g_bg{
	background-color: #e2e0e0;
	height: 30px;
	line-height: 20px;
	margin-bottom: 5px;
	padding: 4px;
}

.r_bg{
	background-color: #d7002f;
	height: 20px;
	line-height: 20px;
	margin-bottom: 5px;
	padding: 4px;
}

#navigation_new {clear:both;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding-left:5px;  padding-right:15px; float:left; width:175px;}
#navigation_new ul {padding:0px;margin:0px; list-style:none;}
#navigation_new img {border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #6f7072;}
#navigation_new #imgSingIn {border-bottom-width: 0px;}

#navigation_new ul, #navigation_new #login table {padding-top:5px;}
#navigation_new li { line-height:15px;}
#navigation_new ul.subNav {padding-bottom:5px;}


#findSport .mainNav a, 
#playSport .mainNav a, 
#getInvolved .mainNav a, 
#noticeboard .mainNav a, 
#talkSport .mainNav a, 
#login a {color:#d80633; text-decoration:none;}
#findSport .mainNav a:hover, 
#playSport .mainNav a:hover, 
#getInvolved .mainNav a:hover, 
#noticeboard .mainNav a:hover, 
#talkSport .mainNav a:hover, 
#login a:hover {text-decoration:underline;}

.subNav li a {color:#6f7072; padding-left:20px;}
#misc .mainNav a {color:#6f7072; text-decoration:none;}
#misc .mainNav a:hover {text-decoration:underline;}

#findSport .mainNav .linkOn,
#playSport .mainNav .linkOn,
#getInvolved .mainNav .linkOn,
#noticeboard .mainNav .linkOn,
#talkSport .mainNav .linkOn
 {color:#FFFFFF; background-color:#d80633; padding-left:3px; padding-right:3px;text-decoration:none;}

.mainNav .linkOn, #login.mainNav li a.linkOn {color:#FFFFFF; background-color:#d80633; padding-left:3px; padding-right:3px;text-decoration:none;}
.subNav li a.linkOn {color:#6f7072; background-color:#FFFFFF; padding-left:20px; padding-right:0px;text-decoration:underline;}
#misc .mainNav li a.linkOn {color:#FFFFFF; background-color:#6f7072; padding-left:3px; padding-right:3px;text-decoration:none;}
#misc .mainNav  {padding-top:15px;}
#misc .subNav li a.linkOn {padding-left:20px; background-color:#FFFFFF; text-decoration:underline;color:#6f7072;}
#navigation_new div { padding-bottom:15px;}
#navigation_new #misc, 
#navigation_new #login, 
#navigation_new #findSport {border-top-style: solid;border-top-width: 4px; border-top-color: #6f7072; }
#navigation_new #misc {border-bottom-style: solid; border-bottom-width: 4px; border-bottom-color: #6f7072;}
#navigation_new #findSport img, 
#navigation_new #login img {padding-top:5px;}
#navigation_new #login #imgSingIn {padding-top:0px;}
#login input { width:100px; border: 1px solid #6f7072;}
.frmSpace {height:4px;}