body {color: #333; font: 12px/18px Tahoma, Verdana, Arial, Helvetica, sans-serif; background: #dec4c6 url(../images/bg2.png) top center repeat-y;}
body, p, ul, ol, li, h1, form, img {margin: 0; padding: 0; border: 0;}
ul {list-style: none;}
a {text-decoration: none; outline: none; color: #c42026;}
a:hover {text-decoration: underline;}
input, select {font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif; border: 0; background: #ddd;}
span.left {float: left; border: 1px solid #ddd; margin: 0 10px 0 0;}
span.right {float: right; border: 1px solid #ddd; margin: 0 0 0 10px;}
#bg-top {background: url(../images/bg_top.png) top repeat-x;}
#page {width: 670px; padding: 0 20px; margin: 0 auto; background: url(../images/bg_top_shadow.png) top center no-repeat;}
.divider {margin: 30px 0; height: 1px; font-size: 0; clear: both; background: url(../images/divider_line.png) repeat-x;}
#header {padding: 10px 20px 0;}
#header .logo {float: left;}
#header .eu-logos {float: right;}
#navigation {clear: both; padding-top: 10px; text-align: center; font-size: 11px;}
#navigation ul {margin-left: 20px; list-style: none;}
#navigation li {float: left; margin-right: 5px; display: block; position: relative; width: 100px; background: url(../images/main_menu_item.png) 0 0 no-repeat; text-align: center;}
#navigation li li {float: none; width: 160px;}
#navigation li a {display: block; font-weight: bold; color: #fff; padding: 10px 0 9px;}
#navigation li a:hover {text-decoration: none;}
#navigation li li a {font-size: 11px; color: #000; font-weight: normal; margin: 0; text-align: left; padding: 5px 0 5px 10px;}
#navigation li li a:hover {text-decoration: underline;}
#navigation li:hover, #navigation li.over {background-position: 0 -40px;}
#navigation li ul {display: none; position: absolute; top: 37px; left: 0; border-top: 1px dashed #000; background: #e6d0d1; padding: 5px 0 10px; margin: 0; width: 160px;}
#navigation li li {background: none;}
#navigation li:hover ul, #navigation li.over ul {display: block;}
#navigation .divider {margin: 0; font-size: 0;}
#breadcrumbs {color: #888; font-size: 11px; padding: 10px 20px 10px;}
#breadcrumbs a {color: #888;}
#breadcrumbs a.active {color: #555;}
#welcome {margin: 10px 2px 0 20px;}
#welcome .right {float: right; margin-right: 1px;}
#welcome p {margin: 0 25px 10px 0;}
#welcome a {text-decoration: underline;}
#welcome span {margin-right: 15px;}
#welcome span a {color: #999; background: left center no-repeat; padding: 5px 0 5px 20px; font-size: 10px; font-weight: bold; text-decoration: none;}
#welcome span a.details {background-image: url(../images/welcome_details_icon.png);}
#welcome span a.partners {background-image: url(../images/welcome_partners_icon.png);}
#welcome span a.links {background-image: url(../images/welcome_links_icon.png);}
#welcome a:hover {text-decoration: underline; color: #000;}
#welcome span a:hover {color: #777;}
#home-block {font-size: 10px; line-height: 15px; margin: 0 20px;}
#home-block td {vertical-align: top;}
#home-block .login-title {background: #c42026; color: #fff; font: bold 14px Arial; padding: 5px 10px;}
#home-block .login {border: 1px solid #c42026; padding: 10px; width: 160px;}
#home-block .login label, .register label, .register2 label,.upload label, .uploadMember label, .budget label, .report label, .includeMember label {color: #666; font-weight: bold; display: block; font-size: 10px;}
#home-block .login p {color: #444;}
#home-block .login a {color: #444;}
#home-block .login p.submit {color: #c42026; font-size: 11px; font-weight: bold; padding-bottom: 15px;}

#home-block .news-title {padding: 0px 20px;}
#home-block .news-title a, #home-block .news-title p {background: #c42026; color: #fff; font: bold 14px Arial; padding: 5px 10px; display: block; float: left;}
#home-block .news {background: #f2f2f2; padding: 5px 0 10px; border-left: 20px solid #fff; border-top: 10px solid #fff; width: 205px;}
#home-block .news .stamp {width: 30px; height: 30px; float: right; margin-right: 5px; margin-top: -5px; background: url(../images/icon_events_new.png) center right no-repeat;}
#home-block .news h1 {font-size: 11px; background: #ddd; padding: 2px 10px; margin-top: 5px;}
#home-block .news p {padding: 5px 10px;}
#home-block .news a {}
#content {margin: 0 20px; text-align: justify;}
#content h1 {font-size: 12px; background: #c42026; color: #fff; padding: 4px 10px; margin-bottom: 5px;}
#content h2 {font-size: 12px; color: #000; padding: 4px 10px 4px 15px; margin: 10px 0 5px 0; background: url(../images/subsection_bullet.png) top left no-repeat;}
#content a {font-weight: bold;}
#content a:hover {color: #000;}
#content ul {padding-bottom: 5px; text-align: left;}
#content li {padding: 0 0 0 12px; margin: 5px 0; background: url(../images/generic_bullet.png) top left no-repeat;}
#content .options {	padding: 10px 20px 5px 15px; font-size: 11px; background: #ddd; margin: 5px 0 5px 20px; float: right;}
#content .contact a {font-weight: normal;}
#content .options a {font-weight: normal;}
#content .options li {background-image: url(../images/options_bullet.png);}
#content .warning {color: #c42026; margin: 20px 0 0; font-weight: bold; padding-left: 20px; background: url(../images/icon_warning.png) 0 0 no-repeat;}
#content .comment {color: #777; font-size: 10px; margin: 10px 0 0;}
#content .comment a {font-weight: normal; color: #444;}
#content table {margin-top: 10px; text-align: left; font-size: 11px; width: 100%;}
#content table th, #content table td {background: #e9e9e9; border-right: 1px solid #fff; padding: 5px; vertical-align: top;}
#content table th {line-height: 14px; border-bottom: 1px dashed #fff; background: #e1e1e1;}
#content table.partners td {border-bottom: 1px solid #fff;}
#content table.partners td.mail, #content table.partners td.site, #content table.partners td.logo {text-align: center; vertical-align: middle;}
#content table.partners a {width: 20px; height: 20px; display: block; margin: 0 auto; background: 0 0 no-repeat;}
#content table.partners td.mail a {background-image: url(../images/icon_partners_contact.png);}
#content table.partners td.site a {background-image: url(../images/icon_partners_website.png);}
#content table.partners td a:hover {background-position: 0 -20px;}
#content .overview a {padding: 5px 0 5px 15px; display: block; background: url(../images/subsection_bullet.png) top left no-repeat;}
#content .overview tfoot td {padding-top: 0;}
#content .overview tfoot a {font-weight: normal; font-size: 10px; background: none; padding: 0; display: inline;}
#content h3 {font-weight: bold; text-align: center; padding: 10px; border: 1px solid #ddd; background: #f2f2f2; width: 65%; margin: 15px auto; color: #c42026; font: bold 14px "Trebuchet MS", Arial;}
#content img {margin: 10px 0 5px;}
#content .caption {font-weight: bold; text-align: center; padding-bottom: 15px; color: #c42026; font-size: 10px;}
#content .register, #content .register2, #content .upload, #content .uploadMember, #content .budget, #content .report, #content .includedMember {float: left; margin-right: 50px;}
#content .includedMember table {margin-top: 10px; text-align: left; font-size: 11px;  width: 60%;}
#content .includedMember {border: 1px solid #ddd; padding: 5px; font-size: 11px; line-height: 14px; float: right; text-align: left;}
#content .uploadMember {border: 1px solid #ddd; padding: 5px; font-size: 10px; line-height: 14px; float: right; width: 250px; margin: 0; text-align: left;}
#content .uploadMember h1 {font-size: 10px; background: #ddd; color: #c42026; padding: 3px 10px; text-align: center; margin: 0;}

#content .budget {border: 1px solid #ddd; padding: 5px; font-size: 15px; line-height: 15px; width: 300px; margin: 0; text-align: left;}
#reportable1, #reportable2 {width: 310px; height: 200px; border: 3px double #000; text-align: center; line-height: 200px; margin: 10px; float: left;}
#reportable2 {height: 525px; line-height: 525px;}
#content .report {border: 1px solid #ddd; padding: 5px; font-size: 10px; line-height: 14px; float: left; width: 600px; margin: 0; text-align: left;}

.uploadMember label {padding: 5px 5px 0;}
.uploadMember p {padding: 0 5px;}
#home-block .login input, .register input, .register2 input,.upload input {width: 140px; padding: 2px 5px; margin-bottom: 5px;}
.upload input {width: 300px;}
.upload select {font-size: 11px; border: 1px solid #ddd; margin-bottom: 5px;}
.budget .title {font: bold 11px Tahoma; float: left; width: 100px;}
#content .budget .includedMember {float: right; margin: 0;}
.budget label {margin-top: 10px; width: 120px;}
#content .budget .includedMember label {margin: 0;}
.budget input {font-size:11px; padding: 2px 5px; margin-right: 25px;}
.report input {width:40px;}
.report label {width:100px;}

#content p.submit {clear: both; padding-top: 20px;}
#submitform {background: none; font-weight: bold; text-align: center; font-size: 11px; color: #c42026;}
#register #submitform {border: 1px solid #c42026; padding: 4px 10px;}
.top {text-align: right; margin: 10px 2px 0 0; font-weight: bold; font-size: 10px;}
.top span {padding-right: 10px;}
.top a {background: #d5d5d5; color: #c42026; padding: 5px 10px;}
.top a:hover {background: #c42026; color: #fff; text-decoration: none;}

#register2 #submitform {border: 1px solid #c42026; padding: 4px 10px;}
.top {text-align: right; margin: 10px 2px 0 0; font-weight: bold; font-size: 10px;}
.top span {padding-right: 10px;}
.top a {background: #d5d5d5; color: #c42026; padding: 5px 10px;}
.top a:hover {background: #c42026; color: #fff; text-decoration: none;}

#content #tabs {overflow: hidden; padding: 20px 0 0;}
#content #tabs li {float: left; margin: 0 3px 0 0; padding: 0; background: none;}
#tabs a {display: block; float: left; background: #ddd; color: #c42026; padding: 4px 7px; text-decoration: none; border-bottom: 3px solid #fff;}
#tabs a:hover {background: #c42026; color: #fff;}
#tabs .current a, #tabs .current a:hover {background: #eee; color: #000; border-bottom: 3px solid #eee;}

.h {display: none;}

.maincontent {background: #eee; padding: 15px 20px 20px; overflow: hidden; margin-bottom: 20px;}
#content .maincontent h2 {background: none; padding: 0 0 15px; font-size: 15px;}

.img {background: #f9f9f9; color: #999; font-size: 10px; line-height: 120%; padding: 2px; overflow: hidden;}
#content .img img {padding-bottom: 3px; margin: 0;}
.img.left {float: left; margin: 0 10px 10px 0;}
.img.right {float: right; margin: 0 0 10px 10px;}
.img span {text-align: center; display: block; padding: 2px 1px;}

#content .generictable {border-left: 1px solid #fff; border-top: 1px solid #fff;}
#content .generictable td {background: #ddd; border-bottom: 1px solid #fff; text-align: center;}
#content .generictable thead th, #content .generictable .header td {background: #ccc; font-weight: bold; text-align: center;}
#content .generictable .even td {background: #eee;}

#submenu {clear: both; float: left; background: #f2f2f2; margin-left: 10px; padding: 10px 0 20px; width: 180px;}
#submenu h1 {font-size: 11px; background: #c42026; color: #fff; padding: 4px 10px;}
#submenu ul {padding-top: 10px;}
#submenu ul li {padding: 5px 10px;}
#submenu ul li a {padding: 5px 0; font-weight: bold;}
#eu {margin: 0 20px; font-size: 10px; line-height: 12px; color: #666;}
#eu img {float: left; margin-right: 5px;}
#eu a {font-weight: bold;}
#eu a:hover {color: #000;}
#footer {padding: 0 20px 40px; color: #777; font-size: 11px;}
#footer p {float: left; margin-right: 15px;}
#footer p.validation {float: right; margin: 0;}
#footer a {color: #555;}
#footer .mediacube a {background: url(../images/icon_footer_mediacube.png) left top no-repeat; padding: 5px 0 3px 25px; height: 20px; text-decoration: none;}
#footer .mediacube a:hover {background-position: left bottom;}
#footer .mediacube a .media {color: #444;}
#footer .mediacube a .cube {color: #222;}
#footer .mediacube a:hover .media {color: #ff3200;}
#footer .mediacube a:hover .cube {color: #c80000;}

div.float {float: left;}
div.float p {text-align: center;}