* {margin : 0; padding : 0;}
html {background: url(Images/bg.jpg) repeat-x center top #393939;}
body {background: url(Images/bgShade.jpg) no-repeat center top;
    font : 76%/160%  "Trebuchet MS", Verdana, Arial, sans-serif; text-align : left; color:#fff;}     
html, body {height: 100%;}

a {color:#a38500; font-weight: bold; text-decoration: none; outline: none;}
a:hover{color: #DEB500; text-decoration: underline;}
a:visited{color:#727272;}

#container {margin: 0 auto; width: 800px;}

/* header area */
#header {width: 800px; height: 214px; background: url(Images/headerBg.jpg) left top no-repeat; position: relative; z-index: 3;}
#header h1 {width: 251px; height: 182px; position: absolute; left: 630px; background: url(Images/h1Header.png) no-repeat left top; z-index: 99; text-indent: -9999px;}
#header h2 {width: 124px; height: 100px; position: absolute; left: 765px; top:130px; background: url(Images/h2Header.png) no-repeat left top; z-index: 98; text-indent: -9999px;}
#header h3 {width: 420px; height: 52px; position: absolute; top: 89px; left:208px; background: url(Images/bQHeader.png) no-repeat left top; text-indent: -9999px; border: none;}
#header h4 {width: 138px; height: 138px; position: absolute; top:30px; left:30px; background: url(Images/pHeader.png) no-repeat left top; text-indent: -9999px;}
#header h4 a{display: block; width: 138px; height: 138px;}

/* menu area */
#menu{width: 163px; position: relative; float:left; top: -20px; margin-left: 8px; background: url(Images/menuBg.jpg) repeat-y left center;
padding: 0 10px 0 10px; color: #fff;}
* html #menu {margin-left: 4px;}
#menuContent h1 {font-size: 1.2em; color: #ffd200; line-height: 2em; width: 163px; border-bottom: 1px solid #535353; margin: 20px 0 2px 0;}
#menuContent h1 a{color: #ffd200; text-decoration: none; width: 100%; display:block;}
#menuContent h1 a:hover{color: #DEB500;}
#menuContent ul {list-style: none; text-align: left; margin-bottom: 10px;}
#menuContent ul li a{ color: #FFD200; font-weight: bold; text-decoration: none; padding: 2px 0 2px 0px; border-bottom: 1px solid #636363; width: 100%; display:block;}
#menuContent ul li a:hover, #menuContent ul li a:visited  {color: #DEB500;}
#menuTop{height: 48px; background: url(Images/menuBgTop.jpg) no-repeat left top; position: relative; top:179px; left:8px;}
* html div#menuTop{left: 8px;}
#menuBottom{height: 48px; background: url(Images/menuBgTop.jpg) no-repeat left -48px; margin-left: -10px; width: 183px;}
#Active{color: #fff !important;}

/* content area */
#content { width: 540px; position: relative; float:right; color: #4d4d4d; padding: 25px; height: 100%;}
#contentContainer { position: relative; width: 800px; min-height: 400px; 
background: url(Images/corners_leftTop.gif) no-repeat left top #FFF; padding-top: 13px; z-index: 2; color: #4D4D4D;}
#content h1 {color: #FFD200; width: 540px; margin: 0px 0px 25px; border-bottom: 1px dotted #727272;
letter-spacing: -1px; font: normal 190%/100% "Trebuchet MS", Tahoma, Arial; padding-bottom: 3px;}
#content p{margin: 0 0 25px 0;}
#content ul li {list-style-image: url(Images/liBullet.gif); list-style-type:none;}
#content ul{margin-bottom: 25px; margin-left: 15px; margin-top: -10px;}
.Partner{background: url(Images/partnerBg.gif) no-repeat left top #e6e6e6; width: 520px; height: 130px; padding: 15px 0 0 15px; margin: 15px 0 15px 0;}
.PartnerAlt{background: url(Images/partnerBgAlt.gif) no-repeat left top #e6e6e6; width: 520px; height: 120px; padding: 15px 0 0 15px; margin: 15px 0 15px 0;}
.Partner p, .PartnerAlt p {float: left;}
.Partner a img, .PartnerAlt a img{border: none;}
.logo{float: left; margin: 15px 15px 0 0; clear: left;}

.docTable{border:1px solid #E0E0E0;}
.docTable tr.alt{color:#727272; padding:2px 5px; background-color:#EFEFEF;}
.docTable tr td{vertical-align:top; padding: 5px;}
.author{font-style:italic;}
.watchVideo{width: 132px; height: 25px; background: url(Images/watchVideo.gif) no-repeat left top; display: block; text-indent: -9999px; margin-bottom: 25px;}

/* footer area */
#cornersBottom {clear: both; background: url('Images/corners_leftBottom.gif') no-repeat left top;
color: #727272; width: 800px; height: 10px;
}

#footer {clear: both; background: url('Images/footerBg.jpg') no-repeat center -110px; 
color: #727272;
font-size: 95%; line-height: 130%; padding-bottom: 10px; width: 800px; margin: 0 auto; min-height: 120px;
}

#footer a {color: #FFD200;}
#footer a:visited, #footer a:hover {color: #DEB500;}
#footer h4 { font: normal 146%/100% "Trebuchet MS", Tahoma, Arial; color: #727272; margin: 10px 0px 5px;}

.footer-partners {float: right; width: 265px; height: 120px; padding: 0;}
.footer-partners strong {font-size: 107%; line-height: 135%; font-weight: bold;}
.footer-partners ul {list-style: none; margin: 0px; padding: 0px; font-size: 92%; line-height: 110%; display: inline;}
.footer-partners ul li{float: left; margin: 0 10px 10px 0 !important;}
.footer-partners ul li a{border: 2px solid #727272;}
.footer-partners ul li a:hover{border: 2px solid #FFD200;}
.footer-partners h4{text-align: right;}

a#partnerANA{width: 35px; height: 35px; display: block; text-indent: -9999px; background: url(Images/ANAAV.jpg) left top no-repeat;}
a#partnerANA:hover{width: 35px; height: 35px; background: url(Images/ANAAV.jpg) 0 -35px no-repeat;}
a#partnerBijo{width: 35px; height: 35px; display: block; text-indent: -9999px; background: url(Images/BijoAV.jpg) left top no-repeat;}
a#partnerBijo:hover{width: 35px; height: 35px; background: url(Images/BijoAV.jpg) 0 -35px no-repeat;}
a#partnerCeaLeti{width: 35px; height: 35px; display: block; text-indent: -9999px; background: url(Images/ceaLetiAV.jpg) left top no-repeat;}
a#partnerCeaLeti:hover{width: 35px; height: 35px; background: url(Images/ceaLetiAV.jpg) 0 -35px no-repeat;}
a#partnerCIT{width: 35px; height: 35px; display: block; text-indent: -9999px; background: url(Images/CITAV.jpg) left top no-repeat;}
a#partnerCIT:hover{width: 35px; height: 35px; background: url(Images/CITAV.jpg) 0 -35px no-repeat;}
a#partnerFrauenhofer{width: 35px; height: 35px; display: block; text-indent: -9999px; background: url(Images/FrauenhoferIISAV.jpg) left top no-repeat;}
a#partnerFrauenhofer:hover{width: 35px; height: 35px; background: url(Images/FrauenhoferIISAV.jpg) 0 -35px no-repeat;}
a#partnerHA{width: 35px; height: 35px; display: block; text-indent: -9999px; background: url(Images/HAAV.jpg) left top no-repeat;}
a#partnerHA:hover{width: 35px; height: 35px; background: url(Images/HAAV.jpg) 0 -35px no-repeat;}
a#partnerInov{width: 35px; height: 35px; display: block; text-indent: -9999px; background: url(Images/InovAV.jpg) left top no-repeat;}
a#partnerInov:hover{width: 35px; height: 35px; background: url(Images/InovAV.jpg) 0 -35px no-repeat;}
a#partnerPerLocus{width: 35px; height: 35px; display: block; text-indent: -9999px; background: url(Images/perLocusAV.jpg) left top no-repeat;}
a#partnerPerLocus:hover{width: 35px; height: 35px; background: url(Images/perLocusAV.jpg) 0 -35px no-repeat;}
a#partnerSymeo{width: 35px; height: 35px; display: block; text-indent: -9999px; background: url(Images/SymeoAV.jpg) left top no-repeat;}
a#partnerSymeo:hover{width: 35px; height: 35px; background: url(Images/SymeoAV.jpg) 0 -35px no-repeat;}
a#partnerFP7{width: 69px; height: 56px; display: block; text-indent: -9999px; background: url(Images/FP7.jpg) left top no-repeat; position: relative; left: 95px;}
a#partnerEU{width: 84px; height: 56px; display: block; text-indent: -9999px; background: url(Images/EU.jpg) left top no-repeat; position: relative; left: 95px;}


.footer-about {width: 240px; float: left; height: 280px; margin-left: 10px;}
.footer-about p {padding-right: 10px;}
.footer-links {width: 240px; float: left; margin-left: 10px;}
.footer-links strong {font-size: 107%; line-height: 135%; font-weight: bold;}
.footer-links ul {list-style: none; margin: 0px; padding: 0px; font-size: 92%; line-height: 110%;}
.footer-links ul li {background: url(Images/mini-blogroll.gif) no-repeat; padding: 0px 0px 10px 16px;}

/* credits */
#credits {clear:both; margin: 0px auto; width: 800px; font-size: 90%; padding-top: 10px; line-height: 120%; text-align: center; color: #fff;}
#credits a {color: #FFD200;}
#credits a:visited {color: #DEB500;}
#credits a:hover {color: #DEB500; text-decoration: underline;}

/* alignments */
/* p.alignleft {float: left;}
p.alignright {float: right;}*/
.clear {clear:both;}
hr.clear { clear:both; visibility: hidden; margin: 0px; padding: 0px;}
.txtBox{width: 300px; border:1px solid #727272;}
.txtBox:hover{border:1px solid #FFD200;}
a.btnSend{background: url(Images/btnSend.gif) left top no-repeat; width: 59px; height: 25px; display: block; text-indent: -9999px; float: right; margin-right: 15px;}
a.btnSend:hover{background: url(Images/btnSend.gif) left bottom no-repeat;}