* {
  margin: 0; 
  padding: 0; 
  border: 0;
}

body {
  text-align: center; 
  min-width: 700px;
}

/* wrapper holds left faux column tab */
/* nn6/7 will put content out of scrollable reach if auto is used unless the min-width is on body */
#wrapper { 
  background: #fff url(../images/notepaperback1.jpg);
  text-align: left;
  width: 80%;
  min-width: 800px;
  margin: 1em auto; 
  border: 2px solid #cbcbcb;
}

#header, #subnav, #footer {
  clear: both; 
  width: 100%;
}

#header {
  background: url(../images/namesheader.jpg) 16px 35px no-repeat;
  height: 220px;
}
  
#footer {
  padding: 1px 0;
  padding-top: 1em;
  height: 50px;
  background-image: url("../images/ribboninfooter.gif") ;
  background-repeat: repeat-y;
  background-position: 100%;
}

#contentfloatholder {/* right faux column tab */
  background: url(sidebar.gif) repeat-y 100% 0;
  float: left;
  width: 100%;
  margin-top: -30px;
}


#contentfloatholder:after {
  /* this is for NN6 to clear floats */
  content: "."; 
  display: block; 
	height: 0px;
  clear: both; 
  visibility: hidden;
}

#center {
  margin: 0px 175px 0 205px;
}

#centerwrap {
  float:left;
  width: 100%; 
	margin: 0 -95% 0 0;
}

#left {
  float:left;
  width: 200px;
  margin: 0 0 0 -5%;
}

#right {
  float:right;
  width: 170px;
	margin: 0;
  margin-top: 30px;
  background-image: url("../images/ribbonstripvertical.gif") ;
  background-repeat: repeat-y;
}

/************* IE Mac CSS Only  works for Win too **************/
* html div#centerwrap {margin: 0 -100% 0 0;}
* html div#left {margin: 0;}

div h3, div p {
margin: 1em 0;
padding: 0 20px; 
}

/*************************************************************/
/*************************************************************/

h1, h3 {
  font-variant: small-caps; 
  color: #aaaaaa;
}

#headerpic {
  float: right;
  padding-right: 17px;
  padding-top: 0px;
}

#bells {
  float: left;
  margin-top: 73px;
  margin-left: 18px;
}

#littleribbon {
  margin-left: 30px;
}

#subnav {
  text-align: center;
}

#menu {
  margin-left: 10px;
  margin-top: 50px;
}

#flyout li {float:left; margin-bottom:0px; list-style-type: none;}
#flyout li a {display:block; float:left; width:150px; height:35px; background:#000000 url(../images/GlassButton.jpg) no-repeat; color:#ffffff; line-height:24px; font-family:serif; font-size:14px; text-decoration:none; text-align: center;}


#flyout li a:hover {position:relative; background:#000000 url(../images/GlassButtonHL.jpg) no-repeat; color:#fff;}

#flyout li a.here {background:#000000 url(../images/GlassButtonSelected.jpg) no-repeat;}


form {
  border: 1px solid #ffffff;
  background-image: url("../images/formbackground_2765c1.png");
  width:90%;
  color: #ffff00;
  line-height: 1.5em;
  margin-left: 20px;
  }

label {
  font-weight: bold;
  display:block;
  }
  
#comments {
  width: 100%;
}

.warning {
  color:#f00;
  font-weight:bold;
  }

.jdreamstext {
  font-size: 80%;
  font-family: sans-serif;
}

.jdreamstext a {
  color: #000000;
}

form {
  border: 5px solid #25e0b6;
  background-image: url("../images/formbackground_25e0b6.png");
  width:80%;
  color: #000000;
  line-height: 1.5em;
  margin-left: 20px;
  margin-bottom: 1em;
  }

label {
  font-weight: bold;
  display:block;
  }
  
#comments {
  width: 100%;
}

.warning {
  color:#f00;
  font-weight:bold;
  }
  
#center a {
  color: #000000;
}

#gbmessages, .gbmessage {
  border-top: 1px solid #000;
}

#gbmessages {
  border-bottom: 1px solid #000;
}

.gbmessage p {
  margin: 0.5em;
}

.signing {
  font-style: italic;
}

#reception, #ceremony {
}

#reception img {
  float: left;
  margin: .5em;
}