body {
background-color: #F0FFF0;
color: Black;
border: 0px;
margin: 0px; font-family:
Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: x-large;
font-style: italic;
color: #556B2F;
background-color: #FFFFF0;
border: 1px dashed #556B2F;
padding: 10px 15px 10px 15px;
margin: 15px;
white-space: nowrap;
}

#breadcrumb {
font-family: Arial, Helvetica, sans-serif;
font-size: small; 
border-bottom: 1px solid green;
border-top:1px solid green; 
padding-top: 10px;
padding-bottom: 10px; 
padding-left: 50px;
background-color: #FAFAD2;
color: #2F4F4F;
white-space: nowrap;
}

#breadcrumb a{ color: Maroon; text-decoration: none; background-color:transparent;}
#breadcrumb a:hover {text-decoration: underline;}



#page {
margin: 10px;
padding: 10px;
}

#login_menu {
position: absolute;
width: 150px;
top: 180px;
text-align: left;
font-size: small;
border-right: 1px solid green;
padding-right: 1px;
}


.p{
text-decoration: none;
font-weight: bold;
color: maroon;
padding-bottom: 15px;
}

#login_menu a{color: maroon; font-weight: bold; text-decoration: none;
 padding-bottom: 15px;}
#login_menu a:hover {text-decoration: underline;}

.p1{
text-decoration: none;
font-weight: bold;
color: #556B2F;
}

.text{
border: 1px solid gray;
padding: 2px;
width: 120px;
margin-bottom: 5px;
}

.button {
border: medium outset;
background-color: #F5F5F5;
margin-left: 0px;
color: #2F4F4F;
margin-top: 0px;
margin-bottom: 10px;
}

#main-copy{
     position: absolute;   
     border: thick double #90EE90;
     padding-left: 20px;
     padding-right: 20px;
     padding-top:10px;
     padding-bottom:10px; 
     margin-left:155px; 
     margin-right:120px;
     width: 600px;
     left: 120px;
     top: 180px; 
}

.my_text{
        font-family: Arial, Helvetica, sans-serif;
        font-size: small;
        color:#2F4F4F;
        width:580px;
}

.my_text a{ color: Gray; text-decoration: none; background-color:transparent;}
.my_text a:hover {text-decoration: underline;}

.my_text_bold{
        font-family: Arial, Helvetica, sans-serif;
        font-size: small;
        font-weight:bold;
        color: #2F4F4F;
}

.my_text1{
        font-family: Arial, Helvetica, sans-serif;
        font-size: small;
        color:#2F4F4F;
        width:580px;
        margin-left:50px;
}

.my_text2{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-style:italic;
        color:#2F4F4F;
        width:580px;
        margin-left:0px;
}

.my_title{
        font-family: Arial, Helvetica, sans-serif;
        font-size: medium;
        font-weight:bold;
        color:maroon;
        width:580px;
        margin-left:50px;
}

.pdbfile{
   margin-left:215px;
}

.alignmentfile{
   margin-left:123px; 
}

.alignmentfile1{
   margin-left:170px;
}

.alignmentfile2{
   margin-left:64px;
}

#main-copy a{ color: Maroon; text-decoration: none; background-color:transparent;}
#main-copy a:hover {text-decoration: underline;}

.picture{
      width: 45%;
      height:20%;
      margin-left:85px;
    
}

.text_under{
     font-family: Arial, Helvetica, sans-serif;
     font-style:italic;
     width:600px;
     font-size: small;
     text-align:center;
     color: maroon;   
}


#article-footer {        
        text-align: right;
        font-size: xx-small;
        color: Gray;
        padding-top: 557px;
        padding-bottom: 15px;
        margin-right:60px;
}
 
#article-footer a{ color: Gray; font-weight:bold; text-decoration: none; background-color:transparent;}
#article-footer a:hover {text-decoration: underline;}

#css{
        text-align: right;
        font-size: xx-small;
        color: Gray;
        padding-top: 5px;
        padding-bottom: 15px;
        margin-right:60px;
}

#css a{ color: Gray; font-weight:bold; text-decoration:none; background-color:transparent;}
#css a:hover {text-decoration: underline;}

#menu {
        position: absolute;
        width: 150px;
        top: 180px;
        text-align: left;
        font-size: small;
        border-right: 1px solid green;
        padding-right: 1px;
}

#menu a{
        text-decoration: none;
        background-color: #F0FFF0;
        font-weight: bold;
        display: block;
        padding: 5px;
        width: 120px;
        margin-bottom: 5px;
        border: 1px solid #8FBC8F;
        color: #556B2F;
}

#menu a:hover {
        background-color: #6B8E23;
        color: White;
        border-top: 1px solid #8FBC8F;
        border-left: 1px solid #8FBC8F;
        border-right: 1px solid #8FBC8F;
        border-bottom: 1px solid #2F4F4F;
}

.p1{
       text-decoration: none;
       font-weight: bold;
       color: #556B2F;
}

.p2{
       text-decoration: none;
       font-weight: bold;
       color: maroon;
}

#article-footer1 {
        text-align: right;
        font-size: xx-small;
        color: Gray;
        padding-top: 450px;
        padding-bottom: 15px;
        margin-right:60px;
}

#article-footer1 a{ color: Gray; font-weight:bold; text-decoration:none; background-color:transparent;}
#article-footer1 a:hover {text-decoration: underline;}

#article-footer2 {
        text-align: right;
        font-size: xx-small;
        color: Gray;
        padding-top: 330px;
        padding-bottom: 15px;
        margin-right:60px;
}

#article-footer2 a{ color: Gray; font-weight:bold;
 text-decoration:none; background-color:transparent;}
#article-footer2 a:hover {text-decoration: underline;}