/* Design and CSS: www.boilerroomdigital.co.uk */

/*Padding and margin reset*/
	html, body, p, ul, li, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6, blockquote, address, table, tr, td, th, form, fieldset, img {
		margin: 0;
		padding: 0;
		font-size: 1em;
		list-style: none;
		font-style: normal;
		border: 0;
	}

	a{
		text-decoration: none;
		color: #aaf;
	}
	
	abbr{
		border: none;
	}
	
	#sub a:hover, #supp a:hover, #bbt_footer a:hover{
		color: #fff;
	}
	
/*Layout*/
	body{
		font-family: Verdana, Helvetica, Arial, Tahoma, sans-serif;
		color: #fff;
		font-size:80%;
		min-height: 100%;
		min-width: 945px;
	}
	
	#bbt_container{
		min-width: 945px;
	}
	
	#wrapper{
		width:945px;
		margin:0 auto;
	}
	
	.clearer{
		height:1px;
		clear:both;
		font-size: 1px;
	}
	
	#main{
		width:545px;
		margin:0;
		padding:0 0 0 81px;
		float:left;
		line-height: 1.4;
	}
	
	#supp{
		width:230px;
		margin-top: 2.8em;
		padding-top: 12px;
		float:right
	}
	
	#content{
		font-size:1.1em;
	}
		
/* Header */
	#branding{
		height: 263px;
		position:relative;
		font-family: "Calisto MT", Palatino, Georgia, Times New Roman, serif;
	}
	
	#branding h1{
		height: 263px;
		text-indent: -999em;
	}

	#branding h1 a{
		width: 100%;
		height: 100%;
		display: block;
	}
	
	#branding h2{
		font-weight: normal;
		text-indent: -999em;
		position: absolute;
		left: -999em;
	}
	
/* Content */
	#content h1{
		font: normal 2.2em Helvetica, Arial, Tahoma, sans-serif;
		position:relative;
		padding-top:12px;
		padding-bottom:0;
		margin-bottom:.25em;
		line-height: 1.2em;
		color: #f37722;
	}
	
	#content p, #content #main ul, #content ol{
		margin-bottom:1em;
	}
	
	#content h2{
		font-size: 1.8em;
		font-weight:normal;
		color:#0099ff;
		margin-bottom:.25em;
		font-family: Helvetica, Arial, Tahoma, sans-serif;
	}
	
	#content h3{
		font-size:1.2em;
		margin:.25em 0 .25em;
		font-weight:bold;
		color: #28b89f;
	}
	
	#content h4{
		font-size:1.1em;
		margin-bottom:1em;
		font-weight: bold;
		color: #ee1a31;
	}

	#content #main ul, #main ul li{
		list-style-type: square;
	}
	
	#content #main ol, #main ol li{
		list-style-type: decimal;
	}
	
	#content #main ol, #content #main ul{
		padding-left:3em;
	}
	
	#content, #supp{
		line-height: 1.35;
	}
	
	#content #main a{
		/*border-bottom: 1px solid #aaf;*/
	}
	
	#content #main a:hover{
		color:#f55;
		/*border-bottom: 1px solid #f55;*/
	}
	
#main a { text-decoration: underline; }

/* Navigation */
	#bbt_menu1{
		margin:0;
	}
	
	#bbt_menu1 li{
		display: block;
		line-height: 1.3;
		padding:2px 0 2px;
		float:left;
		color: #bbb;
		text-transform: uppercase;
		margin: 3px 14px 5px;
		font-size: 13px;
	}
	
	#bbt_menu1 li.active{
		border-bottom: 2px solid #c4611d;
		color: #fff;
	}

	#bbt_menu1 li.active a{
		color: #fff;
	}
	
	#bbt_menu1 a{
		display: block;
		color: #bbb;
	}

	#sub{
		border-bottom: 1px solid #2d2d2d;
	}
	
	/*L2 and L3 nav*/
	#bbt_menu2{
		font-size: 1.1em;
		color: #bbb;
		line-height: 1.4;
	}

	#bbt_menu2 li{
		display: inline;
	}
	
	#bbt_menu2 span{
		display: block;
		padding-left: 6px;
		border-left: 2px solid #000;
		margin-bottom: 3px;
	}
	
	#bbt_menu2 span.active{
		border-left: 2px solid #c4611d;
	}
	
	
	#bbt_menu2 a{
		display: block;
		color: #bbb;
	}
	
	#bbt_menu3{
		padding:0 0 0 20px;
	}
	
	#bbt_menu2 li span.active, #bbt_menu2 li span.active a{
		color: #fff;
	}
	
/* Footer */
	#bbt_footer{
		clear: both;
		padding: 20px 0 0;
		font-size:.85em;
		line-height: 1.35;
	}
	
	#bbt_footer, #bbt_footer a{
		color: #999;
	}
	
	#bbt_footer .inner{
		margin:0 auto;
		width:945px;
	}
	
	#bbt_footer .one, #bbt_footer .two{
		width:472px;
		padding-right: 9px;
		float: left;
		display: inline;
	}
	
	#bbt_footer .one{
		margin-left: 81px;
	}
	
	#bbt_footer .one li{
		display: inline;
	}
	
	#bbt_footer .two{
		margin-left: 81px;
		clear: left;
	}
	
	#bbt_footer .three{
		float:right;
		width:225px;
	}
	
/*Make the footer stick*/
	html, body, #bbt_container
	{
		height: 100%;
	}
	
	#wrapper
	{
		position: relative;
		min-height: 100%;
	}
	
	#content
	{
		padding-bottom: 80px;
	}
	
	#bbt_footer
	{
		position: relative;
		margin-top: -60px;
	}
	
/*Colours*/
	html{
		background: #1a1a1a url(http://templates.livesiteadmin.com/images/balham/bg_body.gif) repeat-x top;
	}
	
	body{
		background: url(http://templates.livesiteadmin.com/images/balham/bg_content.gif) repeat-y top;
	}
	
	#branding{
		background: #000 url(http://templates.livesiteadmin.com/images/balham/balham-header.jpg) no-repeat top;
	}
	
	#sub{
		background: #010101 url(http://templates.livesiteadmin.com/images/balham/bg_nav.gif) repeat-x top ;
	}
	
	#content{
		background: #000 url(http://templates.livesiteadmin.com/images/balham/bg_diversity.jpg) no-repeat bottom right;
	}

/* homepage changes */
.pageGUID-2416742b-3114-4833-aecb-d49213d863d4 #main { width: 775px; }
.pageGUID-2416742b-3114-4833-aecb-d49213d863d4 #supp { display: none; }