/* CSS Document */
body {
	background-color: white
	color: ; 
	border-style: solid;
	border-left-width: 5px;
	border-top-width: 0px;
	border-right-width: 5px;
	border-bottom-width: 0px;
	border-color: white;
	text-align:left;
	font: normal 12px verdana; 
	margin: 0px;
}

#wrapper
{
	margin-left:auto; margin-right:auto;
	width: 1000px;
	height: 708px; /* Allow for corner of background image on rounded corners */
	background: white;
	border-style: none solid solid solid;
	border-color: green;
	border-width: 2px;
	border-bottom-left-radius:25px; /* Rounded corners only work on Firefox */
	border-bottom-right-radius:25px;
}
#lp
{
	position:relative;
	left:0px;
	top:0px;
}
#logo
{
	position:absolute;
	left: 200px;
	top: 0px;
	width: 800px;
	height: 200px;
	background:white;
	text-align:center;
}
#navbar
{
	position:absolute;
	left: 0px;
	top: 0px;
	width: 200px;
	height:700px;
	background:white;
	background-image: url(images/racketandball2.jpg);
	margin-left: 8px; /* Allow for corner of background image on rounded corners */
}
#nav
{
	height: 150px;
}
#nav2
{
	height: 50px;
}
#main
{
	position:absolute;
	left: 210px;
	top: 150px;
	width: 780px;
	height: 545px;
	background: #CDFECD; /* Vey Pale Green */
	text-align:left;
	overflow: auto;
	scrollbar-face-color: lightgreen; /* scrollbar only works on IE */
	scrollbar-track-color: white;
	scrollbar-arrow-color: black;
}
#main2
{
	margin: 20px; /* Allows a separately coloured border from the background colour */
}
/* Create an identical class for each page, the link definitions for the current page will then be overwritten locally within its html */
#nbh, #nbm, #nbt, #nbcc, #nbe, #nbcm, #nbg, #nbc, #nbma
{
	float: left;
	width: 170px;
	height: 50px;
	line-height:50px;
	text-align: center;
	color: white;
	font-size: 18px;
	vertical-align: middle;
	background-color: darkgreen;
	border-style: none;
	border-color: black;
	border-width: 1px;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	margin: 4px 15px 4px 15px;
}
#nbh:hover, #nbm:hover, #nbt:hover, #nbcc:hover, #nbe:hover, #nbcm:hover, #nbg:hover, #nbc:hover, #nbma:hover
{
	background-color: limegreen;
}
#nbh a:link, #nbm a:link, #nbt a:link, #nbcc a:link, #nbe a:link, #nbcm a:link, #nbg a:link, #nbc a:link, #nbma a:link {color: white; text-decoration: none;}
#nbh a:visited, #nbm a:visited, #nbt a:visited, #nbcc a:visited, #nbe a:visited, #nbcm a:visited, #nbg a:visited, #nbc a:visited, #nbma a:visited {color: white; text-decoration: none;}
#nbh a:hover , #nbvm a:hover , #nbt a:hover , #nbcc a:hover, #nbe a:hover, #nbcm a:hover, #nbg a:hover, #nbc a:hover, #nbma a:hover {color: white; text-decoration: none; background-color: limegreen;}
#nbh a:active, #nbm, a:active, #nbt a:active, #nbcc a:active, #nbe a:active, #nbcm a:active , #nbg a:active , #nbc a:active, #nbma a:active {color: white; text-decoration: none;}

#footer
{
	margin-left:auto; margin-right:auto;
	width: 100px;
	height: 24px;
}