@media screen {

body	{
	height:100%;
	background:#404040 url("../images/asteroids_background.png") repeat fixed;
	
	color:white; 
	padding-left:148px;
	padding-right:96px;
	cursor:default; 
	width:inherit;

	border:0; 
	border-width:0px; 
	line-height:110%;
	margin:0px; 

	font-family:trebuchet ms, verdana; 
	font-size:14px; 
	font-weight:400;

	text-align:justify;
	text-justify:interword;
	
	scrollbar-track-color:#000000;
	scrollbar-base-color:#000000;
	scrollbar-shadow-color:#ffffFF;
	scrollbar-highlight-color:#ffffFF;
	scrollbar-darkshadow-color:#000000;
	scrollbar-arrow-color:#ffffFF;
	
	}

.indexContainer{
	position:absolute;
	left:0px;
	top:0px;
	width:430px; 
	height:100%; 
	}

.mainContainer
	{
	width:640px;
	}
	
.cIndex	{
	width:360px; 
	height:100%; 
	padding:8px; 
	border-width:0;
	overflow:auto; 

	margin:0px;
	font-size:12px;
	text-align:left;
	font-variant:small-caps; 
	background:black;color:white;

	scrollbar-track-color:#000000;
	scrollbar-base-color:#000000;
	scrollbar-shadow-color:#ffffFF;
	scrollbar-highlight-color:#ffffFF;
	scrollbar-darkshadow-color:#000000;
	scrollbar-arrow-color:#ffffFF;
	}

img	{
	margin:8px;
	border-width:4px;
	border-style:solid;
	border-color:white;
	}
	
h1	{
	font-variant:small-caps; 
	color:#ffcc33; 
	font-weight:400; 
	height:120px; 
	padding:8px; 
	width:auto; 
	filter:glow(strength=2,color=red);  
	margin:3px;
	line-height:100%;
	}

h2	{font-variant:small-caps; color:#ffcc33; font-weight:400; height:20px; padding:4px; width:auto;  filter:glow(strength=2,color=red); margin:3px;}
h3	{font-variant:small-caps; font-weight:400;}
h4	{font-variant:small-caps; font-weight:400;}

a
	{
	color:#ffc000; 
	text-decoration:none; 
	cursor:default;
	}

a:hover
	{
	text-decoration:none;
	color:#FFFF00;
	}


.code
	{
	padding:20px; 
	width:100%;
	margin:25px;
	clip:box(0,0,0,0);
	text-align:left;
	max-width:500px;
	border-style:inset; 
	border-width:2px;
	background:white; 
	color:black;
	font-family:arial;
	overflow-x:auto; 
	overflow-y:visible;
	scrollbar-track-color:white;
	scrollbar-base-color:white;
	scrollbar-shadow-color:black;
	scrollbar-highlight-color:black;
	scrollbar-darkshadow-color:white;
	scrollbar-arrow-color:black;
	}

.example
	{
	width:100%;
	padding:20px; 
	clip:box(0,0,0,0);
	overflow:auto;
	margin:25px;
	max-width:500px;
	border-style:solid; 
	border-width:1px; 
	border-color:white;
	font-family:arial;
	text-align:left;
	overflow-x:auto; 
	overflow-y:visible;
	scrollbar-track-color:#404040;
	scrollbar-base-color:#404040;
	scrollbar-shadow-color:#ffffff;
	scrollbar-highlight-color:#ffffFF;
	scrollbar-darkshadow-color:#404040;
	scrollbar-arrow-color:#ffffFF;
	}	
	
FE\:key
	{
	font-style:oblique;
	}
	
FE\:file
	{
	border-style:dashed;
	border-width:0px 0px 1px 0px;
	}
	
.cMiniHeader
	{
	font-style:oblique;
	}
	
	
.aIndexChapter
	{
	color:white;
	width:250px;
	font-size:16px; font-weight:700;
	}

.aIndexChapterSmall
	{
	color:#c0c0c0;
	font-size:14px;
	}

.aIndex
	{
	color:#c0c0c0; font-size:14px; height:100%; width:250px;
	}

.aIndexSub	
	{
	color:#808080; padding:0 0 0 30px; font-size:12px; height:100%; vertical-align:top; width:264px;
	}

.aIndexSubSub
	{
	color:#808080; padding:0 0 0 35px; font-size:12px; height:100%; width:270px;
	}

.mOpener
	{
	width:14px; height:22px;
	overflow:hidden;
	font-size:15px; font-weight:700;
	font-family:arial black;
	text-align:center;
	color:white;
	}
	
.mOpenerSub
	{
	width:14px; 
	vertical-align:top;
	overflow:hidden;
	padding-top:3px;
	font-size:10px;
	font-family:arial black;
	text-align:center;
	margin-left:3px; 
	color:#c0c0c0;
	height:100%;
	}
	
	
.mOpenerDummy
	{
	width:14px; 
	height:22px; 
	overflow:hidden; 
	}

.mOpenerSubDummy
	{
	margin-left:3px; 
	width:14px; 
	height:100%; 
	overflow:hidden;
	}

}