body {
/* Always use margin:  0;  padding:  0; as margin controls for your page itself.  Setting both to 0 ensures that your page will spread to the outer edges of the browser window. */
	margin:  0;
	padding:  0;
}

/* text styles */
h1 {font-family: Arial Narrow, Arial, Helvetica, Univers, sans-serif; font-size: 2em; font-weight: bold; line-height: 1em; color: #660000; margin-top: .5em; margin-bottom: .25em; padding-left: 75px; padding-top: 27px}
h2 {font-family: Arial Narrow, Arial, Helvetica, Univers, sans-serif; font-size: 1.5em; font-weight: bold; line-height: 1em; color: #660000; margin-top: .5em; margin-bottom: .25em; padding-left: 75px}
h3 {font-family: Arial Narrow, Arial, Helvetica, Univers, sans-serif; font-size: 1.25em; font-weight: bold; line-height: 1em; color: #660000; margin-top: .5em; margin-bottom: .25em; padding-left: 75px; padding-top: 12px}
h3.no_ind {font-family: Arial Narrow, Arial, Helvetica, Univers, sans-serif; font-size: 1.25em; font-weight: bold; line-height: 1em; color: #660000; margin-top: .5em; margin-bottom: .25em; padding-left: 0px; padding-top: 12px}
h4 {font-family: Arial Narrow, Arial, Helvetica, Univers, sans-serif; font-size: 1em; font-weight: bold; line-height: 1em; color: #660000; margin-top: .4em; margin-bottom: .25em; padding-left: 75px; padding-top: 12px}
h5.nav {font-family: Arial, Helvetica, Univers, sans-serif; font-size: .65em; text-transform: uppercase; line-height: 1.25em; color: #FFFFFF; margin-top: .5em; margin-bottom: .5em; padding-left: 75px; padding-top: 2px; padding-bottom: 2px}

h5.nav a{text-decoration: none; color: #ffffff;}
h5.nav a:hover{text-decoration: none; color: gray;}

h5.navtop {font-family: Arial, Helvetica, Univers, sans-serif; font-size: 10px; line-height: 1em; color: #FFFFFF; margin-top: 0; margin-bottom: 0; padding-left: 15px; padding-top: 0px; padding-bottom: 0px}

h5.navtop a{text-decoration: none; color: #ffffff;}
h5.navtop a:hover{text-decoration: none; color: gray;}

p {font-family: Arial, Helvetica, Univers, sans-serif; font-size: .85em; line-height: 1.3em; color: #000000; margin-top: .25em; margin-bottom: .5em; padding-left: 75px; padding-right: 6px}
h6 {font-family: Arial, Helvetica, Univers, sans-serif; font-size: .65em; line-height: 1em; color: #FFFFFF; margin-top: .5em; margin-bottom: .5em; padding-left: 75px; padding-top: 2px; padding-bottom: 2px}
a:link {font-weight: bold; color: #990000; text-decoration: underline; }
a:visited {font-weight: bold; color: #660000; text-decoration: underline; }
a:hover {font-weight: bold; color: #cc0000; text-decoration: underline; }
a:active {font-weight: bold; color: #cc0000; text-decoration: underline; }
p.first_par {font-family: Arial, Helvetica, Univers, sans-serif; font-size: .9em; font-weight: bold; line-height: 1.3em; color: #660000; margin-top: .25em; margin-bottom: .5em; padding-left: 75px}
p.title {font-family: Arial, Helvetica, Univers, sans-serif; font-size: .9em; font-weight: bold; line-height: 1.3em; color: #660000; margin-top: .25em; margin-bottom: .5em; padding: 0px}
p.no_ind {font-family: Arial, Helvetica, Univers, sans-serif; font-size: .85em; line-height: 1.3em; color: #000000; margin-top: .25em; margin-bottom: .5em; padding: 0px}
p.center {font-family: Arial, Helvetica, Univers, sans-serif; font-size: .85em; line-height: 1.3em; color: #000000; margin-top: .25em; margin-bottom: .5em; padding-left: 75px; text-align: center}
li.text {font-family: Arial, Helvetica, Univers, sans-serif; font-size: .85em; line-height: 1.3em; color: #000000; margin-top: .25em; margin-bottom: .5em; padding: 0px}

#list { list-style-image: url(images/bullet.gif); 
	margin-left: 120px;
}

input.button {
  color: #660000; background: #ffffff;
  font-size: 1.25em;
  font-weight:bold;
  font-family: Arial Narrow, Arial, Helvetica, Univers, sans-serif;
  padding-left: 75px;
  border: 0px;
  margin: 0px;
  text-align: left;
  cursor: pointer;
}

input.button2 {
  color: #660000; background: #ffffff;
  font-size: 1em;
  font-weight:bold;
  font-family: Arial Narrow, Arial, Helvetica, Univers, sans-serif;
  padding-left: 75px;
  border: 0px;
  margin: 0px;
  text-align: left;
  cursor: pointer;
}

/* cycle images */
img.step-name-left {float: left; width: 525px; margin: 0px; padding: 0px; }
img.step-name-right {float: right; width: 525px; margin: 0px; padding: 0px; }
img.flowers-left {float: left; width: 280px; margin: 0px; padding: 0px; }
img.flowers-right {float: right; width: 280px; margin: 0px; padding: 0px; }
img.divider-right {float: right; width: 228px; margin: 0px; padding: 0px; }
img.divider-left {float: left; width: 228px; margin: 0px; padding: 0px; }

/* non-wrap image */
img.float-right {float: right; width: 239px; margin: 0; padding-top: 15px; padding-left: 12px; }

/* float-right narrow */
img.float-right-narrow {float: right; width: 117px; margin: 0; padding-top: 15px; }

/* non-wrap image */
img.card-order {float: right; width: 216px; margin: 0px; padding: 0px; border: 18px solid #660000; }

/* non-wrap image2 */
img.float-right2 {float: right; width: 380px; margin: 0; padding-left: 12px; padding-top: 15px; }

/* non-wrap image3 */
img.float-right3 {float: right; width: 423px; margin: 0; padding-left: 12px;  padding-bottom: 12px; padding-top: 15px; }

/* non-wrap image4 */
img.float-right4 {float: right; width: 423px; margin: 0; padding-left: 12px;  padding-bottom: 12px; padding-top: 12px; }

/* non-wrap image3 left */
img.float-left3 {float: left; width: 423px; margin: 0; padding-left: 75px; padding-right: 12px; padding-bottom: 12px; padding-top: 12px; }

/* centered image */
IMG.center {
    display: block;
    margin-left: auto;
    margin-right: auto }

/* float-left */
img.float-left {float: left; width: 126px; margin: 0; padding-right: 12px; }

/* bio pics */
img.bio-pic {float: left; width: 152px; margin: 0; padding-right: 12px; padding-left: 75px; }

/* centered table */
table.tcenter {width:70%; margin-left:15%; margin-right:15%;}
table.tcenter2 {width:90%; margin-left:10%; margin-right:10%;}

/* wrap around image */
img.float-right-01 {float: right; width: 116px; margin: 0; padding-top: 12px; padding-right: 5px; }
img.float-right-02 {float: right; width: 106px; margin: 0; padding-right: 5px; }
img.float-right-03 {float: right; width: 129px; margin: 0; padding-right: 5px; }
img.float-right-04 {float: right; width: 235px; margin: 0; padding-right: 5px; }
img.float-right-05 {float: right; width: 207px; margin: 0; padding-right: 5px; }

#sml-01,#sml-02,#sml-03,#sml-04,#sml-05 { float: right; margin: 0; padding-left: 24px; }
#sml-01 {width: 116px; height: 104 px}
#sml-02 {width: 106px; height: 83 px; clear: both; }
#sml-03 {width: 129px; height: 73 px; clear: both; }
#sml-04 {width: 235px; height: 73 px; clear: both; }
#sml-05 {width: 207px; height: 58 px; clear: both; }

/* nav bar */
#rightcolumn ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

#rightcolumn li {
	border-bottom: 4px solid #660000;
	margin: 0;
}

#rightcolumn li a {
	display: block;
	padding: 8px 8px 8px 8px;
	border-right: 25px solid #000000;
	background-color: #FFFFFF;
	color: #660000;
	font-family: Arial, Helvetica, Univers, sans-serif;
	font-size: 12px;
	text-decoration: none;
	width: 215;
}

html>body #rightcolumn li a {
	width: 215;
}

#rightcolumn li a:hover {
	border-right: 25px solid #FFFFFF;
	background-color: #000000;
	color: #FFFFFF;
	font-weight: bold;
}

#rightcolumn li a.currentpage {
	display: block;
	padding: 8px 8px 8px 8px;
	border-right: 25px solid #FFFFFF;
	background-color: #000000;
	color: #FFFFFF;
	font-family: Arial, Helvetica, Univers, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	width: 215;
}

/* page divisions */
#bodywrapper {
/* replace margin-top value with the height of your header. */
	margin-top:  93px;
	margin-left:  0;
	margin-right:  0;
	margin-bottom:  0;
	padding:  0;
/* Replace width value with your choice of layout width. */
	width:  968px;
/*  Background of the left side menu.  Replace the URL and the background color (#FFFFFF) with your choices for each.)  */
	background:  url(images/alternative_wedding_bkgd.jpg) top left no-repeat #FFFFFF;
	color:  #000000;
}

#contentarea {
 /* replace this value with the width of your left column */
	margin:  0;
	padding: 0;
	background-image:  url(images/alternative_wedding_bkgd.jpg) top left no-repeat #FFFFFF;
	color:  #000000;
	float:  left;
	height:  1%;  /* IE hack due to a bug handling float:  right. */
	width:  753px;
}
#contentarea[id] {
/* Put in place for Firefox, and any browser that will render this section correctly.  IE has a bug involving float:  none. */
	float:  none;
	margin-right:  215px;
}

#rightcolumn {
	float: right;
	width:  215px;
}

#rightcolumncontent {
	position:  absolute;
/* replace top value with the height of your header. */
	top:  93px;
	right:  0;
	margin-bottom:  1em;
	padding:  0;
	font-family: Arial Narrow, Arial, Helvetica, Univers, sans-serif;
	background-color:  #FFFFFF;
	color: #000000
/* Replace width with the width of your right column. */
	width:  215px;
}

#header {
	position:  absolute;
	top:  0;
	left:  0;
/* The header can be set to either a fixed width or a liquid width.  I prefer to make the header a liquid width for aesthetic purposes, but changing it to a fixed width will not affect the layout.  This is an optional property. */
	width:  968px;
/* replace this value with the height of your header. */
	height:  93px;
/* background for the header.  Replace the URL and the background color (#F2F2F2) with your choices for each.  */
	background:  url(images/alternative_wedding_head.jpg) top left repeat-n #FFFFFF;
	color:  #000000;
/* put this in to ensure that your header doesn't overlap the body of your website. */
	overflow:  hidden;
}

#footer {
/* This is needed to ensure that the footer appears below your content and menus. */
	clear:  both;
	margin:  0;
	padding:  0;
/* The footer can be set to either a fixed width or a liquid width.  This is an optional property. */
	width:  968px;
/* Replace with the background image and colour of your footer.  */
	background:  #000000;
	color:  #FFFFFF;
}

#cycle1 {
	position: absolute;
	top: 720px;
	left: 281px;
	margin:  0px;
	padding:  0px;
	width:  473px;
	height:  216px;
}

#cycle2 {
	position: absolute;
	top: 1015px;
	left: 0px;
	margin:  0px;
	padding:  0px;
	width:  473px;
	height:  216px;
}

#cycle3 {
	position: absolute;
	top: 1310px;
	left: 281px;
	margin:  0px;
	padding:  0px;
	width:  473px;
	height:  216px;
}

#cycle4 {
	position: absolute;
	top: 1605px;
	left: 0px;
	margin:  0px;
	padding:  0px;
	width:  473px;
	height:  216px;
}

div.topmenu {
	position: absolute;
	top:  93px;
	left:  54px;
        height:  15px;
        width:  699px;
	margin:  0px;
	padding:  0px;
	background:  #000000;
}