/* CSS Document */
body{
background-color:#4c4a4a;
padding:0px;
margin-top:auto;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
margin-right:auto;
margin-left:auto;
}
body{
background-color:#4c4a4a;
padding:0px;
margin-top:auto;
font-family:Arial, Helvetica, sans-serif;
text-align: -moz-center;
margin-right:auto;
margin-left:auto;

background-repeat:repeat-y;
background-position:center;

}
/*--eliminates dashed lines around links on Firefox---*/
a {
  outline: none;
}


/*----Main page headline----*/
h1 {
font:bold 1.500em Arial, Helvetica, sans-serif;

color:#efe67c;
padding-bottom:30px;}

.container{
width:1004px;
background-image:url(../images/Background.gif);
background-repeat:repeat-y;
text-align:left;
overflow:visible;
}

.banner{
width:1004px;
height:219px;
background-image:url(images/Header.jpg);
}
.uppernavcell{
width:1004px;
height:28px;
}
.leftspacer{
background-image:url(images/Left_spacer.gif);
width:152px;
height:28px;
position:relative;
padding:0px;
float:left;}

.uppernav{
background-image:url(images/uppernav.gif);
height:28px;
padding:0px;
position:relative;
float:left;
}

.rightspacer{
background-image:url(images/Right_spacer.gif);
width:28px;
height:28px;
padding:0px;
position:relative;
float:left;
}

.sidenav{
background-image:url(images/Vert_Nav.gif);
float:left;
width:260px;
height:655px;
overflow:visible;
height:100%;
}


/*Upper Navigation*/
#MenuMap {
		margin:0px;
		padding:0px;
		top:0px;
		width:824px;
		height:28px;
		position:relative;
		background-image:url(../images/uppernav.gif);
		list-style:none;
		text-decoration:none;
		
			}

			#MenuMap li {
				margin:0px;
				padding:0px;
				position:absolute;
			}

			#MenuMap li, #MenuMap a {
				height:28px;
				display: block;
			}
			
			#MenuMap a.NavLink {
				/*  Hide the text part of the links by moving it waaaayyy offscreen. */
				text-indent:-100000em;
			}

/*  NavLink dimensioning rules - specify offset from top and (constant) width of active area. */
			#Weddings {left:0px; width:106px;}
			#Anniversaries{left:106px; width:163px;}
			#Seniors {left:269px; width:108px;}
			#Birthdays {left:376px; width:124px;}
			#Graduations {left:500px; width:143px;}
			#Corporate {left:643px; width:180px;}
			
/*  Menu hover, active, and "current page" rules, using a "sprite" imagemap, and background positioning. */

			#Weddings  a:hover {background: transparent url(images/uppernav.gif) -0px -28px no-repeat;}
			#Anniversaries a:hover {background: transparent url(images/uppernav.gif) -106px -28px no-repeat;}
			#Seniors a:hover {background: transparent url(images/uppernav.gif) -269px -28px no-repeat;}
			#Birthdays a:hover {background: transparent url(images/uppernav.gif) -376px -28px no-repeat;}
			#Graduations a:hover {background: transparent url(images/uppernav.gif) -500px -28px no-repeat;}
			#Corporate a:hover {background: transparent url(images/uppernav.gif) -643px -28px no-repeat;}
			
			#weddingspage #Weddings a {background: transparent url(images/uppernav.gif) -0px -28px no-repeat;}
			#anniversariespage #Anniversaries a {background: transparent url(images/uppernav.gif) -106px -28px no-repeat;}
			#seniorspage #Seniors a {background: transparent url(images/uppernav.gif) -269px -28px no-repeat;}
			#birthdayspage #Birthdays a {background: transparent url(images/uppernav.gif) -376px -28px no-repeat;}
			#graduationspage #Graduations a {background: transparent url(images/uppernav.gif) -500px -28px no-repeat;}
			#corporatepage #Corporate a {background: transparent url(images/uppernav.gif) -643px -28px no-repeat;}
/*End Upper Navigation*/
			
			
/*Side Navigation*/

#MenuMapSide {
margin:0px;
padding:0px;
top:0px;
width:260px;
height:680px;
position:relative;
background-image:url(images/vertnav.gif);     		 /*change*/
list-style:none;
text-decoration:none;
}
	#MenuMapSide li {
	margin:0px;
	padding:0px;
	position:absolute;
	height:85px;
	}

		#MenuMapSide a {
		display:block;
		height:85px;
		}
			
			#MenuMapSide a.NavLink {
			/*  Hide the text part of the links by moving it waaaayyy offscreen. */
			text-indent:-3000px;
			}

/*  NavLink dimensioning rules - specify offset from top and (constant) width of active area. */
				#Home 		{left:0px; 	width:260px; top:0px; height:85px;}
				#News 		{left:0px; 	width:260px; top:85px; height:85px;}
				#Photos 	{left:0px; 	width:260px; top:170px; height:85px;}
				#ContactUs 	{left:0px; 	width:260px; top:255px; height:85px;}
				#Glossary 	{left:0px; 	width:260px; top:340px; height:85px;}
				#SiteMap	{left:0px; 	width:260px; top:425px; height:85px;}
				#Links 		{left:0px; 	width:260px; top:510px; height:85px;}
				#Faq 		{left:0px; 	width:260px; top:595px; height:85px;}
					
/*  Menu hover, active, and "current page" rules, using a "sprite" imagemap, and background positioning. */


				#Home a:hover {background: transparent url(images/vertnav.gif) 		-260px 0px no-repeat;}
				#News a:hover {background: transparent url(images/vertnav.gif) 		-260px -85px no-repeat;}
				#Photos a:hover {background: transparent url(images/vertnav.gif) 		-260px -170px no-repeat;}
				#ContactUs a:hover {background: transparent url(images/vertnav.gif) 		-260px -255px no-repeat;}
				#Glossary a:hover {background: transparent url(images/vertnav.gif) 	-260px -340px no-repeat;}
				#SiteMap a:hover {background: transparent url(images/vertnav.gif) 	-260px -425px no-repeat;}
				#Links a:hover {background: transparent url(images/vertnav.gif) 		-260px -510px no-repeat;}
				#Faq a:hover {background: transparent url(images/vertnav.gif) 			-260px -595px no-repeat;}
					
				#homepage #Home a {background: transparent url(images/vertnav.gif) 			-260px 0px no-repeat;}
				#newspage #News a {background: transparent url(images/vertnav.gif) 			-260px -85px no-repeat;}
				#photospage #Photos a {background: transparent url(images/vertnav.gif) 		-260px -170px no-repeat;}
				#contactuspage #ContactUs a {background: transparent url(images/vertnav.gif) 			-260px -255px no-repeat;}
				#glossarypage #Glossary a {background: transparent url(images/vertnav.gif) 	-260px -340px no-repeat;}
				#sitemappage #SiteMap a {background: transparent url(images/vertnav.gif) 	-260px -425px no-repeat;}
				#linkspage #Links a {background: transparent url(images/vertnav.gif) 		-260px -510px no-repeat;}
				#faqpage #Faq a {background: transparent url(images/vertnav.gif) 				-260px -595px no-repeat;}


.sidenav{
background-image:url(images/Vert_Nav.gif);
float:left;
width:260px;
height:655px;
}				


.maincontent{
width:700px;
overflow:visible;
float:left;
padding-top:20px;
}


.maincontent p {
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
color:#efe67c;}

.style2 {color: #efe67c}

.style3 {color: #efe67c;
font-size:16px;
font-family:Arial Black, Arial, Helvetica, sans-serif,;}

.style4 {color: #000000;
font-size:18px;
font-family:Arial Black, Arial, Helvetica, sans-serif,;}

a{color:#80a24e;}

.letter{
width:200px;
text-align:left;
float:left;}

.topofpage{
width:247px;
text-align:right;
float:left;
}
