"

From 2012.igem.org

1. notes_nav{

   color:black;
   list-style:none;
   font-family:'Oxygen Mono', sans-serif;
   width:120px;
   background:url('../images/notes_middle.png');
   padding:20px;
   position:fixed;
   z-index:1;
   left:50px;
   top:270px;
   }
   #notes_nav:hover{
       z-index:999;
   }
   #notes_nav a{
       color:black;
       text-decoration:none;
       }
       #notes_nav a:hover{
           text-decoration:underline;
       }

1. notes_wrapper{

   width:980px;
   margin:50px auto;
   margin-top:80px;
   background:url('../images/half-black.png');
   padding-top:100px;
   padding-bottom:110px;
   position:relative;
   }
   #notes_wrapper .notes{
       width:800px;
       margin:20px auto;
       background:url('../images/notes_middle.png');
       position:relative;
       z-index:10;
   }
   #notes_wrapper .notes+.notes{
       margin-top:200px;
   }
   #notes_wrapper h1{
       display:block;
       color:white;
       font-family: 'Bilbo Swash Caps', cursive;
       font-size:64px;
       position:absolute;
       top:-20px;
   }
   

.notes a{

   text-decoration:none;
   color:black;
   }
   .notes a:hover{
       text-decoration:underline;
   }

.notes_top, .notes_bottom{

   width:100%;
   position:absolute;

}

.notes_top{

   height:73px;
   background:url('../images/notes_top.png');
   top:-73px;

}

.notes_bottom{

   height:89px;
   background:url('../images/notes_bottom.png');
   bottom:-89px;

}

.notes p{

   display:block;
   width:700px;
   margin:0 auto;
   line-height:24px;
   font-family: 'Oxygen Mono', sans-serif;
   font-size:18px;

}

.notes .notes_section{

   margin-top:20px;
   padding-left:20px;

}

.notes .notes_header p{

   color:grey;
   font-size:16px;

}