html, body {
    height: 100%;
	margin: 0px;
	padding: 0px;
	font: 9pt arial, sans-serif;
	background-image: url("../images/bgMainWindowGrayFade.png");
    background-repeat: repeat-x;
    background-position: top left;
	background-color: #232323;
	}

/*** can be used for special notices ***/
#leftBanner {
     position: absolute;
     left: 0px;
     top: 0px;
     }

/* Container is wrapper settings*/
#container{
	width: 100%;
    padding:0px;

    color: #FFF;    
    border:none;
    }

/*stageWrapper settings*/
#wrapper {
    width: 100%;
    padding: 0px;

    }

#mainWindow {
    padding: 0px;
    font: 8pt arial, sans-serif;
    color: gray;
	float: left;
	clear: right;
    border: 1px solid #000;
	background-color: #FFF;
     }

/*-----Commons-----*/
h1 {
    font:11pt arial,sans-serif;
    font-weight:bold;
    color:#B5A642;
    margin-bottom:-6px;
    }

h2 {
    font:10pt arial,sans-serif;
    font-weight:bold;
    color:#666;
    margin-bottom:-6px;
    }
    
a:link {
    padding:0px;
    font: 9pt arial, sans-serif;
    color:#0500da;
    text-decoration:none;
    }

a:visited {
    padding:0px;
    font: 9pt arial, sans-serif;
    color:#0500da;
    text-decoration:none;
    }

a:hover {
    padding:0px;
    font: 9pt arial, sans-serif;
    color:#4c0e57;
    text-decoration:underline;
    }

table {
     border-collapse: collapse;
     padding: 0px;
     display:inline-table;
     }

img {
    padding:0;
	border:none;
    }

#topLinks {
    width:100%;
    height:17px;
    margin-bottom:-26px;
	border-collapse:collapse;
	background-image: url("../images/bgTopLinksBlack.png");
    background-repeat: repeat-x;
    }

#topLinks a:link {
    float:left;
    display:block;
    text-align: center;
    width:100%;
    height:15px;
    margin: 0px 7px 0px 7px;
    font: 8pt arial, sans-serif;
    font-weight: bold;
    color:#FFF;
	background-image: url("../images/bgTopLinksBlack.png");
    background-repeat: repeat-x;
    text-decoration:none;
    border-right: 1px solid #7C7C7C;
    }

#topLinks a:visited {
    float:left;
    display:block;
    text-align: center;
    width:100%;
    height:15px;
    margin: 0px 7px 0px 7px;
    font: 8pt arial, sans-serif;
    font-weight: bold;
    color:#FFF;
	background-image: url("../images/bgTopLinksBlue_01.png");
    background-repeat: repeat-x;
    text-decoration:none;
    border-right: 1px solid #7C7C7C;
    }

#topLinks a:hover {
    float:left;
    display:block;
    text-align: center;
    width:100%;
    height:15px;
    margin: 0px 7px 0px 7px;
    font: 8pt arial, sans-serif;
    font-weight: bold;
    color:#B5A642;
	background-image: url("../images/bgSubInfoBoxGrayWhite.png");
    background-repeat: repeat-x;
    text-decoration:none;
    border-right: 1px solid #7C7C7C;
    }

#timeDate {
    margin-top:-18px;
    font: 7.5pt century gothic, arial, sans-serif;
    color: #FFF;
	float: right;
     }


/* ---- Top Row Settings --> */
#homeTextArea {
    width:757px;
    float: left;
    background-image:url("../images/bgHomeBotFade.png");
	background-repeat:repeat-x;
	background-position: top left;
    }

#homeLeft {
    width:337px;
    float:left;
    clear:right;
    padding:15px;
    font:9pt arial,sans-serif;
    border-right:1px solid #515151;
    background-image:url("../images/bgHomeBotFade.png");
	background-repeat:repeat-x;
	background-position: top left;
    }

#homeRight {
    width:343px;
    float:left;
    padding:15px;
    font:9pt arial,sans-serif;
    background-image:url("../images/bgHomeBotFade.png");
	background-repeat:repeat-x;
	background-position: top left;
    }

#insideLeft {
    width:392px;
    float:left;
    clear:right;
    padding:15px;
    font:9pt arial,sans-serif;
    border-right:1px solid #515151;
    background-image:url("../images/bgHomeBotFade.png");
	background-repeat:repeat-x;
	background-position: top left;
    }

#insideRight {
    width:288px;
    float:left;
    padding:15px;
    font:9pt arial,sans-serif;
    background-image:url("../images/bgHomeBotFade.png");
	background-repeat:repeat-x;
	background-position: top left;
    }

#copyRight {
    width: 100%;
    float:left;
    text-align: center;
    font: 7.5pt Lucida Sans Unicode, arial, sans-serif;
    color: #FFF;
    border-top: 1px solid #000;
	background-image: url("../images/bgTopLinksBlack.png");
    background-repeat: repeat-x;
    }
    
#thankYou {
    width:756px;
    margin-left:1px;
    text-align:center;
    font: 8.5pt arial, sans-serif;
    color: #000;
    background-color:#FFF;
    }

#sectionHeader {
    padding:0px;
    margin:-2px 0px -3px 0px;
    }

#fullPageCentered {
    padding: 13px;
    }
    
/*-- TABLES --*/

.tableDocs {
    width: 700px;
    padding:0px;
    margin:0;
    border-collapse: collapse;
    display:inline-table;
    border:1px solid #000;
    }

.tableDocs th{
    padding:3px;
    font:10pt arial,sans-serif;
    font-weight:bold;
    text-align:left;
    color:#444;
    }
    
.tableDocs td{
    padding:3px;
    font:9pt arial,sans-serif;
    text-align:left;
    color:#777;
    }
    
/*-----Tables-----*/
#tableHomeTop {
    padding:0;
    margin:0;
    border-collapse: collapse;
    display:inline-table;
    background-image:url("../images/bgHomeTopFade.png");
	background-repeat:repeat-x;
	background-position: top left;
	border-bottom: 1px solid #000;
    }
    
#tableGenes {
     color:#000;
     background-color:#FFF;
     border: 1px solid #000;
     }

.tableTree {
     color:#000;
     background-color:#f2f2f2;
     border: 1px solid #000;
     }

.tableTree1 {
     color:#000;
     background-color:#A4D3EE;
     border: 1px solid #000;
     }

.tableTree2 {
     color:#000;
     background-color:#C6E2FF;
     border: 1px solid #000;
     }

.tableTree3 {
     color:#000;
     background-color:#88ACE0;
     border: 1px solid #000;
     }

/*---End Family Tree Page---*/

/*---Early Family Table Chart --*/
#tableEarlyFamily {
     width:2200px;
     font: 7.5pt Lucida Sans Unicode, arial, sans-serif;
     color:#333;
     background-color:#FFF;
     border: 1px solid #000;
     border-collapse:collapse;
     }

#tableEarlyFamily th{
     padding:3px;
     font: 7.5pt Lucida Sans Unicode, arial, sans-serif;
     font-weight:600;
     color:#555;
     background-image: url("../images/bgSubInfoBox.png");
     background-repeat: repeat-x;
     background-position: bottom left;
     border: 1px solid #333;
     border-collapse:collapse;
     }

#tableEarlyFamily td{
     padding:3px;
     font: 7.5pt Lucida Sans Unicode, arial, sans-serif;
     color:#333;
     background-color:#FFF;
     border: 1px solid #000;
     border-collapse:collapse;
     }