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

A { color:#555; }
A:HOVER { background:yellow; }
A.small_button:HOVER, A.btn_selected {  }
H1, H2, H3 { color:#000; }

#wrapper { margin:0 auto; width:1100px; padding:0 20px; background:#fff;  }
	
	#header { height:152px; padding:0; margin:0; background:url(../images/67_header-logo.jpg) center no-repeat #fff;  }
	
	#nav { margin:8px 0 0 0; padding:4px 0; background:#fff; text-align:center;  }
	#nav A { margin:0 20px 0 0; padding:4px 10px;  text-transform:uppercase; font-weight:normal; background:#177056; color:#fff; }
	#nav A:HOVER, #nav A.selected { text-decoration:none; background:#4d988d; color:#fff;   }
	#nav_cms { display:none;  }
	
	#col_wrapper { margin:2em 0; padding:0; background:#fff; }
		
		
		#left_col { float:left; margin:0 2% 0 0; width:22%; padding:0; background:#fff; }
		
		#left_col .panel { border:0; background:#fff; padding:0; } 
		#left_col #login_panel { background:#eee; padding:10px; }

		DIV#select_date DIV.left_side_date A { padding:3px 0 3px 10px; }

		#right_col { float:left; margin:0; width:75%; padding:0; background:#fff; }
		
			UL.tabs LI { display:inline-block; margin:.25em 2px .25em 0; }
			UL.tabs LI A:HOVER, UL.tabs LI A.selected { }
					
			.courtname { margin:1em 0 .25em 0 !important; }
			.courtdescr { text-transform:uppercase; font-weight:normal; margin:0 0 1em 0 !important; background:#fff; font-weight:bold; }			
			
			/*
			DIV.nested_column { width:250px; margin:0 10px 0 0; }
			#tab108 DIV.nested_column, #tab109 DIV.nested_column, #tab110 DIV.nested_column { width:200px; }
			*/

			.nested_column { width:32%; margin:0 1% 0 0; border-bottom:1px dotted #aaa; }
			#tab108 DIV.nested_column { width:24%; }
			#tab109 DIV.nested_column { width:24%; }
			#tab110 DIV.nested_column { width:24%; }
			#tab111 DIV.nested_column { width:24%; }
			#tab296 DIV.nested_column { width:24%; }
			#tab271 DIV.nested_column { width:49%; }
			#tab136 DIV.nested_column { width:49%; }
			#tab137 DIV.nested_column { width:49%; }
			.nested_column:last-child { margin:0; }



			/*
			#tab106 DIV.nested_column, #tab107 DIV.nested_column, #tab128 DIV.nested_column, #tab129 DIV.nested_column { width:215px; margin:0 20px 0 0; } 
			
			DIV#court476, DIV#court479, DIV#court483, DIV#court487, DIV#court491, DIV#court495, DIV#court499, DIV#court543, DIV#court546 { margin-right:0 !important; }
			DIV#court585, DIV#court588, DIV#court592, DIV#court487, DIV#court596, DIV#court495, DIV#court499, DIV#court543, DIV#court546 { margin-right:0 !important; }
			*/
			
			/*
			#tab111link { display:none; }
			#tab111:before { content: "The grass courts are closed for the winter."; font-weight:bold; }
			#tab111 DIV.nested_column { display:none; }
			
			#tab296link { display:none; }
			#tab296:before { content: "The grass courts are closed for the winter."; font-weight:bold; }
			#tab296 DIV.nested_column { display:none; }
			*/
			
			/*
			.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; }
			*/
	
	#footer { margin:0 0 6em 0; padding:2em 0; line-height:.75em; border-top:1px solid #666; border-bottom:1px solid #666; background:#fff; color:#555; }
	#footer A { color:#555; }

#hbi { border:0;  margin-bottom:3em;  }
#hbi, #hbi A { color:#000;  } 

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

	A:HOVER { background:none; }

	#header { height:4em !important; background-size:3.5em auto !important;  }
	#left_col #login_panel { background:none; padding:0; }
	
	#menu_control  { background:#177056; }

	#menu_control A { color:#fff; }
	
	#menu_wrapper { 
		background:#177056;  
		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:#ddd !important; }
	
	#footer { background:#2f2d2e; color:#fff; }
	#footer A { color:#fff; } 
	
}