html
{ height:100%; 
 max-height:100%; 
 padding:0; 
 margin:0; 
 border:0px none; 
 background:#fff; 
 font-size:76%; 
 font-family:verdana, arial, sans-serif; 
/* hide overflow:hidden from IE5/Mac */
/* \*/
 overflow: hidden; 
 }


body 
{
 height:100%; 
 max-height:100%;
 overflow:hidden; 
 padding:0; 
 margin:0; 
 border:0;
 border:none;
 }

#header {
 position:absolute; 
 z-index:6; 
 margin:0; 
 top:0; 
 left:0; 
 right:180px;
 display:inline; 
 height:20px; 
 overflow:auto; 
 background:rgb(200,200,200);
 border-bottom:1px solid black;
 }

* html #header {
 width:100%; 
 top:0; 
 bottom:0; 
 margin:0;
 padding:0;
 border-right:180px solid #fff; 
 }

#header p {
  text-indent:0px;
  text-align:center; 
  margin:2px 0px 0 0px;
  padding:0;
 }

#footer {
 position:absolute; 
 z-index:5; 
 margin:0; 
 bottom:0; 
 left:0; 
 display:inline; 
 width:100%; 
 height:20px; 
 text-align:center;
 overflow:auto;
 background:rgb(200,200,200);
 border-top:1px solid black;
 }

#footer p {
  text-indent:0px;
  text-align:center;
  color:black; 
  margin:1px 10px 0 10px;
  padding:0;
  }

#topright {
 position:absolute; 
 z-index:7; 
 right:0; 
 top:0; 
 height:20px; 
 width:180px; 
 margin:0;
 padding:0;
 background:rgb(190,210,250);
 overflow:hidden; 
 border-left:1px solid black; 
 border-bottom:1px solid black;
 text-align:center;
 }

#topright p {
 text-indent:0px;
 text-align:center;
 font-size:11pt; 
 color: rgb(170,0,0);
 font-weight:bold;
 padding-top:0;
 padding-bottom:0;
 margin:0px 0px 0px 0px;
 }

#right {
 position:absolute; 
 z-index:4; 
 right:0; 
 top:20px; 
 bottom:20px; 
 width:180px; 
 margin:0;
 padding:0;
 background:rgb(240,240,240);
 overflow:auto; 
 font-size:7pt; 
 border-left:1px solid black; 
 border-right:0px none;
 }

* html #right {
 height:100%; 
 top:0; 
 bottom:0; 
 margin:0;
 padding:0;
 width:180px;
 border-top:20px solid #fff; 
 border-left:1px solid black; 
 border-bottom:20px solid #fff; 
 border-right:none;
 color:black;
 }


#content {
 position:absolute; 
 z-index:3; 
 top:20px; 
 bottom:20px; 
 right:180px; 
 left:0; 
 overflow:auto; 
 background:white;
 text-align:center;
 }

* html #content {
 top:0; 
 left:0; 
 bottom:0;
 width:100%;
 height:100%;
 max-height:100%;
 overflow:auto; 
 position:absolute;
 z-index:3;
 border-top:20px solid #fff;
 border-bottom: 20px solid #fff;
 border-right:180px solid #fff;
 }

.anothersmall a      {
 text-decoration:underlined; 
 display:block; 
 width:150px; 
 height:18px;
 text-align:center;
 line-height:18px;
 margin-top:0px;
 margin-left:0px;
 margin-right:0px;
 margin-bottom:0px;}

.anothersmall a:link   {
 text-decoration:underlined; 
 display:block; 
 width:150px; 
 height:18px;
 text-align:center;
 line-height:18px;
 margin-top:0px;
 margin-left:0px;
 margin-right:0px;
 margin-bottom:0px;}

.anothersmall a:visited  {
 display:block; 
 width:150px; 
 height:18px;
 text-align:center;
 text-decoration:underlined;}

.anothersmall a:hover   {
 color: #FF0000; 
 text-decoration:none;
 background:rgb(200,240,255); 
 display:block; 
 width:150px; 
 height:18px;
 line-height:18px;
 margin-top:0px;
 margin-left:0px;
 margin-right:0px;
 margin-bottom:0px; 
 font-size:110%;
 font-weight:bold;
 }

.anothersmall a:active   {
 color: #C11B17; 
 text-decoration: none;
 background:rgb(220,255,230);
 font-size:110%;
 font-weight:bold;
 } 

.small a      {
 text-decoration:underlined; 
 display:block; 
 width:75px; 
 height:18px;
 text-align:center;
 line-height:18px;
 margin-top:0px;
 margin-left:0px;
 margin-right:0px;
 margin-bottom:0px;}

.small a:link   {
 text-decoration:underlined; 
 display:block; 
 width:75px; 
 height:18px;
 text-align:center;
 line-height:18px;
 margin-top:0px;
 margin-left:0px;
 margin-right:0px;
 margin-bottom:0px;}

.small a:visited  {
 display:block; 
 width:75px; 
 height:18px;
 text-align:center;
 text-decoration:underlined;}

.small a:hover   {
 color: #FF0000; 
 text-decoration:none;
 background:rgb(200,240,255); 
 display:block; 
 width:75px; 
 height:18px;
 line-height:18px;
 margin-top:0px;
 margin-left:0px;
 margin-right:0px;
 margin-bottom:0px; 
 font-size:110%;
 font-weight:bold;
 }

.small a:active   {
 color: #C11B17; 
 text-decoration: none;
 background:rgb(220,255,230);
 font-size:110%;
 font-weight:bold;
 } 

.lft  {float:left;}
.rgt  {float:right;}


#current   a  {
 background: rgb(150,150,150);
 color: white;
 text-decoration:underlined; 
 display:block; 
 width:75px; 
 height:18px;
 text-align:center;
 line-height:18px;
 margin-top:0px;
 margin-left:0px;
 margin-right:0px;
 margin-bottom:0px;
 font-size:110%;
 font-weight:normal;
 }


h1 {margin-top: 15px; margin-bottom: 5px;color: rgb(150,0,0);}
h2 {margin-top: 5px; margin-bottom: 10px;color: rgb(0,0,150);}
h3 {margin-top: 20px; margin-bottom: 10px;color: rgb(150,0,0);}
h4 {margin-top: 20px; margin-bottom: 10px;color: rgb(0,0,0);}


h5, h6  {
 margin-top: 10px; 
 margin-bottom: 3px;
 margin-left: 20px;
 text-align:left;
 }

h5, h6 {font-weight: normal;}

h1      {font-size: 3.3em;}
h2      {font-size: 2.7em;}
h3      {font-size: 2.2em;}
h4      {font-size: 1.8em;}
h5  	{font-size: 1.8em;}
h6      {font-size: 1.5em;}

p {
 text-indent: 20px;
 text-align:justify;
 padding-left:20px;
 padding-right:20px;
 padding-bottom:3px;
 padding-top:3px;
 margin-left:0px;
 margin-right:0px;
 margin-top:0px;
 margin-bottom:0px;
 }

p.error
{
 text-align: center;
}

p.link
{
 text-align: center;
 margin-left: auto;
 margin-right: auto;
} 

a:link      {color: #0000FF;}
a:visited   {color: #800080;}
a:hover     {color: #FF0000; text-decoration: none;background:#ffe}
a:active    {color: #C11B17; text-decoration: none;background:rgb(220,255,230);} 

table.seqanaout{
border-collapse:collapse;
 margin-left:auto; 
 margin-right:auto; 
}

table.seqanahead{
border-collapse:collapse;
 margin-left:auto;
 margin-right:auto;
 font-size: 1.2em;
}

table.general{font-size:1.3em;}

table.seqana { 
 font-weight:normal; 
 font-size: 1.0em; 
 font-family: "Courier New"; 
 vertical-align:top; 
 border-collapse:
 collapse;
 margin-bottom: 100px;
}

* html table.seqana {font-size:0.8em;}
#sr {align:left; height:12px;}
#mn {align:right; height:12px;} 
#dt {font-family: "Courier New"; height:12px;}
#tl {padding: 0px; margin: 0px 0px 0px 0px; height:12px;}
#W {background: rgb(255,225,0); font-weight:normal;}
#F {background: rgb(255,230,0); font-weight:normal;}
#Y {background: rgb(255,235,0); font-weight:normal;}
#M {background: rgb(255,255,0); font-weight:normal;}
#L {background: rgb(255,255,25); font-weight:normal;}
#I {background: rgb(255,255,50); font-weight:normal;}
#V {background: rgb(255,255,75); font-weight:normal;}
#C {background: rgb(255,255,100); font-weight:normal;}
#A {background: rgb(255,255,125); font-weight:normal;}
#P {background: rgb(255,255,150); font-weight:normal;}
#G {background: rgb(255,255,255); font-weight:normal;}
#S {background: rgb(255,255,255); font-weight:normal;}
#T {background: rgb(255,255,200); font-weight:normal;}
#N {background: rgb(255,225,225); font-weight:normal;}
#Q {background: rgb(255,225,225); font-weight:normal;}
#D {background: rgb(255,160,160); font-weight:normal;}
#E {background: rgb(255,150,150); font-weight:normal;}
#H {background: rgb(210,210,255); font-weight:normal;}
#K {background: rgb(160,160,255); font-weight:normal;}
#R {background: rgb(150,150,255); font-weight:normal;}
#TM {background: rgb(150,150,255); font-weight:normal;}
#tm {background: rgb(255,255,255); font-weight:normal;}
#RH {background: rgb(255,255,150); font-weight:normal;}
#SP {background: rgb(150,255,150); font-weight:normal;}
#st {color: rgb(0,0,255); font-weight:normal;}
#hl {color: rgb(255,0,0); font-weight:normal;}
#cl {background: rgb(255,200,200); font-weight:normal;}
#lc {background: rgb(255,150,150); font-weight:normal;}
#do {background: rgb(255,100,100); font-weight:normal;}
#co {background: rgb(255,255,150); font-weight:normal;}
#co0 {background: rgb(255,255,255); font-weight:normal;}
#co1 {background: rgb(255,255,191); font-weight:normal;}
#co2 {background: rgb(255,255,128); font-weight:normal;}
#co3 {background: rgb(255,255,64); font-weight:normal;}
#co4 {background: rgb(255,255,0); font-weight:normal;}
#co5 {background: rgb(255,191,0); font-weight:normal;}
#co6 {background: rgb(255,128,0); font-weight:normal;}
#co7 {background: rgb(255,64,0); font-weight:normal;}
#co8 {background: rgb(255,0,0); font-weight:normal;}
#co9 {background: rgb(191,0,0); font-weight:normal;}

table.graph {
font-family:verdana,arial,sans-serif;font-size:1.0em;
vertical-align:middle;border-collapse:collapse;
padding:0px;
margin:10px 20px 10px 20px;
border:0px solid black;text-align:left;}

table.align_and_structure {
font-family:verdana,arial,sans-serif;font-size:1.0em;
vertical-align:middle;border-collapse:collapse;
padding:0px;
margin:10px 20px 10px 20px;
border:0px solid black;text-align:left;}

table.alignhead {
font-family:verdana,arial,sans-serif;font-size:1em; font-weight:normal;
vertical-align:middle;border-collapse:collapse;
padding:0px;
margin:20px 10px 5px 20px;
border:0px solid black;text-align:left
}

.alignhead th {front-weight: normal;}

.graph span {display:inline-block;height:5px;}
* html .graph span {height:7px;}
.graph a {text-decoration:none;cursor:pointer}
span.filler {background:white;border:1px solid white;border-left:none;border-right:none}
span.noalileft {background:rgb(200,200,255);border:1px rgb(0,0,255) solid;border-right:none}
span.noaliright {background:rgb(200,200,255);border:1px rgb(0,0,255) solid;border-left:none}
span.align {background:rgb(0,0,255);border:1px rgb(0,0,255) solid;border-left:none;border-right:none}
span.nonalign {background:rgb(200,200,255);border:1px rgb(0,0,255) solid;border-left:none;border-right:none}
span.number {background:white;border:1px solid white;border-left:none;border-right:none; padding-left:10px;}
.graph td {padding-right:10px;}

div.ali_and_str {
 margin:10px 10px 10px 20px;
}

table.ali_and_str {
 margin:10px 10px 10px 10px;
}

pre.hhalign {
padding:0px;
margin:10px 10px 10px 10px;
border:0px solid black;text-align:left; font-size:1.1em}

pre.psialign {
padding:0px;
margin:10px 10px 10px 10px;
border:0px solid black;text-align:left; font-size:1.1em}

pre.organinfo {
padding:0px;
margin:10px 10px 10px 10px;
border:0px solid black;text-align:left; font-size:1.1em}

pre.infomation {
padding:0px;
margin:10px 10px 10px 10px;
border:0px solid black;text-align:left; font-size:1.1em}



#utsw {position:relative; width:288px; height:72px;  background:url('citrus_front/utswLogo.jpg'); overflow:hidden; margin:28px 10px 10px 10px}
#utsw a {display:block; width:288px; height:0; overflow:hidden; color:#000; text-decoration:none; padding-top:100px; background:url('citrus_front/utswlogo.png') no-repeat 500px 
500px;}
* html #utsw a  {height:72px;}
#utsw a:hover {background-position: 0 0; z-index:50;}

#crdf {position:relative;width:279px; height:86px;  background:url('citrus_front/crdfLogo.jpg'); overflow:hidden; margin: 14px 10px 10px 10px}
#crdf a {display:block; width:279px; height:0; overflow:hidden; color:#000; text-decoration:none; padding-top:100px; background:url('citrus_front/crdfLogo.jpg') no-repeat 500px 
500px;}
* html #crdf a  {height:86px;}
#crdf a:hover {background-position: 0 0; z-index:50;}

#hhmi {position:relative;width:284px; height:47px;  background:url('citrus_front/hhmiLogo.jpg'); overflow:hidden; margin:0 auto; margin:33px 10px 20px 10px}
#hhmi a {display:block; width:284px; height:0; overflow:hidden; color:#000; text-decoration:none; padding-top:100px; background:url('citrus_front/hhmiLogo.jpg') no-repeat 500px 
500px;}
* html #hhmi a  {height:54px;}
#hhmi a:hover {background-position: 0 0; z-index:50;}