/*  #5E0361; /* Dark Plum */
/*  #688C2F; /* Dark Olive */
/*  #BEDD8E; /* Light Olive */
/*  #DF0000; /* Red */
/*  #136911; /* Dark Green */
/*  #C287E3; /* Dark Lavender */
/*  #EDBEFF; /* Lavender */
/*  #A73287; /* Mauve */
/*  #9b268c; /* Dark Mauve */
/*  #C04932; /* Clay */
/*  #FFBFA6; /* Flesh */
/*  #FFC000; /* Nacho Yellow */
/*  #FFC000; /* Light Yellow */
/*  #14377D; /* Dark Blue */
/*  #1E8DC0; /* Indigo */
/*  #FFFFFF; /* White */

html,body{
           margin:0px;
           padding:0px;
           }

body{
      font-size: 85% ;
      font-family:Georgia,serif;
      background: #688C2F; /* Dark Olive */
}

#header { 
          background: #EDBEFF;  /* lavender */ 
          color: #5E0361; /* Dark Plum */
          }


div#header h1{
               height:40px;
               line-height:50px;
               margin:0px;
               padding-left:200px;
               font-style: italic;
               }

div#header h4{ 
               color: #DF0000;/* Red */
               padding-left:200px; 
               }

#content
{
  padding-left:10px;
  padding-right:10px;
  padding-top:5px;
  }

#content a { 
             font-weight: bold; 
             text-decoration: none; 
             color: #DF0000; /* red */
            
               }



#content a:visited { color:  #A73287; /* Mauve */ }

#content a:hover {  color: #C287E3; /* Dark Lavender */  }

#content p.first:first-letter { font-size: 200%}

#extra{             
        padding-left:0px; 
        background: #C287E3; /* Dark Lavender */
             color:     #C04932; /* Clay */
             font-size: 80%;
             }

#extra li:first-line{ 
                      padding-left: 1px ;
                      }

#extra li:first-letter{ 
                        color:#14377D;/* Dark Blue */
                        font-size:140%;
                        font-weight: bold;
                        }

#extra li { 
            padding-left: 0px;
            }

#extra h2 { 
            padding-left: 16px; 
            }

div#content p{
               color: #14377D; /* Dark Blue */
             font-size:120% ;
                        }

div#navigation{
                background-color: #5E0361;  /* dark plum */
                color: #EDBEFF; /* lavender */
                padding-left: 0px;
                padding-bottom: 6px;
                padding-top: 8px;
                /*  margin-top: -24px; */
                }

div#navigation ul {
                    list-style-image: url(../images/spiralheart16.png);
                    list-style-position: outside;
                    }

div#navigation a { 
                   font-weight: bold; 
                   text-decoration: none; 
                   color: #EDBEFF; /* Lavender */
                }

div#navigation a:visited { color: #EDBEFF; /* Lavender */ }

div#navigation a:hover { color: #DF0000; /* red */ }

div#extra ul{
              padding-right: 8px; 
              }

div#footer{
            background-color: #C04932; /* Clay */
                         color: #BEDD8E;/* Light Olive */
                         padding-left: 8px;
                         padding-right: 8px;
                         padding-top: 36px;
                         padding-bottom: 24px;
                         font-size: 80% ;
                         margin-top: 40px;
                         }


div#wrapper {  min-height: 500px; }

/*  positioning 

   div#container {
                   position: relative;
                   min-height: 100%;
                   }

div#wrapper{
             float:left;
             width:100%;
             max-width: 1024px;
             margin-left:-33%;
             }

div#content{
             margin-left:33%;
             width: 50%;
             min-width: 400px;
              /*  max-width: 800px; * /
             margin-bottom: 110px;
             }
*/

/*
   div#navigation{
                   float:right;
                    /* width:26%; *  /
                   width: 300px; 
                   }
*/

/*
   div#navigation {
                    position:absolute;
                    top:84px;
                    right:00px;
                    width:400px;
                     /* save IE from isseff * /
                    voice-family: "\"}\"";
voice-family:inherit;
width:360px;
}
 /* accomodate Opera 5 * /
body>#Menu {width:360px;}                               

*/              

/*
   div#extra{
              float:right;
              clear:right;
               /*  width:26%; * /
              width: 300px; 
              }
*/

/*
   div#extra{ position:absolute;
              top:251px;
              right:0px;
              width: 360px;
              
               /* save IE from isseff * /
              voice-family: "\"}\"";
voice-family:inherit;
width:360px;
}
 /* accomodate Opera 5 * /
body>#Menu {width:360px;}                               
*/

div#footer{
            clear:both; 
            width:100%; 
            /*position: absolute; */
            /*            bottom: 0px; */


            }

/*
   max-width: 360px;
   min-width: 280px;
   */
}
/*
   span#navitems{
                  width:20%;
                  float:left;
                  }
span#navimage{
               width:40%;
               float:right;
               }
*/


h1, h2
{
  font-family: Georgia, serif;
  font-style: italic;
  font-variant: normal;
  text-transform: none;
  font-weight: bold;
  
  }



h3, h4, h5, h6
{
  font-family: Georgia, serif;
  font-style: italic;
  font-variant: normal;
  text-transform: none;
  font-weight: bold;
  color:  #5E0361; /* Dark Plum */
  }

h1
{
  font-size: 300%;
  }

h2
{
  font-size: 170%;

  }

h3
{
  font-size: 150%;
  padding-left: 8px;
  }

h4
{
  font-size: 130%;

  }

h5
{
  font-size: 110%;

  }

h6
{
  font-size: 90%;

  }
li { 
     color: #14377D; /* Dark Blue */
      }

.navigationitem { padding-left: 8px; }

.navigationitem a { 
                    font-size: 80%;
                    font-family: Georgia, serif;
                    font-style: normal;
                    font-variant: normal;
                    text-transform: none;
                    font-weight: bold;
                    text-decoration: none;
                    border-left-width: 0px;
                    border-right-width: 0px;
                    border-top-width: 0px;
                    border-bottom-width: 0px;
                    color: #DF0000; /* red */
                    padding-left: 2px;

                    }

.navigationitem a img { 
                        border-width: 0px;
                        color: #5E0361;
                        }

.navigationitem a:hover { 
                          color: #FFC000; /*Nacho Yellow */
                          }