/* Style file for Cherlin/Chervin family pages */
/* Navigation Bar */
<!-- 2nd version: classes moved to li from a, more robust: Chrome extension inserts pdf reader as "a" link with no class-->

#list-nav {
  list-style:none;
  margin:10px;
  padding:10;
  /* width:795px - Leave variable? */
}


ul#list-nav li {
    display:inline-block;
    display:inline;
    display:-moz-inline-stack;
}

#list-nav dt {
  width:500px;
  height:45px;
  float:center;
  border-left:1px solid #fff;
  text-align: center;
}

#list-nav li a {
  text-decoration:none;
  width:80px;
  color:white;
  float:center;
  text-align:center;
  border:3px solid magenta;
  padding:6px;
}


#list-nav li.main {
  background:#485E49;
  padding:20px 20px;
  color: white;
}

#list-nav li.main:hover {
  background:#a2b3a1;
  background-color:#a2b3a1;
  color:black;
}

#list-nav li.main:hover a {
  color:black;
}

#list-nav li.sub {
 background:#CC8044;
 padding:12px 8px;
 color:white;
}

#list-nav li.sub:hover {
  background:#f0a520;
  background-color:#f0a520;
  color:black;
}

#list-nav li.sub:hover a {
  color:black;
}


#list-nav li.subsub {
 background:blue;
 padding:12px 6px;
 color: white;
}

#list-nav li.subsub:hover {
  background:#addae6;
  background-color:#addae6;    
  color: black;
}

#list-nav li.subsub:hover a {
  color:black;
}

#list-nav hr {width: 80%; margin-top: 10px; }

/* End of Navigation Bar */


/* Main Style Elements */

       body {background-color: #F8FFF8; 
	background-image: url(/Gr/stucco4.gif);
             color: #000; margin-left: 50px; margin-right: 50px;
            }
       .frame{background-color: #E8FFF8; 
	    color: #000; margin-left: 50px; margin-right: 50px;}
       .gallery{background-image: url(/Gr/pnklethr.jpg);
	    background-color: #F8FFF8; 
	    color: #000; margin-left: 50px; margin-right: 50px;}
       h1 {text-align: center; color: #00AAAA; }
       h2, h3, h4 { text-align: left; 
	             font-family: Helvetica,sans-serif;
	             font-weight: bold;
	             color: #00AAAA;
	             clear: both;}
       h2.center, h3.center, h4.center {text-align: center;}
       img {float: none; vertical-align: middle; }
       hr {margin-left: auto;
             margin-right: auto;
             width: 85%;
             clear: both;} 
       hr.dt {margin-left: 20px; width: 120px;}
       hr.footnote {margin-left: 0px; width: 150px;}

       table {background-color: #FFFFF0;
              color: #000;
              border-width: 3px;
  	      border-style: solid;
              padding: 4px;
              margin-left: auto;
              margin-right: auto;} 
       th, td {border-style: groove;
              border-width: 2px;
              padding: 8px;} 
       table.plain {
           border-width: 0px;
	   border-style: none;
	   padding: 0px;
	   }
       table.navigation {
           border:none;
	   background-color: transparent;
           border-spacing: 6px;
       } 
       
       table.navigation td {text-align: center;}

       table.structural {background-color: transparent;
	   border-width: 0px;
	   border-style: none;
	   padding: 0px;
	   }
       table.structural th,td{border-style:none;}

       table.frame {background-color:c0d0c8;
                border-width: 20px;
                border-style: ridge;
                padding: 4px;
                margin-left: auto;
                margin-right: auto;
       }
       table.frame td.li,dt {padding-right: 10px;}
       table.frame td.pale{background-color:c8d8d0;}

       table.gallery {
                background-image:none;
                border-collapse:collapse;
	        background-color:c0d0c8;
                border-width: 6px;
                border-style: groove;
                padding: 1px;
                margin-left: auto;
                margin-right: auto;
       }

       table.gallery th,td {
              border-style: none;
              border-width: 0px;
              padding: 0px;} 

       table.gedcom {background-color: 00d8d8;
                border-width: 8px;
                border-style: ridge;
                padding: 2px;
                margin-left: auto;
                margin-right: auto;
       }
       table.gedcom th{background-color:00f0f0;
		       border-width: 6px; border-style: groove;}
       table.gedcom td{background-color:00ffff;
		       border-width: 4px; border-style: ridge;
		       padding: 8px}


       caption{margin-left: auto;
               margin-right: auto;
	       text-align: center;
               background-color: #0C6;
               color: #000;
	       font-size: larger;
	       font-weight: bold;}
       li {padding-bottom: 4pt; }
       .hilite { background-color: #fff;
		 color: #C00 ; 
                 font-weight: bold;}