/* comment: POSITION css: margins, padding, alignment, boxes, line height  */

html { height: 100%; 

}

body { text-align: left;
		height: 100%; }


/* top and bottom margins / padding set in page div*/
/* only main box side to side set here in page div*/



div#pagediv { 
				width: 800px;
				border: 0;
				position: relative;
	min-height: 100%;

   height: auto;		

				margin: 30px auto;
				padding: 0px 0px; 
		
				}
				
				/* width count: 800 = 800 */
		

/* text side to side margins specified in content divs as padding */
div#content-left {
				width: 600px;
		
	min-height: 100%;
				position: relative;
				float: left;
				height: 100%;
				margin: 0px;
				padding: 0px 20px; 
				}
				/* width count: 600 +20 +20 = 640 */
				
				
div#content-right { 
				width: 140px;
				
				position: relative;
				float: right;
				top: -0;
				height: auto;
	min-height: 100%;

				margin: 0px;
				padding-top: 0px; 
				padding-right: 10px; 
				padding-bottom: 0px; 
				padding-left: 10px; 
				}
				/* width count: 140 +10 +10 = 160 */
				
				/* width count: 640 +160 = 800 */
				
	
/* KP-now ok  */		
.pictureright	
	{	text-align: center;
		margin-right: auto;
		padding-right: 0px; 
		float: right;
		display: inline;
		width: 130px;
		z-index: 100;
		}
	
/* KP-now ok  */		
.pictureright-wide	
	{	text-align: center;
		margin-right: auto;
		padding-right: 0px; 
		float: right;
		display: inline;
		width: 230px;
		z-index: 100;
		}
				
				
ul.smallindent 
      { margin-left: 0px;
		padding-left: 15px; }

.right { text-align: right; }

.center { text-align: center;	}

.left { text-align: left; }

.justify { text-align: justify; }

/* Collapse line height  */			
.collapse90 { line-height: 90%; }
.collapse80 { line-height: 80%; }
.collapse70 { line-height: 70%; }
.collapse60 { line-height: 60%; }
.collapse50 { line-height: 50%; }
.collapse40 { line-height: 40%; }
.collapse30 { line-height: 30%; }
.collapse20 { line-height: 20%; }
.collapse0 { line-height: 0%; }