/* comment: yellow bg: ffcc33, teal green 333366 bold links with rust hovering underline are default,  */
/* comment:  links,     unbold underlined visited */


/* comment:  OCEAN background 23737a or tryals:  */
/* comment:  tryals: 0058a0 / 336699=OK, random 336666, */
html { font-family: Georgia, "Times New Roman", Times, serif; 
			background-color: #23737a;
			}


/* comment:  using bg-image here jazzes up site --kp 2007 */
/* comment:  but, adding will cause problems. --kp 2007 */
body  {	
	font-size: 85%;
	color: #000000;
	margin: 30px auto;
	background-color: #ffffff;
	background: #ffffff;
	width: 850px;
	height: 100%;
	position: relative;
	z-index: 1;

	}
	
	

/* IE-6  hack - - - 2007 - - - kp fix for SFH */		
* html body {
		display: inline;
		}		


	
#pagediv { 
	background-color: #ffffff;
	width: 855px;
	margin: 0px auto 30px auto;
	position: relative;
		z-index: 2;
	height: 100%;

			}


/* IE-6  hack - - - 2007 - - - kp fix for SFH */		
* html #pagediv {
		position: absolute;
		overflow: visible;
		height: 100%;
		}		

		
/* KP-now ok  */		
#popoutphoto {
		border: none;
		position: absolute;
		left: -60px;
		margin-top: -60px;
		z-index: 6500;
		}
		
		
/* IE-6  hack - - - 2007 - - - kp fix for SFH */		
* html #popoutphoto {
		position: absolute;
		left: -60px;
		margin-top: -60px;
		z-index: 199;
		width: 216px;
		height: 216px;
		background-image: url(../graphics/SunflowerStyled3x.gif);
		}		
		

			
/* KP-needs work */	
#maincontent {
		background-image: url(../graphics/SFmainBG-b.jpg);
		background-position: bottom;
		background-repeat: no-repeat;
		position: relative;
		margin-left: 5px;
		top: 0;
		width: 630px;
		height: 100%;
		z-index: 50;
		background-color: #ffffff;
				}

			
/* in html file */
#top { 
			border: none;
			float: right;
		position: relative;
			}
			
/* in include file */
#topnavbar { 
	position: relative;
	text-align: center;
	z-index: 1010;
			}


#signature {
	position: relative;
	text-align: center;
	color: #000000;
	background-color: transparent;
	z-index: 150;
	clear: both;
}


#rightcolumn {
		width: 220px;
		text-align: center;
		margin-left: 630px;
		top: 0;
		position: absolute;
		float: left;
		z-index: 50;
		color: #000000;
		background-color: #ffcc33;
		}
		
.PhotoPageFeaturesDrop
		{
		margin-top: 250px;
		}


/* KP-try to get list to shrink a little   */		
#benefitlist {
		font-size: 80%;
		text-align: left;
		padding-left: 30px;
		padding-right: 5px;
		font-weight: bold;
		line-height: 140%;

		}
* html #benefitlist {
		padding-left: 10px;
		margin-left: 20px;}		


/* KP-now ok  */		
.rightcolumnphotos	 
	{
		margin-left: 0px;
		padding-left: 0px; 
		margin-top: 0px;

		}
	

		

/*  above, end main positioning elements  */







/*  below, start main text style elements  */

/* except for paragraph and heading paddings of 20px,  */
/* no width or positioning elements below here */

a:link {	font-weight: bold;
			text-decoration: underline; 
			color: #556b2f;
			background-color: transparent;
			}
			
a:visited {font-weight: bold;
			text-decoration: underline; 
			color: #000000;
			background-color: transparent;
			}
			
a:hover {font-weight: bold;
			text-decoration: underline; 
			color: #993333;
			background-color: transparent;
			}
			
a:active {font-weight: bold;
			text-decoration: underline; 
			color: #cc9999;
			background-color: transparent;
			}



.topnavrow { 
		background-image: url(../graphics/sand-bar.gif);
		line-height: 24px;
		z-index: 5; 
		}

			
		
.topnavrow a:link 
	{
	font-style: italic;
	font-weight: normal; 
	}
	
.topnavrow a:visited
	{
	font-style: italic;
	font-weight: normal; 
	}

.topnavrow a:hover
	{
	font-style: italic;
	font-weight: normal; 
	}

.topnavrow a:active 
	{
	font-style: italic;
	font-weight: normal; 
	}
	


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



.twoxspacing { font-size: 100%;  
			line-height: 200%; }

.twoxparaspacing { font-size: 100%;  
			padding-bottom: 10px; }



/* comment: page bg, light light green e7eee4 */
/* black text, left align */

	
/* comment: H1--red - rust */

h1 {	font-size: 150%;
	font-weight: bold;
	border-color: transparent;
	color: #993333;
	background-color: transparent;

	padding-right: 20px;
	padding-left: 20px;
	position: relative;
	z-index: 99;

}

/* comment: H2--blue */

h2 {	font-size: 135%;
	font-weight: bold;
	border-color: transparent;
	color: #333366;
	background-color: transparent;
	padding-right: 20px;
	padding-left: 20px;
	position: relative;
	z-index: 98;

	}

/* remove tightness :  .tight {	letter-spacing: -.03em;} */
	
/* comment: H3--black */

h3 {	font-size: 120%;
   font-weight: bold;
	border-color: transparent;
	color: #000000;
	background-color: transparent;
		padding-right: 20px;
	padding-left: 20px;
	position: relative;
	z-index: 97;
}
	

	
/* comment: H4 = H3, but dark blue */

h4 {	font-size: 110%;
	font-weight: bold;
	border-color: transparent;
	color: #333366;
	background-color: transparent;
	padding-right: 20px;
	padding-left: 20px;
	position: relative;
	z-index: 96;
	}
	
	
p	{	
	padding-right: 20px;
	padding-left: 20px;
	position: relative;
	line-height: 130%;
	z-index: 999;
	}
	
.noindent { padding-left: 0px;
	}
	

.caption {
	line-height: 100%;
	font-size: 70%;
	text-align: center;
	}
	
.boxed {padding: 10px;
			margin: 20px;
			background-color: #ffffcc;
			text-align: center;
			}

.smallergrey { font-size: 82%;
               color: #666666;
	background-color: transparent;  }

.small { font-size: 90%; }
.smaller { font-size: 82%; }
.smallest { font-size: 77%; }
.small95 { font-size: 95%; }
.small90  { font-size: 90%; }
.small85 { font-size: 85%; }
.small80  { font-size: 70%; }
.small75 { font-size: 75%; }
.small70 { font-size: 70%; }

.big { font-size: 110%; }
.bigger { font-size: 120%; }
.biggest {font-size: 130%; }
.big110 { font-size: 110%; }
.big115 { font-size: 115%; }
.big120 { font-size: 120%; }
.big125 { font-size: 125%; }
.big130 {font-size: 130%; }
.big135 {font-size: 135%; }
.big140 {font-size: 140%; }
.big145 {font-size: 145%; }
.big150 {font-size: 150%; }
.big155 {font-size: 155%; }


.collapse90 {line-height: 90%;}
.collapse80 {line-height: 80%;}
.collapse70 {line-height: 70%;}
.collapse60 {line-height: 60%;}
.collapse50 {line-height: 50%;}

.top { 
	vertical-align: top; }
	
.center { 
	text-align: center;
	vertical-align: top; }

.centersmall { font-size: 90%; 
	text-align: center;
	vertical-align: top; }
	
.centersmaller { font-size: 80%; 
	text-align: center;
	vertical-align: top; }
	
.leftsmall { font-size: 90%; 
	text-align: left;
	vertical-align: top; }

.full {text-align: justify; }
.fullsmall {text-align: justify; font-size: 90%; }
.fullsmaller {text-align: justify; font-size: 80%; }

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

.hr70 { width: 70%; }
.hr75 { width: 75%; }
.hr80 { width: 80%; }
.hr90 { width: 90%; }

.copyright { font-size: 80%; text-align: center; }

.bold { font-weight: bold; }
.normal { font-weight: normal; }

.redred { color: #ff0000; 
	background-color: transparent;}
	
	/* ?? 2-13-08 ?? -- red = gold?? */
.red { color: #999933; 
	background: #ffffff;}
.smallred { font-size: 90%;
		color: #660000; 
	background-color: transparent;}
.bigred { font-size: 110%; 
		color: #660000; 
	background-color: transparent;
		}	
		
.biggeredbold { font-size: 120%;
		font-weight: bold; 
		color: #660000; 
	background-color: transparent;
		}	
				
.big150boldred { font-size: 150%;
		font-weight: bold;
		color: #660000; 
	background-color: transparent;}
	
	/* olive green */	
.green { color: #556b2f; 
	background-color: transparent;}
	
.biggergreenbold { font-size: 120%;
		font-weight: bold; 
		color: #556b2f; 
	background-color: transparent;
		}	
.ltolive { color: #e7eee4; 
	background-color: transparent;}

.peach { color: #ffcc99; 
	background-color: transparent;}

.rust { color: #993333; 
	background-color: transparent;}
	
.maroon { color: #660000;
	background-color: transparent;}
	
.rose { color: #cc9999; 
	background-color: transparent;}


.brown { color: #999966; 
	background-color: transparent;}


.lightblue { color: #eef3ff; 
	background-color: transparent;}


.forest { color: #006600; 
	background-color: transparent;}



.black { color: #000000; 
	background-color: transparent;}

.white { color: #ffffff; 
	background-color: transparent;}

.blue { color: #333366; 
	background-color: transparent;}
  
.bluebold { font-weight: bold; 
				color: #333366;
	background-color: transparent;}

.biggerbluebold { font-size: 110%;
		font-weight: bold;
		color: #333366;
	background-color: transparent;}