/* CSS Document */
BODY { 
	background:#fff !important;
	margin:0;
	padding:10px;
	}

H1, H2, H3 { color:#006; }

#wrapper { width:980px; border:0; margin:0 auto;  }
#header { background:url(../images/28.jpg) center no-repeat #fff; height:240px; }

#nav, #footer { background:#3b0ba8 !important; /*border-top:2px solid #006; border-bottom:2px solid #006;*/ }
#nav, #nav A, #footer, #footer A { color:#fff; }

#nav { padding:10px 0;  text-align:center; border-top:0; }
#nav, #nav A { font-weight:bold; text-transform:uppercase;   }
#nav A { margin:0 15px; }
#nav .selected { text-decoration:underline; }

#nav_cms { display:none;  }

#left_col { float:left; margin:1em 20px;  width:210px; padding:0; }
#left_col .panel A {
	text-decoration:none; 
	padding-left:10px;
	background:url(../images/arrow-555.gif	) left center no-repeat; 
	} 

#left_col .panel A:HOVER
	, #select_date A.selected 
	, #left_col .panel A.selected
	{ 
	text-decoration:underline;
	font-weight:normal;
	}
	
.panel, .alert { background:#fafafa !important; border:1px solid #ddd !important; }

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

#right_col { margin:1em 0; width:705px; float:left; border:0px solid #ccc; background:#fff; }

.nested_column { width:228px; margin:0 10px 0 0; border-bottom:1px dotted #aaa;  }
#court622 { margin:0; }
.nested_column H3 {}

.court_available, .court_booked { margin-bottom:0; border:0; border-top:1px dotted #aaa; }

#footer {  border:0; color:#fff; padding:1em 0; line-height:1em;  }
#footer a { color:#fff; }

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

	#header { height:4em; background-size:80% !important;   }
	
	#menu_control  { background:#3b0ba8; }

	#menu_control A { color:#fff; }
	
	#menu_wrapper { 
		background:#3b0ba8;  
		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; }
	
}