/* Aligning the page to center: put text-align:center in the body{} style, but then make sure to put text-align:left in the <div> for the whole page */

body{margin:0;background: #cee0a7;color:#333333;text-align:center}
body, td, th, input, select, textarea, input {font-family: Arial, Helvetica, sans-serif;}
body, td, th, input, select, textarea, input {font-size:12px;}
p{margin:0 0 1.5em 0;}
form{padding:0;margin:0}
a img{border:none;}

table.content{border-collapse: collapse;padding:0;border:0px none; }
table.dataentry{border-collapse: collapse;padding:0;border:0px none; }
		
h1{font-size:22px;font-weight:normal;color:#12395d;line-height:1.2em;margin:0px 0 15px 0;}
h2{font-size:13px;font-weight:bold;color:#719f09;line-height:1.2em;margin:0px 0 15px 0;}
h3{font-size:12px;font-weight:bold;color:#12395d;line-height:1.2em;margin:15px 0 2px 0;}

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

.clear {
	display: inline-block;} 

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

#mobilewrapper{
		background-color:#ffffff;
		margin: 5 5 5 5;
		text-align:left;}

#outterwrapper-mobile{
		width:962px;
		margin:0 auto;
		text-align:left}

#wrapper-mobile{
		background-color:#ffffff;
		padding: 0 0 0 0;}
	
	#header-mobile{
			position:relative;
			height:50px;
			background: url('images/header-bg-mobile.png') repeat top left; }
			
#outterwrapper{
		background: url('images/MBR-outterwrapper-bg.gif') repeat top left;
		width:962px;
		margin:0 auto;
		text-align:left}
		
#wrapper{
		background: url('images/MBR-outterwrapper-bg.gif') repeat top left;
		padding-left:7px; 
		padding-right:7px; 
		padding-top:0; 
		padding-bottom:0}
	
	#header{
			position:relative;
			height:128px;
			background: url('images/MBR-header-bg.gif') no-repeat top left; }
			
		#logo{}
		#tagline{
			font-size:10px;
			text-transform:uppercase;
			position:absolute;
			bottom:5px;
			right:10px;
			color:#12395d;}
		
	#topmenu{
		background: url('images/MBR-menu-bg.gif') repeat top left; 
		padding-left:7px; 
		padding-right: 7px;height:21px;}
		
		#topmenu a{color:#12395d;text-decoration:underline;font-size:10px;font-weight:bold;line-height:21px;margin:2px 0 2px 0;}
		
	#pagetitle{background: url('images/MBR-page-title.JPG') no-repeat top left;margin:0}
		#pagetitle h1{line-height:2.0em;margin:0 0 0 160px}
		#signout{position:absolute;right:10px}
	
		#pagetitle h1{line-height:2.0em;margin:0 0 0 160px}
	
	#pagetitle-mobile{
		background: url('images/page-title-mobile.JPG') no-repeat top left;
		margin:0}
			
		#pagetitle-mobile h1{line-height:1.2em;margin:0 0 0 80px}
	
#contentarea{border-collapse:collapse;width:100%}

	.block{margin:0 0 10px 0;clear:both}
		.block h2{color:#12395d;font-size:11px;margin:0}
		.block-content{padding:5px 7px 5px 7px;}
		.block-content p{margin:0 0 5px 0;}
		
	#column-left{width:160px;padding:5px 5px 5px 5px;line-height:1.4em}
	
		#nav{}
			#nav ul {margin:0; list-style-image:url('none');list-style-type:none}
			#nav ul li {width:145px;color:#12395d;
			text-decoration:none;
			font-size:11px;font-weight:bold; 
			line-height:24px; 
			margin:0; 
			background: url('images/MBR-left-menu-background.png'); 
			float: left;
			list-style-image:url('none');
			list-style-type:none; 
			padding-left:5px; 
			padding-right:0; padding-top:0; padding-bottom:0}
			#nav ul li a{display:block;text-decoration:none;color:#12395d;}
	
	#content-middle{line-height:1.4em;padding:5px 5px 5px 5px}
		h1#pagetitle{}
		
		/* Middle Section live tournament blocks start */
		#nav-middle{
			background-image:url('images/menu-middle-background.png');
			background-repeat:no-repeat;
			line-height:22px;
			}
		
		#nav-middle img{
			vertical-align:middle;
			margin: 0 5px 0 5px;
			}
			
		#exp-block-draws {}
		#exp-block-photos {}
		#exp-block-facebook {}
		#exp-block-twitter {}
		
		/* Middle Section live tournament blocks end */
		
	#column-right{padding:5px 5px 5px 5px;line-height:1.4em}

#footer{background: url('images/MBR-footer-bg.gif') repeat-x top left;line-height:77px;color:#12395d}
	#footer a{color:#12395d;text-decoration:none;}

#footer-mobile{
	background: url('images/MBR-footer-bg.gif') repeat-x top left;
	font-size:x-small;
	color:#12395d}