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

/*Page header style*/
#header {
position : fixed;
top : 0;
left : 0;
width : 100%;
height : 38px;
background-color : #cc6600;
border-bottom : thick solid #000000;
}
/* Body text and page background */
body {
margin : 0;
padding : 0;
font-family : 'Book Antiqua', Times, Serif;
font-size : medium;
color : #000000;
background-color : #ffff99;
}

/*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 {
margin-top : 38px;
margin-left : 12em;
margin-right : 1em;
padding : 1px;
}

/*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;
}




/*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;
}

/*Style for sidebar column with total width of 12em. Original code - to be erased when getting text in sidebar on this page the same as text in sidebar of other dna pages
#sidebar {
font-family : 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
font-size : medium;
text-align : left;
float : left;
display : inline;
padding : 0;
margin : 1em;
margin-top : 88px;
width : 10em;
background-color : #ffffcc;
}
*/


    
	

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






/*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 (fuchsia, no underline) */
a:visited {
color : #ff00ff;
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 {
clear : both;
width : 1635px;
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;
}