/*  ######################################################  */
/*  ##		Site: Clubwebsite Lucozade Website			##  */
/*  ##   Auther:Sadiq Ahmed Room101 Limited, Lucozade   ##  */
/*  ######################################################  */


/*   BROWSER PROPERTIES									    */
/*  ######################################################  */

	html, body {
		margin:0px auto;
		padding:0;
		text-align:center;
		background-color: #000921;
		color: #ffffff;
		font-family:Arial, Helvetica, sans-serif;
		font-size:8pt;
		/*font-size:0.785em;*/
		}
		
ul {list-style: none; /* no bullets on lists by default */}

a {color: #000; font-size:8pt;}
a:hover {color: #f00; font-size:8pt;}
a img {border: none; }

table td { font-size:8pt;}

h1 {
	float: left;
	margin: 0 20px 20px 20px;
	display: inline;
	font-size: 2em;
}



.tablecellsetup a {color: #fff; font-size:8pt;}
.tablecellsetup a:hover {color: #fff; font-size:8pt;}

.header1  {  font-weight:bold; padding:15px; display:block; font-size:1em;  }
.header2  {  padding:10px; display:block; font-size:1em;  }


/*   LAYOUT PROPERTIES									    */
/*  ######################################################  */


	div#lspl_top {
		margin:0px auto;
		padding:0;
		text-align:center;
		width:1000px;
		height:219px;
		position:relative;
		}
		
	div#lspl_banner {
	width: 1000px;
	height: 39px;
	position: absolute;
	top: 0px;
	left:0px; 
	text-align:left;
	}

	div#lspl_header {
	width: 1000px;
	height: 160px;
	position: absolute;
	top: 59px;
	left:0px;
	text-align:left;
	}
	
/*   HEADER CONTENT									        */
/*  ------------------------------------------------------  */


.lspl_header_container { position:relative; top:0px; left:0px; width:1000px; height:140px; }

.lspl_header_logo { position:absolute; top:25px; left:20px; width:150px; height:140px; color:#000000;}
.lspl_header_logo img { width:105px; height:130px;}
.lspl_header_title { position:absolute; top:25px; left:170px; width:360px; height:140px; color:#000000;}
.lspl_header_clubwebsite_logo { position:absolute; top:50px; left:682px; width:94px; height:75px; }
.lspl_header_club_message { position:absolute; top:40px; left:780px; width:200px; height:100px; }
.lspl_header_club_message_text {padding:20px 0px 0px 5px;}
.lspl_header_visited { position:absolute; top:140px; left:780px; width:200px; height:20px; text-align:right; }

.head_logo { width:150px; height:140px; padding:0px; margin:0px; } 
.head_logo td { text-align:center; vertical-align:center; } 

.head_title { width:360px; height:140px; padding:0px; margin:0px; } 
.head_title td { text-align:center; vertical-align:center; font-weight:900; font-size:14pt; text-transform: uppercase; color:#000000; } 

/*  ------------------------------------------------------  */
/*   HEADER END    									        */

	
	div#lspl_middle {
		margin:0px auto;
		padding:0;
		text-align:center;
		width:1000px;
		min-height:500px;
		height:100%;
		background-color: #000921;
		background-image:url('/lspl_files/layout/center-bg.jpg');
		background-repeat:repeat-x;	
		}
	
	div#lspl_search {
	width: 1000px;
	height: 52px;
	text-align:left;
	}			
	
	.lspl_top_bar { width:960px; height:52px; margin:0px 20px; padding:0px; }
	.lspl_top_bar td { vertical-align:middle; padding:0px 5px; }
	.lspl_top_bar td input { width:124px; border:none; padding-left:0px; padding-right:0px;  }
	.lspl_go_button { background:none; border:none; color:white; cursor:pointer; font-size:8.5pt; width:20px; }
	
	.lspl_top_bar td.inputdata {  width:144px; }
	.lspl_top_bar td.split_spacer {  width:2px; }
	
	.lspl_top_bar td.firstone { width:20px; font-size:1px; }
	.lspl_top_bar td.lastone {  width:260px; text-align:left; }
	
	.lspl_top_bar a { color:#ffffff; padding:0 5px; text-decoration:none; }
	.lspl_top_bar a:hover { color:#ffffff; padding:0 5px; text-decoration:none; }
	.lspl_top_bar a:visited { color:#ffffff; padding:0 5px; text-decoration:none; }

	.lspl_button { background:none; border:none; color:white; cursor:pointer; font-size:8.5pt; }

	div#lspl_left_column {
	float:left;
	margin-left:20px;
	width:160px; 
	overflow-x:hidden;
	} 
	
	* html div#lspl_left_column {
	margin-left:10px;
	}
	
/*   NAVIGATION    									        */
/*  ------------------------------------------------------  */
	/* IGNORE NAVVY, TEST NAV ID's ONLY */
	div#navvy { background-color:#115086; display:block; margin:0px; padding:0px; text-align:left; }

	div#navvy ul { list-style-type:none; margin:10px; padding:0px; }
	div#navvy ul li { margin:0px; padding:0px;}

	div#navvy ul li .wicks {  }
	div#navvy ul li .wicks a { display:block; font-weight:bold; color:#ffffff; padding:4px 10px 4px 10px; margin:0px; text-decoration:none;}
	div#navvy ul li .wicks a:hover { display:block;font-weight:bold;background-color: #A0B9CF;color: #24345E;padding:4px 10px 4px 10px; margin:0px; text-decoration:none; }
	div#navvy ul li .wicks a:visited { display:block; font-weight:bold; color:#ffffff; padding:4px 10px 4px 10px; margin:0px; text-decoration:none; }
	/* END IGNORE */

div#navContainer { background-color:#115086; display:block; margin:0px; padding:0px; text-align:left; }
div#navList { margin:8px; padding:0px; }
	div#navList a { display:block; font-weight:bold; color:#ffffff; padding:4px 10px 4px 10px; margin:0px; text-decoration:none; background-color:#115086;}
	div#navList a:hover { display:block;font-weight:bold; color: #24345E;padding:4px 10px 4px 10px; margin:0px; text-decoration:none; background-color:#A0B9CF;}
	div#navList a:visited { display:block; font-weight:bold; color:#ffffff; padding:4px 10px 4px 10px; margin:0px; text-decoration:none; background-color:#115086;}

    a.menuitem:link { display:block; font-weight:bold; color:#ffffff; padding:4px 10px 4px 10px; margin:0px; text-decoration:none; background-color:#115086;}
	a.menuitem:hover { display:block;font-weight:bold; color: #24345E;padding:4px 10px 4px 10px; margin:0px; text-decoration:none; background-color:#A0B9CF;}
	a.menuitem:visited { display:block; font-weight:bold; color:#ffffff; padding:4px 10px 4px 10px; margin:0px; text-decoration:none; background-color:#115086;}

    .menuitem a:link { display:block; font-weight:bold; color:#ffffff; padding:4px 10px 4px 10px; margin:0px; text-decoration:none; background-color:#115086;}
	.menuitem a:hover { display:block;font-weight:bold; color: #24345E;padding:4px 10px 4px 10px; margin:0px; text-decoration:none; background-color:#A0B9CF;}
	.menuitem a:visited { display:block; font-weight:bold; color:#ffffff; padding:4px 10px 4px 10px; margin:0px; text-decoration:none; background-color:#115086;}


table#background_reset_A { background-color:#115086; }
table#background_reset_B { background-color:#115086; }

/* AMAZING DROP DOWN MENU */
div#navList a.menuitem{
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
}


div#navList a.menuitem:visited, div#navList .menuitem:active{
color: #ffffff;
}

div#navList a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
width:5px;
height:5px;
color: white;
}

.plusminus {
position: absolute;
top: 5px;
right: 5px;
border: none;
width:5px;
height:5px;
}

div#navList a.menuitem:hover{
/*background-image: url(glossyback2.gif);*/
background-color:#A0B9CF;
color:#000921;
}


/* SUB */

div#navList div.submenu{ /*DIV that contains each sub menu*/
background-color:#115086;
}

div#navList div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

div#navList div.submenu ul li{
border-bottom: 0px solid blue;
}

div#navList div.submenu ul li a{
 display:block; 
 font-weight:bold; 
 color:#ffffff; 
 padding:4px 10px 4px 10px; 
 margin:0px; 
 text-decoration:none; 
 background-color:#115086;
}

div#navList div.submenu ul li a:hover{
colorz: white;
}

/* SUB SUB */
div#navList div.submenu ul li ul{
width:138px;
margin: 0;
padding: 0;
z-index:999;
}

div#navList div.submenu ul li ul li{
border-bottom: 0px solid blue;
}

div#navList div.submenu ul li ul li a{
 display:block; 
 font-weight:bold; 
 color:#ffffff; 
 padding:4px 10px 4px 10px; 
 margin:0px; 
 text-decoration:none; 
 background-color:#115086;
}

div#navList div.submenu ul li ul li a:hover{
/*background-color:#!colour2!;*/
colorz: white;
}

div#navList div.submenu ul li ul li a:visited{
color: white;
}





/*  ------------------------------------------------------  */
/*   ENDS   										        */
	
	div#lspl_middle_column {
	float:left;
	text-align:left; 
	margin-left:20px;
	width:500px;
	} 
	
	* html div#lspl_middle_column {
	margin-left:20px;
	}
	
	div#lspl_middle_column p {/* padding:5px 15px 5px 15px; */}
	
	div#lspl_right_column {
	float:left;
	margin-left:20px;
	width:260px;
	overflow-x:hidden;
	} 
	
	div#lspl_bottom {
	clear:both;
	position:relative;
	bottom:0px;
	height:170px;
	/* margin-top: 10px; */
	}

	div#lspl_bottom_add {
	clear:both;
	margin:0px auto;
	padding:0;
	width:1000px;
	background-color:#115086;
	}	
	
	.bottom_add {
	padding:20px;
	}
	
	div#lspl_footer {
	clear:both;
	margin:0px auto;
	padding:0;
	width:920px;
	height:50px;
	text-align:center;
	}	
	
	.footer_text { width:920px; height:30px; margin:0px; padding:20px 0 0 0;}
	
	.footer_text a { color:#ffffff; padding:0 5px; text-decoration:none; }
	.footer_text a:hover { color:#ffffff; padding:0 5px; text-decoration:none; }
	.footer_text a:visited { color:#ffffff; padding:0 5px; text-decoration:none; }
	
/* RESET BUTTON WRAP FOR LSPL DESIGN ONLY */
	.button_wrap {
		/*Keep Blank*/
		}

* html .button_wrap {
	font-size:1em;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}


*:first-child+html .button_wrap {
	font-size:1em;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

/* IE 6,7 HACK  ------------------------------------------------------- */

* html .button {
border:none;
color:#FFFF00;
text-align:right;
padding:2px 20px 0 0;
}


*:first-child+html .button {
border:none;
color:#FFFF00;
padding:2px 20px 0 0;
text-align:right;

}

* html .button:hover {
border:none;
color:#00AEEF;
padding:2px 20px 0 0;
text-align:right;
}


*:first-child+html .button:hover {
border:none;
color:#00AEEF;
padding:2px 20px 0 0;
text-align:right;
}



/* END BUTTON WRAP */	

/*   UNIVERSAL PROPERTIES							        */
/*  ######################################################  */

	.story {background-color:#115086;}
	.story p { padding:0 0 5px 0;}
	/*.story {background-color:#001f40;}*/
	
		.slice_top {font-size:1px; height:5px; border-bottom:1px solid #000921;}
		.slice_bottom {font-size:1px; height:5px; border-top:1px solid #346A98;}
		
	.spacer {height:20px; font-size:1px;}
	.small_spacer {height:10px; font-size:1px;}
	
	.blue-bg {background-color:#115086; }
	
	.word_space_10 { word-spacing:10px; }
	.fleft { float:left; }
	.fright { float:right; }
	.clear { clear:both; }