@media screen {

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

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

	font-family:arial unicode MS, arial; 
	font-size:14px; 
	font-weight:400;

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

.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; 
	font-family:arial;
	margin:0px;
	font-size:12px;
	text-align:left;
	
	background:#6B3D11;
	color:red;

	scrollbar-track-color:#202020;scrollbar-base-color:#202020;scrollbar-darkshadow-color:#202020;
	scrollbar-shadow-color:cyan; scrollbar-highlight-color:cyan;scrollbar-arrow-color:cyan;
	}

img	{
	margin:8;
	border-width:4;
	border-style:solid;
	border-color:white;
	}
	
h1	{color:#CC3300; font-weight:400; line-height:100%;}
h2	{color:#CC3300; font-weight:400;}
h3	{font-weight:400;}
h4	{font-weight:400;}
a
	{
	color:#cc3300; text-decoration:none; cursor:default;
	}

a:hover
	{
	text-decoration:underline;
	}


.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:#FFFFEE;
	color:black;
	font-family:arial;
	overflow-x:auto; 
	overflow-y:visible;
	scrollbar-track-color:#FFFFEE;
	scrollbar-base-color:#FFFFEE;
	scrollbar-shadow-color:black;
	scrollbar-highlight-color:black;
	scrollbar-darkshadow-color:#FFFFEE;
	scrollbar-arrow-color:black;
	}

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

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

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

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

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

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

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

}