html 	{
		overflow:hidden;
	}
body 	{
		background-color:#212121; 
		color:#ffffff;
		font-family: verdana; /*arial,helvetica;*/  /*"Times New Roman",times,serif; */
		font-size:15px;
		margin: 0;
		overflow: hidden;
		scrollbar-face-color: #000000;
		scrollbar-highlight-color: #404040;
		scrollbar-shadow-color: #000000;
		scrollbar-3dlight-color: #616161;
		scrollbar-arrow-color:  #A1A1A1;
		scrollbar-track-color: #212121;
		scrollbar-darkshadow-color: #000000;
		height:100%;
     	}

a 	{
		color: silver;
		text-decoration:none;
	}

a:hover {
		color:yellow;
		text-decoration:underline; 	
	}

a img 	{
		border: none;
	}


#outercontainer {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height:100%;
	/*text-align:center;*/
	overflow:visible;

}


#container	{
		background-color:#000000; 
		background-image:url('BG-2.jpg'); /*no-repeat fixed right top;*/ 
		background-repeat: no-repeat;
		background-position: right top;
		position:relative;
		top:0px;
		bottom:0px;
		height:100%;
		/*height:expression(document.documentElement.clientHeight);*/
		right:0px;
		width:945px;
		/*z-index:1;*/
		margin-left:auto;
		margin-right:auto;
		/*overflow:visible;*/
	}


#navbar	{
		position:absolute;
		top:0px;
		left:10px;
		bottom:0px;
		width:170px;
		height:100%;
		padding-top:10px;
		text-align:center;
		z-index:2;
	}

#leftGradient {
		position:absolute;
		top:0px;
		bottom:0px;
		left:0px;
		width:10px;
		height:100%;
		/*height:expression(document.documentElement.clientHeight);*/
		background-image:url(GradientLeft2.jpg);
}

#rightGradient {
		position:absolute;
		top:0px
		bottom:0px;
		right:0px;
		width:10px;
		height:100%;
		/*height:expression(document.documentElement.clientHeight);*/
		background-image:url(GradientRight2.jpg);
		z-index:4;
}

.navOpt	{
		height:22px;
		width:165px;
		text-align:center;
		background-image: url(Bevel6.jpg);
	}

.navOptHover 	{
		height:22px;
		width:165px;
		text-align:center;
		background-image: url(Bevel5.jpg);
		cursor: hand;
		text-decoration: none;
	}

#content	{
		position:absolute;
		top:0px;
		left:170px;
		height:100%;
		/*height:expression(document.documentElement.clientHeight);*/
		right:5px;
		width:752px;
		padding-left:5px;
		padding-right:5px;
		font-size:13px;
		overflow:auto;
		margin-left:auto;
		margin-right:auto;
		z-index:1;
	}

#docBody	{
		position:absolute;
		text-align:left;
		top:135px;
		left:15px;
		width: 700px;
		/*height: expression(parentElement.clientHeight-135);*/
		/*bottom: 20px;*/
		border:1px solid; 
		border-color: white white gray gray;padding:10px;
		/*overflow:auto;*/
		margin-left:auto;
		margin-right:auto;
	}

#content a 	{
		text-decoration:underline;
		/*font-weight:bold;*/
	}



.contentBox	{
		font-size:15px;
		border: 1px solid;
		border-color: white white gray gray;
	}

.contentBox a 	{
		color: silver;
		text-decoration:underline;
		/*font-weight:bold;*/
		/*font-size:14px*/
	}

.contentBox a:hover 	{
		color: yellow;
		text-decoration:underline;
		/*font-weight:bold;
		font-size:14px*/
	}

#headerBar	{
		padding-left:245px;
		color:#ffff00;
		font-size:12px;
		text-align:left;
	}

#headerBar a	{
		/*color:#fcfd84;*/
	}

#headerBar a:hover	{
		color:yellow;
	}

#banner {
		position:absolute;
		left:10px;
		bottom:0px;
		height:60px;
		width:108px;
		background-color:#000000;
		z-index:2;
	}

#copyright	{
		position:absolute;
		bottom:-35px;
		height:15px;
		/*left:170px;*/
		/*top:35px;8?
		/*right:0px;*/
		width:700px;
		text-align:center;
		color:yellow;
		font-size:10px;

	}