html, body { }

body {
	margin: 0 auto;
	background: #6f0000 url('images/bkgd.jpg') repeat;
	font: 10pt "Georgia", "Times New Roman", serif;
	text-align: center; /* center on ie */
	color: #570100;
	}

a:link { color: #660000; text-decoration: underline; }
a:visited { color: #660000; text-decoration: underline; }
a:active { color: #660000; text-decoration: underline; }
a:hover { color: #e16629; text-decoration: underline; }

tr { vertical-align: top; }

li {
	padding: 0;
	margin-left: 0;
	list-style: none;
	/* list-style-image: url('images/bullet.gif'); */
	list-style-position: inside;
	}

#container { position: relative; top: 44px; }

#contentTable { margin: 0 auto; width: 900px; }

#header {
	width: 900px;
	height: 120px;
	margin: 0 10px;
	background: url('images/header.gif') no-repeat;
	}
	
	#header td { vertical-align: middle; }

#navigation { vertical-align: middle; text-align: center; }
#navigation img { padding: 0 8px; }


	#homeNavigation { position: relative; top: -15px; }
	#homeNavigation { *position: absolute; *top: 0; *width: 900px; *height: 120px; *padding-top: 23px; *background: url('images/header.gif') no-repeat; }
	
.gallery_search_box { width: 140px; margin-bottom: 10px;}

#siteID { text-align: right; padding: 4px 24px 0 0; }

#center {
	width: 900px;
	padding: 0 40px;
	background: url('images/parchment.gif') repeat-y;
	text-align: left;
	z-index: 0;
	}

	#content { height: auto; background: url('images/splotches.gif') repeat-y; }

	/* home */
	#homeContent { position: relative; top: -62px; height: 574px; *visibility: visible; }
	
		#banner { position: relative; width: 820px; height: 464px; }
		
		/* #homeSiteId { position: relative; width: 808px; height: 30px; text-align: right; background: #e16629; padding: 6px; } */
		#homeSiteId { position: relative; width: 820px; height: 42px; background: url('images/siteId.jpg') no-repeat; }
		
		#featuredPhoto { position: absolute; width: 274px; height: 230px; padding: 16px 16px 0 16px;  background: url('images/homeBkgds.jpg') repeat-y; }
			#featuredPhoto li { position: relative; font: 8pt "Arial", "Helvetica", sans; text-transform: uppercase; font-weight: bold; list-style: none; }
			#featuredPhoto li { *position: relative; *left: -12px; }
			
#featuredContent1, 
#featuredContent2, 
#featuredContent3, 
#featuredContent4, 
#featuredContent5 { font: 8pt "Georgia", "Times New Roman", serif; width: 236px; height: auto; }
			
#featuredContent1, 
#featuredContent2, 
#featuredContent3, 
#featuredContent4, 
#featuredContent5 { *position: relative; *left: 12px; *top: -12px; *text-transform: none; *font-weight: normal; } /* ie hacks */	
                       
                #recentNews { position: absolute; width: 274px; height: 246px; left: 274px; padding: 12px; background: url('images/homeBkgds.jpg') no-repeat; }
		#recentNews { *position: relative; *list-style-image: none; } /* ie hacks */
			#recentNews li { margin-left: 10px; line-height: 18pt; }
			#title { font: 8pt "Arial", "Helvetica", sans; text-transform: uppercase; font-weight: bold; list-style: none; *list-style-image; none; }
			#newsItem { position: relative; width: 224px; font: 8pt "Arial", "Helvetica", sans; font-weight: normal; text-transform: none; line-height: 18px; background: url('images/bullet.gif') no-repeat; margin: 4px 0 0 12px; padding: 0 0 4px 18px; } 
			#newsItem { *margin: 4px 0 0 2px; }

		
		#nextTrip { position: absolute; width: 272px; height: 198px; left: 548px; padding: 6px 20px; background: url('images/worldmap.jpg') no-repeat; font: 8pt "Arial", "Helvetica" sans; font-weight: bold; text-transform: uppercase; color: #fff; }
		#nextTrip { *position: relative; *top: -270px; *padding: 16px; } /* ie hacks */
			#nextTrip li { position: relative; left: 12px; font-size: 12pt; list-style: none; list-style-image: none; padding-right: 60px;}
			.date { color: #edaf6c; }
			
			#nextTrip a:link { color: #edaf6c; font-size: 8pt; text-decoration: none; }
			#nextTrip a:visited { color: #edaf6c; font-size: 8pt; text-decoration: none; }
			#nextTrip a:active { color: #edaf6c; font-size: 8pt; text-decoration: none; }
			#nextTrip a:hover { color: #edaf6c; font-size: 8pt; text-decoration: underline; }
			
		
		#mailingList { position: absolute; width: 272px; height: 48px; top: 662px; left: 548px; background: url('images/mailingList.jpg') no-repeat; }
			#ccoptin { margin: 10px 0 14px 8px; }
			#ccoptin input { font: 10pt "Courier", monospace; }
			#ccoptin #submit { position: relative; top: 4px; }


	/* contact */
	#contactForm td { padding: 0 16px 0 0; }	
	#contactForm input { width: 300px; }
	#contactForm textarea { width: 300px; }
	#contactForm #button { width: auto; }

	#submitted td { padding: 0 16px 0 0; }
	
	
	/* news */
	#newsCenter {
		
		text-align: left;
		z-index: 0;
	}
	
	#newsContentLeft {
		width: 550px;
		*width: 1000px;
		padding: 0 10px 0 40px;
		background: url('images/newsLeftBkgd.gif') repeat-y;
		}
	
	#newsContentLeftInner {
	
		/*padding: 0 10px 0 40px;*/
	}
	
	#newsContentRight {
		width: 250px;
		padding: 0 40px 0 10px;
		background: url('images/newsRightBkgd.gif') repeat-y;
		border-left: 1px solid #570100;
		}
	
#footer {
	width: 900px;
	height: 120px;
	margin: 0 10px;
	background: url('images/footer.gif') no-repeat;
	}
	
#bottom { *text-align: left; }

#copyright {
	position: relative;
	height: 20px;
	top: -38px;
	margin-right: 40px;
	font-size: 8pt;
	text-align: right;
	}

#fleurLeft {
	position: relative;
	width: 58px;
	height: 54px;
	top: -52px;
	left: -32px;
	background: url('images/fleurLeft.gif');
	}

#fleurRight {
	position: relative;
	width: 58px;
	height: 54px;
	top: -108px;
	left: 872px;
	background: url('images/fleurRight.gif');
	}

*html #fleurLeft { background-image: none; }
*html #fleurRight { background-image: none; }

#example { position: relative; *top: 8px; } /* IE hack */


	/* fixes - 080107 */
	*html #homeContent { position: absolute; top: 60px; left: 0; width: 900px; height 0; }
	*html #banner { position: relative; }
	*html #featuredPhoto { left: 40px; height: 229px; text-align: left; }
	*html #recentNews { left: 12px; text-align: left; }
	*html #nextTrip { left: 288px; text-align: left; }
	*html #mailingList { left: 586px; }
