@charset "utf-8";
body {
	background: #FFFFFF;
	margin-top: -21px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding-top: -21px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	top:0px;
}
/**************************************
layout
***************************************/
#wrapper {
	width: 800px;
	margin: 0px auto; 
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#wrapper #header {
	background-image: url(../Interface/header.jpg);
	background-repeat:no-repeat;
	width: 800px;
	height: 102px;
}

#wrapper #header h1{
	visibility:hidden;
}

#wrapper #leftPanel {
	background-image: url(../Interface/leftPanel.jpg);
	background-repeat:no-repeat;
	float:left;
	width: 88px;
	height: 455px;
}

#wrapper #rightPanel {
	background-image: url(../Interface/rightPanel.jpg);
	background-repeat:no-repeat;
	float:left;
	width: 101px;
	height: 455px;
}

#wrapper #mainContent { 
	float:left;
	width: 611px;
	height: 455px;
}

#mainContent #stage {
	background-image: url(../Interface/stage.jpg);
	background-repeat:no-repeat;
	width:611px;
	height:288px;
	position:relative;
}

#mainContent #stage p{
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size:.70em;
	font-weight:normal;
	color:#000;
	text-decoration:none;
	line-height:1.2em;
	margin-right:0.5em;
	padding: .2em .5em;
	display:block;
}

#mainContent #sectionA {
	float:left;
	width: 206px;
	height: 167px;
}

#mainContent #sectionB {
	float:left;
	width: 199px;
	height: 167px;
}

#mainContent #sectionC {
	float:left;
	width: 206px;
	height: 167px;
}


#wrapper #footer {
	background-image: url(../Interface/footer.jpg);
	background-repeat:no-repeat;
	float:left;
	width: 800px;
	height: 62px;
	text-align:center;
}

#wrapper #footer  p{
	font-size:0.6em;
	font-weight:normal;
	color:#666;
	text-decoration:none;
	line-height:1.2em;
	margin-right:0.5em;
	padding: .2em .5em;
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}






/**************************************
main navigation menu 
***************************************/
#wrapper #header #mainNav{
	width: 800px;
	height: 25px;
	position:relative;
	text-align:center;
}

#wrapper #header #mainNav ul{
	margin:0px;
	padding:0px;
	list-style:none;
	/*float:left;*/
	position:absolute;
	top:0px;
	left:90px;
	height: 25px;
}

#wrapper #header #mainNav li{
	/*float:left;*/
	text-align:center;

}

#wrapper #header #mainNav ul #btn1{
	width:68px;
	height:25px;
	margin: 0px 20px 0px 20px;
	float:left;
}

#wrapper #header #mainNav ul #btn2{
	width:68px;
	height:25px;
	margin: 0px 120px 0px 20px;
	float:left;
}

#wrapper #header #mainNav ul #btn3{
	width:68px;
	height:25px;
	margin: 0px 20px 0px 100px;
	float:left;
}

#wrapper #header #mainNav ul #btn4{
	width:68px;
	height:25px;
	margin: 0px 20px 0px 20px;
	float:left;
}

#wrapper #header #mainNav li a:link, #wrapper #header #mainNav a:visited{
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size:.65em;
	font-weight:normal;
	color:#603;
	text-decoration:none;
	line-height:1.2em;
	margin-right:0.5em;
	padding: .2em .5em;
	display:block;
	height:25px;
}

#wrapper #header #mainNav li a:hover{ 
	color:#339; 
}


#wrapper #header #mainNav li a.current, #wrapper #header #mainNav li a.current:hover, #wrapper #header #mainNav li a.current:active{
	color:#960;
	font-weight:bold;
	cursor:default;
	background-image:url(../Interface/placeMarker.png) ;
	width:68px;
	background-repeat:no-repeat;
	background-position:bottom;
}


#wrapper #header #mainNav li a.hold{
	
}