/*
 * Main style-sheet for web site. Used helpful tips found at:
 * http://www.alistapart.com/stories/flexiblelayouts/
 */

html {
    font: 10px/1.4 'Lucida Grande', Arial, Verdana, sans-serif;
    color: #444;
    background: #fff;
}

/* ======================================================================
 * Body
 * ======================================================================
 * Settings for the page, including padding, background color, and fonts.
 * background-color: #eeeeee;
 */
body {
    background-color: #ffffff;
    color: #444;
    font-family: Verdana, sans-serif;
    font-size: 1.4em;
}

/* ======================================================================
 * Links
 * ======================================================================
 */

/* Colors
   #b2ae5b;
   #66632a;
   #108bbf;
   #7f3441;
   #ff758c;
*/


/* Top */

#top {
    float: left;
    width: 98%;
    padding-top: 10px;
    margin-left: 10px;
    margin-right: 0px;
    padding-right: 0px;
    margin-bottom: 10px;
}

#top-left {
    float: left;
    width: 20%;
    padding-left: 10px;
    font-size: 10pt;
    color: #b2ae5b;
    letter-spacing: 4px;
}

#top-right {
    float: right;
    width: 70%;
    text-align: right;
    padding-right: 10px;
    padding-top: 20px;
    font-size: 10pt;
    font-style: italic;
    letter-spacing: 5px;
    color: #b2ae5b;
    color: #66632a;
}

/* Menu */

#menu {
    float: left;
    width: 97%;
    margin-left: 10px;
    padding-left: 0px;
    margin-right: 10px;
    margin-left: 10px;
}

#menu-list {
    margin: 0px;
    padding-bottom: 19px;
    padding-left: 10px;
    border-bottom: 1px solid #108bbf;
}

#menu-list ul {
    display: inline;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#menu li {
    display: inline;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#menu ul a.default {
    padding: 10px;
    color: #fff;
    text-decoration: none;
    background: #108bbf;
    border: 1px solid #108bbf;
}

#menu ul a.default:link {
    background: #108bbf;
    border: 1px solid #108bbf;
    color: #fff;
    float: left;
    font-size: small;
    font-weight: normal;
    line-height: 14px;
    margin-right: 8px;
    padding: 2px 10px 2px 10px;
    text-decoration: none;
} 

#menu a.default:visited {
    background: #108bbf;
    border: 1px solid #108bbf;
    color: #fff;
    float: left;
    font-size: small;
    font-weight: normal;
    line-height: 14px;
    margin-right: 8px;
    padding: 2px 10px 2px 10px;
    text-decoration: none;
}

#menu a.default:hover {
}

#menu ul a.inactive {
    background: #e0e0e0;
    border: 1px solid #108bbf;
    outline: none;
    color: #108bbf;
    padding: 10px;
    text-decoration: none;
}

#menu ul a.inactive:link {
    background: #e0e0e0;
    border: 1px solid #108bbf;
    color: #108bbf;
    outline: none;
    float: left;
    font-size: small;
    font-weight: normal;
    line-height: 14px;
    margin-right: 8px;
    padding: 2px 10px 2px 10px;
    text-decoration: none;
} 

#menu a.inactive:visited {
    background: #e0e0e0;
    border: 1px solid #108bbf;
    color: #108bbf;
    outline: none;
    float: left;
    font-size: small;
    font-weight: normal;
    line-height: 14px;
    margin-right: 8px;
    padding: 2px 10px 2px 10px;
    text-decoration: none;
}

#menu a.inactive:hover {
}

#menu ul a.active {
    background: #ffffff;
    border: 1px solid #108bbf;
    border-bottom: 1px solid #ffffff;
    outline: none;
    color: #108bbf;
    padding: 10px;
    text-decoration: none;
}

#menu ul a.active:link {
    background: #ffffff;
    border: 1px solid #108bbf;
    border-bottom: 1px solid #ffffff;
    outline: none;
    color: #108bbf;
    float: left;
    font-size: small;
    font-weight: normal;
    line-height: 14px;
    margin-right: 8px;
    padding: 2px 10px 2px 10px;
    text-decoration: none;
} 

#menu a.active:visited {
    background: #ffffff;
    border: 1px solid #108bbf;
    border-bottom: 1px solid #ffffff;
    outline: none;
    color: #108bbf;
    float: left;
    font-size: small;
    font-weight: normal;
    line-height: 14px;
    margin-right: 8px;
    padding: 2px 10px 2px 10px;
    text-decoration: none;
}

#menu a.active:hover {
}

/* Content */

#content {
    float: left;
    width: 96%;
    padding-top: 10px;
    padding-left: 20px;
    margin-left: 10px;
    margin-right: 0px;
    padding-right: 0px;
}

#content h3 {
    overflow: hidden;
}

#content ul {
    overflow: hidden;
    list-style-type: disc;
    margin-left: 15px;
    margin-right: 50px;
}

#content li {
    padding-bottom: 10px;
}

#content ul.horizontal {
    padding-left: 10px;
}

#content ul.horizontal li {
    display: inline;
    padding-right: 50px;
    padding-left: 10px;
    padding-bottom: 0px;
    background-image: url(file:///home/zappala/Web/genealogy/images/diamond-black.gif);
    background-repeat: no-repeat;
    background-position: 0% 60%;
}

#content a {
    color: #66632a;
    color: #108bbf;
    color: #003366;
    text-decoration: none;
    border-bottom: 1px dotted;
    font-weight:bold;
    font-size: 93%;
}

#content a:link {
    color: #66632a;
    color: #108bbf;
    color: #003366;
} 

#content a:visited {
    color: #66632a;
    color: #108bbf;
    color: #003366;
} 

#content a:active {
    color: #66632a;
    color: #108bbf;
    color: #003366;
}

#content a:hover	{
    border-bottom: 1px solid;
}


/* ======================================================================
 * Headings
 * ======================================================================
 */

h1
{
    color: #7f3441;
    font-size: 125%;
    font-weight: bold;
}

h2
{
    color: #66632a;
    font-size: 110%;
    font-weight: bold;
    border: 1px solid #cccccc;
    border-width: 0px 0px 1px 0px;
}

h3 {
    font-size: 95%;
    font-weight: bold;
}

h3:before {
    content: "\0BB  ";
}

h3:after {
    content: "  \0AB";
}

h4
{
    font-size: 10pt;
    font-weight: bold;
    text-align: left;
    text-decoration: underline;
    margin-bottom: -10px;
    padding-left: 2px;
}

h4.red
{
    color: #990011;
    border: 1px solid #990011;
    border-width: 0px 0px 1px 0px;
    font-weight: bold;
}

h5
{
    font-size: 8pt;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    margin-bottom: -10px;
}

/* ======================================================================
 * Images
 * ======================================================================
 */

img {
    border: 0px;
    vertical-align: middle;
}

img.indent {
    border: 0px;
    vertical-align: middle;
    margin-left: 50px;
}

img.padding {
    padding: 10px;
}

/* ======================================================================
 * Styles
 * ======================================================================
 */

code {
    color: #7f3441;
    font-family: Verdana, sans-serif;
    font-weight: bold;
    font-size: 95%;
}

.info {
    margin-left: 50px;
    margin-right: 50px;
    color: #707070;
    font-size: 95%;
    font-weight: bold;
}

.document {
    margin-left: 50px;
}