body {
	text-align: center; /* centering for older browsers*/
	font-size:81.25%; /*default font-size 13px*/
	color:#333333;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background:#ebebeb url(../images/network/bg.gif) 0 0 no-repeat;
	padding:0 0 40px 0;
	} 	
	

/* --------------------------------- */
/* 		=Wrappers    		    	*/
/* -------------------------------- */
#container {width: 920px;margin: 0 auto;text-align: left;background-color: #fff;font-weight:normal;}
.inner {padding:10px;}
.home {margin:10px 0 0 0;}
#header {padding:45px 0 0 0;width: 920px;margin: 0 auto;}
#header h1 {background:transparent url(../images/network/logo.gif) 0 0 no-repeat;height:53px;width:221px;margin:0 0 0.5em 10px;}
#header h1 span {
	visibility:hidden;
}

.content {overflow: hidden; /*method for clearing floats*/}

.tx-l {text-align: left;}
.tx-c {text-align: center;}
.tx-r {text-align: right;}

.flt-l {float: left;display: inline;}
.flt-r {float: right;display: inline;}

.v-space {margin-top:20px;}

ul li {line-height:1.4em;}

hr {
	border: none 0;
	border-top: 1px solid #ccc;
	height: 1px;
	clear: both;
	margin-top: 1.4em;
	}
	
.small {font-size:0.9em;}

.v-space {padding-top:20px;}
.truncated {position: absolute;left: -9999px;font-size:0;}

.highlight {color: #c00;}

/* --------------------------------- */
/* 		=Text Formating		    	*/
/* -------------------------------- */
p, div.entry, div.asset-body, div.page_body {line-height: 1.5em;font-size:1em;margin:0 0 1.125em 0;}
.entry_body {line-height:1.5em;}
a {font-weight: bold;text-decoration:none;}
a:hover, a:active {text-decoration: underline;}

#signin-widget-content a {font-weight:normal;text-decoration:underline;font-size:0.9em;color:#666666;}

strong, p>strong a {font-weight: bold;}
em {font-style: italic;}

h1 {font-size:2em;line-height:1.2em;}  /* displayed at 26px */
h2 {font-size:1.4em;}  /* displayed at 18px */
h3 {font-size:1.15em;font-weight:bold;line-height:1.4em;}  /* displayed at 14px */
h4, h5, h6 {font-size:1.1em;}  /* displayed at 13px */
h1, h2, h3, h5, h6  {font-family:Georgia, "Times New Roman", Times, serif;margin:0 0 .5em 0;}

/*Colours*/
.red, .club a, .club a:link, .club a:hover, .club a:visited, .club h3, .club h4 {color:#A60303;}
.blue, .news a, .news a:link, .news a:hover, .news a:visited, .news h3, .news h4  {color:#6487B1;}
.yellow, .events a, .events a:link, .events a:hover, .events a:visited, .events h3, .events h4 {color:#E1BE19;}
.green, .restaurant a, .restaurant a:link, .restaurant a:hover, .restaurant a:visited, .restaurant h3, .restaurant h4 {color:#BDC547;}

.club div.title {background-color:#A60303;}
.news div.title {background-color:#6487B1;}
.events div.title {background-color:#E1BE19;}
.restaurant div.title {background-color:#BDC547;}

.club div.title h3, .news div.title h3, .events div.title h3, .restaurant div.title h3 {display:block;}
.club div.title h3 span, .news div.title h3 span, .events div.title h3 span, .restaurant div.title h3 span {background-color:#ffffff;padding:5px 10px 5px 5px;}
.intro {color:#7a7a7a;}

/*Banner*/
div.intro {position:relative;}
div.banner {position:relative;height:287px;}
.banner_text {position:absolute;bottom:10px;right:20px;width:260px;color:#ffffff;}
.banner_text h2 {font-size:2em;margin:0 0 5px 0;}
.banner_text p {font-size:1.1em;}

/* ---------------------------------------- */
/* 		=Boxes, grids, lists and columns	*/
/* ---------------------------------------- */
.grids:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html .grids {height: 1%;}
.grids {display:inline-block;}
.grids {
	display:block;
	margin:15px 0 0 0;
}
.grids .unit {
  float:left;
  overflow:hidden;
  display:inline;
  margin:0 0 0 10px;	
  background-color:#f3f3f1;
  width:216px;
}
.grids .first {margin:0;}

/* -------------------- */
/* 		=Clearing      */
/* ------------------ */
div.cleardiv {clear:both;padding:0;}
.clearfix:after {
clear:both;
content:".";
display:block;
height:0pt;
visibility:hidden;
}
.clearfix {display: inline-block;}

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

/*attribution*/
div.banner, div.illustration {position:relative;}
div.banner div.attribution, div.illustration div.attribution {position:absolute;bottom:0px;left:0;font-size:0.9em;width:125px;color:#ffffff;line-height:20px;}
div.banner div.attribution div.innerwrap, div.illustration div.attribution div.innerwrap {
	background-color:transparent;
	background-repeat:no-repeat;
}
div.banner div.attribution div.innerwrap[class], div.illustration div.attribution div.innerwrap[class] {
	background-image:url('../images/attribution.png');
}
/*
Below fixes IE error when displaying links above alpha transparency on positioned filters:

Step 1: Build an inner wrapper to parent div
Step 2: Apply hasLayout = true to the inner wrapper
    The computed dimensions of the parent div can be determined by a given width/height or by its content. If it has a given width/height, apply width: 100%; and/or height: 100%; to #innerwrap – eventually, this may require paddings to be moved. Otherwise, if the computed dimensions are just determined by the content of #posbox, apply zoom: 1; to #innerwrap. Learn about hasLayout.
Step 3: Move the filter from the positioned box to the inner wrapper
Step 4: Apply position: relative; z-index: 1; to the link

*/
div.banner div.attribution div.innerwrap, div.illustration div.attribution div.innerwrap {
	zoom: 1;
	width:100%;
	height:100%;
	padding:0 0 0 5px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',
sizingMethod='image',src='../images/attribution.png');}
div.banner div.attribution a, div.illustration div.attribution a {cursor:pointer;position: relative; z-index: 1;color:#ffffff;}