"

From 2012.igem.org

body {

   font-family: "Segoe UI Light",
            "Segoe UI",
            Verdana,
            "DejaVu Sans",
            "Trebuchet MS",
            "Liberation Sans",
            Tahoma,
            Candara,
            "Bitstream Vera Sans",
            sans-serif;
   background-image: url('https://static.igem.org/mediawiki/igem.org/5/56/Dundee12bg.png');
   background-repeat:repeat;
   background-attachment:fixed;
   background-color: #CCCCBB;
   font-size: 0.8em;

}

a {

   font-weight: bold;
   color: #002175;

}

1. bodyContent hr

{

   clear: both;
   height: 5px;
   margin-top: 20px;
   margin-bottom: 20px;

}

1. bodyContent h1, h2, h3, h4, h5, h6

{

   font-weight: bolder;
   border: 0px;
   margin: 0px;
   padding: 0px;
   color: #002175;
   margin-bottom: 0px;

}

1. bodyContent h1

{

   font-size: 2.8em;
   line-height:130%;

}

1. bodyContent h2

{

   font-size: 1.1em;    

}

1. bodyContent h3

{

   font-size: 1.0em;

}

1. top-section

{

   background-image: url('https://static.igem.org/mediawiki/2012/d/d9/Dundee12bannerbg.png');
   height: 276px;
   border: 1px solid #777777;
   border-top: 0px;

}

.firstHeading {

   display: none;

}

1. headerText

{

   color: #FFFFFF;
   font-weight: bolder;
   position: absolute;
   left: 30px;
   top: -220px;
   width: 200px;

}

1. menuDiv

{

   position: absolute;
   background-color: #6666FF;
   width: 975px;
   height: 30px;
   border: 0px;
   left: -0px;
   top: -1px;
   margin-left: auto;
   margin-right: auto;
   font-weight: bolder;
   display: block;
   z-index:100;

}

1. menuDiv ul

{

   list-style: none;
   text-align: center;
   display: block;

}

1. menuDiv ul li

{

   position: relative;
   width: 100px;
   top: -5px;
   height: 25px;
   float: left;
   display: block;
   vertical-align: center;
   margin-bottom: 0px;
   text-align: center;

}

1. menuDiv ul li a

{

   color: #FFFFFF;
   text-decoration: none;
   white-space: nowrap;
   display: block;
   height: 100%;
   padding: 5px 10px 0px 10px;
   font-size: 0.9em;
   width: 100px;

}

1. menuDiv ul li a:hover

{

   background: #C7C7FF;
   color: #6666FF;

}

1. content

{

   border: 1px solid #777777;
   border-top: 0px;

}

1. mainContent

{

   margin-top:50px;

}

1. p-logo

{

   display: none;

}

1. catlinks

{

   display: none;

}

1. footer-box

{

   display: none;

}

.box {

   position: relative;
   display: inline-block;
   border-radius: 10px;
   padding: 1%;	
   -moz-border-bottom-colors: none;
   -moz-border-image: none;
   -moz-border-left-colors: none;
   -moz-border-right-colors: none;
   -moz-border-top-colors: none;
   border-color: #E5E5E5 #BBBBBB #BBBBBB #E5E5E5;
   border-style: solid;
   border-width: 1px 3px 3px 1px;
   width: 95%;
   margin-bottom: 20px;
   font-size:85%;
   text-align: justify;
   line-height: 1.2em;

}

.red {

   background-color: #FFC0BD;

}

.blue {

   background-color: #C7C7FF;

}

.green {

   background-color: #CAFFBF;

}

.yellow {

   background-color: #FBFFBD;

}

.half {

   width: 440px;
   font-size 1.2em;

}

.full {

   width: 900px;
   font-size 1.2em;

}

.left {

   float: left;

}

.right {

   float: right;

}

.centre {

   margin-left: 20px;

}

.icon {

   width:45px;
   height: 45px;
   padding: 5px;

}

1. logo

{

   position: fixed;
   width: 965px;
   height: 115px;
   top: 10%;
   text-align: right;
   left: 965px;
   margin 0 auto 0 auto;
   z-index: 110;

}

.pic {

   width: 150px;
   border-width: 2px;
   border-color: #2222DD;
   border-style: solid;
   margin-right: 5px;
   text-align: top;
   float: left;

}

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }

• html .clearfix

{ height: 1%; }

.sponsorCol {

   width: 280px;
   float:left;
   text-align: justify;
   padding: 10px 5px 10px 5px;
   font-size: 0.9em;
   border-radius: 10px;
   -moz-border-bottom-colors: none;
   -moz-border-image: none;
   -moz-border-left-colors: none;
   -moz-border-right-colors: none;
   -moz-border-top-colors: none;
   border-color: #E5E5E5 #BBBBBB #BBBBBB #E5E5E5;
   border-style: solid;
   border-width: 1px 3px 3px 1px;
   margin-left: 20px;
   margin-bottom:20px;

}

.sponsorCol img {

   display: block;
   margin-left: auto;
   margin-right: auto;
   z-index:100;

}

.caption {

   width: 440px;
   font-size: 0.8em;
   line-height: 120%;
   text-align: center;

}