/* CSS Document */
BODY { 
	background:#f8f8f8;
	margin:0 auto;
	padding:0; 
	color:#000;
	}

A { color:#000; }
H1, H2, H3 { }

#wrapper { margin:0 auto; width:1200px; padding:0 20px; background:#fff; }
	
	#header { height:228px; margin:0; padding:0; background:url(../images/129.gif) left center no-repeat; }
	
	#nav { margin:2em 0; padding:10px 0; text-align:center; }
	#nav A { padding:10px 20px; margin-right:1px; color:#fff; background:#2b6ca3; text-transform:uppercase; text-decoration:none; }
	#nav A:nth-child(1) { border-left:0; }
	#nav A:HOVER, #nav A.selected { background:#045184; color:#fff; text-decoration:none; }
	#nav_cms { display:none;  }
	
	#col_wrapper { margin:0; padding:0; }

		#left_col { float:left; margin:0 20px 0 0; width:220px; padding:0; background:none; }
		#left_col .panel { border:0; padding:10px 20px; } 
		#left_col #login_panel { }
		P#registration_link A { background:lightyellow; padding:6px 0; margin:1em 0;  }
		P#registration_link A:HOVER {  }

		#left_col #select_date_wrapper { }
		#nav_booking_rules {}

		#right_col { float:left; margin:0; width:960px; padding:1em 0; }
		
			.nested_column { width:235px; margin:0 5px 0 0; border-bottom:1px dotted #aaa; }
			.nested_column:last-child { margin:0; }
			/*
			.courtname { margin:1em 0 0 0 !important; }
			.courtdescr { text-transform:uppercase; font-weight:normal; margin:0 0 1em 0 !important; }
			*/

	#footer { margin:0; padding:2em; line-height:1em; border:0; color:#fff; background:#2b6ca3; }
	#footer A { color:#fff; }

@media only screen and (max-width:600px) {
	
	BODY { margin:0; padding:0; background:none; } 

	#header { background-image:url(../images/129_mobile.gif); height:4em !important; background-size:auto 3.5em !important;  }
	
	#menu_control  { background:#2b6ca3; }
	#menu_control A { color:#fff; }
	
	#menu_wrapper { 
		background:#2b6ca3;  
		color:#fff;
	}
	.close_wrapper A { color:#fff; }
	#menu_show_member { color:yellow; }
	#menu_links UL LI A { color:#fff;  }
	
	#menu_links A.selected { color:yellow; }
	A.na { color:#aaa !important; }

	#col_wrapper { background:none; }
	
	#footer { background:#2b6ca3; }

}