/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	MENU TOP
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/

.top_menu {
	background: #646263;
	border-style: none;
}

#content {
	margin: 0px;
	padding: 5px 0px 0px;
}

.contentright {
	float: left;
	margin: 0px;
	width: 540px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}



/*======TYpography-Styling===================*/	


.contentright h1{
	
color:#5FC1E5;
	
}





.contentright a:link, .contentright a:visited {
	color:#5FC1E5;
	text-decoration: none;
}

.contentright a:hover {
	color:#b7e7fe;
	text-decoration: none;
}



/* Setting up the top navigation menu*/
#BramallCourt, #MatthiasCourt, #JohnAndEddie{
	display: block;
	height: 38px;
	float: left;
	
}


#BramallCourt {
	width: 126px;
	background: #646263 url(../../images/buttons/bramall_court.gif) no-repeat 0px -38px;
}

#MatthiasCourt {
	width: 121px;
	background: #646263 url(../../images/buttons/matthias_court.gif) 0px -38px;
}
#JohnAndEddie {
	width: 261px;
	background: #646263 url(../../images/buttons/john_lester+eddie_colman.gif) 0px -38px;
	
}

/*Highlight the button when rollover it and to indicate the current page*/
#BramallCourt:hover, #MatthiasCourt:hover, #JohnAndEddie:hover,
#BramallCourt-page #BramallCourt,
#MatthiasCourt-page #MatthiasCourt,
#JohnAndEddie-page #JohnAndEddie {
	background-position: 0 0;
}
/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	SUB MENU LEFT - COLUMNS LEFT
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
#subMenu-index, #subMenu-rooms, #subMenu-fees, #subMenu-location, #subMenu-gallery, #subMenu-apply, #subMenu-contact {
	width: 192px;
	background: #5FC1E5;
	float: left;
}
#Rooms, #Fees, #Location, #Gallery, #Apply, #Contact {
	display: block;
	height: 27px;
	padding-left: 20px;
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 7px;
	background: url(../images/buttons/bg_button.jpg) 0px -35px;
}

#Rooms:hover, #Rooms:hover, #Fees:hover, #Location:hover, #Gallery:hover, #Apply:hover, #Contact:hover, 
#subMenu-rooms #Rooms, 
#subMenu-fees #Fees, 
#subMenu-location #Location, 
#subMenu-gallery #Gallery, 
#subMenu-apply #Apply, 
#subMenu-contact #Contact {
	background-position: 0 0;
}