/*------------------------- Main page only lastmod 03-09-------------------------------*/
/*-- organization:
- Structural elements in order
- follow source content of main page
- A few styles are used from master style sheet, so include both.
*/

#fp-left {
	float:left;
	width: 445px;
}

#fp-right {
	float:right;
	width: 445px;
}

#intro { font-size:100%; color: #000000; font-weight: 700; }
.init { font-size: 110%; color: #c83737;  font-weight: 700; }

/* watch out, may need to remove 100% for IE --*/
.fp-s-cont { 
	float:left; 
	margin:0 auto 18px auto;  
	width: 100%; 
	padding: 0; 
	background: #FEDA6C url(/images/feda6c-1x1.gif) repeat; 
}
.fp-s-cont-inner { 
	margin:0; 
	padding: 0; 
	background: transparent url(/images/feda6c-1x1.gif) top right repeat; 
}
.fp-s-cont-top,
.fp-s-cont-bot	{ height: 24px; float: left; margin:0; padding:0; }
.fp-s-cont-top	{ width: 100%; background: #FEDA6C url(/images/feda6c-1x1.gif) repeat; }
.fp-s-cont-bot	{ width: 100%; background: #FEDA6C url(/images/feda6c-1x1.gif) repeat; }
.fp-s-cont-tl,
.fp-s-cont-tr,
.fp-s-cont-bl,
.fp-s-cont-br	{ 
	height: 24px; 
	width: 24px; 
	font-size: 2px; 
	margin:0; 
	padding:0; 
	background:url(/images/search-container-circle.gif); 
}
.fp-s-cont-tl	{ float: left; background-position: 0 0;  }
.fp-s-cont-tr	{ float: right; background-position: 24px 0;  }
.fp-s-cont-bl	{ float: left; background-position: 0 -24px; }
.fp-s-cont-br	{ float: right; background-position: -24px -24px; }

.fp-s-content-outer	{ 
	width: 400px; 
	margin: auto; 
	padding:0; 
	background: #ffffff url(/images/585657-2x1.gif) top left repeat-y;  
}
.fp-s-content-inner	{ 
	width: 400px; 
	margin: auto; 
	padding: 0; 
	background: transparent url(/images/585657-2x1.gif) top right repeat-y;  
}
.fp-s-content-inner h1 { 
	font-size: 110%; 
	margin:0; 
	padding: 6px 12px 0 12px; 
	color: #ff0000; 
	font-weight:700; 
	font-family: arial, helvetica, sans-serif; 
}
.fp-s-cont-inner h2, .fp-s-cont-inner h3 { 
	font-size: 110%; 
	margin:0; 
	color: #000000; 
	font-weight:700; 
	font-family: arial, helvetica, sans-serif; 
	font-style: italic; 
	text-align: left; 
}
.fp-s-cont-inner h2 { padding: 0 0 0 48px; }
.fp-s-cont-inner h3	{ padding: 0 0 0 72px; }
.search-button		{ width: 96px; height: 36px; float: right; margin: 6px 12px 0 12px; }
#find-photo 		{ width: 255px; height: 18px; margin: 12px 0 0 18px; }
#add-button			{ width: 145px; float: right; padding:0; margin: 0 32px 0 0; }
#photo-note			{ 
	text-align: right; 
	padding:0; 
	margin: 4px 32px 0 0; 
	font-size: 10px; 
	clear: both; 
	color: #ff0000; 
}
#bottom-about		{ width: 100%; float: left; margin:0; padding:0; background: #FFF7D6; }
#bottom-about-top,
#bottom-about-bot	{ height: 8px; float: left; margin:0; padding:0; background: #FFF7D6; }
#ba-tl,
#ba-tr,
#ba-bl,
#ba-br { 
	height: 8px; 
	width: 8px; 
	font-size: 2px; 
	margin:0; 
	padding:0; 
	background:url(/images/tan-circle.gif); 
}
#ba-tl		{ float: left; background-position: 0 0;  }
#ba-tr		{ float: right; background-position: 8px 0;  }
#ba-bl		{ float: left; background-position: 0 -8px; }
#ba-br		{ float: right; background-position: -8px -8px; }
#bot-left	{ float: left; width: 443px; }
#bot-ctr	{ float: left; width: 1px; margin: 0 6px 0 6px; }
#bot-right	{ float: right; width: 443px; }
#bottom-about ul { font-size: 85%; margin: 6px; }
#bottom-about h3 { 
	font-size: 90%; 
	font-family: Arial, Helvetica,sans-srtif; 
	font-weight: 700; 
	color:#129D98; 
	text-align: left; 
	padding:0; 
	margin: 6px; 
}

/*------------------------------- end main styles ---------------------------*/