/* CSS Document */
BODY { 
	background:#315cfa; /*#31b1fa ; #fa6e31; #ce05cd; */
	margin:20px auto;
	padding:0; 
	color:#000;
	}

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

#wrapper { margin:0 auto; width:920px; padding:40px; background:#fff;  }
	
	#header { float:left; width:238px; margin:0 0 40px 0; padding:0; height:125px; background:url(../images/63.jpg) center left no-repeat #fff; }
	
	#nav { float:left; width:660px; margin:40px 0 0 20px; padding:20px 0; background:#fff; }
	#nav A { margin:0 10px 0 0; padding:10px; background:#000; color:#31fa32; }
	#nav A:HOVER, #nav A.selected { text-decoration:underline; }
	#nav_cms { display:none;  }
	
	#col_wrapper { clear:both; margin:0; padding:0; }
		#left_col { float:left; margin:0; width:210px; padding:0; background:#fff; }
		#left_col .panel { border:0; background:#eee; padding:20px; } 
		#left_col #login_panel { }
		#left_col #select_date_wrapper { }
		#nav_booking_rules {}
	
		#right_col { float:left; margin:0 0 0 50px; width:650px; padding:0; background:#fff; }
		
			.nested_column { width:240px; margin:0 20px 0 0; border-bottom:1px dotted #aaa; }
			.nested_column H3 {}
			.courtname { margin:1em 0 0 0 !important; }
			.courtdescr { text-transform:uppercase; font-weight:normal; margin:0 0 1em 0 !important; }
			.court_available, .court_booked { margin-bottom:0; border:0; border-top:1px dotted #aaa; }
			.court_available { background:#fff; }
			.court_booked { background:#dee7f0; }
			.court_booked.team { background:#ede4db !important; }

			#court169, #court171, #court173 { clear:left; }
	
	#footer { margin:0; padding:20px; border:0; color:#000; background:#eee;  }
	#footer A { color:#000; }

#hbi, #hbi A { color:#fff;  } 
#mycourts_logo { content:url("/images/mycourts_white_150.png") }

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

	#header, #nav { float:none; clear:both; width:100%; margin:0; padding:0; }
	
	#header { height:4em !important; background-size:30% !important; }
	
	#menu_control  { background:#000; }

	#menu_control A { color:#31fa32; }
	
	#menu_wrapper { 
		background:#000;  
		color:#31fa32;
	}
	.close_wrapper A { color:#31fa32; }
	#menu_show_member { color:#31fa32; }
	#menu_links UL LI A { color:#31fa32; text-decoration:underline;  }
	
	#menu_links A.selected { color:#31fa32;  }
	A.na { color:#ddd !important; }

	#hbi, #hbi A	 { color:#777; }
	#mycourts_logo { content:url("/images/mycourts_black_150.png") }

	
}