body 
{
background: rgb(204,51,0); color: white; margin: 0; padding: 0;font-family: Arial
}

div#menu {border: 1px solid #335;}
div#links {border: 1px solid #335;}
div#information {border: 1px solid #335;}
div#section1 {border: 1px solid #335;}
div#main {border: 1px solid #335;}

h1, div {background: rgb(255,255,204); color: black;}

p {margin: 1em 0; padding: 0;}

h1, h3, h4 {font-family: Arial, sans-serif; font-weight: normal; margin: 0; }

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#pageHeader h1 { 
	background: transparent url(bathunityplayers.jpg) no-repeat top left; 
	margin-top: 10px; 
	width: 1200px; 
	height: 87px; 
	float: left;
	}
#pageHeader h1 span {
	display:none
	}

h3 {
font-weight: bold; color: rgb(0,0,0);
}

h4 {
font-weight: bold; letter-spacing: 0.5em; padding: 0.33em 0.5em 0.167em; border-top: 1px solid #335; 
border-bottom: 1px solid #557; background: #77A; color: #335;
}

div#sidebar 
{
position: absolute; 
top: 3em; 
left: 0; 
width: 22%; 
background: transparent; 
padding: 0; margin: 1em; 
border-width: 0;
}

div#sidebar div 
{
margin-bottom: 1em;
}

#sidebar ul
{
list-style-type: none;
padding: 0em 0;
margin: 0.1em;
}

#sidebar span
{
font-weight: bold;
color: rgb(0,0,0);
}


div#sidebar a:link {color: #226; background-color: transparent;}
div#sidebar a:visited {color: #557; background-color: transparent;}
div#sidebar a:hover {background: #AAD; color: #338;}
div#sidebar a span {font-weight: bold;}

div#menu 
{
text-align: left; border-color: #224;
}

div#menu h4 {background: #66A; color: #224;}
div#menu a:link:hover {background: #BBE;}
div#menu a:visited:hover {background: #AAD;}
div#menu div.sublinks {border-width: 0; margin: 0;}
div#menu div.sublinks a {border-left: 3em solid #88B; font-size: 85%; font-weight: normal; letter-spacing: normal; padding-right: 0.66em; padding-left: 0.125em; color: #404077;}
div#menu div.sublinks a:visited {color: #557;}
div#sidebar a#gallery {border-top: 4px solid #88B; font-size: 90%;}

div#links a {font-size: 90%;}

div#information a {font-size: 90%;}


div#sidebar div#section1 a 
{
text-align:center;
font-size: 90%;
}

div#main {position: absolute; top: 3em; left: 25%; width: auto; margin: 1em;  padding: 1em 0.5em;}
div#main h3 {letter-spacing: 3px; margin: 1.25em 0 0;}
div#main h3#top {margin-top: 0;}
div#main p {margin: 0.25em 0 1em; line-height: 1.25em;}

/* ************************************************************ */

.clearboth { clear: both; }

/* ************************************************************ */
#menu2 LI 
{
	text-align:center;
	display: inline;
	list-style-type: none;
	padding-right: 60px;
	
	
}