ff
 /* UPDATE PAGE */
 .updateHeading{margin-left: 50px; text-decoration: underline;} 
   .selectionBoxes ul li{list-style-type: square;  margin: 5px 0; padding: 0; width: 250px; font-size: 1.2em;}
  .selectionBoxes a{text-decoration: none; color: #585858;}
  .selectionBoxes a:hover{color: #ff0000;}
  .selectionBoxes h2{background-color: #6c4f88; color: #fff; padding-left: 15px; }
  .selectionBoxes div{}
  .selectionBoxes{margin-bottom: 300px;}
 
 
 /* NAVIGATION */

  #navcontainer{
   
     width: 800px;     
       height: 40px;   
      margin: 0;
      padding: 0 1px;
      border-top: solid 1px #462b00;
      border-bottom: solid 1px #462b00;
      background-color: #aaaaaa; 
      
   
 }
 #navcontainer ul{margin: 0; width: 800px; height: 20px; padding: 0;}

#navcontainer ul li{
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: block;
    float: left;
    background-image: url(images/purpNav.gif); 
    background-repeat: repeat-x;
    font-weight: bold;
    text-align: center;
    color: #fff;
    height: 40px;
    border-right: solid 1px #5b005b;
}

#navcontainer li a{}

#navcontainer a{
    text-decoration: none;
    display: block;
    width: 99px;
    font: 14px/30px tahoma, Georgia, Ariel;
        background-image: url(images/purpNav2.gif); 
    background-repeat: repeat-x; 
    margin: 0;
    color: #fff;
    height: 40px;  
}

#navcontainer a:hover{
    width: 99px;
    background-image: url(images/purpNav2On.gif); 
    background-repeat: repeat-x;
    font: 14px/30px tahoma, Georgia, Ariel;
    color: #fff;
}



.hallmarkLink{
color: #866491; 
margin: 0 50px; 
padding: 10px; 
text-align: center; 
font-style: italic; 
border: solid 1px #866491;
}

.hallmarkLink a, .hallmarkLink a:visited{color: #866491;}
.hallmarkLink a:hover{color: #dc52ef;}


.topLinks{text-align: right; margin-right: 50px; color: #4a4a4a;}
.topLinks a:visited{color: #4a4a4a;}

.bottomLinks{color: #363636;  width: 470px; margin: 0 auto;}
.bottomLinks a, .bottomLinks a:visited{color: #363636; float: left; padding: 20px;}

.pageHeader{font-family: mistral, verdana;}

h1{margin-left: 40px; font-family: mistral;}

  /* for the product pages image display */    
      .imgDisp{
              width: 600px; 
              margin: 0 auto; 
              border: solid 1px #aaa; 
              height: 300px; 
              margin-bottom: 20px; 
              background-color: #e8e8e8; 
              }
      .imgDisp a:visited, .imgDisp a{color: #743a74;}
      
      .imgDispRt{width: 200px; float: right; margin: -10px 20px 0 20px;}
      
      .imgDispRt img{ margin: 20px;}
      
      .imgDispRt h3{font-size: 1.4em; }
      
      .clear{clear: both;}
      
      .imgDispLt{width: 280px; margin-top: 0px;}
      
      .imgPos{margin: 0 auto;}
    
    
/* main styling */  
    
body{margin: 0; padding: 0; background-image: url(images/leafBack.gif); background-repeat: repeat; }
 
 p, h1{padding: 10px 30px;}
 
 p{font-size: 1.1em;}
 
 .shadow{background-image: url(images/shadow.png); background-repeat: repeat-y; margin: 0 auto; width: 850px;  }
 
 
 .wrapper{
        width: 800px; 
        margin: 0 auto; 
        background-color: #f4f5f1;
        color: #585858; 
        }
 
 .header{
        background-image: url(images/headerBanner2.jpg);
        background-repeat: no-repeat; 
        background-color: #a88eb1; 
        height: 219px; 
        margin: 0;
        padding: 0;
        }
        
.topShaded{background-image: url(images/whiteGrad.gif); background-repeat: repeat-x; height: 50px;}

/*ensure the color in the links in a heading are the same as the rest of the text */
.headingLink{font-style: italic; margin-left: 70px;  }
.headingLink a, .headingLink a:visited{color: #585858;}

 .whiteGradient{
        background-image: url(images/whiteGrad.gif); 
        background-repeat: repeat-x; 
        height: 50px;
        }
        
        /* for the our cards page */
        
  .cardLinkRt{float: right; margin-right: 50px;}
  .cardLinkLt{margin-left: 70px; margin: right: 10px;}
  .cardsLinks{

width: 260px;
margin: 0 0px 20px 20px;
padding: 0;
background-color: transparent;
}

.cardsLinks p{
margin: 0 5px 0 70px;
color: #000;
font-size: 1.2em;
}

.cardsLinks img{
margin: 0;
float: left;
border: solid 5px #9a9a9a;}
.cardsLinks a{
text-decoration: none;
}


.signature{width: 200px; float: right; margin: -20px 100px 50px 0; background-image: url(images/laurenSig.jpg); height: 150px; }    
  .notelet{
    border-top: solid 1px #aaa; border-right: solid 1px #aaa; border-left: solid 1px #aaa; padding: 20px 10px 10px 10px; background-image: url(images/purpGrad.gif);background-repeat: repeat-x; height: 70px;
    }
    
    .rightDiv{float: right; margin: 0 70px 0 0; width: 25%;  }
 
 .footerRight{float: right; width: 400px; text-align: right; padding: 20px; margin-top: -80px;} 

 .footerRight a, .footerRight a:visited{color: #fff;}
 .footerLeft{padding: 20px; width: 330px;}
.footer{color: #fff; background-image: url(images/purpBack.jpg); background-repeat: repeat-x; border-top: double 3px #213221; padding-bottom: 10px;}

.footer p{text-align: right;}
.footer a:visited{color: #fff;}
.footer a:hover{color: #800080;}

       
 .mainContent{margin: 0 50px 50px;}
 
 /* horizontal navigation */


 #boxColour{background-color: #ddd; color: #300; font-size: 1em;}
#boxColour:focus{background-color: #f0f0f0; }


.shadowDown{background-image: url(images/whiteGradDown.gif); background-repeat: repeat-x; height: 50px;}