body {font: 12px Arial, Helvetica, sans-serif; color: #231f20; line-height: 19px;}

a {color: #00aeef; text-decoration: none;}
a:hover {text-decoration: underline;}

img {display: block;}

form, fieldset, h1, h2, h3, h4, p, ul, li, img {margin: 0; padding: 0; border: 0;}
ul {list-style: none;}
input, select, textarea, a {outline: none;}
input, select, textarea {margin: 0; padding: 0; font: 12px Arial, Helvetica, sans-serif; color: #231f20;}

.admin-area {position: fixed; top: 0}
*html .admin-area {position: absolute} /* IE 6 */

.clearer {clear: both;}

/* Page */

#page {width: 928px; overflow: hidden; margin: 0 auto; background: #fff;}

/* Header */

#header {width: 100%; height: 340px; margin: 20px 0 0 0; position: relative; z-index: 1;}
#header .h-pic {position: absolute; z-index: 2; bottom: 0; right: 0;}
#header .header-pic {position: absolute; z-index: 3; top: 0; left: 0;}
#header .logo {float: left; width: 435px; height: 160px; position: absolute; z-index: 4; top: 151px; left: 21px;}
#header .logo-suusaliit {float: left; position: absolute; z-index: 5; top: -20px; left: 0;}

/* Mainmenu */

#mainmenu {width: 100%; overflow: hidden; padding: 0 0 5px 0;}
#mainmenu li {float: left;}
#mainmenu li a {float: left; height: 57px; margin: 0 3px 0 0; line-height: 57px; font-size: 19px; color: #231f20; text-align: center; text-transform: uppercase;}
#mainmenu li a:hover {text-decoration: none; color: #00aeef;}
#mainmenu li a.selected {color: #fff;}

#mainmenu li.item-1 a {width: 138px;}
#mainmenu li.item-2 a {width: 174px;}
#mainmenu li.item-3 a {width: 194px;}
#mainmenu li.item-4 a {width: 142px;}
#mainmenu li.item-5 a {width: 142px;}
#mainmenu li.item-6 a {width: 107px;}

#mainmenu li.item-1 a.selected {color: #fff; background: url('../img/2010/item-1-selected.png') no-repeat center;}
#mainmenu li.item-2 a.selected {color: #fff; background: url('../img/2010/item-2-selected.png') no-repeat center;}
#mainmenu li.item-3 a.selected {color: #fff; background: #231f20;}
#mainmenu li.item-4 a.selected {color: #fff; background: url('../img/2010/item-4-selected.png') no-repeat center;}
#mainmenu li.item-5 a.selected {color: #fff; background: url('../img/2010/item-5-selected.png') no-repeat center;}
#mainmenu li.item-6 a.selected {color: #fff; background: url('../img/2010/item-6-selected.png') no-repeat center;}

/* Main */

#main {width: 100%; overflow: hidden;}

.news-banner {position: relative; margin: 0 0 -10px 0;}

/* Left side */

#left-side {float: left; width: 217px; overflow: hidden; margin: 0 17px 0 0;}

#left-side .info {width: 100%; overflow: hidden; margin: 15px 0 0 0;}
#left-side .info .inline {padding: 18px 10px 20px 20px;}
#left-side .info h2 {padding: 0 0 6px 0; font-size: 19px; font-weight: normal; text-transform: uppercase;}

/* Right side */

#right-side {float: right; width: 217px; overflow: hidden; margin: 11px 0 0 0;}

.contact-box {width: 100%; overflow: hidden; padding: 17px 0 0 0; background: url('../img/2010/box-bg.gif') no-repeat #f1f1f2;}
.contact-box .inline {padding: 0 20px 0 8px; overflow: hidden;}
.contact-box .title {width: 100%; padding: 0 0 5px 0; border-bottom: 2px #d1d2d4 solid;}
.contact-box .title h2 {font-size: 19px; color: #c8cacb; font-weight: normal;}
.contact-box p {padding: 5px 0 10px 4px;}

/* Submenu */

#submenu {width: 100%; overflow: hidden; margin: 5px 0 15px 0; padding: 17px 0 0 0; background: url('../img/2010/box-bg.gif') no-repeat #f1f1f2;}
#submenu .inline {padding: 0 20px 15px 8px; overflow: hidden;}
#submenu .title {width: 100%; margin: 0 0 15px 0; padding: 0 0 5px 0; border-bottom: 2px #d1d2d4 solid;}
#submenu .title h2 {font-size: 19px; color: #c8cacb; font-weight: normal;}

#submenu ul {}
#submenu ul li {display: inline;}
#submenu ul li a {display: block; padding: 0 0 0 12px;}
#submenu ul li a.selected {font-weight: bold; color: #231f20;}
#submenu ul li a:hover {color: #231f20;}
#submenu ul li.level3 a {padding: 0 0 0 25px; font-size: 11px; color: #231f20;}
#submenu ul li.level3 a.selected {text-decoration: underline; font-weight: normal;}

/* Front */

#front {float: left; width: 462px; overflow: hidden; margin: 0 15px 0 0; padding: 28px 0 0 0; border-bottom: 4px #bcbec0 solid; background: url('../img/2010/front-bg.gif') no-repeat #f1f1f2;}
#front .inline {padding: 0 14px; overflow: hidden;}
#front .title {width: 100%; padding: 0 0 5px 0; overflow: hidden; border-bottom: 2px #d1d2d4 solid;}
#front .title h1 {font-size: 19px; color: #c8cacb; font-weight: normal;}
#front .title .all-news {float: right; margin: 2px 0 0 0; color: #c8cacb}
#front .row {width: 100%; overflow: hidden; padding: 20px 0 5px 0; border-bottom: 2px #e6e7e8 solid;}
#front .row h2 {padding: 0 0 10px 0; font-size: 19px; font-weight: normal; text-transform: uppercase;}
#front .row .news-pic {float: right; margin: 0 0 15px 15px;}
#front .row p {padding: 0 0 15px 0;}

/* Content */

#content {float: left; width: 680px; overflow: hidden; padding: 30px 0 0 0; border-bottom: 4px #bcbec0 solid; background: url('../img/2010/content-bg.gif') no-repeat #f1f1f2;}
#content .inline {padding: 0 14px 15px 14px; overflow: hidden;}
#content .title, 
#content-wide .title {width: 100%; padding: 0 0 8px 0; margin: 0 0 15px 0; border-bottom: 2px #d1d2d4 solid;}
#content .title h1, 
#content-wide .title h1 {font-size: 19px; color: #00adee; font-weight: normal;}
#content .body-pic {float: right; margin: 0 0 15px 15px;}
#content p {margin: 0; padding: 0 0 15px 0;}
#content .table-list {padding: 15px 0 0 0;}
#content table td.borderbottom {border-bottom: 2px #e6e7e8 solid;}

.tabel {border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; width: 100%;}
.tabel td {border-bottom: 1px solid #ccc; padding: 1px 3px 1px 3px; font-size : 11px;}

#content-wide {float: left; width: 900px; overflow: hidden; margin: 0 0 0 14px; padding: 17px 0 0 0; border-bottom: 4px #bcbec0 solid; background: url('../img/2010/content-wide-bg.gif') no-repeat #f1f1f2;}
#content-wide .inline {padding: 0 15px 15px 15px; overflow: hidden;}

/* News */

#news .row {width: 100%; overflow: hidden; padding: 20px 0 5px 0; border-bottom: 2px #e6e7e8 solid;}
#news .row h2 {padding: 0 0 10px 0; font-size: 19px; font-weight: normal; text-transform: uppercase;}
#news .row .news-pic {float: right; margin: 0 0 15px 15px;}
#news .row p {padding: 0 0 15px 0;}

/* Delfi news */

#delfi-news {clear: both; width: 898px; overflow: hidden; margin: 14px 0 0 14px; border: 1px #d0d0d0 solid; background: #f2fafd;}
#delfi-news iframe {border: 0;}

/* Facebook */

#facebook {width: 900px; overflow: hidden; margin: 10px 0 0 14px; border-top: 1px #aaaaaa solid; position: relative;}
#facebook iframe {margin: -1px 0 0 0;}

/* Footer */

.footer-logos {width: 900px; padding: 15px 0 15px 14px;}
.footer-logos td {float: right;}
.footer-logos img {float: left; margin: 0 3px;}

/* Admin */

.adminarea {border: 1px solid Silver; background-color: #D8D8D8; background-image: url(../img/back_button.gif); background-repeat: no-repeat;}