body{
 margin:2px 0px 5px 10px;
 font:1em 'Arial';
 text-decoration: none;
 font-size: 12px;
}

.head {
 width: 630px;
 margin: 0px;
 padding: 0px;
}

.body {
 width: 630px;
 margin: 0px;
 padding: 0px;
}

.body h1{
 margin-bottom: 10;
}

.rpgboxt {
 margin: 0px;
 background-image: url(./img/b_top.gif);
 background-repeat: no-repeat;
 background-position: left top;
 padding-top: 8px;
}

.rpgboxb {
 width: 313px;
 background-image: url(./img/b_bottom.gif);
 background-repeat: no-repeat;
 background-position: left bottom;
 padding-bottom: 11px;
}

.rpgboxm {
 width: 313px;
 background-image: url(./img/b_body.gif);
 background-repeat: repeat-y;
 margin: 0px;
}

.rpgboxm h1 {
 background-image: url(./img/b_head.gif);
 background-repeat: repeat-y;
 padding-top: 0px;
 padding-left: 20px;
 margin: 0px 0px 10px 0px;
 font: 1em 'Lucida Grande', 'Arial';
 font-size: 12px;
}

.rpgboxm h2 {
 padding-top: 0px;
 padding-left: 20px;
 margin: 0px;
 font: 1em 'Lucida Grande', 'Arial';
 font-size: 12px;
 white-space: pre;
}

.rpgboxm form {
 margin: 0px;
}

.rpgboxm ul {
 margin: 5px 0px 0px 40px;
 padding: 0px;
 color: #003399;
 font: italic 1em 'Arial';
 font-size: 12px;
}

.rpgboxm ul a{
 color: #003399;
 text-decoration: none;
}
.rpgboxm ul a:hover{
 background-color:#def;
}

.rpgboxm h2 a{
 color: #003399;
 padding-top: 0px;
 padding-left: 0px;
 margin: 0px 0px 10px 0px;
 font: 1em  'Arial';
 font-size: 12px;
 text-decoration: none;
}
.rpgboxm h2 a:hover{
 background-color:#def;
}

.rpgboxm div.orgselect{

}

.search {
 padding-left: 30px;
 padding-right: 20px;
 font: 1em 'Arial';
 font-size: 12px;
}

.footer {
 clear: left;
 width: 630px;
 margin: 0px 0px 0px 0px;
 padding: 20px 0px 0px 0px;
 text-align: center;
}

.footer a{
 color: #4682B4;
 font: 1em 'Lucida Grande', 'Arial';
 text-decoration: none;
 font-size: 14px;
}

.footer a:hover{
 text-decoration: underline;
}

.ssu {
 width: 313px;
 float: left;
}

.lsu {
 width: 313px;
 float: left;
}

td.family{
 width: 10px;
 background-color:#def;
 padding-left:9px;
 font: 1em 'Lucida Grande', 'Arial';
 font-size: 14px;
}

td.genes{
 width: 100px;
 padding-left:20px;
}

td.genes a{
 color: #3366cc;
 text-decoration: none;
}

td.genes a:hover{
 text-decoration: underline;
}

td.header{
 width:80%;
 background-color:#def;
 text-align:center;
 font: 1em 'Lucida Grande', 'Arial' ;
 font-size: 14px;
}

.phase0	{color:white; background:red; text-decoration:none;}
.phase1	{color:white; background:blue; text-decoration:none;}
.phase2	{color:white; background:green; text-decoration:none;}
.aln0	{color:black; background:#FFFFFF; text-decoration:none;}
.aln1	{color:black; background:#6666FF; text-decoration:none;}
.aln2	{color:black; background:#7272FF; text-decoration:none;}
.aln3	{color:black; background:#8283FF; text-decoration:none;}
.aln4	{color:black; background:#9797FF; text-decoration:none;}
.aln5	{color:black; background:#ACACFF; text-decoration:none;}
.aln6	{color:black; background:#BBBCFF; text-decoration:none;}
.aln7	{color:black; background:#CACAFF; text-decoration:none;}
.aln8	{color:black; background:#D9D8FF; text-decoration:none;}
.aln9	{color:black; background:#E5E5FF; text-decoration:none;}

.orgselect {
 float: left;
 width: 270px;
 margin-left: 10px;
 font: italic 1em 'Lucida Grande', 'Arial';
 font-size: 8px;
}

.genetable {
 margin: 0px;
 position:relative;
 top:0px;
 left:0px;
}

td.genetable{
 width: 150px;
 margin: 0px;
 padding-left:5px;
 font: 1em 'Lucida Grande', 'Arial';
 font-size: 12px;
}

td.genetable a{
 color: #003399;
 text-decoration: none;
}

td.genetable a:hover{
 text-decoration: underline;
}