/*your custom style goes in this file*/
/*if you're overriding style blocks from genstyle.css, you only need to include the attributes you're overriding, not the whole block*/


/* text paragraphs */
p    {font-family: georgia, tahoma, serif; font-size: 14px; 
      text-indent: 70px; }

.alert  {font-family: tahoma; font-size: 15px; color: red;  }

/* header: anchor text */
.hdranchors {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 12px;
        font-style: italic;
        color: #996600;        
}

/* header: heading text */
.header {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 17px;
        font-style: italic;
        color: #008080;        /* teal */
}

/* header2: sub heading text of the index page*/
.header2 {
	font-family: georgia, tahoma, serif; 
	font-size: 18px;
        font-weight: 500;
	color: #006666;
}

/* header3: other sub headings */
.header3 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 14px;
        font-weight: 600;
	color: #996666;
}


/* text displays with margins of 200 background color white */
div.doctxt1    {font-family: georgia, tahoma, serif; font-size: 14px; font-weight: 500;
               color: #330000; margin-left: 150px; margin-right: 150px;
               background-color: white; text-align: justify; padding: 15px; }
           /*    overflow: scroll; max-height: 200px; } */

/* comment displays with margins of 200 background color white */
div.comments   {font-family: georgia, tahoma, serif; font-size: 14px; font-weight: 500;
               color: #2F4F4F; margin-left: 150px; margin-right: 150px;
               background-color: white; text-align: justify; padding: 15px;
               font-style: italic; }

/* comment displays with no margins */
div.comments2   {font-family: georgia, tahoma, serif; font-size: 15px; font-weight: 500;
               color: #2F4F4F; text-align: justify; font-style: italic; }


/* text displays with margins of 40, no background color */
div.doctxt2    {font-family: georgia, tahoma, serif; font-size: 14px; font-weight: 500;
               color: #033; margin-left: 40px; margin-right: 40px;
               text-align: justify; }

/* Searching For Family display */
div.box       {border-style: solid; margin-left: 20px; margin-right: 20px; padding: 10px;
               color: #663300; font-size: 16; font-weight: 500; border-width: thin; 
               text-align: justify;  }

/* Whats New display */
div.box2       {border-style: solid; margin-left: 10px; margin-right: 10px; padding: 10px;
               color: #663300; font-size: 16; font-weight: 600; border-width: thin; 
               text-align: justify; width: 600px; border-color: #066; }

/* Index page - navigation  */
ul#navlist { text-align: left; list-style: none; padding: 0; margin: 0 auto; width: 75%;}

ul#navlist li { display: block; margin: 0; padding: 0; }

ul#navlist li a { font-size: 13px; display: block; width: 60%; padding: 0.3em 0 0.3em 2em;
                  border-width: 4px; border-color: #ffe #aaab9c #ccc #fff;
                  border-style: solid; color: #033; text-decoration: none; background: #DEB887; } 

ul#navlist li#active a { background: #f0e7d7; color: #800000; }

ul#navlist li a:hover, ul#navlist li#active a:hover { color: #800000; background: #F7F2EA;
          border-color: #aaab9c #fff #fff #ccc; }


/* Page navigation list */
ul#navlist2 { text-align: left; list-style: none; padding: 0; margin: 0 auto; width: 75%; }

ul#navlist2 li { display: inline; margin: 0; padding: 0; }

ul#navlist2 li a { font-size: 13px; display: inline; width: 60%; padding: 0.3em 0 0.3em 2em;
                  border-width: 1px; border-color: #ffe #aaab9c #ccc #fff;
                  border-style: solid; color: #555; text-decoration: none; background: #DEB887; } 

/* topmenu navigation */
.mnumain { font-size: 13px; text-decoration: none; margin: 5; padding: .2em 1.3em .2em 1.3em; color: #663333;
           background-color: #DEB887; border-style: solid; border-color: #ffe4c4 #aaab9c #ccc #ffe4c4;
           width: 200px; }  

/* Whats-New shadow box */

.wncontainer { width: 800px; margin-left: 40px; }

.wncontent, .wnshadow {
  position: relative;
  bottom: 4px;
  right: 4px;
}

.wnshadow { background-color: #6D7B8D; }

.wncontent {
  background-color: #fff; text-align: left;
  color: #033; font-size: 15px;
  border: 1px solid #000;
  padding: 0.5em;
}