body
	{
		background-image: url(images/bkgdpattern.gif);
		margin: 0;
		padding: 0;
		font: .8em Georgia, Times New Roman, serif;
		color: #fcffe6;
		background-color: #cef2d0;
		
	}
	

#container
	{
		margin: .5em auto;
		width: 600px;
		text-align: left;
		background-color: #381f01;
		border: 3px solid #000;
	}


#maincontainer
	{
		margin: .5em auto;
		margin-top: 50px;
		width: 600px;
		text-align: left;
		background-color: #381f01;
		border: 3px solid #000;
	}


#header
	{	
		height: 204px;
		background: #fff url(images/secondarybanner.jpg) no-repeat top left;
	}


#mainheader
	{	
		height: 400px;
		background: #fff url(images/homebanner.jpg) no-repeat top left;
	}



/* --- TOP MENU ---------------------------------- */

#topnav
	{
		height: 30px;
		background-color: #cef2d0;
	}


#mainmenu 
	{
		position: absolute;
		margin: 0px;
		padding: 0px;
		width: 600px;
		height: 30px;
		list-style-type: none;
		/* hide from IE5 mac \*/
		overflow: hidden;
		/* end hiding from IE5 mac */
	}

#mainmenu li 
	{
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		display: inline;
	}


#mainmenu a
	{
		float: left;
		padding: 0px;
		/* hide from IE5 mac \*/
		overflow: hidden;
		/* end hiding from IE5 mac */
		width: 0px;
		height: 30px !important;
		height /**/:30px;/* for IE5/Win only */
	}


#mainmenu a span
	{
		display: block;
		overflow: hidden;
		width: 0px;
		height: 0px;
	}

#mainmenu a:hover
	{
		background-position: 0 -30px;
	}

#mainmenu a:active, #mainmenu a.selected
	{
		background-position: 0 -60px;
	}

#home a {
width: 100px;
background: url("images/rollovers/home.gif") top left no-repeat;
}

#about a {
width: 100px;
background: url("images/rollovers/about.gif") top left no-repeat;
}

#wedding a {
width: 100px;
background: url("images/rollovers/wedding.gif") top left no-repeat;
}

#photos a {
width: 100px;
background: url("images/rollovers/photos.gif") top left no-repeat;
}

#registry a {
width: 100px;
background: url("images/rollovers/registry.gif") top left no-repeat;
}

#contact a {
width: 100px;
background: url("images/rollovers/contact.gif") top left no-repeat;
}


/*  ---------------------------------- */

#break
	{
		width: 600px;
		height: 10px;
		background-color: #381f01;
	}

/* --- SUB MENU ---------------------------------- */


#subnav1, #subnav2
	{
		height: 30px;
		background-color: #fcffe6;
	}


#submenu1, #submenu2 
	{
		float: right;
		display: inline;
		margin: 0px;
		padding: 0px;
		height: 30px;
		list-style-type: none;
		/* hide from IE5 mac \*/
		overflow: hidden;
		/* end hiding from IE5 mac */
	}

#submenu1 li, #submenu2 li 
	{
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		display: inline;
	}


#submenu1 a, #submenu2 a
	{
		float: left;
		padding: 0px;
		/* hide from IE5 mac \*/
		overflow: hidden;
		/* end hiding from IE5 mac */
		width: 350px;
		height: 30px !important;
		height /**/:30px;/* for IE5/Win only */
	}


#submenu1 a span, #submenu2 a span
	{
		display: block;
		overflow: hidden;
		width: 0px;
		height: 0px;
	}

#submenu1 a:hover, #submenu2 a:hover
	{
		background-position: 0 -30px;
	}

#submenu1 a:active, #submenu1 a.selected, #submenu2 a:active, #submenu2 a.selected
	{
		background-position: 0 -60px;
	}

#aboutguy a {
width: 87.5px;
background: url("images/rollovers/aboutguy.gif") top left no-repeat;
}

#aboutlaura a {
width: 87.5px;
background: url("images/rollovers/aboutlaura.gif") top left no-repeat;
}

#thecouple a {
width: 87.5px;
background: url("images/rollovers/thecouple.gif") top left no-repeat;
}

#thewebsite a {
width: 87.5px;
background: url("images/rollovers/thewebsite.gif") top left no-repeat;
}


#proposal a {
width: 87.5px;
background: url("images/rollovers/proposal.gif") top left no-repeat;
}

#ceremony a {
width: 87.5px;
background: url("images/rollovers/ceremony.gif") top left no-repeat;
}

#reception a {
width: 87.5px;
background: url("images/rollovers/reception.gif") top left no-repeat;
}

#honeymoon a {
width: 87.5px;
background: url("images/rollovers/honeymoon.gif") top left no-repeat;
}



/*  ---------------------------------- */


#contents, #maincontents, #regcontents, #contactcontents 
	{
		margin: 10px;	
		overflow: auto;
		background: #fcffe6 url("images/embellishment.gif") bottom no-repeat;
	}

#maincontents p 
	{
		padding: 20px;	
		color: #381f01;
		line-height: 1.2em;
	}


#contents p 
	{	
		width: 300px;
		float: right;
		padding: 0px 20px 20px 20px;	
		color: #381f01;
		line-height: 1.2em;
	}

#regcontents p 
	{	
		padding: 0px 20px 20px 20px;	
		color: #381f01;
		line-height: 1.2em;
	}

#contents p.map 
	{
		padding: 0px 10px 10px 10px;	
		color: #381f01;
		line-height: 1.2em;
	}


#contents p.map a
	{
		margin: 0px 0px 0px 450px;
	}



#contactcontents table
	{
		padding: 0px 20px 20px 20px;	
		border: 0px;
	}

#contactcontents td
	{	
		color: #381f01;
		border: 0px;
	}

#contactcontents p
	{
		padding: 0px 0px 0px 10px;	
		color: #381f01;
	}


#contents img
	{
		float: left;
		padding: 0px 0px 10px 10px;
	}


#regcontents img
	{
		float: left;
		padding: 10px 10px 10px 10px;
		margin: 10px;
		border: 0px;
	}



/* --- SUB HEADERS ---------------------------------- */

.about_subheader 
	{
		float: right;
		padding: 0px;
		margin: 10px 5px 5px 0px;
		text-indent: -9999px;
		width: 345px;
		height: 40px;
		background: url(images/about_header.gif) #fcffe6 no-repeat; 
	}

.wedding_subheader 
	{
		float: right;
		padding: 0px;
		margin: 10px 5px 5px 0px;
		text-indent: -9999px;
		width: 345px;
		height: 40px;
		background: url(images/wedding_header.gif) #fcffe6 no-repeat; 
	}

.about_guy_subheader 
	{
		float: right;
		padding: 0px;
		margin: 10px 5px 5px 0px;
		text-indent: -9999px;
		width: 345px;
		height: 40px;
		background: url(images/guy_header.gif) #fcffe6 no-repeat; 
	}

.about_laura_subheader 
	{
		float: right;
		padding: 0px;
		margin: 10px 5px 5px 0px;
		text-indent: -9999px;
		width: 345px;
		height: 40px;
		background: url(images/laura_header.gif) #fcffe6 no-repeat; 
	}

.about_couple_subheader 
	{
		float: right;
		padding: 0px;
		margin: 10px 5px 5px 0px;
		text-indent: -9999px;
		width: 345px;
		height: 40px;
		background: url(images/couple_header.gif) #fcffe6 no-repeat; 
	}


.about_website_subheader 
	{
		float: right;
		padding: 0px;
		margin: 10px 5px 5px 0px;
		text-indent: -9999px;
		width: 345px;
		height: 40px;
		background: url(images/aboutwebsite_header.gif) #fcffe6 no-repeat; 
	}

.proposal_subheader 
	{
		float: right;
		padding: 0px;
		margin: 10px 5px 5px 0px;
		text-indent: -9999px;
		width: 345px;
		height: 40px;
		background: url(images/proposal_header.gif) #fcffe6 no-repeat; 
	}


.ceremony_subheader 
	{
		float: right;
		padding: 0px;
		margin: 10px 5px 5px 0px;
		text-indent: -9999px;
		width: 345px;
		height: 40px;
		background: url(images/ceremony_header.gif) #fcffe6 no-repeat; 
	}


.reception_subheader 
	{
		float: right;
		padding: 0px;
		margin: 10px 5px 5px 0px;
		text-indent: -9999px;
		width: 345px;
		height: 40px;
		background: url(images/reception_header.gif) #fcffe6 no-repeat; 
	}


.honeymoon_subheader 
	{
		float: right;
		padding: 0px;
		margin: 10px 5px 5px 0px;
		text-indent: -9999px;
		width: 345px;
		height: 40px;
		background: url(images/honeymoon_header.gif) #fcffe6 no-repeat; 
	}

.registry_subheader 
	{
		padding: 0px;
		margin: 10px 5px 5px 20px;
		text-indent: -9999px;
		width: 345px;
		height: 40px;
		background: url(images/registry_header.gif) #fcffe6 no-repeat; 
	}

.photo_subheader 
	{
		padding: 0px;
		margin: 10px 5px 5px 20px;
		text-indent: -9999px;
		width: 345px;
		height: 40px;
		background: url(images/photogallery_header.gif) #fcffe6 no-repeat; 
	}

.contact_subheader 
	{
		padding: 0px;
		margin: 10px 5px 5px 20px;
		text-indent: -9999px;
		width: 345px;
		height: 40px;
		background: url(images/contact_header.gif) #fcffe6 no-repeat; 
	}


.thankyou_subheader 
	{
		padding: 0px;
		margin: 10px 5px 5px 20px;
		text-indent: -9999px;
		width: 345px;
		height: 40px;
		background: url(images/thankyou.gif) #fcffe6 no-repeat; 
	}



/* --- FOOTER ---------------------------------- */

#footer	
	{
		border-top: 3px solid #fff;
		background-color: #381f01;
		clear: both;
		margin: 0px;
		padding: 0px;
		text-align: center;
		
	}

#footer	p
	{
		margin: 0px;
		padding: 5px;
		color: #fcffe6;	
		font-size: .9em;	
	}


.footerlinks a:link 
	{
		color: #cef2d0;
		text-decoration: none;
	}

.footerlinks a:visited 
	{
		color: #cef2d0;
		text-decoration: none;
	}

.footerlinks a:hover 
	{
		color: #ec1c24;
		text-decoration: none;
	}

.footerlinks a:active 	
	{
		color: #ec1c24;
		text-decoration: none;
	}


/*  ---------------------------------- */









a:link 
	{
		color: #ec1c24;
		text-decoration: underline;
	}

a:visited 
	{
		color: #000;
		text-decoration: underline;
	}

a:hover 
	{
		color: #cef2d0;
		text-decoration: underline;
	}

a:active 
	{
		color: #cef2d0;
		text-decoration: underline;
	}