/******* structure and layout *******/
body                     { color: #000; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; font-style: normal; background: url("images/kuvat/brax/talkkari2.jpg"); text-align: center; list-style-image: none; margin: 10px 0 0; padding: 0 }
.wrap                         { background: #d4d4d4 url("katto_4.gif") no-repeat center top; text-align: center; margin: 5px auto; padding: 0; position: relative; width: 860px; border-style: solid none none; border-width: 10px 1px medium; border-color: #d4d4d4 }

.header              { color: #2f4f4f; font-style: italic; font-weight: bold; background: transparent; text-align: center; margin: 130px 0 0; padding: 0; position: relative; width: 780px; height: 25px; clear: none }

.topnav      { font-size: 8pt; background: #cccccc; text-align: center; margin: 0; padding: 0; position: relative; width: 780px; height: 21px; clear: both }

.container                { color: #2f4f4f; background-color: #d4d4d4; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: left; margin: 10px 5px -10px; padding: 0; position: relative; width: 800px; clear: both }

.news_right             { color: #2f4f4f; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; background: #e4f9d2; margin: 5px; padding: 0 10px; position: relative; width: 200px; float: right; clear: both }

.news p     { margin: 5px }

.news_cnr_top       { background: no-repeat right top; margin: 0 -5px }
img.cnr      { display: block; width: 8px; height: 8px; border-style: none }

.footer               { font-size: 8pt; background: #e0e0e0; text-align: right; margin: 20px 0 0; padding: 4px; position: relative; width: 850px; clear: both; border-top: 3px solid #2f4f4f; border-right: 3px none; border-bottom: 3px solid #2f4f4f }


/******* top navigation *******/
#nav ul       { color: #cddada; font-size: 8pt; background: #ffffff url("images/topnav_bg_grey.gif"); white-space: nowrap; list-style-type: none; margin: 0; padding: 0; width: 100%; float: left }

#nav ul li{
display:inline;
list-style:none;
}

#nav ul li a       { color: #000000; text-decoration: none; background: #e4f9d2 url("images/topnav_bg_grey.gif"); margin: 0; padding: 0.25em 0.7em 0.3em; float: left; border-right: 1px solid #cccccc }

#nav ul li a:hover        { color: #000; text-decoration: none; background: #e4f9d2 url("images/topnav_bg_green.gif"); border-right: 1px solid #cccccc }




/******* links *******/

a     { color: #2f4f4f; text-decoration: underline }

a:hover  { color: #c0c0c0; text-decoration: none }

#news a   { color: #2f4f4f; text-decoration: underline }

#news a:hover {
color:#E39243;
text-decoration:none;
}

#footer a   { color: #408080; text-decoration: none }

#footer a:hover   { color: #408080; text-decoration: none }

/******* fonts and colors *******/

.header strong        { color: #666; font-size: 14pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; font-weight: bold; letter-spacing: 0.5em }

.news_title       { color: #2f4f4f; font-size: 8pt; font-family: Arial, Helvetica, sans-serif; font-weight: bold }

.page_title       { color: #2f4f4f; font-size: 12pt; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin: 10px 0 -8px; padding: 0 }


/******* images *******/

img {
border:none;
}

.right img{
position:relative;
float:right;
padding:0 0 0 0;
margin:5px 2px 2px 5px;
}

.left img{
position:relative;
float:left;
padding:0 0 0 0;
margin:0 5px 0 2px;
}



/******* workarounds and hacks *******/
:after.clearfix    { display: block }

.clearfix   { }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix  { display: block }
/* End hide from IE-mac */