a:link       { color: #ABC; }
a:visited    { color: #9AA; } 
a:active     { color: #9CC; }
numbered list { color: #F7DC8C; }

/* default style for all pages*/
/* aim is black background with simple shaded dark image from left */
/* simple text faces, small size - probably shouldnt use px definition */
/* no margins */
body    {       font-family: Verdana, Arial, Helvetica, sans-serif ; 
                        background-color: #000; 
                        color:  #FFF; 
                        margin-top:0; 
                        margin-left:0;
                        background-image: url(http://wadleynet.com/images/color-bg.gif); 
                        background-repeat: repeat-y; 
                        font-size:small;
                        voice-family: "\"}\"";
                        voice-family:inherit;
                        font-size:medium;
                }
                
h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif }
h1           { color: #EEE; font-weight: bold; background-color: #008080; font-size: xx-large; font-variant: small-caps; }
h2           { color: #DDD; font-size: xx-large; }
h3           { color: #DDD; font-size: x-large; font-variant: small-caps; }
h4           { color: #DDD; font-size: x-large; }
h5           { color: #DDD; font-size: large; font-variant: small-caps; }
h6           { color: #DDD; font-family: 'Arial Narrow','Helvetica Narrow', Arial, sans-serif; 
                           font-size: large; font-weight: bold; }
table        { color: #FFFFFF; font-family: Verdana, Arial, sans-serif; }

.VertNavList { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: large; text-indent: 0; 
               word-spacing: 0; line-height: 115%; text-align: Left; 
               color: #FFFFFF; margin: 0 }
.normal      {  }
.copyright   { font-size: small; }
.smalltable  { font-size: medium; font-family: Verdana,sans-serif; font-weight: normal; text-decoration: none; color: #FFFFFF; }
.smalltable0  { font-size: small; font-family: Verdana,sans-serif; font-weight: normal; text-decoration: none; color: #FFFFFF; }
.smalltable1  { font-size: x-small; font-family: Verdana,sans-serif; font-weight: normal; text-decoration: none; color: #FFFFFF; }
.smalltablerev  { font-size: large; font-family: Verdana,sans-serif; font-weight: normal; text-decoration: none; color:#000; background-color:#FFF; }

.inlinetop    { vertical-align: top}
.inlinefloat { float: right }

a.localnav {font-size: small; font-family: Verdana,sans-serif; font-weight: normal; text-decoration: none;  
                        color: #CCC;
                        margin: 1px;
                        padding: 1px 1px 1px 7px;
                        border-width: 0px 0px 0px 0px;
                        border-style: none none none none;
                }

a.localnav:hover {      text-decoration: none; 
                        margin: 1px;
                        padding: 1px 1px 0px 1px;
                        border-color: #CFB;
                        border-width: 1px 1px 1px 6px;
                        border-style: none none none solid;
                }
a.colornav {font-size: small; font-family: Verdana,sans-serif; font-weight: normal; text-decoration: none; 
                        color: #FFFFFF; background-color: #006080; 
                        margin: 1px;
                        padding: 1px 1px 1px 4px;
                        border-color: #006080;
                        border-width: 1px 1px 1px 6px;
                        border-style: none none none solid;
                }
a.colornav:hover {      text-decoration: none; 
                        color: #CCFFBB; background-color: #223355; 
                        margin: 1px;
                        padding: 1px 1px 1px 4px;
                        border-color: #CCFFBB;
                        border-width: 1px 1px 1px 6px;
                        border-style: none none none solid;
                }
a.localnav0 {font-size: small; font-family: Verdana,sans-serif; font-weight: normal; text-decoration: none; color: #FFFFFF; }
a.localnav0:hover { text-decoration: none; color: #DDCCDD; }
a.localnavrev {font-size: small; font-family: Verdana,sans-serif; font-weight: normal; text-decoration: none; color: #000000; }
a.localnavrev:hover { text-decoration: none; color: #EEE; background-color: #111; }
a.localnavrev:hover strong { text-decoration: none; color: #EEE; background-color: #111; }
a.localnav1 {font-size: x-small; font-family: Verdana,sans-serif; font-weight: normal; text-decoration: none; color: #FFFFFF; }
a.localnav1:hover { text-decoration: none; color: #FFEE80; }
img {border: none}
abbr, acronym, .help {
  border-bottom: 1px dotted #CCC;
  cursor: help;
  }
div.row {
  clear: both;
  padding-top: 3px;
  font-family: Verdana,Arial,sans-serif; 
  font-weight: normal; 
  text-decoration: none; 
  color: #FFFFFF; 
  font-size: medium; 
  }

div.row span.label {
  float: left;
  width: 130px;
  text-align: right;
  font-family: Verdana,Arial,sans-serif; 
  font-weight: normal; 
  text-decoration: none; 
  color: #FFFFFF; 
  font-size: medium; 
  }

div.row span.formw {
  float: right;
  width: 385px;
  text-align: left;
  } 

div.float {
  float: left;
  width: 125px;
  margin: 5px;
  padding: 2px;
  height: 210px;
  background-color: #FED; 
  border-width: 2px;
  border-style: ridge; 
  }

div.float p {
  font-family: Verdana,Arial,sans-serif; 
  font-weight: normal; 
  text-decoration: none; 
  color: #111; 
  font-size: small; 
  text-align: left;
  margin: 1px;
  padding: 1px;
  }

div.float img {
  background-color: #EEF; 
  margin: 1px;
  padding: 10px;
  }

div.float strong {
  font-family: Verdana,Arial,sans-serif; 
  font-weight: bold; 
  text-decoration: none; 
  text-transform: uppercase; 
  color: #410; 
  font-size: small; 
  text-align: left;
  }

div.topmenu {
  width: 600px;
  float: left;
  clear: both;
  margin: 0px;
  padding: 0px;
  background-image: url(/images/color-bg.gif); 
  background-repeat: repeat-y; 
  border: none;
  }

div.pageback {
  background-image: url(http://wadleynet.com/images/color-bg.gif); 
  background-repeat: repeat-y; 
  }


div.album {
  float: left;
  text-align: center;
  width: 225px;
  margin: 2px 5px 2px 0px;
  padding: 3px 2px 0px 3px;
  height: 300px;
  background-color: #EFF; 
  border-width: 2px;
  border-style: ridge; 
  border-color: #BBB #EEE #EEE #BBB;
  }

div.album p {
  margin: 0px 5px 2px 1px;
  padding: 0px 0px 0px 0px;
  font-size: small; 
  font-family: Verdana,Arial,sans-serif; 
  font-weight: normal; 
  text-decoration: none; 
  color: #111111; 
  text-align: left;
  }

div.albumpage {
  float: left;
  text-align: center;
  margin: 0px;
  padding: 10px;
  background-color: #444; 
  border-width: 10px;
  border-style: ridge; 
  border-color: #BBB #EEE #EEE #BBB;
  }

div.floatfree {
  float: left;
  margin: 0px;
  padding: 0px;
  background-color: #000; 
  border: none;
  }

div.floatfree p {
  font-family: Verdana,Arial,sans-serif; 
  font-weight: normal; 
  text-decoration: none; 
  color: #FFFFFF; 
  font-size: large; 
  text-align: left;
  }

div.copyr p {
  width: 400px;
  margin: 5px;
  padding: 2px;
  font-family: Verdana,Arial,sans-serif; 
  font-weight: normal; 
  text-decoration: none; 
  color: #FFFFFF; 
  font-size: large; 
  text-align: center;
  background-color: #000; 
  }


.links1       { float:left; 
                padding: 3px; 
                margin: 1px 0px 1px 1px; 
                height: 44px; 
                border-width: thin 0px thin thin; 
                border-color: white; 
                border-style: solid; 
                background-color: #005060; }

.links2       { float:left; 
                padding: 3px; 
                margin: 1px 1px 1px 0px; 
                height: 44px; 
                width: 100px; 
                border-width: thin thin thin 0px; 
                border-color: white; 
                border-style: solid; 
                background-color: #005060; }

.filmstrip    { float:left;
                padding: 0px; 
                margin: 2px; 
                height: 108px; 
                border-width: 0px; 
                border-color: white; 
                border-style: solid; 
                background-image: url(/images/filmstrip.gif); 
                background-repeat: repeat-x; }


div.poem {
  float: left;
  text-align: left;
  margin: 8px;
  padding: 5px 18px 5px 10px;
  font-family: "Courier New", Courier, monospace;
  font-size: large;
  background-image: url(http://wadleynet.com/images/color-bg.gif); 
  background-repeat: repeat-y; 
  border-width: 1px; 
  border-color: white; 
  border-style: dotted; 
  }
a.localnavx { font-family: Verdana,sans-serif; font-weight: normal; text-decoration: none; color: #FFFFFF; 
                        margin: 1px;
                        padding: 1px 1px 1px 7px;
                        border-width: 0px 0px 0px 0px;
                        border-style: none none none none;
                }
/* background-color: #223355; */
a.localnavx:hover {     text-decoration: none; 
                        color: #EEE; 
                        margin: 1px;
                        padding: 1px 1px 0px 1px;
                        border-color: #CFB;
                        border-width: 1px 1px 1px 6px;
                        border-style: none none dotted solid;
                }
div.printonly { display: none }
span.printonly { display: none }
div.screenonly {}

strong {font-size: larger; font-weight: bolder }

a.weddingnav {font-size: medium; font-family: Verdana,sans-serif; font-weight: normal; text-decoration: none; color: #FFFFFF; 
                        margin: 1px 1px 0px 7px;
                        padding: 1px;
                        border-color: #CFB;
                        border-width: 0px 0px 1px 0px;
                        border-style: none none dotted none;
                }
/* background-color: #223355; */
a.weddingnav:hover {    text-decoration: none; 
                        color: #EEE; 
                        margin: 1px;
                        padding: 1px 1px 0px 1px;
                        border-color: #CFB;
                        border-width: 1px 1px 1px 6px;
                        border-style: none none dotted solid;
                }

/* STUFF USED ON THE FAMILY TREE PAGE */

/* .buttons { background: black; border:white 1px dotted; margin: 1px; padding: 0px; font-size: small; color: white; z-index: 12; } */
.buttons { } 
.buttons:hover { text-decoration: underline; }
.buttonsm { font-size: small; margin: 0px; padding: 0px; } 
/* .buttonsm:hover { font-size: small; margin: 0px; padding: 0px; background-color: white; color: red; } */

.familybox              { border: none; padding: 0px; margin: 0px; position: absolute; z-index: 4;
                                          }

.backgroundbox          { border-width: 0px 0px 1px 1px; 
                                          border-style: dashed;
                                          border-color: #555555;
                                          width: 99%; padding: 0px; margin: 0px; position: fixed; z-index: 0;
                                          color: #555555; 
                                          font-size: vv-large; 
                                          font-family: font-family: Verdana,sans-serif;
                                          font-weight: bold;
                                          }

.centralcharacter   { background-color: #CC3322; border-style: solid;   border-width: thin thin thin thick; border-color: #DDFFFF;
                                          font-size: medium; font-family: Verdana,sans-serif; font-weight: normal; text-transform: capitalize;
                                          padding: 1px; width: 95px; z-index: 4;
                                          clear:both;
                                          }
                                  
.parents                { background-color: #881611; border-style: solid;   border-width: thin thin thin thick; border-color: #888899;
                                          font-size: small; font-family: Verdana,sans-serif; font-weight: normal; text-transform: capitalize;
                                          padding: 1px; width: 95px; z-index: 4;
                                          clear:both;
                                          }
.unclesauntscousins { background-color: #493748; border-style: solid;   border-width: thin thin thin thick; border-color: #888899;
                                          font-size: small; font-family: Verdana,sans-serif; font-weight: normal; text-transform: capitalize;
                                          padding: 1px; width: 95px; z-index: 4;
                                          clear:both;
                                          }
.children               { background-color: #881611; border-style: solid;   border-width: thin thin thin thick; border-color: #888899;
                                          font-size: small; font-family: Verdana,sans-serif; font-weight: normal; text-transform: capitalize;
                                          margin: 0px; padding: 1px; width: 95px; z-index: 4;
                                          clear:both;
                                          }

.kidbox                 { padding: 0px; margin: 0px; width:102px;
                                          z-index: 4; clear:both; float: left;
                                          border-style: dotted; 
                                          border-width: 0px 1px 1px 0px; 
                                          border-color: white;
                                          background: black;
                                          background-color: black;
                                          }
                                          

.partner     { font-size: x-small;  font-family: Verdana,sans-serif; font-weight: normal; text-decoration: none; color: #CCDDAA; z-index: 4; }
a.partner     { font-size: x-small;  font-family: Verdana,sans-serif; font-weight: normal; text-decoration: none; color: #CCDDAA; z-index: 4; }
a.partner:hover     { text-decoration: none; color: #FFFFFF; }
.dropkids     { font-size: x-small; font-family: Verdana,sans-serif; font-weight: normal; text-decoration: none; color: #22DDDD; z-index: 2; }
a.dropkids     { font-size: x-small; font-family: Verdana,sans-serif; font-weight: normal; text-decoration: none; color: #22DDDD; z-index: 2; }
a.dropkids:hover     { text-decoration: none; color: #FFFFFF; }

.ftbanner { border: solid thin; border-color: #AACECA; 
            position: fixed; 
            left: 300px; 
            top: 40px; 
            width: 500px;
            padding: 2px; 
            z-index: 0; 
            color: #FFF;
            background-color:  #224642; 
            }
.ftmenu { border-style: solid; border-width: thin; border-color: #AACECA; 
          position: absolute; 
          left: 1px; 
          top: 1px; 
          width: 250px; 
          z-index: 1; 
          text-align: center; vertical-align: text-top; padding: 4px; 
          font-family: Verdana, Tahoma, sans-serif; 
          font-size: medium; 
          text-transform: capitalize; 
          color: #FFF;
          background-color:  #224642; 
          }

.ftmenuwide { border-style: solid; border-width: thin; border-color: #AACECA; 
          position: fixed; 
          left: 1px; 
          top: 1px; 
          height: 30px;
          z-index: 10; 
          text-align: left; vertical-align: text-top; padding: 0px; 
          font-family: Verdana, Tahoma, sans-serif; 
          font-size: x-small; 
          text-transform: capitalize; 
          color: #FFF;
          background-color:  #224642; 
          }

.menurighttop { border-style: solid; border-width: thin; border-color: #AACECA; 
          position: absolute; 
          right: 2px; 
          top: 1px; 
          width: 250px; 
          z-index: 1; 
          text-align: center; padding: 4px; 
          font-family: Verdana, Tahoma, sans-serif; 
          font-size: small; 
          text-transform: capitalize; 
          color: #FFF;
          background-color:  #224642; 
          float: right;
          }

.floatleft { float: left; }
.personthumb {width: 16px; height: 16px; border: 1px solid white; }
.personthumb:hover {width: 100px; height: 100px; border: none; }

a.acsbutton {font-size: medium; font-family: Verdana,sans-serif; font-weight: normal; text-decoration: none;  
                        color: #EEE;
                        background-color: #444;
                }

a.acsbutton:hover {     text-decoration: none; 
                        color: #222;
                        background-color: #CCC;
                }