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

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

#wrapper { margin:0 auto; width:1200px; padding:0; border:1px solid #999; }

/* #header { background:url(../images/29-header.jpg) left center no-repeat #fff; height:150px !important; } */
#header { height:150px; background:url(../images/29_Logo-white-2.png) left center no-repeat, linear-gradient(#01317a, #00377e); background-size:auto 70%;   }

#nav, #footer { background:#ededed; }
#nav, #nav A, #footer, #footer A { color:#000; }

#nav { padding:10px 0; padding-left:15px; text-align:center; border:0; }
#nav A { margin:0; padding:10px 15px; font-weight:bold;  }
#nav A:HOVER, #nav A.selected { background:#fff; text-decoration:none; }

#nav_cms { display:none;  }

#col_wrapper { margin:2em 0; padding:0; border:0; }

#left_col { float:left; margin:0 2%; width:22%; padding:0; background:none; }

#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; }

#right_col { float:left; margin:0; width:72%; padding:0; background:none; }


#court_times { text-transform:uppercase; }

.nested_column { width:32%; margin:0 1% 0 0; }
.nested_column:last-child { margin:0; }

#tab267 .courtname, #tab268 .courtname { margin:1em 0 0 0; }
#tab267 .courtdescr, #tab268 .courtdescr { text-transform:uppercase; font-weight:normal; margin:0 0 1em 0; }

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

#footer {  border:0; color:#fff; background:linear-gradient(#01317a, #00377e);  }
#footer a { color:#fff; }


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

	#header { height:4em !important; background-position:left !important;  }
	
	#menu_control  { background:#00377e; }

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