body {font-size:13px; background-color: rgb(192,204,210); font-family:arial,sans-serif;}
strong {font-weight: bold;}
.container {width:980px; margin:0 auto; border: 1px dotted rgb(175,175,175); background-color: rgb(250,250,250);}
.header-margin {width:980px; height:10px; margin:0 auto;}
.footer-before-margin {width:980px; height:20px; margin:0 auto; color: red; clear:both}
.footer-after-margin {width:980px; height:10px; margin:0 auto; color: red; clear:both}
.header {width:980px; height:222px; background: url(eucogii_files/images/eucogii_header.jpg) no-repeat top;}
.header-legacy {width:980px; height:77px; background: url(eucogii_files/images/eucogii_header_legacy.jpg) no-repeat top;}
.header-top {width:978px; height:74px;}
.header-home-image {padding-left:860px; padding-top: 29px; float: left;}
.header-contact-image {padding-left:10px; padding-top: 29px; float: left;}
.header-sitemap-image {padding-left:10px; padding-top: 29px; float: left;}
.header-legacy-home-image {padding-left:860px; padding-top: 9px; float: left;}
.header-legacy-contact-image {padding-left:10px; padding-top: 9px; float: left;}
.header-legacy-sitemap-image {padding-left:10px; padding-top: 9px; float: left;}
.header-legacy-return {padding-left:560px; padding-top: 9px; float: right; padding-right: 10px; text-align: right; color: rgb(255,0,0); font-weight: bold}
.header-legacy-return a {color: rgb(255,0,0);}
.header-legacy-return a:hover {color: rgb(255,0,0); text-decoration: none;}
.header-left {width:264px; height:144px; float: left;}
.header-right {width:714px; height:144px; float: right; color: rgb(255,255,255);}
.header-right-content {font-size: 187%; text-align: justify; margin: 50px 70px 40px 70px;}
.menu {padding: 0 0 0 0; width:980px; height:43px; background: url(eucogii_files/images/eucogii_menu.jpg) repeat-x top left;}
.menu a {color: rgb(255,255,255); font-family:"Times New Roman"; font-size: 150%; text-decoration: none;}
.menu a:hover {background-color: rgb(182,32,24); font-family:"Times New Roman"; font-size: 150%; text-decoration: none;}
.menu a.selected:hover {background-color: rgb(182,32,24); font-family:"Times New Roman"; font-size: 150%; text-decoration: none;}
.menu .menu-content .menu01 {width: 70px; float: left; padding: 10px 10px 0 30px; height: 33px; border-right: 1px solid rgb(255,255,255);}
.menu .menu-content .menu02 {width: 80px; float: left; padding: 10px 0 0 10px; height: 33px; border-right: 1px solid rgb(255,255,255);}
.menu .menu-content .menu03 {width: 100px; float: left; padding: 10px 0 0 20px; height: 33px; border-right: 1px solid rgb(255,255,255);}
.menu .menu-content .menu04 {width: 110px; float: left; padding: 10px 0 0 20px; height: 33px; border-right: 1px solid rgb(255,255,255);}
.menu .menu-content .menu05 {width: 190px; float: left; padding: 10px 0 0 20px; height: 33px; border-right: 1px solid rgb(255,255,255);}
.menu .menu-content .menu06 {width: 140px; float: left; padding: 10px 0 0 15px; height: 33px; border-right: 1px solid rgb(255,255,255);}
.menu .menu-content .menu07 {width: 135px; float: left; padding: 10px 0 0 24px; height: 33px;}
.menu .menu-content .selected {background-color: rgb(200,27,17);}
.search {text-align: right; color:rgb(125,125,125); height: 30px; padding-top:10px; padding-right: 20px;}
.search input {border: 1px solid rgb(125,125,125); width: 140px; height:16px; padding-top: 2px; float: left; margin-left: 785px; margin-top: 3px;}
.search img {float: right; border-style:none;}
#start {width:680px;}
.main {width:980px;}
.main .main-left {width:263px; min-height: 200px; float:left; border-top: 1px dotted rgb(175,175,175); border-right: 1px dotted rgb(175,175,175); border-bottom: 1px dotted rgb(175,175,175);}
.main .main-left .main-left-menu {border-top: 1px solid rgb(255,0,0); width:243px; margin: 10px 10px 10px 10px;}
.main .main-left .main-left-menu h1 {color:rgb(147,25,20); font-size:180%; text-align: center; width: 243px; border-bottom: 1px dotted rgb(175,175,175); height: 25px; padding-top: 5px; padding-bottom: 5px;}
.main .main-left .main-left-menu li a {font-size:130%; width: 218px; border-bottom: 1px dotted rgb(175,175,175); padding: 10px 5px 10px 20px; text-decoration: none; color:rgb(65,65,65); display:block; background: url(eucogii_files/images/eucogii_menu_arrow.gif) no-repeat left center;}
.main .main-left .main-left-menu li a.nochildren {background: url(eucogii_files/images/eucogii_menu_arrow_nochild.gif) no-repeat left center;}
.main .main-left .main-left-menu li a.activeparent {background: url(eucogii_files/images/eucogii_menu_arrow_open.gif) no-repeat left center;}
.main .main-left .main-left-menu li a.currentpage {background-color: rgb(225,225,225);}
.main .main-left .main-left-menu li ul li a {background: url(eucogii_files/images/eucogii_menu_arrow_ident01.gif) no-repeat left center; padding-left: 40px; width: 198px;}
.main .main-left .main-left-menu li ul li a.nochildren {background: url(eucogii_files/images/eucogii_menu_arrow_ident01noch.gif) no-repeat left center; padding-left: 40px; width: 198px;}
.main .main-left .main-left-menu li ul li a.activeparent {background: url(eucogii_files/images/eucogii_menu_arrow_ident01open.gif) no-repeat left center;}
.main .main-left .main-left-menu li ul li a.currentpage {background-color: rgb(225,225,225);}
.main .main-left .main-left-menu li ul li ul li a {background: url(eucogii_files/images/eucogii_menu_arrow_ident02.gif) no-repeat left center; padding-left: 60px; width: 178px;}
.main .main-left .main-left-menu li ul li ul li a.nochildren {background: url(eucogii_files/images/eucogii_menu_arrow_ident02noch.gif) no-repeat left center; padding-left: 60px; width: 178px;}
.main .main-left .main-left-menu li ul li ul li a.activeparent {background: url(eucogii_files/images/eucogii_menu_arrow_ident02open.gif) no-repeat left center;}
.main .main-left .main-left-menu li ul li ul li a.currentpage {background-color: rgb(225,225,225);}
.main .main-left .main-left-menu li a:hover {background-color: rgb(200,200,200);}
.main .main-left .main-left-menu li ul li a:hover {background-color: rgb(200,200,200);}
.main .main-left .main-left-menu li ul li ul li a:hover {background-color: rgb(200,200,200);}

.main .main-left .main-left-news {border-top: 1px solid rgb(255,0,0); width:243px; margin: 30px 10px 10px 10px;}
.main .main-left .main-left-news h1 {color:rgb(147,25,20); font-size:180%; text-align: center; width: 243px; height: 25px; padding-top: 5px; padding-bottom: 5px;}
.main .main-left .main-left-news h1 a {text-decoration: none; color:rgb(147,25,20); text-align: center; width: 243px; height: 25px; padding-top: 5px; padding-bottom: 5px;}
.main .main-left .main-left-news h2 {border-top: 1px dotted rgb(175,175,175); font-size:130%; width: 218px; padding: 10px 5px 0 20px; text-decoration: none; color:rgb(65,65,65); display:block; background: url(eucogii_files/images/eucogii_news_arrow.gif) no-repeat left center;}
.main .main-left .main-left-news h2 a {font-size:85%; font-weight:bold; text-decoration:none; color: rgb(213,106,0);}
.main .main-left .main-left-news h2 a:hover {font-size:85%; font-weight:bold; text-decoration:none; color: rgb(193,63,0);}
.main .main-left .main-left-news h3 {font-size:130%; width: 218px; padding: 0 5px 5px 20px; text-decoration: none; color:rgb(65,65,65); display:block;}
.main .main-left .main-left-news h3 a {font-size:85%; font-weight:bold; text-decoration:none; color: rgb(213,106,0);}
.main .main-left .main-left-news h3 a:hover {font-size:85%; font-weight:bold; text-decoration:none; color: rgb(193,63,0);}
.main .main-left .main-left-news p {font-size:100%; width: 218px; padding: 0 5px 10px 20px; text-decoration: none; color:rgb(65,65,65); display:block; text-align: left;}

.main .main-content {padding: 12px 20px 0 10px; width:680px; float:right;}
.main .registration-content {background-color: rgb(250,250,250); width: 680px; height: 4700px;}
.main .registration-content #memberslist {background-color: rgb(250,250,250); width: 680px;}
.main .registration-content p.members-list {text-align: left; padding: 0 20px 0 20px; text-indent: -20px; margin: 0;}
.main .main-content h1, .main .registration-content h1 {color:rgb(147,25,20); font-size:180%; margin-bottom: 10px; text-align: justify; font-weight: bold;}
.main .main-content h2, .main .registration-content h2 {color:rgb(147,25,20); font-size:140%; margin-bottom: 2px; margin-top: 10px; text-align: justify; font-weight: bold;}
.main .main-content h3, .main .registration-content h3 {color:rgb(147,25,20); font-size:100%; margin-bottom: 2px; margin-top: 10px; text-align: justify; font-weight: bold;}
.main .main-content p, .main .registration-content p {text-align: justify; margin-bottom: 10px; font-size: 100%; clear: both;}
.main .main-content p.error, .main .registration-content p.error {color: red; font-weight: bold;}
.main .main-content td.serror, .main .registration-content td.serror {color: red;}
.main .main-content span.error, .main .registration-content span.error {color: red; font-weight: bold; border-left: 0; border-bottom: 1px dashed red;}
.main .main-content p.noerror, .main .registration-content p.noerror {}
.main .main-content span.noerror, .main .registration-content span.noerror {}
.main .main-content p img, .main .registration-content p img {float: left; padding-right: 15px; padding-bottom: 15px;}
.main .main-content a, .main .registration-content a {font-weight:bold; text-decoration:none; color: rgb(213,106,0);}
.main .main-content a:link, .main .registration-content a:link {font-weight:bold; text-decoration:none; color: rgb(213,106,0);}
.main .main-content a:hover, .main .registration-content a:hover {font-weight:bold; text-decoration:none; color: rgb(193,63,0);}
.main .main-content ul, .main .registration-content ul {margin-bottom: 10px;}
.main .main-content ul li, .main .registration-content ul li {list-style-type: disc; list-style-position: inside; margin-left: 0; margin-top: 5px;}
.main .main-content ul li ul, .main .registration-content ul li ul li {margin-bottom: 15px;}
.main .main-content ul li ul li ul, .main .registration-content ul li ul li ul {margin-bottom: 15px;}
.main .main-content ul li ul li, .main .registration-content ul li ul li {list-style-type: disc; list-style-position: inside; margin-left: 25px;}
.main .main-content ol li, .main .registration-content ol li {list-style-type: decimal; list-style-position: inside; margin-left: 0;}
.main .main-content .submenu_box, .main .registration-content .submenu_box {
  position:relative;
  width: 120px;
  height: 80px;
  margin: 5px;
  background-color:#FFFFFF;
  border-style:solid;
  border-color:#cccccc;
  border-width:2px;
  float: left;
  padding-top: 10px;
  padding-left: 65px;
  padding-right: 10px;
  background: url(eucogii_files/images/eucogmen.gif) no-repeat top left;
  text-align: left;
}
.main .main-content .submenu_box p, .main .registration-content .submenu_box p {
  text-align: left;
}

.footer {padding: 20px 20px 10px 20px; width:940px; height:30px; background-color: rgb(225,225,225); text-align: center; color:rgb(125,125,125); clear: both;}
.footer a {text-decoration:none; color:rgb(125,125,125); font-weight: bold;}

.registerform {width:650px;}
.registerform fieldset {padding:10px 0 10px 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.registerform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(147,25,20); font-weight:bold;  font-size:131%;}
.registerform table.projects {margin:0 10px 10px 10px; padding:2px; font-size:100%;}
.registerform table.projects td {padding:2px 12px 2px 2px;}
.registerform p {margin:0 10px 0 10px; padding:2px; font-size:100%;}
.registerform label.left {float:left; width:200px;}
.registerform p.left {float:left; width:200px; clear:left; margin: 0 0 0 10px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/;}
.registerform label.leftsmall {float:left; width:80px;}
.registerform p.leftsmall {float:left; width:80px; clear:left; margin: 0 0 0 10px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/;}
.registerform p.right {float:right; width: 424px !important /*Non-IE*/; width:440px /*IE6*/; clear:right; text-align: left; margin: 0 10px 20px 0 !important /*Non-IE*/; margin:0 0 20px 0 /*IE6*/; padding: 0; line-height: 20px;}
.registerform p.right br {line-height: 10px;}
.registerform select.combo {width:375px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.registerform select.combosmallest {width:55px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.registerform input.field {width:375px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.registerform input.fieldmedium {width:125px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.registerform input.fieldsmallest {width:75px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.registerform textarea {width:375px; height:80px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.registerform textarea.large {width:500px; height: 100px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.registerform input.button {float:left; width:9.0em; margin-left:115px !important /*Non-IE6*/; margin-left:118px /*IE6*/; padding:3px !important /*Non-IE6*/; padding:2px /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:100%;}
.registerform input.capbutton {float:left; width:170px; margin-left:0; padding:3px !important /*Non-IE6*/; padding:2px /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:100%;}
.registerform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
.registerform input.questbutton {cursor:pointer; float:left; width:9.0em; margin-left:115px !important /*Non-IE6*/; margin-left:118px /*IE6*/; padding:3px !important /*Non-IE6*/; padding:2px /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:100%;}
.registerform input.captext {width:170px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}


#preview_div {
    position: absolute;
    background-color: rgb(255,165,121);
    padding: 5px 15px 5px 5px;
    border: 1px dashed #333333;
    display: none;
    color: black;
    left: -1000px;
    text-decoration: none;
    z-index: 1200;
    overflow: auto;
    text-align: justify;
}

#framepreview_div {
    position: absolute;
    background-color: rgb(255,165,121);
    padding: 5px;
    display: none;
    color: black;
    left: -1000px;
    text-decoration: none;
    z-index: 1200;
    text-align: justify;
}

#close_div {
    position: absolute;
    background-color: rgb(255,165,121);
    padding: 5px;
    border: 1px dashed #333333;
    display: none;
    color: black;
    left: -1000px;
    text-decoration: none;
    z-index: 1400;
}
.clearboth {clear: both;}
.highlight {font-weight: bold;}
.success {font-weight: bold; color: blue;}
.comment {color: rgb(155,155,155);}


#visitor_promem_p {display: none;}
#visitor_promem_div {display: none;}
.line {border-top: 1px solid rgb(200,200,200); margin-top: 50px;}
.floatright {float: right;}

.main .main-content table {clear:both; width:600px; margin:10px 0 0.2em 0; table-layout: fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}
.main .main-content table th.top {height:3.5em; padding:0 7px 0 7px; empty-cells:show; background-color:rgb(175,175,175); text-align:left; color:rgb(255,255,255); font-weight:bold; font-size:110%;}
.main .main-content table th {height:3.0em; padding:2px 20px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(251,243,215); text-align:left; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
.main .main-content table td {height:3.0em; padding:2px 7px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(251,243,215); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:110%;}
.main .main-content table td.top {height:3.0em; padding:2px 7px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(251,243,215); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:110%; vertical-align: top;}

.main .registration-content table {clear:both; width:600px; margin:0 0 0.2em 0px; table-layout: fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}
.main .registration-content table.twocolumns {clear:both; width:400px; margin:0 0 0.2em 0px; table-layout: fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}
.main .registration-content table th.top {padding:0 7px 0 7px; empty-cells:show; background-color:rgb(220,42,32); text-align:left; color:rgb(255,255,255); font-weight:bold; font-size:100%;}
.main .registration-content table th.ccolumn {text-align: right;}
.main .registration-content table th {padding:2px 20px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(251,243,215); text-align:left; color:rgb(80,80,80); font-weight:bold; font-size:100%;}
.main .registration-content table td {padding:2px 7px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(251,243,215); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:100%;}
.main .registration-content table td.top {padding:2px 7px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(251,243,215); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:100%; vertical-align: top;}
.main .registration-content table td.tcolumn {padding:2px 7px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(251,243,215); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:100%;}
.main .registration-content table td.ccolumn {text-align: right; padding:2px 7px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(251,243,215); font-weight:normal; color:rgb(80,80,80); font-size:100%;}

.main .main-content table.twocolumns-a {clear:both; width:600px; margin:0 0 0.2em 0px; table-layout: fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}
.main .main-content table.twocolumns-a th.top {padding:0 7px 0 7px; empty-cells:show; background-color:rgb(220,42,32); text-align:left; color:rgb(255,255,255); font-weight:bold; font-size:100%;}
.main .main-content table.twocolumns-a th.ccolumn {text-align: right;}
.main .main-content table.twocolumns-a th {padding:2px 20px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(251,243,215); text-align:left; color:rgb(80,80,80); font-weight:bold; font-size:100%;}
.main .main-content table.twocolumns-a td.first {width: 86px; padding:2px 7px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(251,243,215); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:100%;}
.main .main-content table.twocolumns-a td.second {width: 486px; padding:2px 7px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(251,243,215); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:100%;}
.main .main-content table.twocolumns-a td.top {padding:2px 7px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(251,243,215); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:100%; vertical-align: top;}
.main .main-content table.twocolumns-a td.tcolumn {padding:2px 7px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(251,243,215); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:100%;}
.main .main-content table.twocolumns-a td.ccolumn {text-align: right; padding:2px 7px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(251,243,215); font-weight:normal; color:rgb(80,80,80); font-size:100%;}