/*  scrapbook.css - 17.04.2004  
.......... and W3C CSS compliant  */

body 	{
	background-color: #EFFBC6;
	}

#lhpane	 {
	position : fixed;
	top : 0px;	
	left : 0px;
	background-color : #E0E0E0;
	border-right:4px solid teal;
	padding-left : 2%;
	padding-right : 0%;
	width : 170px;
	height: 100%;
	overflow : auto;
	z-index : 2;
	}

#logo 	{
	padding-top : 10px;
	padding-left : 5px;
	}

#logo img {
	width : 143px;
	height : 90px;
	}

#nav 	{
/*	position : absolute;  */
	top : 20px; 
	left : 10px;
	font : x-small "Comic sans ms", "Verdana", "Arial", sans-serif;
	font-weight:bold;
/*	z-index : 3;    */
	}



#nav a	{
	font : x-small "Comic sans ms", "Verdana", "Arial", sans-serif;
	font-weight:bold;
	display : block;
	color : black;
	background-color : #E0E0E0;
	padding-left : 0px;
	padding-right : 0px;
	width : 155px;
	}

#nav a:hover
	 {
	color : #555555;
	background-color : #BBDB88;
	}
	
#nav a.current
	{
	color : #FF00FF;
	background-color : #EFFBC6;
	cursor : default;
	}


#pglist	{
/*	position :absolute;  */
/*	left : 20px : */
/* 	z-index : 5;  */
	}

#pglist a {
	padding-left : 10px;
	display : block;
	color :  #826BA9;
	background-color : #EFFBC6;
	font-weight : 600;
	width : 145px; 
	}



#remnav	{
/*	position : absolute;   */
	background-color : #E0E0E0;
	left : 0px;
/*	z-index : 4;   */
	}

#remnav a
	{
	font : x-small "Comic sans ms", "Verdana", "Arial", sans-serif;
	font-weight : bold;
	display : block;
	color : #000000;
	background-color : #E0E0E0;
	padding-left : 0px;
	padding-right : 0px;
	width : 155px;
	}

#remnav a:hover {
	color : #555555;
	background-color : #BBDB88;
	}
	
#remnav a.current
	{
	color : #FF00FF;
	background-color : #EFFBC6;
	cursor : default;
	}

h1 	{
	font : large "Comic sans ms", "Arial", sans-serif;
	color : #299C39;
	font-style : italic;
	font-weight : bold;	
	text-align : center;
	}

h2 	{
	font : medium "Comic sans ms", "Arial", sans-serif;
	color : #FF00FF;
	font-style : italic;
	font-weight : bold;	
	text-align : center;
	}

h3 	{
	font : small sans-serif;
	font-style : normal;
	color : red;
	background-color : #effbc6;
	font-weight : bold;
	}

h4 	{
	font : small sans-serif;
	font-style : italic;
	color : blue;
	background-color : #effbc6;
	font-weight : bold;
	}

h5 	{
	font : xx-small normal,"Verdana", sans-serif;
	text-align : center;
	color : #EFFBC6;
	background-color : #effbc6;  /* invisible anchor point for 'pagelist' link targets */
	}

h6 	{
	font : xx-small normal,"Verdana", sans-serif;
	color : black;
	background-color : #E0E0E0;
	text-align : center;
	}

p 	{
	font : normal small "Verdana", sans-serif;
	color : black;
	background-color : #EFFBC6;
	}

#content {
	background-color: #EFFBC6;
	position: relative;
	top: 0px;
	left:32%;
	width:64%;
	height: 100%;
	padding-right:1%;	
	overflow: auto;
	z-index: 1;  
	}

.image	{
	margin-top : 20px;
	margin-left : 30px;
	float : right;
	clear : right;
	border-style:solid;	
	border-color:green;
	border-width:2px;
	}

.centre	{
	width : 600px;
	margin-right: auto;
	margin-left : 150px;
	border-style:solid;	
	border-color:green;
	border-width:2px;
	}

table	{
	background-color: #008800; 
	border-spacing:2px;
	margin-left : auto;
	margin-right : auto;
	}

.label	{
	font : normal small "Verdana", sans-serif;
	color : #000000;    /*  black  */
	background-color :#FFFFFF;
	font-weight : bold;
	}

.data	{
	font : normal x-small "Verdana", sans-serif;
	color : #000000;    /*  black  */
	background-color :#FFFFFF;
	font-weight : 400;
	}

.rule	{
	border:0;
	width : 70%;
	color: #008800;
	background-color:#008800;
	height:4px;
	}