/* Start of CMSMS style sheet 'REM' */
body {
margin: 0;
padding: 0;
text-align: left;
font: 76% arial, tahoma, "Trebuchet MS", verdana, arial, verdana, sans-serif;
background: #f2f2f2 url(images/bg.gif) top left repeat-x;
color: #444;
padding-top: 35px;
}


/*body {text-align:center; font-family:arial, arial, helvetica, sans-serif; font-size:76%; color:#000; padding:0; border:0; margin:0; background:#fff; text-align:center;}*/


a, a:visited {color:#000;}
a:hover {text-decoration:none;}


#container {width:950px; background:#fff; margin:0px auto; text-align:left; border-top:0px solid #fff;}
#header {width:700px; margin:0px; background: #C2CEE8 url(images/header_bg2.gif) top right repeat-x;height:80px; float:left; border-bottom:0px solid #00538D;}

#topmenu {width:585px; height:25px; float:right; font-family:arial, sans-serif; text-transform:uppercase;}
#topmenu ul {padding:0; margin:0; list-style-type:none;}
#topmenu ul li {float:right; font-size:10px; color:#999; margin:5px 12px 0 0; line-height:20px;}
#topmenu ul li a, #topmenu ul li a:visited {font-size:10px; color:#444; text-decoration:none;}
#topmenu ul li a:hover {color:#000; text-decoration:underline;}

/* MAIN MENU */


#mainmenu {width:700px;background:#C2CEE8; margin:0px; padding:0px; height:48px; float:left;margin:0;}
#menucontainer{position:relative; height:48px;color:#E0E0E0;background:#C2CEE8;width:100%;font-family:Helvetica,Arial,Verdana,sans-serif;margin:0;}
#remmenu{width:698px;position:relative;height:48px;font-size:11px;text-transform:uppercase;font-weight:bold;background:url(images/menu_bg2.gif) top left repeat-x; margin:0;padding:0 0 0 2px;}
#remmenu ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#remmenu ul li{display:block;float:left;margin:0;}
#remmenu ul li a{display:block;float:left;color:#fff;text-decoration:none;padding:0 0 0 20px;height:30px;}
#remmenu ul li a span{padding:17px 20px 0px 0px;height:30px;float:left;}
#remmenu ul li a:hover{color:#fff;height:48px; background:transparent url(images/menu_bg-ON.gif) repeat-x top left;}
#remmenu ul li a:hover span{display:block;width:auto;cursor:pointer;}
#remmenu ul li a.current,#remmenu ul li a.current:hover{color:#065388;background:#fff url(images/menu_left-ON.gif) no-repeat top left;line-height:430%;height:47px;}
#remmenu a.current{margin-top:1px;}
#remmenu ul li a.current span{display:block;padding:0px 20px 0px 0px;width:auto;background:#fff url(images/menu_right-ON.gif) no-repeat top right;height:47px;}



#topbar {clear:both; width:950px; background:#fff; height:auto;}
#info {background:#fff; width:700px; float:left;}
#info_right {display:block; float:right; width:230px; padding:10px; color:#fff;}
#info_right p {margin:0 0 10px 0;}
#info_right form fieldset {padding:0; border:0; margin:0 0 0 5px;}
#info_right ol {margin-top:40px;}
#info_right ol li {margin-bottom:5px;}
#info_right li a, #info_right li a:visited {color:#fff; font-size:11px; text-decoration:none;}
#info_right li a:hover {text-decoration:underline;}

#info h2 {font-family:arial, serif; font-size:1.4em; margin:0; text-align:left; margin:15px 0 10px 15px;}
#info h3 {font-family:"trebuchet ms", sans-serif; font-size:1.1em; font-weight:normal; margin:0 0 0 15px; color:#006699; text-align:left; margin-bottom:10px;}
#info_right h3 {font-family:"trebuchet ms", sans-serif; font-size:1.1em; font-weight:normal; margin:0; color:#fff;}

img.sectionimage {border-top:1px solid #00538D;/*background:url(images/si1.jpg);*/border-bottom:2px solid #00538D;}
img.sectionimage2 {border-top:1px solid #00538D;/*background:url(images/si3.jpg);*/border-bottom:2px solid #00538D;}



#loginarea {background:#00538D;float:left; width:250px; height:190px; overflow:hidden; color:#fff;font-size:11px; font-family:arial, sans-serif;}
#loginarea a,a:link,a:hover,a:visited {border:0; color:#fff;}
#loginarea h3{ font-size:14px; color:#fff; font-weight:bold; font-family:arial, sans-serif;  padding:10px 0px 0 10px;}
#loginarea form{padding:0;padding-left:40px;}
#loginarea input{margin-left:0px; padding:0px;}



#left_column {width:448px; background:#fff; float:left; padding:0 22px 0 10px;}
* html #left_column {background:#fff;width:418px; w\idth:418px;}
#left_column ol li {font-size:11px; line-height:16px; font-family:arial, sans-serif; margin:5px 0 8px 0;}
#left_column ol li a, a:link, a:hover, a:visited, {list-style-type:square;line-height:16px; font-family:arial, sans-serif;color:#056597;}
#left_column dl.sitemap dd a {text-decoration:none; color:#056597;}
#left_column dl.sitemap dd a:hover {color:#fff; background:#069;}
#left_column dl.sitemap {margin-left:50px;}
#left_column dl.sitemap dd {margin:0;}

#content_right {width:200px; background:#CAD9F0; float:right; padding:0 10px 0 10px;}
* html #content_right {width:200px; w\idth:200px;}


dl.links {font-size:11px; margin:10px 0 0 0;}
dl.links dt {background:#00538D; padding:5px; font-family:arial, serif; font-weight:bold; font-size:14px; color:#fff; border-left:1px solid #fff;}
dl.links dd {margin:0; padding:5px 5px 0 5px;}
dl.links dd a, dl.links dd a:visited {text-decoration:none; color:#000;}
dl.links dd a em {font-style:normal; float:right; color:#454545;}
dl.links dd a b {color:#454545;}
dl.links dd a:hover {text-decoration:underline;}
dl.links dd a:hover em {cursor:pointer; text-decoration:none;}
/*
#contentwide dd {width:500px;margin:0; padding:5px 5px 0 5px;}
#contentwide dd a, dl.links dd a:visited {text-decoration:none; color:#000;}
#contentwide dd a em {font-style:normal; float:right; color:#454545;}
#contentwide dd a b {color:#454545;}
#contentwide dd a:hover {text-decoration:underline; background:#f0f0f0;}
#contentwide dd a:hover em {cursor:pointer; text-decoration:none;}
*/



dl.list {width:500px; margin:0 10px 10px 0; float:left;}
dl.list dd {color:#069; background:#fff; font-size:11px; font-family:arial, sans-serif;}
dl.list dd a, dl.list dd a:visited {color:#000; font-weight:bold; font-size:12px; text-decoration:underline;}
dl.list dd a:hover {text-decoration:none;}
dl.list_last {margin-right:0;}


/* HAKUFORMI */
#search h3{ font-size:14px; color:#fff; font-weight:bold; font-family:arial, sans-serif;  padding:10px 0px 0px 10px;}
#search {width:250px; height:80px; float:right; background:#C2CEE8 url(images/searchareabg.gif) top left repeat-x; border-bottom:0px solid #00538D;}
* html #search {height:80px; he\ight:78px;}
#search form {margin:-15px 0 0 5px; padding:0;}
#cntnt01searchinput {margin-left:25px;}


#right_col {width:230px; background:transparent; float:left; border-top:0px solid #00538D; padding:0 10px 0 10px;}
* html #right_col {width:250px; w\idth:230px;}
#right_col img {border:0; margin-top:5px;}


/* SISUS */


div.breadcrumbs {
   padding: 1em 0.5em 0; /* CSS short hand rule first value is top then right, bottom and left */
   font-size: 90%;             /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */
   margin: 0 1em; 
             /* css shorthand rule will be opened to be "0 1em 0 1em" */
   }

 div.breadcrumbs span.lastitem { 
   font-weight:bold; 
 } 

.breadcrumbs a,a:hover,a:visited{color:#00538D;}



#content {width:700px; background:transparent; float:left;}
#contentwide {width:700px; background:transparent; float:left;}
#content p {font-size:12px; line-height:17px; margin:5px 30px 8px 30px; }
#contentwide p {font-size:12px; line-height:17px; margin:5px 60px 8px 10px; padding:0 30px 0 30px;}
#contentwide a,a:hover,a:visited{color:#00538D;}

#content h3, #rigt_col h3 {margin:15px 0 20px 30px; font-size:20px; color:#00538D; font-weight:normal; font-family:Tahoma,arial, serif;}
#contentwide h3 {border-bottom:0px solid #00538D; width:570px; margin:15px 0 20px 40px; padding:0 0px 3px; 0px; font-size:20px; color:#00538D; font-weight:normal; font-family:Tahoma,arial, serif;}
#content_right h3{margin:15px 0 0px 0px; font-size:16px; color:#00538D; font-weight:normal; font-family:Tahoma,arial, serif;}
#content img {border:0;}
#contentwide img {border:0;}

/* ALAPALKKI */
#footer {clear:both; width:950px; height:45px; background:#00538D; border-top:5px solid #C2CEE8;color:#fff; font-size:11px; font-weight:bold; margin-top:0px;}
#footer p {font-size:11px; color:#fff; margin:5px 10px 5px 15px; float:left;}
#footer ul {list-style-type:none; margin:0; padding:0; float:right; margin-right:15px;}
#footer ul li {float:left; margin:5px 0 5px 10px;}


/* APULUOKAT */
.searchhilite {font-weight:bold; color:red;}
.left {float:left;}
.float_left {float:left; margin:0 10px 5px 0;}
.clear {clear:both;}
.css {font-family:arial, serif; font-weight:bold; padding-right:2px;}
.play {font-family:"trebuchet ms", sans-serif;}
.date {font-weight:bold; color:#006699;}
.bold {font-weight:bold;}
.image img {border:0; margin-left:5px;}
p {font-size:11px; line-height:16px; margin:5px 0 15px 0;}


#cntnt01moduleform_3{font-weight:normal; font-family:arial, serif;font-size:11px; }
#cntnt01moduleform_3 input{width:220px;font-weight:normal; font-family:arial, serif;font-size:12px; }
#cntnt01moduleform_3 textarea {width: 500px; font-weight:normal; font-family:arial, serif;font-size:12px; }

#m7moduleform_3 textarea {width: 500px; font-weight:normal; font-family:arial, serif;font-size:12px; }

/* Kalenteri moduulin tyylit */

.calendar tr td a
{
color: red;
}

/* highlight "today" for the small calendar */
.calendar-today
{
font-weight: bold;
}

/* display the "upcominglist" as one line per entry (assuming table_id='cal-upcominglist') */
#cal-upcominglist .calendar-date-title
,#cal-upcominglist .calendar-summary-title
{
display: none;
}

#cal-upcominglist h2
,#cal-upcominglist .calendar-date
,#cal-upcominglist .calendar-summary
{
display: inline;
margin-right: 5px;
}

/* tidy up text sizes for lists */
#cal-list h1, #cal-upcominglist h1
{
color: red;
font-size: 120%;
}
#cal-list h2, cal-upcominglist h2
{
font-size: 110%;
}

/** large calendar rules (assuming table_id='big') **/
/* border on for #big */
#big{
margin: 0px;
border-collapse:    collapse;
border: 1px solid black;
}

/* nice squares for the #big table */
#big th
{
border: 1px solid black;
padding: 3px;
width: 75px;
}

#big td {
border: 1px solid black;
vertical-align: top;
padding: 3px;
height: 75px;
width: 75px;
}

/* format summaries nicely in #big */
#big ul
{
margin: 0px;
padding: 0px;
padding-left: 5px;
}

#big li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

/* background colours for #big */
#big td
{
background-color: silver;
}

#big .calendar-day
{
background-color: #80ff80;
}

#big .calendar-today
{
font-weight: normal;
background-color: #8080ff;
}

.calendar-event .calendar-date-title,
.calendar-event .calendar-summary-title,
.calendar-event .calendar-details-title
{
display: none;
}


.pirss_description {margin: 2px 0 5px 0;}
.pirss_content {border-bottom:1px solid #666; margin:5px 0 5px 0; }


/* End of 'REM' */