body{ 
    background-color:black; 
    font-family: Verdana;
	text-align:center;	/* for center page in IE6 */
}

#page {
    background-color: transparent;
    width: 800px;
    text-align:center;
    margin-left: auto;	/* for centering page */
    margin-right: auto; /* for centering page */
}

/* ======= Header ======= */
#pageHeader {
    background: transparent;
	text-align:left;
}
#pageHeader .title{
    background: url(http://www.footlighters.org/clipart/footlightersinc.png);
    width: 230px;
    height: 45px;
	display: inline;
	float: left;
}
#pageHeader .title h1{ display: none; }
#pageHeader .faces {
    background: url(http://www.footlighters.org/clipart/faces_color.jpg);
    width: 570px;
    height: 45px;
	margin-bottom: 10px; /* pushes the pageContent down so it 'clear's this. */
	float:right;
}


#pageContent {
    background-color: #772299;
    border: thin solid white;
	margin-top: 10px;
	clear: both;
}

#tabContent {
	background-color: white;
	margin: 8px;
}

/* ======= Main Menu ======= */
#mainMenu {
    margin: 2px;
}

#mainMenu li {
    display: inline;
    padding: 3px;
    margin: 0 10px 0 10px;
}

#season a,
#pageFooter a,
#mainMenu li a {
	color: white;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

#mainmenu li a:hover,
#season > a:hover,
#pageFooter a:hover {
    text-decoration: underline;
}




/* =======  Page Footer  ======= */
#pageFooter {
	text-align: right;
}

#pageFooter a {
	color: white;
	font-size: 12px;
    font-weight: bold;

}

/* ===== Helpers that can be used everywhere ==== */
.floatClearer{
	clear: both;
}


/* h1, p, div, a { border: thin solid green; } */