@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400');

BODY { 
	background:url(../images/125-bgd.jpg) repeat-x top;
	margin:0 auto;
	padding:0; 
	color:#000;
	font-family:"Source Sans Pro";
	font-size:103%;
	}

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

#wrapper { margin:0 auto; width:1100px; padding:0 10px; }
	
	#header { height:89px; margin:0; padding:0; 
		background-image: url(../images/125_heswall_squash.png), url(../images/125_header.jpg);
		background-position: 10px center, center;
		background-repeat: no-repeat, no-repeat;	
	 }
	
	#nav { margin:2em 0; padding:0; background:none; }
	#nav A { display:inline-block; padding:15px 10px; margin:0; background:none; color:#000; text-transform:uppercase; }
	#nav A:HOVER, #nav A.selected { color:#666; text-decoration:underline; }
	#nav_cms { display:none;  }
	
	#col_wrapper { margin:0; padding:0; }
		#left_col { float:left; margin:0 40px 0 0; width:200px; padding:0; background:#fff; }
		#left_col .panel { border:1px solid #eee; background:#f8f8f8; } 
		#left_col #login_panel { background:#f8f8f8; }
		#left_col #select_date_wrapper { }
		#nav_booking_rules {}

			#select_date { background:none; }
			.left_side_date A {
				margin:0;
				padding:3px 10px;
				display:block; 
				text-decoration:none;
				border-bottom:1px dotted #ddd;
				background:#fafafa;
				}
			DIV#select_date DIV.left_side_date:first-child A  { border-top:1px dotted #ddd; }
			.left_side_date A:HOVER, .left_side_date A.selected { background:yellow; font-weight:normal; } 	

	
		#right_col { float:left; margin:0; width:838px; padding:0; background:none; }
		
			.nested_column { width:204px; margin:0 5px 0 0; border-bottom:1px dotted #aaa; }
			/*
			.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; }

			#court913 { margin-right:0; }

	
	#footer { margin:2em 0; padding:1em 0; line-height:1em; color:#fff; background:#fff; color:#000; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#89d9f7;  }
	#footer A { color:#000; }

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

	#header { height:4em !important; background-image:url(../images/125_header_mobile.jpg) !important; background-color:#89d9f7 !important;   }
	
	#menu_control  { background:#000; }

	#menu_control A { color:#fff; }
	
	#menu_wrapper { 
		background:#89d9f7;  
		color:#000;
	}
	.close_wrapper A { color:#000; }
	#menu_show_member { color:darkblue; }
	#menu_links UL LI A { color:#000;  }
	
	#menu_links A.selected { color:darkblue; }
	A.na { color:#ddd !important; }
	
}

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

	#header { height:4em !important; background-image:url(../images/125_header_mobile.jpg) !important; background-color:#89d9f7 !important;   }
	
	#menu_control  { background:#000; }

	#menu_control A { color:#fff; }
	
	#menu_wrapper { 
		background:#f8f8f8;  
		color:#000;
	}
	.close_wrapper A { color:#000; }
	#menu_show_member { color:red; }
	#menu_links UL LI A { color:#000;  }
	
	#menu_links A.selected { color:red; }
	A.na { color:#ddd !important; }
	
}