/**************************************
 * Reset
 * 
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }


/************************************
 * Basic elements
 *
 */

html, body, #wrapper { height: 100%; }
body > #wrapper { height: auto; min-height: 100%; }

body {
	font: normal 100%/1.6 Georgia, "Times New Roman", serif;
	color: white;
	text-align: center;
	background: #ffcc7d; /*url('images/bg-body.gif') repeat-y center top;*/
}

p, li { font-size: 0.6875em; }
p { margin-bottom: 1.25em;  }
a { color: #ff9724; text-decoration: underline; }
a:link { }
a:visited { }
a:hover {  }
a:active { }

h1, h2, h3, h4, h5, h6 { color: white; margin: 0 0 1em 0; font-weight: bold; line-height: 1.4; }
h1 { font-size: 1.7em; }
h2 { font-size: 16px; }
h3 { font-size: 16px; margin-bottom: 0.8em; }
h4, h5, h6 { font-size: 11px; }

sub { vertical-align: baseline; position: relative; bottom: -0.25em; font-size: smaller; }
sup { vertical-align: baseline; position: relative; bottom: 0.33em; font-size: smaller; }

ul, ol { margin: 1em 0 1em 1em; padding-left: 1em; }
ol { list-style-type: decimal; }
ul { list-style-type: disc; }
ol li, ul li { margin: 0.1em 0; line-height: 1.3; }
li li {	font-size: 1em; }
li ul {	margin: 0; }

address { font-style: normal; }

td { font-size: 0.6875em; padding-right: 0.5em; vertical-align: top;}
td p, td li { font-size: 1em; }



/************************************ 
 * Styles
 *
 */


/************************************
 * Layout
 *
 */

#wrapper { 
	text-align: left; position: relative; min-height: 100%; z-index: 2; 
}

#main-wrapper {
	min-width: 100%;
	height: 100%; 
	position: relative;
	background: url('images/bg-main-wrapper.jpg') no-repeat center top;
}

#page { 
	margin: 0 auto; text-align: left; position: relative; width: 918px; min-height: 100%; 
	background: #ffcc7d url('images/bg-body.gif') repeat-y left top;
}

#header { 
	background: transparent url('images/bg-header.gif') no-repeat left bottom; 
	width: 900px; padding: 8px 9px 5px; margin: 0 auto; position: relative; height: 120px; 
}

#header-logo { position: absolute; top: 0; left: 0; }
#print-logo { display: none; }

#slideshow { 
	width: 918px; height: 180px; margin: 0 auto; overflow: hidden;
	background: url('images/bg-slideshow-2010.jpg') no-repeat top left;
}
#slideshow p { margin: 0; }

#navigation { 
	width: 900px; margin: 5px auto 0; padding: 5px 0;  
	background: transparent url('images/bg-navi-top.png') no-repeat center top; 
	position: relative; 
}
#navigation-bottom { background: transparent url('images/bg-navi-bottom.png') no-repeat center top; height: 5px; }	 

#search { position: absolute; top: 0px; right: 18px; height: 38px; }

#container { 
	position: relative; padding: 6px 9px 85px; overflow: auto; background: url('images/bg-container.gif') no-repeat 0 0; 
	min-height: 332px; height: auto !important; height: 332px;
}

#main { width: 646px; float: right; background-color: transparent; padding-top: 5px; min-height: 400px; height: auto !important; height: auto;   }
#content { padding: 15px 20px 20px; background-color: black; min-height: 331px; height: auto !important; height: 331px; }
#content-bottom { background: transparent url('images/bg-content-bottom.gif') no-repeat left top; width: 646px; height: 22px; }
#page-title { width: 646px; background: transparent url('images/bg-main-top.png') no-repeat left top; padding-top: 4px; }
#page-title #page-title-bottom { background-color: black; }
#page-title h1 {
	font-size: 1.7em;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	line-height: 1.3; 
	font-weight: normal; 
	margin: 0; padding: 20px 10px 0 20px;
	width: 616px; color: white; font-size:;
	background-color: black; 
}

#sidebar { float: left; width: 254px; padding-top: 5px; }

div.sidebar-box-top,
div.sidebar-fancybox-top { height: 5px; line-height: 5px; } 
div.sidebar-box-top,
div.sidebar-fancybox-top { background: transparent url('images/bg-sidebar-box-top.png') no-repeat left bottom; }
/*div.sidebar-fancybox-top { background: transparent url('images/bg-sidebar-fancybox-top.gif') no-repeat left bottom; }*/

div.sidebar-box-content,
div.sidebar-fancybox-content {	
	width: 214px;
	background-color: black;
	font-size: 11px;
	border: 1px solid #444444; border-top: none; border-bottom: none;
	margin: 0px; padding: 5px 15px; color: white; 
}
/*
div.sidebar-fancybox-content {
	background: black url('images/bg-sidebar-fancybox-content.gif') no-repeat left top;
	padding-top: 36px; 
	border: 0; width: 216px;  
}
*/
div.sidebar-box-content h2, div.sidebar-fancybox-content h2 { 
	color: white;
	font: bold 12px "Trebuchet MS", Verdana, Arial, sans-serif;
	margin-bottom: 1em;   
	
}
div.sidebar-box-content p,
div.sidebar-box-content li, 
div.sidebar-fancybox-content p,
div.sidebar-fancybox-content li { font-size: 1em; }

div.sidebar-box-bottom { background: transparent url('images/bg-sidebar-box-bottom.png') no-repeat left top; height: 5px; margin-bottom: 5px;  } 

div#sidebar-sub-navigation {
	padding: 1px 6px 1px 5px; width: 233px; 
}
#sidebar-box-social-media {
	padding: 15px 6px 1px 5px; width: 233px; 
}

p#social-media-links { text-align: center; margin-bottom: 2em; }
p#social-media-links img { margin-right: 10px; }
p#social-media-links img.last { margin-right: 0; }

#footer { 
	width: 900px; margin: -70px auto 0; padding: 5px 9px; 
	background: transparent url('images/bg-navi-top.png') no-repeat center top; 
	position: relative; z-index: 10; height: 60px; clear: both;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
}
#footer-container { 
	margin: 0; padding: 0; 
	background-color: black; 
	position: relative; 
	border: 1px solid #434143; border-top: none; border-bottom: none;  
}
#footer table { margin: 0 auto; }
#footer table td { padding: 9px 6px 5px 0; vertical-align: middle;  text-align: left; }
#footer td,
#footer td p, 
#footer a { color: white; font-weight: normal; margin-bottom: 0.25em;   }
#footer-bottom { background: transparent url('images/bg-navi-bottom.png') no-repeat center top; height: 5px; }	 
#footer img { padding: 0 5px 0 2px; }
#footer-crosslink { width: 50px; position: absolute; top: 4px; left: 10px;  }

/***************************************
 * Navigation
 *
 */

#header-navigation ul { margin: 0; padding: 0; list-style: none;}
#header-navigation li { margin: 0; padding: 0; float: left; margin: 0 2px; }
#header-navigation a { 
	display: block; width: 296px; height: 72px; line-height: 72px;  float: left; text-decoration: none;
	font-size: 16px; color: red; text-align: center;    
	background: url('images/2011/bg-header-navigation.gif') no-repeat 0 0;
	text-indent: -9200px; 
}
#header-navigation a:hover { text-decoration: underline; }
#header-navigation a.active { color: blue; }

/* English */
#header-navigation li#menu-header-192 a { background-position: 0 0; }
#header-navigation li#menu-header-85 a { background-position: -296px 0; }
#header-navigation li#menu-header-89 a { background-position: -592px 0; }
/*#header-navigation li#menu-header-192 a.active,
#header-navigation li#menu-header-192 a:hover { background-position: 0 -72px; }
#header-navigation li#menu-header-85 a.active,
#header-navigation li#menu-header-85 a:hover { background-position: -296px -72px; }
#header-navigation li#menu-header-89 a.active,
#header-navigation li#menu-header-89 a:hover { background-position: -592px -72px; }*/

/* Finnish */
#header-navigation li#menu-header-207 a { background-position: 0 -72px; }
#header-navigation li#menu-header-92 a { background-position: -296px -72px; }
#header-navigation li#menu-header-208 a { background-position: -592px -72px; }
/*#header-navigation li#menu-header-207 a.active,
#header-navigation li#menu-header-207 a:hover { background-position: 0 -216px; }
#header-navigation li#menu-header-92 a.active,
#header-navigation li#menu-header-92 a:hover { background-position: -296px -216px; }
#header-navigation li#menu-header-208 a.active,
#header-navigation li#menu-header-208 a:hover { background-position: -592px -216px; }*/

#navigation ul { 
	margin: 0; padding: 0 0 0 8px; list-style: none; 
	background-color: black; 
	height: 1.8em;
}
#navigation ul li { margin: 0; padding: 0; float: left; line-height: 1.8em; font-size: 1em;   }
#navigation ul li a { 	
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	color: white;  display: block; font-size: 0.75em; padding: 0 0.6em; text-decoration: none; 
}
#navigation ul li.last { }
#navigation ul li a:hover { background-color: #aa5b00; text-decoration: none; }
#navigation ul li a.active { background-color: #aa5b00; }

#navigation ul li a:active { }

#sub-navigation ul { margin: 0; padding: 0; list-style: none; }
#sub-navigation ul li { padding-left: 2px; font-size: 11px; float: none; }
#sub-navigation ul li a { color: white; padding: 0.6em; display: block; text-decoration: none; }
#sub-navigation ul li a:hover { background-color: #aa5b00; color: white; text-decoration: none;}
#sub-navigation ul li a.active { background-color: #aa5b00; color: white; }

.sidebar-navigation ul { margin: 0; padding: 0; list-style: none; }
.sidebar-navigation ul li { padding-left: 2px; font-size: 11px; float: none; }
.sidebar-navigation ul li a { color: white; padding: 0.6em; display: block; text-decoration: none; }
.sidebar-navigation ul li a:hover { background-color: #aa5b00; color: white; text-decoration: none;}
.sidebar-navigation ul li a.active { background-color: #aa5b00; color: white; }

body.fi #language a.finnish,
body.en #language a.english { display: none; }

/************************************ 
 * Language
 *
 */
#language {
	position: absolute; right: 160px; top: 0px; 
	font-size: 11px; line-height: 38px; 
	padding: 0 8px 0 0;  
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}
#language a { color: #ff9724; text-decoration: none; }
#language a:hover { text-decoration: underline; }

/************************************ 
 * Forms
 *
 */


form { font-size: 11px;  }
div.form-row { margin-bottom: 0.5em; }
div.form-left { float: left; width: 32%;}
div.form-right { float: right; width: 67%;}
fieldset { border: 0; margin: 0 0 1.5em 0; position: relative; clear: both; display: block; }
fieldset.blank { }
div.fieldset { border: 0; margin: 0 0 1.5em 0; height: auto; clear: both;  }
input, textarea, select, option { font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; font-size: 11px;  }	
label { float: left; width: 200px; }
div.errors, div.required, span.required { color: #a00000; font-weight: bold; }
div.errors { font-size: 1em; margin-bottom: 1em; }
input.field { width: 100px;   }
input.button { }
option { border: 0; padding: 1px 2px;}
select { border: 1px solid #ccc; padding: 0;}
div.checkbox-container { }
#mailing-list-form label { width: 250px; }

#mailing-list-form p, #mailing-list-form li { font-size: 1em; font-weight: bold;  }
#mailing-list-form h3 { text-transform: uppercase; margin-top: 1.5em; margin-bottom: 0.5em; }
#mailing-list-form div.form-left { width: 220px; }
#mailing-list-form div.form-right { width: 380px; }
#mailing-list-form label { width: auto; line-height: 2; font-weight: bold;  }
#mailing-list-form label.heading { text-transform: uppercase; font-weight: bold; }
#mailing-list-form input.field { width: 80%; }
#mailing-list-form input.field-medium { width: 50%; }
#mailing-list-form input.field-short { width: 3em; }
#mailing-list-form textarea { width: 90%; height: 8em; }

#entry-form p, #entry-form li { font-size: 1em; font-weight: normal;  }
#entry-form h3 { text-transform: uppercase; margin-top: 1.5em; margin-bottom: 0.5em; }
#entry-form label { width: auto; line-height: 2; font-weight: normal;  }
#entry-form label.heading { text-transform: uppercase; font-weight: bold; }
#entry-form input.field { width: 90%; }
#entry-form input.field-medium { width: 50%; }
#entry-form input.field-short { width: 3em; }
#entry-form textarea { width: 90%; height: 8em; }
#entry-form span.checkbox-spacer { padding-left: 26px;  }

#feedback-form p, #feedback-form li { font-size: 1em; font-weight: normal;  }
#feedback-form h3 { text-transform: uppercase; margin-top: 1.5em; margin-bottom: 0.5em; }
#feedback-form label { width: auto; line-height: 2; font-weight: normal;  }
#feedback-form label.heading { text-transform: uppercase; font-weight: bold; }
#feedback-form input.field { width: 90%; }
#feedback-form input.field-medium { width: 50%; }
#feedback-form input.field-short { width: 3em; }
#feedback-form textarea { width: 90%; height: 8em; }
#feedback-form span.checkbox-spacer { padding-left: 26px;  }

#handicap-accre-form p, #handicap-accre-form li { font-size: 1em; font-weight: normal;  }
#handicap-accre-form h3 { text-transform: uppercase; margin-top: 1.5em; margin-bottom: 0.5em; }
#handicap-accre-form label { width: auto; line-height: 2; font-weight: normal;  }
#handicap-accre-form label.heading { text-transform: uppercase; font-weight: bold; }
#handicap-accre-form input.field { width: 90%; }
#handicap-accre-form input.field-medium { width: 50%; }
#handicap-accre-form input.field-short { width: 3em; }
#handicap-accre-form textarea { width: 90%; height: 8em; }
#handicap-accre-form span.checkbox-spacer { padding-left: 26px;  }

/****
 * Search
 */

#ajaxSearch_form { height: 38px; line-height: 38px;}
#ajaxSearch_form fieldset { margin-bottom: 0; height: 38px; line-height: 38px;}
#ajaxSearch_form label { float: none; width: auto; }
#ajaxSearch_input { 
	width: 125px; background-color: #2c2c2c;
	border: none;
	margin: 0; padding: 2px 3px;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: white;
	font-size: 11px; 
	display: block;
	position: relative; 
	top: 9px;  
}
#ajaxSearch_submit { display: none; }

.ajaxSearch_result { margin-bottom: 1.5em; border-bottom: 1px dotted #e0e0e0;  }
.ajaxSearch_result h3 { margin-bottom: 0.1em; }
div.search-result-extract p { margin-bottom: 0; }

.ajaxSearch_paging { font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-weight: bold; font-size: 0.6875em; text-align: center; margin: 1em 0; padding: 2em 0em; }
.ajaxSearch_paging span.left { width: 20%; float: left; text-align: left; }
.ajaxSearch_paging span.right { width: 20%; float: right; text-align: right; }
.search-link-off { color: #d0d0d0; }

.search-link { }
.search-link a {  border: 1px solid #aa5b00; background-color: #aa5b00;color: white; text-decoration: none; padding: 0 0.5em; margin: 0 0.2em;}
.search-link a:hover { background-color: #303030; }

.search-link-current { background-color: #ea4411;  margin: 0 0.2em; padding: 0 0.5em; background-color: black; color: white;  border: 1px solid #aa5b00; }


/************************************ 
 * News & Events
 *
 */

div.news-item { }
div.news-item h2 { }
div.news-item p { }

div.news-item-short { font: normal 11px/1.6 Georgia, "Times New Roman", serif; padding-bottom: 1.25em;  }
div.news-item-short h3 { margin: 0; color: white; padding-bottom: 0.1em; font-style: italic; font-size: 11px; font-weight: normal;  }
div.news-item-short p { margin: 0; padding-bottom: 0.15em; font-style: italic; font-size: 11px; }
div.news-item-short p.date { font-size: 11px; padding-bottom: 0.1em; }
div.news-item-short a { font-style: normal; }
p.news-more { font-style: normal; font-size: 11px; margin-bottom: 0; }

div.news-item-archive p.date { margin-bottom: 0.1em; font-style: italic; }
div.news-item-archive h3 { margin: 0; font: normal 11px/1.6 Georgia, "Times New Roman", serif;}


div.event-item { }
div.event-item h2 { }
div.event-item p { }

div.event-item-short { font: normal 11px/1.6 Georgia, "Times New Roman", serif; padding-bottom: 1.25em;  }
div.event-item-short h3 { margin: 0; color: white; padding-bottom: 0.1em; font-style: italic; font-size: 11px; font-weight: normal;  }
div.event-item-short p { margin: 0; padding-bottom: 0.15em; font-style: italic; font-size: 11px; }
div.event-item-short p.date { font-size: 11px; padding-bottom: 0.1em; }
div.event-item-short a { font-style: normal; }
p.event-more { font-style: normal; font-size: 11px; margin-bottom: 0; }

div.event-item-archive p.date { margin-bottom: 0.1em; font-style: italic; }
div.event-item-archive h3 { margin: 0; font: normal 11px/1.6 Georgia, "Times New Roman", serif;}


div.pagination { font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-weight: bold; font-size: 0.6875em; text-align: center; margin: 1em 0; padding: 2em 0em; }
div.pagination span.left { width: 20%; float: left; text-align: left; }
div.pagination span.right { width: 20%; float: right; text-align: right; }
div.pagination .ditto_off { color: #d0d0d0; }
div.pagination a { text-decoration: none; }
.ditto_currentpage,
.ditto_page { padding: 0 0.5em; border: 1px solid #aa5b00;  margin: 0 0.2em; background-color: black; color: white;   }
.ditto_currentpage { background-color: #aa5b00; color: white;  border: 1px solid #aa5b00; }
a.ditto_page:hover { background-color: #303030; }

/************************************ 
 * Programme
 *
 */

div.programme-container { position: relative; }
a.programme-link { position: absolute; top: 0; left: 0; }
a#programme-1 { width: 598px; height: 30px; top: 44px; left: 0px; }
a#programme-2 { width: 117px; height: 106px; top: 326px; left: 0px; }
a#programme-3 { width: 117px; height: 111px; top: 76px; left: 120px; }
a#programme-4 { width: 117px; height: 136px; top: 296px; left: 120px; }
a#programme-5 { width: 117px; height: 105px; top: 96px; left: 240px; }
a#programme-6 { width: 117px; height: 123px; top: 236px; left: 240px; }
a#programme-7 { width: 117px; height: 96px; top: 366px; left: 240px; }
a#programme-8 { width: 117px; height: 53px; top: 202px; left: 360px; }
a#programme-9 { width: 117px; height: 176px; top: 255px; left: 360px; }
a#programme-10 { width: 117px; height: 91px; top: 96px; left: 481px; }

/************************************ 
 * Fixes and special cases
 *
 */

body.network #content,
body.verkosto #content { background: black url('images/bg-network-countries.jpg') no-repeat center top; }

table.network-countries td.column { }
table.network-countries td { vertical-align: middle; }
table.network-countries td img { vertical-align: middle; margin: 0 0.25em 0.25em 0;  }
.clearfix:after, #container:after, #header-navigation:after, div.form-row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hide from IE Mac \*/
.clearfix {display: block;}
/* End hide from IE Mac */
.hidden { display: none; }