html, body {
	padding: 0; 
	margin: 0; 
	height: 100%;
	background-color:#0B0861;
}

.container { 
	min-height: 900px; 
	width: 950px; 
	top: 20px;
	margin: 0 auto; 
	position: relative; /* so header and footer can be positioned */ 
	background: #0B0861; 
	background-image:url(images/jStreetMain.png);
	background-repeat:no-repeat;
	z-index:0;
}

/* this is for IE/Win only either a conditional or hack required supposed IE7 will support min-height */ 
* html #container {height: 100%;}

#logo { 
	position: relative; 
	left:160px;
	top:65px;
}

#tabs1 {
	position:relative;
	width:17px;
	height:527px;
	left:126px;
	top:57px;
	z-index:10;
	float:left;
}

#tabs2 {
	position:relative;
	width:17px;
	height:527px;
	left:133px;
	top:57px;
	z-index:10;
	float:left;
}

#tabs3 {
	position:relative;
	width:17px;
	height:527px;
	left:140px;
	top:57px;
	z-index:10;
	float:left;
}

#indexMain{
	position:relative;
	width:714px;
	height:527px;
	left:147px;
	top:57px;
	float:left;
	background-color:#7673C2;
}

#main{
	position:relative;
	width:714px;
	height:527px;
	left:147px;
	top:57px;
	float:left;
}

#mainLeft{
	position:relative;
	width:357px;
	height:527px;
	float:left;
	z-index:-1;
}

#mainRight{
	position:relative;
	width:357px;
	height:527px;
	float:left;
	z-index:-1;
}

#aboutMain{
	position:relative;
	width:762px;
	height:527px;
	left:156px;
	bottom:440px;
	float:left;
	z-index:1;
}

#frontSwf {
	position:relative;
	width:430px;
	height:156px;
	left:275px;
	bottom:500px;
	float:left;
}

#leftTopBox {
	position:relative;
	width:340px;
	height:220px;
	left:9px;
	top:30px;
	background-color:#A3A0D5;
	z-index:-1;
}

#arrowsLeft {
	position:relative;
	width:30px;
	height:30px;
	left:9px;
	top:30px;
	background-color:#A3A0D5;
	z-index:-1;
}

#arrowsSpacer {
	position:relative;
	width:280px;
	height:30px;
	left:39px;
	background-color:#A3A0D5;
	float:left;
	z-index:-1;
}

#arrowsRight {
	position:relative;
	width:30px;
	height:30px;
	left:39px;
	background-color:#A3A0D5;
	float:left;
	z-index:-1;
}

#leftBottomBox {
	position:relative;
	width:340px;
	height:210px;
	left:9px;
	top:30px;
	background-color:#A3A0D5;
	z-index:-1;
}

#commentsBox {
	position:relative;
	width:320px;
	height:190px;
	left:10px;
	top:10px;
	background-color:#C8C6E7;
	z-index:-1;
}

#rightBox {
	position:relative;
	width:360px;
	height:460px;
	left:10px;
	top:30px;
	background-color:#FFFFFF;
}

#swfHoldingBox {
	position:relative;
	width:714px;
	height:527px;
	z-index:10;
	background-color:#FF0000;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 13px Verdana;
background-color: #7673C2;
width: 17px; /* Main Menu Item widths */
/*border-bottom: 1px solid #ccc;*/
}
 
.sidebarmenu ul li{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
background-color: #7673C2;
/*padding: 6px;
border-bottom: 1px solid #778;
border-right: 1px solid #778;*/
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #7673C2; /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
background-color: #7673C2;
}

.sidebarmenu ul li a:hover{
background-color: #4764DD;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 105px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}

.sidebarmenu a.subfolderstyle{
background-color: #7673C2/*url(right.gif) no-repeat 97% 50%*/;
}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */