/*stylesheet.css for DDNA Participants' page*/

/*Page header style*/
#header{
     position: relative;
     top:0; left:0px;
     width:100%;       
}
/* Body text and page background */
body {
margin : 0;
padding : 0;
font-family : 'Book Antiqua', Times, Serif;
font-size : medium;
color : #000000;
background-color : #ffffff;
}

/*Level 1 Headings*/
h1 {
font-family : 'Lucida Handwriting', 'Comic Sans MS', TSCu_Comic, cursive;
font-size : x-large;
color : #00008b;
text-align : center;
}

/*Level 2 Headings*/
h2 {
font-family : 'Lucida Handwriting', 'Comic Sans MS', TSCu_Comic, cursive;
font-size : large;
color : #00008b;
text-align : center;
}

/*Style for main content column and margin-left must equal total width of left sidebar*/

/* #main to be removed upon seeing the main text being the same width as the new header and footer
#main{
      margin-top:5px;
      margin-left:12em;
      margin-right:1em;
      padding: 1px;
      text-align: justify;
}*/

#main{
      margin-top:70px;
	  /*      margin-left:12em;
	  margin-right:1em;*/
	  margin-left: 225px;
	  margin-right:49px;      
      padding: 1px;
      text-align: justify;
}



/*Style for sidebar column  with total width of 12em - copied from dnastyles.css*/
#sidebar {
    position: fixed;
    top:92px; left:0;
    font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    font-size: large;
    color: #000000;
    text-align: left;
    float: left;
    display: inline;
    padding: 0;
    margin-left: 1em;
  margin-right: 1em;
  margin-bottom: 25px;  width: 10em;
    background-color: #ffffff;
	border-right: thin solid #000000;
}








/*DNA participants' table*/
table {
vertical-align : middle;
text-align : left;
font-size : x-small;
border-collapse : collapse;
padding : 1em;
}
th.black {
background-color : #ffffff;
color : #000000;
text-align : center;
font-weight : normal;
font-size : x-small;
border : 1px solid #000000;
padding : 1px;
}
th.red {
background-color : #ffffff;
color : #ff0000;
text-align : center;
font-weight : normal;
font-size : x-small;
border : 1px solid #000000;
padding : 1px;
}
tr.black {
color : #000000;
font-weight : normal;
}
tr.blackstrong {
color : #000000;
font-weight : bold;
}
tr.family1 {
background-color : #99ffff;
}
tr.family2 {
background-color : #66ffcc;
}
tr.family3 {
background-color : #99ff99;
}
tr.family4 {
background-color : #b0c4de;
}
tr.family5 {
background-color : #ccffcc;
}
tr.family6 {
background-color : #cc99cc;
}
tr.family7 {
background-color : #ffccff;
}
tr.family8 {
background-color : #9999ff;
}
tr.family9 {
background-color : #ccccff;
}
tr.family10 {
background-color : #ffa07a;
}
tr.newmember {
background-color : #ffffff;
}
tr.family11 {
background-color : #99ddff;
}

tr.family12 {
background-color : #33cccc;
}

tr.family13 {
background-color : #FFFF66;
}

tr.family14 {
background-color : #FF83FA;
}

tr.family15 {
background-color : #CCCC00;
}
tr.family16 {
background-color : #99FF66;
}
tr.family17 {
background-color : #CD5C5C;
}
tr.familyU {
background-color : #F0E68C;
}
/*bold red text*/
td.redstrong {
border : 1px solid #000000;
color : #ff0000;
font-size : small;
font-weight : bold;
padding : 1px;
}

/*bold black text*/
td.blackstrong {
border : 1px solid #000000;
color : #000000;
font-size : small;
font-weight : bold;
padding : 1px;
}

/*red text*/
td.red {
border : 1px solid #000000;
color : #ff0000;
font-size : small;
font-weight : normal;
padding : 1px;
}

/*black text*/
td.black {
border : 1px solid #000000;
color : #000000;
font-size : small;
font-weight : normal;
padding : 1px;
}

/*blue text*/
td.blue  {
border : 1px solid #000000;
color : #0000ff;
font-size : small;
font-weight : normal;
padding : 1px;
}

/*end of participants' table*/

/*beginning of formatting of text beneath participants' table*/
.haplogroups {
color : #ff0000;
font-size : medium;
font-weight : bold;
}/*consider moving below links and float style (stopping at start of footer styles) to above sidebar and into formatting of text beneath participants' table*/

/*unvisited links (mediumblue (SVG), no underline) */
a:link {
color : #0000cd;
text-decoration : none;
}

/*Visited links (brown, no underline) */
a:visited {
color : #999933;
text-decoration : none;
}

/*Hover links (red, no underline) */
a:hover {
color : #ff0000;
text-decoration : none;
}

/*Active links (green, no underline) */
a:active {
color : #00ff00;
text-decoration : none;
}

/*Float image to left of paragraph*/
img.floatLeft {
float : left;
margin-right : 5em;
}

/*Float image to right of paragraph*/
img.floatRight {
float : right;
}

/*Center image between margins */
div.center {
width : 100%;
text-align : center;
}





/*Page footer style */
#footer {
position: relative;
     left:225px;
     width:83.75%;
clear : both;
height : 42px;
background-color : #cc6600;
border-top : thick solid #000000;
}






/*Page update date */
#update {
font-family : 'Times New Roman', Times, serif;
font-size : x-small;
color : #000000;
text-align : left;
margin-left : 3em;
}

/*Page copyright dates */
#copyright{
   font-family: 'Times New Roman', Times, serif;
   font-size: x-small;
   color: #000000;
   text-align: left;
   margin-left: 3em;
}