body {
	background: #97b1d5 url(http://www.londonspikers.org//assets/img/bg.gif) repeat;
}

#header {

	margin-bottom: 20px;
	background: #fff url(http://www.londonspikers.org//assets/img/_header.gif) no-repeat;
}

#footer {

	background-color: #333;
	color: #fff;
	padding: 10px;
	margin-left: 0;
}

#footer a {

	color: #fff;
}

#footer p {

	color: #fff;
	padding: 20px;
	font-weight: normal;
}


/* h2 {*/
/* */
/*	margin-left: 10px;*/
/* } */

h2 {

	color: #fff;
	background-color: #003f82;
	padding: 7px 0 7px 7px;
	margin-top: 0;
	margin-right: 0;
}

/* padding: 7px 0 0 7px; */

h3 {

	font-size: 20px;
	border-top: 5px solid #003f82;
	padding-top: 10px;
	padding-left:10px;
}

h4 {

	color: #fff;
	background-color: #003f82;
	padding: 7px 0 0 7px;
	margin-top: 0;
	margin-right: 0;
        margin-bottom: 20px;
}

/* margin-top: 30px; */


p {

	font-size: 16px;
	color: #333;
	margin-left: 10px;
	margin-right: 10px;
}


/* p {

	font-size: 16px;
	color: #333;
	margin-left: 10px;
	margin-right: 10px;
} */


ul {

	font-size: 13px;
}



ul.numbers {

	list-style-type: decimal;
	padding-left: 15px;
}

ul.numbers li {

	padding-bottom: 10px;
}

.container_16 {

	background-color: white;

}

#live #content {

	
}

div#content p {

	
}

div#sidebar {

	
}

div#footer {

	text-align: center;
}

ul.numbers {

	list-style-type: decimal;
}

ul.numbers li {

	padding-bottom: 10px;
}

div.post {

	margin: 0 0px 50px 0px;
}

img.left {

	float: left;
	margin-right: 20px;
}

img.map, iframe.map {

	padding: 3px;
	border: 1px solid #CCC;
	margin: 0px 0px 10px 10px;
}
/* @group Navigation */

/* BODY HTML LAYOUT STYLES */

#topLinks {

	float: right;
	position: relative;
	padding: 40px 20px 0 0;
	font-size: 1.6em
}

#navBar {

	color: #fff;
	width: 960px;
	height: 40px;
	background: #113f7e;
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	opacity: .80;
	border-bottom: 4px solid #000;
	display: block;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#navBarTEST {

	color: #fff;
	width: 960px;
	height: 40px;
	background: #113f7e;
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	opacity: .80;
        border-bottom: 4px solid #000;
	display: block;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

/*padding:40px 0 0 0; */

/*	*/

#navbar a:link {

	
}

/* TRANSPARENT BACKGROUND HOVER STYLE */

div.transOFF {

	font-weight: bold;
	color: #fff;
	width: 120px;
	height: 40px;
	text-align: center;
	padding: 15px 0 0 0;
	float: left;
	position: relative;
	display: block
}

div.transOFFTEST {

	font-weight: bold;
	color: #fff;
	width: 120px;
	height: 40px;
	text-align: center;
	padding: 15px 0 0 0;
	float: left;
	position: relative;
	display: block
}

div#info {

	
}

div.transOFF a {

	color: #fff;
	text-decoration: none;
	height: 40px;
}

div.transOFFTEST a {

	color: #fff;
	text-decoration: none;
	height: 40px;
}

div.transON, .current {
	font-weight: bold;
	width: 120px;
	color: #000;
	background: #fff;
	opacity: .40;
	filter: alpha(opacity=40);
	-moz-opacity: 0.5;
	text-align: center;
	padding: 15px 0 192px 0;
	float: left;
	position: relative;
	display: block
}

.currentforsubmenu {
	font-weight: bold;
	width: 120px;
        height: 10px;
	color: #000;
	text-align: center;
	padding: 15px 0 200px 0;
	float: left;
	position: relative;
	display: block;

}

/*	background: #fff;
	opacity: .40;
	filter: alpha(opacity=40);
	-moz-opacity: 0.5;*/
/*        border:3px solid #000; */

div.transONTEST, .currentTEST {
	font-weight: bold;
	width: 120px;
	color: #000;
	background: #fff;
	opacity: .40;
	filter: alpha(opacity=40);
       -moz-opacity: 0.5;
	text-align: center;
        padding: 15px 0 12px 0;
	float: left;
	position: relative;
	display: block
}

.topmenu {
	font-weight: bold;
	width: 120px;
	color: #000;
	background: #fff;
	opacity: .40;
	filter: alpha(opacity=40);
       -moz-opacity: 0.5;
	text-align: center;
        padding: 15px 0 0 0;
	float: left;
	position: relative;
	display: block
}

.submenu {
	font-weight: bold;
	width: 110px;
	color: #000;
	background: #fff;
	opacity: .40;
	filter: alpha(opacity=40);
       -moz-opacity: 0.5;
        text-align: left;
        padding: 10px 3px 2px 7px;
	float: left;
	position: relative;
	display: block;
}
/*padding: 15px 0 15px 10px;*/


.teamsublist {
        padding: 0 0 0 20px;
}

/*removed: 	text-align: center;
added:	text-align: left;*/
	/* -moz-opacity: 0.5; */

div.transONTEST2, .currentTEST2 {
	font-weight: bold;
	width: 120px;
	height:140px;
	color: #000;
	background: #fff;
	opacity: .40;
	filter: alpha(opacity=40);
	-moz-opacity: 0.5;
	text-align: center;
	padding: 0;
	float: left;
	position: relative;
	display: block
}



/* 	padding: 15px 0 196px 0;  */

div.transON a, div.transON a:hover, .current a, .current a:hover {
	color: #000;
	text-decoration: none
}

div.transONTEST a,  .currentTEST a, .topmenu a, .submenu a{
	color: #000;
        text-decoration: none 
}

/* */

div.transONTEST a:hover , .currentTEST a:hover, .topmenu a:hover, .submenu a:hover {
	color: #000;
        text-decoration: underline
}

/*	text-decoration: none */

/*	color: #000; */

.selected a {
        text-decoration: line-through
}


/* BANNER IMAGE STYLES */

#bannerHome {

	background: url(http://www.londonspikers.org/assets/img/banner-6.jpg) no-repeat;
	width: 960px;
	height: 225px;
	clear: both;

}

body#club #bannerHome { background:url(http://www.londonspikers.org/assets/img/banner_2.jpg) no-repeat;  }
body#blog #bannerHome { background:url(http://www.londonspikers.org/assets/img/banner_3.jpg) no-repeat;  }
body#sponsorship #bannerHome { background:url(http://www.londonspikers.org/assets/img/banner_4.jpg) no-repeat;  }

body#publicity #bannerHome { background:url(http://www.londonspikers.org/assets/img/banner_5.jpg) no-repeat; }
body#links #bannerHome { background:url(http://www.londonspikers.org/assets/img/banner.jpg) no-repeat;  }
body#live #bannerHome { background:url(http://www.londonspikers.org/assets/img/banner_7.jpg) no-repeat;  }
body#members #bannerHome { background:url(http://www.londonspikers.org/assets/img/banner_8.jpg) no-repeat;  }

/* @end */

/* @group Live! Page */

img#register {

	float: right;
	margin-bottom: 50px;
	margin-left: 20px;
}

table#registration-details {

	border: 1px solid #E5ECF9;
}

table#registration-details tr td {

	padding: 10px;
}

table#registration-details input {

	float: right;
	width: 250px;
}


/*database query tables*/

table {

	font-size: 14px;
}

table {

	border: 1px solid #000;
}
/*#E5ECF9;*/

caption {
	padding: 0 0 5px 0;
	width: 100%;
	font-size: 12px;	 
	font-style: italic;               
	text-align: right;
}


table th {
	border: 1px solid #000;
}

table tr td {
	padding: 10px;
	border: 1px solid #000;
}


td.one {
                 background:#FFFFFF;
}


td.two{
                 background:#E5ECF9;
}




table input {

	float: right;
	width: 250px;
}




/* @end */

/* @group Blog */

div.post_meta {


	margin: 10px 0;
	padding: 5px 10px;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
	background-color: #EFEFEF;
	font-family: arial;
	font-size: 11px;
}

div.post {

	padding: 0 10px 0 0;
}

div.post ol li {
	margin: 0 20px 0 50px;
	padding: 0 0 0 0;
}


/* @end */

div.profile ol li {
	margin: 0 20px 0 50px;
	padding: 0 0 0 0;
	font-size: 16px;
}

div.profile ul li {
	margin: 0 20px 0 50px;
	padding: 0 0 0 0;
	font-size: 16px;
}

/*
Formatting Buttons
------------------------------------------------------ */

.buttonMode {

font-size: 10px;
color: #73769D;
background-color: transparent;
white-space: nowrap;
}

/*font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;*/

.htmlButtonOuter, .htmlButtonOuterL {
background-color: #f6f6f6;
padding: 0;
border-top: #333 1px solid;
border-right: #333 1px solid;
border-bottom: #333 1px solid;
}
.htmlButtonOuterL {
border-left: #333 1px solid;
}
.htmlButtonInner {
background-color: transparent;
text-align: center;
padding: 0 3px 0 3px;
border-left: #fff 1px solid;
border-top: #fff 1px solid;
border-right: #ccc 1px solid;
border-bottom: #ccc 1px solid;
}
.htmlButtonOff {
font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
font-size: 11px;
font-weight: bold;
padding: 1px 2px 2px 2px;
white-space: nowrap;
}
.htmlButtonOff a:link {
color: #000;
text-decoration: none;
white-space: nowrap;
}
.htmlButtonOff a:visited {
text-decoration: none;
}
.htmlButtonOff a:active {
text-decoration: none;
color: #999;
}
.htmlButtonOff a:hover {
background-color: #fff;
text-decoration: none;
color: #999;
}
.htmlButtonOn {
font-family: Verdana, Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
font-size: 11px;
font-weight: bold;
background: #f6f6f6;
padding: 1px 2px 2px 2px;
white-space: nowrap;
}
.htmlButtonOn a:link {
color: #990000;
text-decoration: none;
white-space: nowrap;
}
.htmlButtonOn a:visited {
text-decoration: none;
}
.htmlButtonOn a:active {
text-decoration: none;
color: #999;
}
.htmlButtonOn a:hover {
background-color: #fff;
color: #999;
text-decoration: none;
}


/*CALENDAR*/

.calendarBG {
 background-color: #000; 
	border: 1px solid #000;
}

.calendarBG tr {
	border: 1px solid #000;
}


.calendarBG td {
	border: 1px solid #000;
        width: 14.28%;
}


.calendarBlank { 
 background-color: #9DB7A7;
 text-align:  right;
 vertical-align: top;
}

/* text-align: center;
 vertical-align: middle;*/

.calendarHeader { 
 font-weight: bold; 
 color: #fff; 
 text-align: center;
 background-color: #000; 
}

.calendarMonthLinks {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         11px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 color:             #fff;
 background-color:  transparent;
}

.calendarMonthLinks a {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}
  
.calendarMonthLinks a:visited {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color:             #ccc;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
 font-weight: bold; 
 font-size:	11px;
 color: #fff; 
 background-color: #663300; 
 text-align:  center;
 vertical-align: middle;
}

/*
 text-align:  center;
 vertical-align: middle;
*/

.postlink{
 text-align: left;
}

.calendarToday { 
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  right;
 vertical-align: top;
 color:             #000;
 background-color: 	#ccc;
}

/* text-align:  center;
 vertical-align: middle;*/



.calendarCell {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  right;
 vertical-align: top;
 color:             #666;
 background-color:  #fff;
}

/* text-align:  center;
 vertical-align: middle;*/

.calendarCell a {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}
  
.calendarCell a:visited {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:hover {
 color:             #666;
 text-decoration:   none;
 background-color:  transparent;
}