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



/* top and bottom margin */
body  {	
	margin: 30px auto;
	height: 100%;
	}
	

/* auto left and right margin to center */
#pagediv { 

	width: 900px;
	margin: 0px auto 30px auto;
	position: relative;
		z-index: 1000;
	height: 100%;
			}
			/* total width count: 900 = 900 */
			
/* interior divs wit no border: 900 = 900 */
#borderdiv { 
	position: relative;
	width: 90px; 
	height: 100%;
	margin: 0;
	padding: 0:
	
		}

#borderdivright {  
	position: relative;
	width: 900px; 
	height: 100%;
		}
			

		/* start calculating here: 900 = 900 */

#maincontent {
		position: relative;
		top: 0px;
		width: 670px;
		margin-left: 30px;
		height: 100%;
		
				}		
				
#rightcolumn {

		width: 170px;
		height: 100%;
		text-align: center;
		top: 0px;
		position: absolute;
		margin-left: 700px;
		}


/* PUT NAMEPLATE here - June12 - maybe add thatch here to widen  (art = 542) */	
#nameplate {
		width: 670px;	
		background-image: none;
		background-repeat: repeat;
		height: 100%;
		z-index: 10;
		top: 0px;
		margin: 0px;
		}

								
/* top for top menu... in html file for include */
#top { 
		border: none;
		position: relative;
	}



/* end of basic page positioning elements  */	

#signature {
	position: relative;
	text-align: center;

}
	
	
/* for Continue with payment button on regform page */	
input.button_text
{
	overflow: visible;
	padding: 0 7px;
	width: auto;
}
		
		
		
/* Pull out bordered box - changed mar right to 20 from 40 */		
.boxed1 {
	border: 2px dashed #ff0000;
	margin-right: 20px;
	margin-left: 15px;
}


/* Pull out bordered box for FunStuff  */		
.boxed2 {
	position: relative;
	margin-right: 20px;
	margin-left: 15px;
	padding-left: 5px;
}



/* Pull out box no border, yellow   */		
.boxedquote {
	position: relative;
	margin-right: 40px;
	margin-left: 15px;
}

		
/* Pull out white no border box  */		
.boxwhowhat {

	border: none;
	margin-right: 40px;
	margin-left: 15px;
	padding: 10px 5px 10px 15px;
}



/* Collapse Header line height  */			
.collapse95 { line-height: 95%; }
.collapse90 { line-height: 90%; }
.collapse85 { line-height: 85%; }
.collapse80 { line-height: 80%; }
.collapse75 { line-height: 75%; }
.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%; }


/* KP-try to get list to shrink a little   */		
#smalllist {
		text-align: left;
		padding-left: 20px;
		padding-right: 5px;
		line-height: 140%;
		}
	
.indent {margin-left: 30px;
			margin-right: 30px;}	
	
* html #smalllist {
		padding-left: 0px;
		margin-left: 20px;}		


/* KP-now ok  */		
.pictureright	
	{	text-align: center;
		margin-right: auto;
		padding-right: 0px; 
		float: right;
		display: inline;
		z-index: 100;
		}
	

.rightcolumnphotos	 
	{
		margin-left: 10px;
		padding-left: 10px; 
		margin-top: 10px;
		}
	


#topnavbar { 
	position: relative;
	text-align: center;
	}
	

.topnavrow { 
		line-height: 24px;
		z-index: 5; 
		}

			
		
.topnavrow a:link 
	{		text-align: center;
			padding: 5px 15px;
	}
	
.topnavrow a:visited
	{		text-align: center;
			padding: 5px 15px;
	}

.topnavrow a:hover
	{		text-align: center;
			padding: 5px 15px;
	}

.topnavrow a:active 
	{		text-align: center;
			padding: 5px 15px;
	}

	
	
.ulindent { 
	padding-right: 55px;
	padding-left: 60px;
	}
	
.margin
	 { 
	margin-left: 30px;
	}

ul.smallindent 
      { 
		margin-left: 0px;
		padding-left: 30px;
		 }



.twoxlinespacing { line-height: 200%; }

.twoxparaspacing { padding-bottom: 10px; }



h1 {
	padding-right: 30px;
	padding-left: 30px;
	}



h2 {
	padding-right: 30px;
	padding-left: 30px;
	}



h3 {	
	padding-right: 30px;
	padding-left: 30px;
	}
	


h4 {
	padding-right: 30px;
	padding-left: 30px;
	}
	

	
p {	
	padding-right: 55px;
	padding-left: 30px;
	line-height: 150%;
	}
	
.noindent { padding-left: 0px;
				padding-right: 0px;
	}

.indent { 
	padding-right: 55px;
	padding-left: 30px;
	}
	


	
.caption {
	line-height: 100%;
	text-align: center;
	}
	


.center { text-align: center; }
.left { text-align: left; }
.justify { text-align: justify; }
.right  { text-align: right; }