body.char { 
background:#cccccc url(/staticarchive/46cdbfd630e5d39013408603d554c054d0e21679.jpg) repeat-y;
}

#charsMenu img {padding-top:10px}


/*###TOP ROW*/

  #top-section {
  position:relative;
  left:0;
  top:0;
  }

  #top-col-1 {
  position:relative;
  padding: 6px 10px 10px 20px;	

  
  }
  
  #top-col-1 h1 {
  color:#FFFFFF;
  font-weight:bold;
  font-size:1.8em;
  }

#characters ul {
	list-style:none;
}
#family1 {
	float:left;
}
#family2 {
	float:left;
}

#family3 {
	clear:left;
	float:left;
}
#family4 {
	float:left;
}

/*MIDDLE ROW*/  
  #mid-section {
  position:relative;
  left:0;
  top:6px;
  }
  
  #mid-section h1 {
  margin-top:3px;
  color:#fff;
  font-size:0.7em;
  }
  
  #mid-section p {
  color:#fff;
  font-size:0.7em;
  }
  
  #mid-section .p2 {
  color:#333;
  font-size:0.7em;
  }
  
  
  #tree_line_top {
  position:absolute;	
  margin:24px 0px 0 200px;
  padding:0 0 0 0;
  }
  
  *html #tree_line_top {
  position:absolute;	
  margin:14px 0px 0 200px;
  padding:0 0 0 0;
  }
  
  #tree_line_bottom {
  position:absolute;	
  margin:183px 0px 0 180px;
  padding:0 0 0 0;
  }
  
  *html #tree_line_bottom {
  position:absolute;	
  margin:173px 0px 0 180px;
  padding:0 0 0 0;
  }
  
  #mid-col-1 {
  position:absolute;
  top:0;
  left:35.4%;
  width:16.15%;
  }

  #mid-col-2 {
  position:absolute;
  top:0;
  left:51.55%;
  width:16.15%;
  }

  #mid-col-3 {
  position:absolute;
  top:0;
  left:67.7%;
  width:16.15%;
  }

  #mid-col-4 {
  position:absolute;
  top:0;
  left:83.85%;
  width:16.15%;
  }
  
  #profile1 {
  list-style:none;
  margin-top:0px;
  margin-bottom:23px;
  }
  
  
  #profile2{
  margin-top:0px;
  margin-bottom:23px;
  list-style:none;
  }
  
  #profile3{
  margin-top:0px;
  margin-bottom:3px;
  list-style:none;
  }
  
  #profile4{
  margin-top:0px;
  margin-bottom:17px;
  list-style:none;
  }
  
  #profile5{
  margin-top:0px;
  margin-bottom:17px;
  list-style:none;
  }
  
  #profile6{
  margin-top:0px;
  margin-bottom:17px;
  list-style:none;
  }
  
  #profile7{
  margin-top:10px;
  margin-bottom:17px;
  list-style:none;
  }
  
  #profile8{
  margin-top:0px;
  margin-bottom:17px;
  list-style:none;
  }  
  
  
/*BOTTOM ROW*/  
  
  #bottom-section {
  position:relative;
  left:0;
  top:0;
  }
  
  
  #bottom-col-1 {
  position:relative;
  padding-left:20px;
  padding-right:10px;
  width:200px;
  }
  
  #main_profile {
  margin:20px 0 0 0;
  width:184px;
  }
  
  
  #main_profile .biotext{
  margin: 0 0px 0 10px;
  }
  
  
  #main_profile h2 {
  margin: 10px 0 10px 0 ;
  color:#FFFFFF;
  font-size:1.8em;
  font-weight:bold;
  }
  
  #main_profile h3 {
  margin: 10px 0 10px 0 ;
  color:#FFFFFF;
  font-size:1.6em;
  font-weight:bold;
  }
  
  #main_profile p {
  color:#3e4142;
  font-size:1.1em;
  padding:1px;
  }

  #bottom-col-2 {
  position:relative;
  top:-130px;
  left:35.4%;
  padding: 0 0 0 0;
  width:400px;
  }
  
  *html #bottom-col-2 {
  position:relative;
  top:-120px;
  left:35.4%;
  padding: 0 0 0 0;
  }
  
 
  
  
  #bottom-col-3 {  
  position:absolute;
  top:290px;
  left:73%;  
  }
  
  *html #bottom-col-3 {  
  position:absolute;
  top:313px;
  left:73%;  
  }
  
  #related { 
  background-color:#889aa6;
  margin-top:15px
  }
  
  #related h2{
  margin: 0 0 0 0 ;
  padding-bottom:5px;
  color:#335d79;
  font-size:1.4em;
  font-weight:bold;
  }
  
  #related p {
  color:#ffffff;
  font-weight:bold;
   font-size:0.9em;
  
  }
  

  .Profileshadow {
  background: url(/staticarchive/a7e02901f3756c4294be988f3c5a0402f1085f6f.gif) repeat;
  position: relative;
  top: -4px; 
  left: -4px;
  height:80px; 
  width:95px;
  }
  
  
  /*  NEW CODE */  
#leftColumn {float:left; 
		width:180px;
		margin-left:10px;
		clear:both;
			 }

#rightColumn{float:right; margin:0; width:430px;}
#relatives .relativesRow {
padding:0;
float:right;
width:430px;
margin-bottom:10px;
}

.charsRow {
padding:0;
width:600px;
margin:0px 0px 0px 10px;
}


#bottomRow{width:410px; margin:20px 0 0 0; float:right}
#bottomRowA{float:left; 
	    width:230px;            
			}

#bottomRowB{width:220px;float:right;}


#charsMenu ul { list-style:none; margin:0; padding:0;}
#charsMenu li {float:left; list-style:none; padding:0 0 0 10px; margin:0}

.relName {
  color:#ffffff;
  font-family:Georgia;
  font-size:1.2em;
  font-weight:bold;
  padding: 0px 0px 0px 0px  
}


.rel {
  font-size:1.1em;
  
}