/* Style file for Cherlin/Chervin family pages */

/* Navigation Bar */

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

ul#list-nav li {
  display:inline
}

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

ul#list-nav li a {
  text-decoration:none;
  padding:20px 10px;
  width:80px;
  background:#485e49;
  color:#eee;
  float:center;
  text-align:center;
  border-left:2px solid #808080;
}

ul#list-nav li a.sub {
 background:CC8044;
 padding:16px 8px
}

<!-- Chrome extension adds a link without subsub: override here-->
ul#list-nav li.subsub a {
 text-decoration:none;
 padding:20px 10px;
 width:80px;
 background:#485e49;
 color:#eee;
 float:center;
 text-align:center;
 border-left:2px solid #808080;
 background:blue;
 padding:12px 6px
}

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


ul#list-nav li a:hover {
  background:#a2b3a1;
  color:#000
}

ul#list-nav li a.sub:hover {
  background:#f0a520;
  color:#000
}

ul#list-nav li a.subsub:hover {
  background:#addae6;
  color:#000
}

/* 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;}
       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: 0 px;
	   border-style: none;
	   padding: 0 px;
	   }
       table.structural {background-color: transparent;
	   border-width: 0 px;
	   border-style: none;
	   padding: 0 px;
	   }
       table.structural th,td{border-style:none;}
       table.frame {background-color:c0d0c8;
                border-width: 30 px;
                border-style: ridge;
                padding: 4 px;
                margin-left: auto;
                margin-right: auto;
       }
       table.frame td.pale{background-color:c8d8d0;}
       table.gallery {
                background-image:none;
                border-collapse:collapse;
	  background-color:c0d0c8;
                border-width: 6 px;
                border-style: groove;
                padding: 1 px;
                margin-left: auto;
                margin-right: auto;
       }
       table.gallery th,td {
              border-style: none;
              border-width: 0px;
              padding: 0px;} 

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