

/* base styles */

body {
margin:0;
padding:0 0 20px 0;
background:#309dd5 url("../img/bg_body.gif") repeat-x top center;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
color:#333;
}

a {
color:#333;
}

a.pdf {
padding:0 0 3px 20px;
background:transparent url("../img/page_white_acrobat.png") no-repeat top left;
}

.cat1 a {
color:#fde800;
}

.cat2 a {
color:#fde800;
}

.cat3 a {
color:#00d6f1;
}

.cat4 a {
color:#00d6f1;
}

a:hover {
text-decoration:none;
}

a:active,
a:focus {
outline:none;
}

a img {
border:none;
}

p {
margin:0;
padding:0 0 1.2em 0;
}

h1 {
margin:0;
padding:0;
font-size:38px;
line-height:1.2em;
}

h2 {
margin:0;
padding:0;
font-size:24px;
line-height:1.2em;
}

#bodyText h2 {
margin:0 0 20px 0;
padding:0;
font-size:20px;
font-weight:normal;
line-height:1.2em;
}

h3 {
margin:0 0 10px 0;
padding:0;
font-size:16px;
line-height:1.2em;
}

.cat3 h3 {
padding:2px 5px 2px 5px;
background:#04a9d9;
font-size:14px;
}

form {
margin:0;
padding:0;
}

input.error,
textarea.error {
border:2px solid red;
color:red;
}
label.error {
background:#fff;
}

input.text,
textarea {
border-top:1px solid #004f9a;
border-left:1px solid #004f9a;
border-right:1px solid #00bfff;
border-bottom:1px solid #00bfff;
padding:2px 4px 2px 4px;
}

.error {
color:red;
}

.clearer {
overflow:hidden;
margin:0 0 -1px 0;
height:1px;
clear:both;
}


/* tables */

table {
border-collapse:collapse;
border:none;
}

table td {
padding:0 10px 2px 0;
vertical-align:top;
}


/* overall container */

#container {
position:relative;
margin:auto;
width:900px;
background:#fff url("../img/bg_footer.gif") no-repeat bottom left;
text-align:left;
line-height:1.4em;
}

.index #content {
z-index:110px;
}


/* header */

/*
#tallinn2011 {
position:absolute;
top:0;
left:0;
z-index:100;
}
*/

#tallinn2011 {
display:none;
}

#imago {
z-index:50;
}

#imago img {
display:block;
}

.index #imago {
overflow:hidden;
width:900px;
height:500px;
}

#logo {
position:absolute;
top:75px;
left:35px;
z-index:100;
}

#slogan {
position:absolute;
right:36px;
top:152px;
z-index:99;
}

#date {
position:absolute;
/*
top:185px;
left:68px;
*/
top:200px;
left:687px;
z-index:100;
}


/* front page */

#linksFade {
position:absolute;
top:266px;
left:252px;
z-index:98;
}

#bCat1 {
position:absolute;
top:265px;
left:46px;
z-index:100;
}

#bCat2 {
position:absolute;
top:312px;
left:42px;
z-index:100;
}

#bCat3 {
position:absolute;
top:359px;
left:39px;
z-index:100;
}

#bCat4 {
position:absolute;
top:407px;
left:35px;
z-index:100;
}

#linksCat1,
#linksCat2,
#linksCat3,
#linksCat4 {
position:absolute;
padding-left:20px;
height:37px;
background:#666;
}

#linksCat1 {
top:266px;
left:265px;
z-index:99;
width:615px;
background:#f6a800;
}

#linksCat2 {
top:314px;
left:261px;
z-index:99;
width:619px;
background:#eb6909;
}

#linksCat3 {
top:361px;
left:257px;
z-index:99;
width:623px;
background:#0188cc;
}

#linksCat4 {
top:409px;
left:253px;
z-index:99;
width:627px;
background:#003d9f;
}

#linksCat1 ul,
#linksCat2 ul,
#linksCat3 ul,
#linksCat4 ul {
margin:0;
padding:0;
}

#linksCat1 li,
#linksCat2 li,
#linksCat3 li,
#linksCat4 li {
float:left;
margin:0 14px 0 0;
padding:8px 0 0 16px;
list-style:none;
}

#linksCat1 li a,
#linksCat2 li a,
#linksCat3 li a,
#linksCat4 li a {
text-decoration:none;
color:#fff;
}

#linksCat1 li a:hover,
#linksCat2 li a:hover,
#linksCat3 li a:hover,
#linksCat4 li a:hover {
text-decoration:underline;
}

#leads {
position:relative;
padding:10px 0 0 35px;
width:840px;
}

.lead {
float:left;
margin:0 15px 0 0;
width:265px;
font-size:12px;
line-height:1.4em;
}

.lead img {
display:block;
margin:0 -5px -10px -5px;
padding:5px;
width:265px;
height:160px;
background:url("../img/bg_lead_photo.gif") no-repeat top left;
}

.lead h2 {
margin:0 0 5px 0;
font-size:14px;
color:#666;
}

#video {
position:absolute;
border-bottom:1px solid #cfcfcf;
top:10px;
left:35px;
width:545px;
height:490px;
}

#video #embed {
margin:0 -5px 0 -5px;
padding:5px 5px 0 5px;
width:545px;
background:url("../img/bg_video.gif") no-repeat top left;
}



/* subpage */

.subpage #imago {
position:absolute;
top:0;
right:0;
}

.subpage #content {
padding:240px 0 20px 0;
height:auto !important;
height:240px;
min-height:240px;
background:#f17c00 url("../img/bg_content_cat1.gif") no-repeat top left;
}

.cat2 #content {
background:#e75407 url("../img/bg_content_cat2.gif") no-repeat top left;
}

.cat3 #content {
background:#005fba url("../img/bg_content_cat3.gif") no-repeat top left;
}

.subpage #menu {
float:left;
margin:-7px 35px 0 0;
padding:0 35px 0 35px;
width:180px;
}

.subpage #menu ul {
margin:0;
padding:0;
}

.subpage #menu li {
border-bottom:1px solid #f9c300;
margin:6px 0 6px 0;
padding:6px 0 12px 30px;
background:url("../img/bullet_cat1.gif") no-repeat top left;
list-style:none;
font-size:15px;
line-height:1.2em;
}

.cat2 #menu li {
border-bottom:1px solid #ea9500;
background:url("../img/bullet_cat2.gif") no-repeat top left;
}

.cat3 #menu li {
border-bottom:1px solid #309dd5;
background:url("../img/bullet_cat3.gif") no-repeat top left;
}

.subpage #menu li.on {
border-bottom:none;
margin-bottom:7px;
background:url("../img/bg_button_cat1.gif") no-repeat top left;
}

.cat2 #menu li.on {
background:url("../img/bg_button_cat2.gif") no-repeat top left;
}

.cat3 #menu li.on {
background:url("../img/bg_button_cat3.gif") no-repeat top left;
}

.subpage #menu li a {
color:#fff;
text-decoration:none;
}

.subpage #bodyText {
float:left;
width:510px;
color:#fff;
}

.subpage h1 {
position:absolute;
top:76px;
left:285px;
border-left:1px solid #fff;
padding:0 0 0 25px;
height:81px;
line-height:76px;
color:#fff;
z-index:200;
}

.subpage #menu h2 {
position:absolute;
top:200px;
left:35px;
color:#fff;
}

.subpage #menu h2 a {
color:#fff;
text-decoration:none;
}


/* extras */

.button {
position:absolute;
top:240px;
right:35px;
width:180px;
height:31px;
}

.button a {
display:block;
padding:0 0 0 30px;
width:150px;
height:31px;
background:url("../img/bg_button2_cat3.gif") no-repeat top left;
line-height:31px;
text-decoration:none;
color:#fff;
}


/* footer */

#footer {
padding-bottom:10px;
width:900px;
background:url("../img/bg_footer_2.gif") no-repeat top left;
}

#footer a {
color:#000;
}

#footer h4 {
margin:0 0 5px 0;
padding:0;
width:203px;
height:19px;
font-weight:normal;
font-size:11px;
}

#footer h4 a {
display:block;
padding:0 0 0 10px;
width:293px;
height:19px;
text-decoration:none;
color:#fff;
line-height:1.5em;
}

#intPartners,
#localPartners {
float:left;
padding:10px 0 0 0;
color:#666;
}

#intPartners img,
#localPartners img {
display:block;
}

#intPartners {
padding-left:35px;
}

#localPartners h4 {
padding-left:25px;
}

#navigation {
border:1px solid #d1d1d1;
margin:10px 10px 0 10px;
padding:0 0 15px 0;
width:878px;
}

#breadCrumbs {
padding:0 0 0 13px;
margin:0 0 10px 0;
height:33px;
background:#f2f2f2 url("../img/bg_breadcrumbs.gif") repeat-x top;
font-size:12px;
}

#breadCrumbs a, span.breadcrumb-current {
float:left;
display:block;
padding:0 20px 0 10px;
height:33px;
line-height:33px;
background:url("../img/bullet_breadcrumbs.gif") no-repeat top right;
}

.forVisitors,
.forParticipants,
.aboutEAJC,
.media {
float:left;
padding:0 0 0 13px;
width:203px;
font-size:11px;
}

.forVisitors h4 {
background:url("../img/b_cat1_small.gif") no-repeat top left;
}

.forParticipants h4 {
background:url("../img/b_cat2_small.gif") no-repeat top left;
}

.aboutEAJC h4 {
background:url("../img/b_cat3_small.gif") no-repeat top left;
}

.media h4 {
background:url("../img/b_cat4_small.gif") no-repeat top left;
}

#footer ul {
margin:0;
padding:0;
}

#footer li {
margin:0;
padding:0 0 0 20px;

background:url("../img/bullet_1.gif") no-repeat top left;
list-style:none;
}

#partners {
padding:15px 30px 5px 30px;
}

#lang {
position:absolute;
width:120px;
z-index:100;
top:70px;
right:25px;
text-align:right;
}

