body {
	font-family: Arial, Helvetica, sans-serif;
	overflow: -moz-scrollbars-vertical; font-size: 8pt; color: #000000

{
  -moz-outline-style: none; /* gets rid of that pesky dotted out line on FF  */
}


a:active{outline:none} /* May get rid of pesky dotted link out line in IE -- not sure */
}

h1 { font-size: 8pt; 
     color: #000000; 
     font-style: normal;
     font-weight: normal; 
}
h2 { font-size: 10pt; 
     color: #000000; 
     font-style: normal;
     font-weight: normal
}
h3 { font-size: 15pt; 
     color: #000000; 
     font-style: normal;
     font-weight: normal 
}
h4 { font-size: 10pt; 
     color: #ffffff; 
     font-style: normal;
     font-weight: normal;    
}
h5 { color: #990000;
      font-family: verdana, arial, helvetica;
	  font-size: 10pt;
	  font-weight: bold;
	  text-decoration: none }
	  
#blankcard {
    position: relative; top:0px;  left:0px; 
	width:500px;
	height:354px;
	background-image:url('../images/open-card.jpg');
	background-repeat: no-repeat;
}
#sticky {
    position: relative; top:140px;  left:510px; 
	width:200px;
	height:200px;
	background-image:url('../images/sticky.gif');
	background-repeat: no-repeat;
}

#verse {
    position: absolute; top:20px;  left:245px; 
	width:240px;
	height:275px;
	background-image:url('../cards/verse.png');
	background-repeat: no-repeat;
}

.footer { color: #ffffff;
	 font-family: Verdana, arial, helvetica;
	 font-size: 6pt;
	 text-decoration: none;
	 font-weight:bolder;
	 vertical-align: middle 
}
.web { color: #e5e5e5;
	 font-family: verdana, arial, helvetica;
	 font-size: 6pt;
	 text-decoration: none;
	 vertical-align: middle 
 }
.web:hover { color: #b7b7b7 }


.link { color: #231483;
      font-family: verdana, arial, helvetica;
	  font-size: 10pt;
	  font-weight: bold;
	  text-decoration: none }
	  
.link:hover { color: #000000;
	        text-decoration: underline }
	        
	        
.link2 { color: #ffffff;
      font-family: verdana, arial, helvetica;
	  font-size: 10pt;
	  font-weight: bold;
	  text-decoration: none }
	  
.link2:hover { color: #70e694;
	        text-decoration: underline }
	        
.img-shadow {
  float:left;
  background: url('../images/shadowAlpha.png') no-repeat bottom right !important;
  background: url('../images/shadow.gif') no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px
  }
  
.img-shadowb {
  float:left;
  background: url('../images/shadowAlpha.png') no-repeat bottom right !important;
  background: url('../images/shadow.gif') no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px
  }

.img-shadowb img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 24px
  }