﻿body { margin: 0 0 0 0; 
}.watered 
{
    color:Yellow;
	height:20px;
	width:100px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	
	font-size:7pt;
 vertical-align:text-top;
 
 
 
}

.unwatered {
	height:20px;
	width:100px;
	padding:2px 0 0 2px;
	border:1px solid RED;
	background-color:#000066;
	color:Yellow;
		font-size:7pt;
 vertical-align:text-top;
}

#top
{
    background-color:#000066;
    width:100%;
    height:15px;
    text-align:right;
    height:20px;
    font-family:Arial; font-size:small; color:White; 
    position:inherit;

    }

#container

{ border-left:solid 1px black;
    border-right:solid 1px black;
    border-bottom:solid 1px black;
   text-align:center;
    width:80%;
 height:1024px;
    margin-left:9%;
    margin-right:9%;
   top:20px;
   position:absolute;
   background-color:#ECECEC;
   
 
    }
    
#logo

{       top:20px;
        position:relative; 
        width:425px;
        height:125px;
        background-color:White;
        background-image:url('geneticmedotcom.jpg');
        background-repeat:no-repeat;
        background-position:center
  

    
    
    }
    #advertisement
     { 
        top:1.5%;
         background-color:#FFFFFF;
         width:745px;
         height:118px; 
     
         position:relative;
         text-align:center;
         font-family:Arial; 
         font-size:x-small;
         color:#CCCCCC;
     
}   
.button {
	height:20px;
	width:185px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:red;
	font-size:7pt;
 vertical-align:text-top;
}

    
    #Create Profile
    {
       left:126px; top:30px; width:232px; position:absolute; border:solid 1px gray;
   
        }
    
    #Create Profile Text
    {
                border:solid 1px gray;
        position:absolute;
        }
    
    #Sign-In
    {        border:solid 1px gray;
        position:absolute;}
    
    #Sign-In Text
    {        border:solid 1px gray;
        position:absolute;}
    
#top a
 { color:White;
   text-decoration:none;
 }
 #top a:link
 { color:White;
   text-decoration:none;
 }
 #top a:visted
 { color:White;
 text-decoration:none;
 }
#top a:hover
{
    color: #FFCC00;
    text-decoration: none;
  }    
    

    
   #contentGreeting
   {width:100%;
    height:40px;
    position:absolute;
    left:0px;
    top:50px;
  
}
        #options{ width:100%; height:18px; position:absolute; left:0px; top:21px; text-align:center;font-family:Arial; font-size:11pt; font-weight:normal; color:Black; border-bottom:dashed 1px black;}
        #options a  { color:Black; text-decoration:none}
        #options a:link
        { color:Black;}
        #options a:visted
        { color:Black;
         text-decoration:none;
        }
        #options a:hover
        {color: #0000FF;
            
         text-decoration: none;
}
        
        #gesture{ width:590px; height:18px; position:absolute; left:199px; top:21px; text-align:center;font-family:Arial; font-size:small; color:Black;border-bottom:solid 1px black;}
        #action{ width:200px; height:18px; position:absolute; right:0; top:21px; text-align:right;font-family:Arial; font-size:small; color:Black;border-bottom:solid 1px black;
    left: 790px;
}
        #action a  { color:Black; text-decoration:none}
        #action a:link
        { color:Black;}
        #action a:visted
        { color:Black;
         text-decoration:none;
        }
        #action a:hover
        {
    color: #0000FF;
    text-decoration: none;
}
     

    #contentNav
    {  text-align:center;
       font-family:Arial; 
       font-size:small;
       width:990px;
       height:51px;
       position:absolute;
       left:145px;
       top:222px;
       background-color:#FFFFFF;
       margin-bottom: 0px;
        border:solid 1px black;
}

  #index
{
    font-size:medium;
    
    position:absolute;

    background-color:#ececec;
    
}   
    
    .index
{
    text-align:left;
    font-family:Arial;
    font-size:12px;
    font-weight:normal;
    padding-left:10px;
    text-align:left; 
}
   

.content
{
    font-family:Arial;
    font-size:12px;
    
    }
.contentHeader
{
    font-size: x-large;
    font-family:Arial;
    }

#contentMenu
{
    border:solid 1px black;
    text-align:left;
    font-size:medium;
    width:197px;
    height:400px;
    position:absolute;
    top: 242px;
    left: 936px;
}

#details
{
    border-top:solid 1px black;
    text-align:left;
    font-size:medium;
    width:990px;
    height:364px;
    position:absolute;
    top: 756px;
    left: 146px;
}
#footer
    {  color:Gray; 
      
       font-family:Arial; 
       font-size:x-small;
       width:800px;
       height:88px;
       position:relative;
       background-color:#ECECEC;
       
       
}
#footer a  { color:Gray; text-decoration:none}
        #footer a:link
        { color:Gray;}
        #footer a:visted
        { color:Gray;
         text-decoration:none;
        }
        #footer a:hover
        {
    color: #0000FF;
    text-decoration: none;
}

   
#personal
{
    border:solid 1px black;
    text-align:center;
    font-size:medium;
    width:990px;
    height:474px;
    position:absolute;
    top: 232px;
    left: 144px;
}

.personal
{
    font-family:Arial;
    font-size:12px;
    
    }

#results
{
    border:solid 1px black;
    text-align:left;
    font-size:medium;
    width:992px;
    height:167px;
    position:absolute;
    top: 242px;
    left: 145px;
}

