/*  #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: #C287E3; /* Dark Lavender */
      }

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


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

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: #000000; 
             }


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

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

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

#extra{             
        padding-left:0px; 
        background: #136911; /* Dark Green */
        color: #FFBFA6; /* Flesh */
        font-size: 120%;
        }

#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: #C04932;/* Clay */
               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:  #1E8DC0; /* Indigo */ 
            color: #14377D; /* Dark Blue */
            padding-left: 8px;
            padding-right: 8px;
            padding-top: 36px;
            padding-bottom: 24px;
            font-size: 80% ;
            margin-top: 40px;
            }


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

div#footer{
            clear:both; 
            width:100%; 
            /*position: absolute; */
            }

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;
  }

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%;

  }


.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 */
                          }