/* CSS Document */

@font-face {
   font-family: Pageant;
   font-style:  normal;
   font-weight: normal;
   src: url(http://www.happyhiatt.com/wedding/PAGEANT0.eot);
    }



BODY { 
  
  background-color: rgb(226,204,255);
  font: normal normal normal small normal Verdana;
  font-family: Verdana;
  z-index: 2;
  width: 630px;
  
} 

#holderbox {
  
  width: 630px;
  height: 650px;
  background-image: url("bg.png");
  
  position:absolute;
  left: 50%;
  margin-left: -350px;
  
  background-repeat: no-repeat;
  
  z-index: 1;
  
}

/*this is where story text goes*/

#contentbox {
  
  display:block;
	border-width: 0px;
	width:347px;
	height:382px;
	overflow:auto;
	
	scrollbar-face-color:#FFFFFF;
	scrollbar-arrow-color:#666666;
	scrollbar-track-color:#FFFFFF;
	scrollbar-shadow-color:#EEEEEE;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-darkshadow-Color:#647A19;
	 

  /* account for top of header */  
  position: absolute;
  top: 170px;
  
  /* figure out left positioning based on size */
  left: 220px;
  
  font-size: x-small;
  
    
}

em {
  font: italic normal bolder large bolder;
  color: rgb(0,0,153);
}

#contentbox a:link {
text-decoration: none;
color: rgb(153,0,204);
font-weight: 700;
}

#contentbox a:visited {
text-decoration: none;
color: rgb(153,0,204);
font-weight: 700;
}

#contentbox a:hover {
text-decoration: underline;
color: rgb(0,0,153);
font-weight: 700;

}



#sig {
float: right;
  margin-right: 0px;
  margin-bottom: 0px;
  font-family: Pageant;
  font-size: x-large;
  color: rgb(0,0,153);
  
  
}

#polaroid2{

 /* account for top of header */
  position: absolute;
  margin-top: 264px;
  
    
  width: 120px;
  left: 50%;
  margin-left: -278px;
  z-index: 6;
}

#polaroid3{

 /* account for top of header */
  position: absolute;
  margin-top: 412px;
  
    
  width: 120px;
  left: 50%;
  margin-left: -278px;
  z-index: 6;
}

#nav {

/* account for top of header */
  position: absolute;
  margin-top: 117px;
  
  left: 50%;
  margin-left: -140px;
  z-index: 6;
  font-family: Pageant;
  font-size: 13pt;
  font-weight: bold;
}

#nav a:link {
  text-decoration: none;
  color: rgb(153,102,204);
}

#nav a:visited {
  text-decoration: none;
  color: rgb(153,102,204);
}

#nav a:hover {
  text-decoration: underline;
  color: rgb(0,0,153);
}

#nav a:active {
text-decoration: underline;
  color: rgb(0,0,153);
}

li
{
list-style-image: url(bells.gif);
margin-bottom: 5px;
margin-top: 5px;
}

strong
{
font-size: medium;
font-style: italic;
text-shadow: 5 5 #999999;
}


@media print {
   BODY {font-size: 10pt; line-height: 120%; background: white; overflow:visible;}
   #polaroid2, #polaroid3 { display: none; }
   #nav {display: none;}
   #holderbox, #contentbox { left: 5px; top: 5px; margin-left: 5px; 
   margin-right: 25px; 
   overflow: visible; width: 98%; height: 98%}
  
}