/*************************************************************************
QUICK STYLES
*************************************************************************/
.verdana { font-family: Verdana, Ariel, Helvetica, sans-serif; }
.ariel { font-family: Ariel, Helvetica, sans-serif; }
.trebuchet { font-family: "Trebuchet MS", sans-serif; }
.italic { font-style:italic; }
.smallcaps { font-variant: small-caps; }
.teal { color:#008080; }
.black { color:#000000; }
.brown { color:#330000; }
.darkred { color:#990000; }
.text10 { font-size: 10pt; }
.text11 { font-size: 11pt; }
.text12 { font-size: 12pt; }
.text13 { font-size: 13pt; }
.text14 { font-size: 14pt;}
.text16 { font-size: 16pt;}

ul.nobullets { list-style-type: none; }
ul.tightleft { margin:0px; padding:0px;}
ul.tightleft li { margin:0px; padding:0px }
.lh150 { line-height: 150%; }

.listlinks a:link {color :#000000;}
.listlinks a:visited {color: #808080;}
.listlinks a:hover {color: #990000;;}
.listlinks a:active {color: #008080;}

.menulinks a:link {color :#000000;}
.menulinks a:visited {color: #000000;}
.menulinks a:hover {color: #990000;;}
.menulinks a:active {color: #008080;}

/* class 'indent' already being used by TNG genstyles.css */
.pindent { text-indent:20px; }

.clippings {
   background-image:url( "/images/paper.gif");
    background-color: "#ffffff";
   margin-left:0px;
   padding: 3em;
    border-width: 0px;
    border-style: solid;
    border-color: #aaa;
    Font-Family: "Verdana", Geneva, sans-serif
}
.clippings img { padding:1em; }

/* not used yet -- here for future reference */
.2columns {
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
}
/********************************************************************
The following elements style vertical  menu buttons and links 
used on home page
*********************************************************************/
div.verticalMenu { 
	text-align:center;
}
div.verticalMenu ul {
  text-align:left;
  margin:0px;
  padding:0px;
  padding-bottom:4px;
}
div.verticalMenu li {
  list-style-type:none;
  width: 115px;
  margin-bottom:4px;
}
div.verticalMenu a { /*common to all links*/
   display:block;
   width: 100%;
  text-decoration:none;
  font-family:verdana, arial, sans-serif; 
  font-variant:small-caps;
  font-size:100%;
  font-weight:bold;
  padding-left:.25em; /*padding between label and edge of button*/
  padding-right:1em;
  padding-bottom:2px;
  white-space:nowrap;
  overflow:hidden; /*not sure this has any affect*/
}
div.verticalMenu a:link,
div.verticalMenu a:visited
{
  color:#008080; /*teal*/
  background:#f0ebe7;
  border:2px outset #eee; 
}
div.verticalMenu a:hover {
  color:#990000; /*dark red*/
 /* background:#f0ebe7;
  border:2px inset #eee; */
}
div.verticalMenu a:active {
  color:#aa; /*light gray*/
  background-color:#f0ebe7;
  border:2px inset #eee; 
}
#home .verticalMenu a#m-home, 
#history .verticalMenu a#m-history,
#genealogy .verticalMenu a#m-genealogy,
#civilwar .verticalMenu a#m-civilwar,
#feedback .verticalMenu a#m-feedback,
#news .verticalMenu a#m-news,
#descendants .verticalMenu a#m-descendants,
#names .verticalMenu a#m-names,
#surnames .verticalMenu a#m-surnames,
#sources .verticalMenu a#m-sources,
#abbreviations .verticalMenu a#m-abbreviations {

  background: #eeeeee;
  color: #008080;
  border: 2px inset #ffff99;
}