/*
CSS for June Lampert
*/



header {
      font-family: Verdana, Helvetica, Arial, sans-serif;
      background-color:  #ccffff;
   /*  background-image:  url(backgroundcolor.jpg); */
      line-height: 125%;  
 
     }



body {
  
     background-color:  #ccccff; 

     }




p  {     font-family: Verdana, Helvetica, Arial, sans-serif; 
      font size: large; color: #000099; weight: bold;
      background-color:  #ccccff;
       line-height: 150%;
      margin: 30px;
     }


em {text-transform: uppercase;}


#sitebranding {
    
    font-style: italic; 
    font-family: Georgia, Times, serif;
    font-size: x-large; color: #FFFFFF;
    font-weight: bold;
    line-height: 125%;
    text-align: center;
 /*   border-top: 3px solid #ccccff;
    border-bottom: 3px solid #ccccff;  
    border-left: 3px solid #ccccff;
    border-right: 3px solid #ccccff; */
    padding-top: .2em;
    padding-bottom: .2em;
    padding-left: .8em;
   width: 95%; 
    background-image: url(pictures/sunset.jpg);
/*    background-image: url(pictures/background.jpg);
     background-color: 	#000099;
 background-color: 	#ff9900;  
   background-color: 	#cc66ff;  */
   }




#testimonial {
     background-color:  #ccccff;
      font-color: #000000;
      font-size: medium; 
       font-family: Times New Roman, serif;
     font-style: italic;

      line-height: 115%;
      width: 235px;
      text-align: right;
      padding-top: 1em;
      padding-bottom: 1em;
      padding-left: 1em;
       padding-right:  1em;
      margin-left: 10p;
      float: right;
      }


#testimonial2 {
     background-color:  #ccccff;
      font-color: #000000;
      font-size: medium; 
       font-family: Times New Roman, serif;
     font-style: italic;

      line-height: 125%;
  
      padding-top: 1em;
      padding-bottom: 1em;
      padding-left: 1em;
       padding-right:  1em;
      margin-left: 10p;
      }





#pictureleft {
     float: left;
     font-size: 65%;
     font-style: italic;
     font-family: Georgia, Times, serif;
     font-weight: bold;
      border-bottom: 30px solid #ccccff;
    border-top: 30px solid #ccccff;
    border-right: 30px solid #ccccff;
    border-left: 10px solid #ccccff;
     margin-top: 2;
     margin-right: 2;
       line-height: 1.2em;
    }

/* suggest making that border color the same as the page BG color in order to leave a little space between picture and text - there must be a better way to do this */


#pictureright {
     float: right;
     font-size: 65%;
      font-style: italic;
     font-family: Georgia, Times, serif;
     font-weight: bold;
      border-bottom: 30px solid #ccccff;
    border-top: 30px solid #ccccff;
    border-right: 30px solid #ccccff;
    border-left: 10px solid #ccccff;
     margin-top: 2;
     margin-right: 2;
       line-height: 1.2em;
    }




a:link {color: #6633cc;}
a:visited {color: #cc00ff;}
a:hover {text-decoration: none; background-color: #66FFFF;}
a:active {color: #FFFF00;}