body {
	padding:0;
	margin:10px 0 0 0;
	background-color:#ae3cff;
	text-align:center;
	font-size:62.5%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:white;
	}
#container {
	width:740px;
	overflow:visible;
	height:500px;
	text-align:left;
	position:relative;
	margin:0 auto 0 auto;
		background-image:url(images/rightfacingdove.gif);
		background-position:0px 38px;
		background-repeat:no-repeat;
		padding:4em 0 0 0;
	}
a {
	color:white;
	text-decoration:underline;
	}
a:hover {
	color:black;
	text-decoration:underline;
	}
p {
	font-size:1.2em;
	}
h1 {
	color:#FFFFFF;
	font-size:1.4em;
	}
h2 {
	color:#FFFFFF;
	font-size:1.2em;
	}
.center {
	text-align:center;
	}
h1.subhead {
	font-size:1.6em;
	}
#slideshow {
	width:323px;
	height:243px;
	float:left;
	border:1px solid white;
	margin:0 10px 5px 0;
	}
a img {
	border:none;
	}
img.left {
	float:left;
	border:1px solid white;
	margin:0 10px 10px 0;
	}
	
h1#logo {
	width:610px;
	height:125px;
	padding:0;
	margin:0;
	background-image:url(images/logo.jpg);
	background-repeat:no-repeat;
	background-position:right center;
	text-indent:-5000px;
	border:none;
	}

#topNav {
	position:absolute;
	top:0;
	left:30px;
	z-index:2000;
	padding:0;
	margin:0;

}

#topNav a {
	display: block;
	width: auto;
	text-decoration:none;
	color:black;
	padding:2px 5px 3px 5px;
	border:1px solid black;
	border-left:none;
	line-height:1.2em;
	font-weight:bold;
	font-size:1.2em;
		background-color:#c23cff;
}
#topNav a.first {
	border-left:1px solid black;
}
#topNav a:hover {
	background-color:#ae3cff;
	padding:2px 5px 3px 5px;
}
#topNav a:hover.first {
	border-left:1px solid black;
}
#topNav li {
	float: left;
	width: auto;
	list-style: none;
	position:relative;
	padding:0;
	margin:0;
}

#topNav li ul {
	position: absolute;
	width: 130px;
	left: -999em;
	background-color:#c23cff;
	padding:0;
	z-index:3000;
	margin:0;
	border:1px solid black;
	border-top:none;
}
#topNav li li {
	float:none;
	display:block;
	width:100%;
	padding:0;
	margin:0;
	border-top:1px solid black;
}
#topNav li li a {
	display:block;
	width:120px;
	border:none;
	line-height:1em;
	font-weight:bold;
	padding:2px 5px 3px 5px;
}
#topNav li li a:hover {
	display:block;
	width:120px;
	border:none;
	line-height:1em;
	font-weight:bold;
	padding:2px 5px 3px 5px;
}

#topNav li:hover ul, #topNav li.sfhover ul {
	left: auto;
}
#topNav li:hover a, #topNav li.sfhover a {
	color:white;
}
#topNav li:hover li a, #topNav li.sfhover li a {
	color:black;
}
#topNav li:hover li a:hover, #topNav li.sfhover li a:hover {
	color:white;
}
ul#previous  {
	margin:0 0 20px 0;
	}
ul#previous li {
	font-size:1.2em;
	margin:0 0 5px 0;
	}
	
/* ---- Dynamic Gallery CSS ---- */
/* Removing the list bullets and indentation */
ul#gallery {
	padding:0; 
    margin:0 0 20px 10px; 
	width:300px;
	height:500px;
	float:left;
	color:#FFFFFF;
	font-size:1.2em;
	}
ul#gallery li {
	padding:0; 
    margin:0; 
    list-style-type:none;
	float:left;
	height:100px;
	}
/* Remove the images and text from sight */
#container a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
    }
/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {
    display:block; 
    color:#ffffff; 
    text-decoration:none; 
    border:1px solid #000; 
    margin:1px 2px 1px 2px; 
    text-align:left; 
    cursor:default;
    }
#container a.slidea {
    background:url(images/galleryone.jpg); 
    width:100px; 
    height:66px;
    }
#container a.slideb {
    background:url(images/gallerytwo.jpg); 
    width:101px; 
    height:66px;
    }
#container a.slidec {
    background:url(images/gallerythree.jpg); 
    width:100px; 
    height:66px;
    }
#container a.slided {
    background:url(images/galleryfour.jpg); 
    width:63px; 
    height:96px;
    }
#container a.slidee {
    background:url(images/galleryfive.jpg); 
    width:100px; 
    height:66px;
    }
#container a.slidef {
    background:url(images/gallerysix.jpg); 
    width:100px; 
    height:66px;
    }
#container a.slideg {
    background:url(images/galleryseven.jpg); 
    width:60px; 
    height:90px;
	}

#container a.slideh {
    background:url(images/galleryeight.jpg); 
    width:100px; 
    height:66px;
    }
#container a.slidei {
    background:url(images/gallerynine.jpg); 
    width:100px; 
    height:66px;
    }
#container a.slidej {
    background:url(images/galleryten.jpg); 
    width:100px; 
    height:66px;
    }
#container a.slidek {
    background:url(images/galleryeleven.jpg); 
    width:100px; 
    height:66px;
    }
#container a.slidel {
    background:url(images/gallerytwelve.jpg); 
    width:100px; 
    height:66px;
    }
/* change the thumbnail border color */
#container a.gallery:hover {
    border:1px solid #fff; 
    }
/* styling the :hover span */
#container a.gallery:hover span {
    position:absolute; 
    width:410px; 
    height:372px; 
    top:155px; 
    left:305px; 
    color:#ffffff; 
    }
/* Enable text to go the side when appropriate */
#container a.gallery:hover img {
    border:1px solid #fff; 
    float:left; 
    margin-right:5px;
    }
/* ------- End of Gallery CSS -------- */

#footer {
	width:100%;
	clear:both;
	border-top: 1px solid white;
	padding:0 0 10px 0;
	}
#footer p {
	font-size:1em;
	}
.wedring a {
	color:#666666;
	}
#dove {
	position:absolute;
	right:0px;
	top:38px;
	}
/* Contact Form */
#contactUs {
	float:right;
	width:350px;
	}
#contactForm {
	width:380px;
	float:left;
	border-right:1px solid white;
	margin:0 0 10px 0;
	}
#contactForm label {
	width:100px;
	float:left;
	}
#contactForm input {
	width:200px;
	}
#contactForm input.button {
	width:50px;
	}
