/* CSS Document*/
body, div, td, p, span, a, ul, li, option, input, textarea {
    font-family: Lucida Sans Unicode, Lucida Sans, verdane, arial; /*Lucida Sans*/
    font-size: 12px;
    text-decoration: none;
}



body {
  line-height:16px;
}

.seventhFrameWorkLogo {
    position: absolute;
    left: 716px;
    top: 3px;
    height: 62px;
    width: 86px;
}

#fundedBy {
    font-size: 10px;
    left: 910px;
    position: absolute;
    top: 18px;
    width: 282px;
    color: #4d9aa9;
}

#europeanCommissionLogoText {
    font-size: 11px;
    left: 910px;
    position: absolute;
    top: 145px;
    width: 282px;
    font-weight: 700;
    color: #4d9aa9;
    line-height: 20px;
}

#mainContainer {
    position: absolute;
    left: 0px;
}

.europeanCommissionLogo {
    position: absolute;
    left: 844px;
    top: 3px;
    
    width: 55px;
}

.DNAStrain {
    position: absolute;
    top: 0px;
    left: 225px;
    z-index: 10;
}

.yellow {
    position: absolute;
    top: -2px;
    left: 298px;
    z-index: 30;
}

.EUGEILogo {
    position: absolute;
    top: 76px;
    left: 910px;
}

.intrepidLogo {
    height: 75px;
    left: 1140px;
    position: absolute;
    top: 56px;
}

.producedByMM {
    position: absolute;
    top: 490px;
    left: 330px;
}

#line {
    position: absolute;
    background: #2e5373;
    top: 419px;
    left: 0px;
    height: 3px;
    z-index: 0;
}

.titleBackground {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 50;
}

#backgroundMeasuringCups {
    position: absolute;
    top: 70px;
    left: 0px;
}

#topMenu {
    position: absolute;
    top: 50px;
    left: 400px;
    color: #1a4d97;
    z-index: 30;
}

#topMenuLeft {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100px;
    width: 1000px;
}

.topMenuLeft {
    position: absolute;
    left: 0px;
    top: -17px;
    z-index: 0;
}

#topMenuLeftTitle {
    position: absolute;
    left: 220px;
    top: 85px;
}

.topMenuLeftInput {
    background: #4d9aa8;
    border: 1px solid #d3e1ed;
    padding: 2px 6px;
    width: 150px;
    height: 20px;
}

.username {
    color: #d4e2ed;
}

.password {
    color: #2e5373;
}

#topMenuLeftInput {
    position: absolute;
    left: 150px;
    top: 105px;
}

#mainContentContainer {
    position: absolute;
    height: 815px;
    width: 848px;
    top: 138px;
    left: 374px;
    color: #2e5373;
    z-index: 90;
}

#contentContainer {
    position: absolute;
    background: #d4e2ed;
    height: 615px;
    width: 848px;
    z-index: 100;
}

.ContentSquares {
    position: absolute;
    top: 0px;
    left: 0px;
}

.menuBoxContainer {
    float: left;
    position: relative;
    width: 100px;
    cursor: pointer;
}

.menuBox {
    height: 45px;
    width: 93px;
    border: 2px solid #ffffff;
    text-align:center;
}


.menuBoxHead {
    height: 20%;
}

.menuBoxText {
    text-align: center;
    margin: auto;
}

.menuBoxB {
    height: 20%;
}

.menuBoxSelected {
    border: 2px solid #fff200;
}

.menuBoxBottom {
    border: 2px solid #d4e2ed;
}

#contentTopMenu {
    position: absolute;
    top: 30px;
    left: 40px;
    z-index: 110;
		width:900px;
}

#contentSubMenu {
    position: absolute;
    min-height: 25px;
    background: #fff980;
    border: 2px solid #fff200;
    width: 800px;
    top: 90px;
    left: 40px;
    z-index: 110;
}

#getThereRunningTitle {
    position: absolute;
    height: 25px;
    background: #fff980;
    border: 2px solid #fff200;
    width: 793px;
    top: 130px;
    left: 40px;
    z-index: 110;
}

#homeMenuContainer {
    position: absolute;
    top: 385px;
    left: 400px;
    width: 900px;
}

.homeMenuBoxContainer {
    position: relative;
    float: left;
    width: 120px;
    color: #1a4d97;
    font-size: 13px;
    line-height: 15px;
}

.homeMenuBox {
    height: 80px;
    border: 2px solid #d4e2ed;
    width: 110px;
    z-index: 110;
    cursor: pointer;
}

.homeMenuBoxSelected {
    border: 2px solid #fff200;
}

#contentBottomMenu {
    position: absolute;
    top: 610px;
    left: 40px;
    z-index: 95;
		width:900px;
}

#homeContentContainer {
    position: absolute;
    top: 480px;
    left: 365px;
    width: 848px;
    height: 280px;
    background: #d4e2ed;
    overflow: hidden;
    
}

#homeContent {
    position: relative;
    height: 100%;
    color: #2e5373;
    
}

#homeContent p,span,div,a{
  font-size:11px;
  color:#2e5373;
  
}
#content {
    position: absolute;
    top: 140px;
    left: 50px;
    width: 775px;
    height: 460px;
    overflow: auto;
}

#content a{
 /* color:#fff656;*/
  color:#4d9aa8;
}

.topMenuItem {
    position: relative;
    float: left;
}

.topMenuItem a {
    color: #2e5373;
}

.topMenuItemSeperator {
    position: relative;
    width: 25px;
    height: 25px;
    float: left;
}

#homeSubMenu {
    position: absolute;
    height: 25px;
    background: #fff980;
    border: 2px solid #fff200;
    width: 844px;
    z-index: 110;
}

.homeSubMenuLinks {
    position: absolute;
    top: 5px;
    left: 33px;
}

#TICKER {
    position: absolute;
    top: 150px;
    left: 380px;
    width: 520px;
    overflow: hidden;
}

TICKER_GETTHERE{
    position: absolute;
    top: 150px;
    left: 380px;
    width: 520px;
    overflow: hidden;
 }

#homePageImage {
    position: absolute;
    right: 0px;
    z-index: 200;
    top: 0px;
}

.runningtitle {
    /*
     color:#2e5373;
     font-style:italic;
     font-size:12px;
     font-weight:900;
     */
}

.newsItemIntro{ 
   max-height:180px;
   overflow:hidden;
}

.deliverableTitle{
  cursor:pointer;
  font-weight:bold;  
}

.deliverableText{
  display:none;  
}

.contentSubMenuLinks  {
  left:11px;
  position:absolute;
  top:3px;
}
 
 
/*
 .newsItem{
 position:absolute;
 width:100%;
 }
 
 .newsItemHead{
 position:relative;
 width:100%;
 float:left;
 }
 
 .newsItemIntro{
 position:relative;
 width:80%;
 float:left;
 }
 
 .newsItemImage{
 position:relative;
 width:20%;
 float:right;
 }
 
 .newsItemReadMore{
 position:relative;
 float:left;
 width:100%;
 }
 
 .newsItemText{
 position:relative;
 float:left;
 width:100%;
 }*/