body { margin: 0; padding: 0; background: #eac978 url(../images/background.gif) repeat top left; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.3; } .clear { clear: both; } h1 { margin: 0 0 15px 0; font-family: Arial, Helvetica, sans-serif; font-size: 19px; font-weight: bold; color: #4680a9; } h2 { margin: 10px 0 3px 0; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #4680a9; } h3 { margin: 12px 0 12px 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #4680a9; } h4 { margin: 12px 0 1px 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #4680a9; } p { line-height: 1.4; margin: 0 0 1.5em 0; } img { border: none; } a { color: #4680a9; text-decoration: underline; } a:hover { color: #5fa1ce; text-decoration: underline; } ul { margin: 15px 0 15px 0; padding: 0 0 0 8px; list-style: none; } ul li { padding-left: 20px; padding-bottom: 15px; background: url(../images/list_arrow.gif) no-repeat 0 2px; } ul li a { text-decoration: none; font-weight: bold; color: #4680a9; } ul li a:hover { color: #5fa1ce; text-decoration: underline; } div#background-top { position: absolute; top: 0; left: 0; width: 100%; height: 390px; background: transparent url(../images/background_top.gif) repeat-x; } div#wrapper { position: relative; width: 886px; margin: 50px auto 0 auto; } div#wrapper-border-top { position: relative; top: 79px; width: 886px; height: 10px; margin: 0 auto 0 auto; background: url(../images/wrapper_border_top.gif) no-repeat; font-size: 0; } div#wrapper-border-bottom { clear: both; width: 886px; height: 10px; margin: 0 auto 30px auto; background: url(../images/wrapper_border_bottom.gif) no-repeat; } div#language-menu { height: 29px; padding: 0 8px 0 8px; } div#language-menu a { display: block; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #4680a9; text-decoration: none; } div#language-menu a:hover { color: #4680a9; text-decoration: underline; } div#language-menu a span { display: block; padding: 0px 0px 0px 22px; background: url(../images/language_menu_inactive_left.gif) no-repeat top left; } div#language-menu a span span { padding: 0px 22px 0px 0px; background: url(../images/language_menu_inactive_right.gif) no-repeat top right; } div#language-menu a span span span { padding: 7px 5px 6px 5px; background: url(../images/language_menu_inactive.gif) repeat-x; white-space: nowrap; } div#language-menu a.active { } div#language-menu a.active span { background: url(../images/language_menu_active_left.gif) no-repeat top left; } div#language-menu a.active span span { background: url(../images/language_menu_active_right.gif) no-repeat top right; } div#language-menu a.active span span span { background: url(../images/language_menu_active.gif) repeat-x; } div#header-wrapper { width: 870px; height:115px; padding: 0 8px 0 8px; background: #ffffff url(../images/header_wrapper_border_left_right.gif) repeat-y; } div#header { width: 870px; height: 117px; margin: 0; padding: 0; } div#header-left { float: left; width: 330px; padding: 15px 10px 0 10px; } div#header-title-logo { height: 56px; } div#header-title { float: left; padding: 8px 0 0 10px; } div#header-logo { float: right; margin-left: 20px; } div#header-slogan { clear: both; padding-top: 10px; padding-left:3px; } div#header-right { float: right; width: 519px; height: 117px; } div#header-image { padding-left:1px; padding-top:1px; } div#content-wrapper { width: 870px; padding: 0 8px 0 8px; background: #ffffff url(../images/wrapper_border_left_right.gif) repeat-y; line-height: 1.4; } div#menu-area { clear: both; width: 870px; padding: 11px 0 25px 0; } div.menu-border { clear: both; width: 100%; height: 7px; background: #fefaf1 url(../images/menu_border.gif) repeat-x; font-size: 0; } div#menu { width: 100%; height: 27px; background: url(../images/menu_bg.gif) repeat-x; } div#menu ul { margin: 0; padding: 0; list-style-type: none; list-style-image: none; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; } div#menu ul li { float: left; margin: 4px 0 0 0; padding: 0 0 0 6px; background: none; } div#menu ul li a { display: block; float: left; padding: 0 8px 0 8px; font-size: 0.9em; text-decoration: none; color: #ffffff; } div#menu ul li a:hover { color: #f3f3f3; text-decoration: underline; } div#menu a span { display: block; padding: 0 0 0 8px; background: transparent; } div#menu a span span { padding: 0 8px 0 0; background: transparent; } div#menu a span span span { padding: 4px 2px 4px 2px; background: transparent; white-space: nowrap; } div#menu ul li a.selected { color: #4680a9; } div#menu ul li a.selected:hover { color: #4680a9; text-decoration: underline; } div#menu ul li a.selected span { background: url(../images/menu_active_left.gif) no-repeat top left; } div#menu ul li a.selected span span { background: url(../images/menu_active_right.gif) no-repeat top right; } div#menu ul li a.selected span span span { background: url(../images/menu_active.gif) repeat-x; } div.news-box-fi, div.news-box-sv { width: 179px; text-align: center; } div.news-box-fi div.heading, div.news-box-sv div.heading { padding: 9px 0 0 14px; } div.news-box-fi div.heading { background: url(../images/newspaper_fi.gif) no-repeat top left; } div.news-box-sv div.heading { background: url(../images/newspaper_sv.gif) no-repeat top left; } div.news-box-fi h2, div.news-box-sv h2 { margin: 0; padding: 7px 0 7px 0; font-size: 16px; color: #ffffff; } div.news-box-fi div.text, div.news-box-sv div.text { margin: 0 0 0 15px; padding: 10px; text-align: left; border: 1px solid #dddddd; background: #f3f3f3; color: #1c1c1c; } div.news-box-fi div.text div.news-item, div.news-box-sv div.text div.news-item { margin-bottom: 10px; } div.news-box-fi div.text div.news-item span.date, div.news-box-sv div.text div.news-item span.date { display: block; font-size: 11px; text-transform: uppercase; padding: 6px 0 4px 0; color: #535453; } div.news-box-fi div.text div.news-item a, div.news-box-sv div.text div.news-item a { color: #232323; text-decoration: none; font-weight: bold; } div.news-box-fi div.text div.news-item a:hover, div.news-box-sv div.text div.news-item a:hover { color: #232323; text-decoration: underline; } ul#submenu { margin: 0 0 40px 0; padding: 0; list-style-type: none; list-style-image: none; } ul#submenu li { background: none; padding-bottom: 8px; } ul#submenu li a { display: block; padding-left: 25px; text-decoration: none; background: url(../images/list_arrow.gif) no-repeat 5px 3px; font-weight: bold; color: #4a8ab6; } ul#submenu li a:hover { color: #4a8ab6; text-decoration: underline; } ul#submenu2 { margin: 0; padding: 0 0 0 10px; list-style-type: none; list-style-image: none; } ul#submenu2 li { background: none; padding-bottom: 5px; padding-left: 0; } ul#submenu2 li a { display: block; padding: 2px 2px 2px 25px; text-decoration: none; background: url(../images/list_arrow_small.gif) no-repeat 10px 6px; font-size: 0.9em; font-weight: bold; color: #094794; } ul#submenu2 li a:hover { color: #4b87b0; text-decoration: underline; } ul#submenu2 li a.selected { background: #ebf5fd url(../images/list_arrow_small.gif) no-repeat 10px 6px; } ul.table-of-contents { margin: 0; padding: 0 0 0 10px; list-style-type: none; list-style-image: none; } ul#submenu ul.table-of-contents li { background: none; padding-bottom: 5px; padding-left: 0; } ul#submenu ul.table-of-contents li a { display: block; padding: 2px 2px 2px 25px; text-decoration: none; background: url(../images/list_arrow_small.gif) no-repeat 10px 6px; font-size: 0.9em; font-weight: bold; color: #4a8ab6; } ul#submenu ul.table-of-contents li a:hover { color: #4a8ab6; text-decoration: underline; } div#content-area { clear: both; width: 100%; height: auto !important; min-height: 500px; height: 500px; } div#left-column { float: left; width: 193px; padding: 5px 10px 15px 2px; } div#main-content-column { float: left; width: 402px; padding: 10px 25px 20px 25px; border-left: 1px solid #a9bcc3; border-right: 1px solid #a9bcc3; } div#main-content-column-wide { float: left; width: 615px; padding: 10px 15px 20px 30px; border-left: 1px solid #a9bcc3; } div.divider-line { clear: both; height: 1px; font-size: 1px; padding: 0; margin: 20px 0 10px 0; background: #a9bcc3; } div#right-column { float: right; width: 182px; padding: 5px 10px 20px 15px; } div.advertorial { padding-bottom: 10px; } div.advertorial h2 { margin-bottom: 10px; border-bottom: 1px solid #a9bcc3; } div.advertorial a { text-decoration: none; font-weight: bold; color: #4a8ab6; } div.advertorial a:hover { color: #4a8ab6; text-decoration: underline; } div.gallery { padding-top: 20px; } div.gallery div.gallery-image { float: left; width: 290px; padding: 0 10px 20px 0; text-align: center; } div.publish-date { color: #4a8ab6; font-weight: bold; } div.blog-post h2 { margin: 5px 0 5px 0; } div.blog-post h2 a { text-decoration: none; } div.blog-post h2 a:hover { text-decoration: underline; } div#news-list { } div#news-list div.news-item { padding: 15px 0 15px 0; } div#news-list div.news-item span.date { font-weight: bold; } div#news-list div.news-item h3 { margin: 6px 0 8px 0; font-size: 17px; } div#news-list div.news-item h3 a { text-decoration: none; } div#news-list div.news-item h3 a:hover { text-decoration: underline; } form { margin: 0; padding: 0; margin-top: 10px; } div.form-success { padding: 5px 10px 5px 10px; background: #11cc11; color: #ffffff; } div.form-error { padding: 5px 10px 5px 10px; background: #ff1111; color: #ffffff; } form div.line { clear: both; padding: 4px; } form label { display: block; float: left; width: 150px; } form label.long { float: none; width: auto; margin-top: 5px; } form label span.required { padding-left: 3px; color: #ff0000; } form div.line div.radios, form div.line div.checkboxes { float: left; padding: 0 0 5px 0; } form div.line div.radios input, form div.line div.checkboxes input { clear: both; float: left; } form div.line div.radios label, form div.line div.checkboxes label { clear: none; float: left; width: auto; margin-left: 5px; } form input.text, form select, form textarea { width: 240px; border: 1px solid #abadb3; padding: 2px; margin-bottom: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; } form input.checkbox, form input.radio { display: block; float: left; width: auto; border: none; clear: right; } form textarea.long { width: 100%; } form h2 { margin-top: 20px; } form button.submit { margin: 20px 0 0 150px; padding: 3px 5px 3px 5px; background-color: #4a8ab6; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } form button.left { margin-left: 0; } div#footer { clear: both; width: 838px; height: 22px; margin: 10px 3px 0 3px; padding: 5px 13px 4px 13px; background: #4a8ab6 url(../images/footer_bg.gif) repeat-x; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; } div#footer a { float: left; display: block; margin-right: 30px; padding-left: 13px; color: #ffffff; text-decoration: none; } div#footer a:hover { text-decoration: underline; } div#footer a.back-link { background: url(../images/back.png) no-repeat center left; } div#footer a.top-link { background: url(../images/up.png) no-repeat center left; } div#footer a.print-link { padding-left: 19px; background: url(../images/print.png) no-repeat center left; }