HTML, BODY
{
	width : 100%;
	height : 100%;
	overflow : hidden;
	margin : 0px;
	color : #666;
	background : #FFF;
	font : 11px Verdana, Geneva, sans-serif;
}

A:link, A:visited, A:active
{
	color: #c93;
	text-decoration: none;
}

A:hover
{
	text-decoration : underline;
}

BLOCKQUOTE
{
	margin-top : 2px;
	margin-bottom : 2px;
	margin-left : 5%;
	margin-right : 5%;
}

DIV
{
	position : absolute;
}

H1 { font-size : 14px }

ACRONYM, ABBR
{
	border-bottom : 1px dotted;
	cursor : help;
}

#pgBox
{
	width : 700px;
	height : 360px;
	overflow : hidden;
	visibility : hidden;
	z-index : 2;
}

#pgTitle
{
	left : 599px;
	top : 329px;
	margin-top : 0px;
	z-index : 0;
}

#pgTitleText
{
	left : 503px;
	top : 347px;
	margin-top : 0px;
	font : Arial, Helvetica, sans-serif; 
	font-size : 10px;
	text-align : right;
	color : #CCC;
	z-index : 0;
}

#navBar
{
	top : 5px;
	left : 30px;
	width : 670px;
	z-index : 3;
}

.nav
{
	border : 0px;
}

/* menu styles */
.menus
{
	position : absolute;
	visibility : hidden;
	z-index : 100;
	width : 99px;
	padding : 0px;
	color : #666;
	background : #fff;
	border : 1px solid #666;
	margin-top : 0px;
	margin-right : 0px;
	text-decoration : none;
	text-align : center;
	font : 10px Verdana,Geneva,sans-serif;
	filter: alpha(opacity=90)
}

.menus A, .menus A:link, .menus A:visited
{
	position : relative;
	display : block;
	padding : 2px;
	color : #666;
	text-decoration : none;
}

/* Standard Hover color is d6e2e7, cc9933, ff99cc for Oct */
.menus A:hover
{
	background-color : #c93;
	text-decoration : none;
	color : #333;
	filter: alpha(opacity=100)
}

#win
{
	left : 0px;
	top : 25px;
	background :#FFF;
	width : 700px;
	height : 300px;
	z-index : 2;
	overflow : hidden;
}

IMG.cornerL
{
	position : absolute;
	left : 0px;
	top : 0px;
	z-index : 2;
}

IMG.cornerR
{
	position : absolute;
	left : 550px;
	top : 151px;
	z-index : 2;
}

DIV.cT
{
	left : 0px;
	top : 0px;
	background : black;
	width : 700px;
	height : 1px;
	clip : rect(0px,700px,1px,0px);
	overflow : hidden;
	z-index : 2;
}

DIV.cR
{
	left : 699px;
	top : 0px;
	background : black;
	width : 1px;
	height : 300px;
	clip : rect(0px,1px,300px,0px);
	overflow : hidden;
	z-index : 2;
}

DIV.cB
{
	left : 0px;
	top : 299px;
	background : black;
	width : 700px;
	height : 1px;
	clip : rect(0px,700px,1px,0px);
	overflow : hidden;
	z-index : 2;
}

DIV.cL
{
	left : 0px;
	top : 0px;
	background : black;
	width : 1px;
	height : 300px;
	clip : rect(0px,1px,300px,0px);
	overflow : hidden;
	z-index : 2;
}

#scroller
{
	left : 0px;
	top : 336px;
	width : 24px;
	height : 16px;
	clip : rect(0px,24px,16px,0px);
	overflow : hidden;
	z-index : 10;
	visibility : hidden;
}

#scrollBar
{
	left : 0px;
	top : 343px;
	background : #444;
	width : 350px;
	height : 2px;
	clip : rect(0px,350px,2px,0px);
	overflow : hidden;
	z-index : 1;
	visibility : hidden;
}

#scrollNS
{
	top : 335px;
	z-index : 10;
	visibility : hidden;
}

.tab
{
	position : relative;
	top : 4px;
	margin-left : 4px;
	margin-right : 10px;
	float : left;
	padding-right : 10px;
}

SPAN.cBox
{
	position : relative;
	top : 18px;
	left : 0px;
	height : 277px;
	overflow : hidden;
	margin-right : 20px;
	text-align : justify;
	float : left;
}

DIV.cTitle
{
	position : relative;
	color : 666;
	width : 100%;
	height : 10px;
	font-weight : bold;
	text-align : right;
	border-bottom : 1px solid #ccc;
	padding-bottom : 1px;
	margin-bottom : 2px;
}

UL, OL
{
	margin-top : .5em;
	margin-bottom :	.5em;
	text-align : left;
	line-height : 13pt;
	list-style-position : outside;	
}

UL.tight
{
	margin-top : .5em;
	text-align : left;
	line-height : 10pt;	
}

LI
{
	list-style : square;
}

UL LI
{
	margin-left : -2em;

}

.content
{
	left : 0px;
	top : 0px;
	height : 200px;
	z-index : 1;
}

/* scrollhelp #09c;*/
#scrollhelp
{
	visibility : hidden;
	z-index : 10;
	position : absolute;
	left : 2px;
	top : 2px;
	
}

.help
{
	width : 290px;
	text-align : left;
	font : 11px Verdana, Geneva, sans-serif;
	color : #c93; 
	font-weight : bold;
}

#cont1 .item
{
	float : right;
	margin-left : 10px;
	border : 1px solid #666;
}

/* context menu */
#contMenu
{
	visibility : hidden;
	color : gray;
	background : #ccc;
	width : 100px;
	border : 2px outset #fff;
	padding : 2px;
	text-align : center;
	font-size : 10px;
	cursor : default;
	z-index : 50;
}

#contMenu A:link, #contMenu A:visited
{
	display : block;
	color : #999;
}

#contMenu A:hover
/* #09C, 996600 */
{
	color : #09C;
	text-decoration : none;
}

/* infoBox */
#infoBox
{
	visibility : hidden;
	width : 100px;
	border : 2px outset;
	padding : 2px;
	background : #ddd;
	font : 10px Verdana;
}

.loading
{
	position : relative;
	left : 5px;
	top : 180px;
}

#preloader
{
	position : absolute;
	left : 0px;
	top : 0px;
}

#load
{
	position : absolute;
	left : 0px;
	top : 0px;
	width : 100%;
	height : 100%;
	border : 0px solid;
}

#load TD
{
	text-align : center;
	vertical-align : middle;
}

/* Container of Loader */
#seLoader
{
	position : relative;
	width : 200px;
	z-index : 1;
	margin : auto;
}

/* text (%) */
#seLoadTxt
{
	position : relative;
	z-index : 5;
	margin-top : 5px;
	font : 11px Verdana,Geneva,sans-serif;
}