HTML {
}

BODY {
margin: 0px 0px 0px 0px;        
background-color: #4673c9;
color: #FFFFFF;
}

td, tr, p {

font-family      : Verdana, Arial, Helvetica, sans-serif;
font-size        : 11px;
/*color            : #333333;*/
/*background-color: #FFFFFF;*/
}


ul {

margin: 0px 0px 0px 0px;
text-align: left;
}

.header {
position:relative;
background: url(../images/header_bg.gif);
width: 900px;
height: 120px;
float:left;
}

/*.ylamenu {
width:450px;
height: 152px;
position:relative;
background: url(../images/topmenu_bg.jpg) no-repeat;
float:left;
}*/

.vaaka_navi {
height:31px;
width:900px;
clear:both;
position:relative;
background-image: url(../images/vihrea_tausta.gif);
background-position: 0px -7px;
}

.vasen {
clear:both;
float: left;
margin-top: 5px;
margin-right: 5px;
margin-bottom:20px;
position: relative;
width: 150px;
}



.etu_oikea a.mainlevel:link, a.mainlevel:visited {
margin-bottom:30px;
font-size: 15px;
color:white;
background-image:url(../images/etumenu_bg.gif);
background-repeat:no-repeat;
display:block;
line-height:67px;
padding-left:15px;
}

.etu_oikea a.mainlevel:hover {

color: white;
text-align: left;
}

.vasen table.moduletable th {

/*background-image: url('../images/contenthead_bg.jpg');*/
background-color: #48CA37;
/*background-position: 0px 0px;
background-repeat: no-repeat;*/
font-size: 13px;
font-weight: bold;
color:white;
text-decoration: underline;
text-align: left;
width: 145px;
height: 20px;
padding: 10px 10px 10px 10px;
margin: 20px 5px 20px 5px;
}

.sisalto {
float: left;
margin-left: 10px;
margin-right:10px;
margin-top: 5px;
position: relative;
width: 570px;
padding-left:10px;
}

.oikea {
float: left;
position: relative;
width: 140px;
margin-top:5px;
}

.footeri {
border: 2px solid #ffffff;
clear:both;
margin-top: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
position: relative;
width: 900px;
height: 30px;
background: url(../images/nurmi_tausta.gif);
}

.moduletable h3{
color:green;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:20px;
}
hr {

background       : #CCCCCC;
height           : 1px;
width            : 100%;

}

.title {

font-family: sans-serif;
font-size: 24px;
font-weight: bold;
color: #7B8DA1;

}



.pathway {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
margin-left: 4px;
}



a.pathway:link, a.pathway:visited {

color            : #000000;
font-weight      : normal;

}



a.pathway:hover {

color            : #000000;
font-weight      : normal;
text-decoration   : underline;

}



/* --Default Class Settings-- */

/* ylävalikon tyyli */
ul#mainlevel-nav
{
list-style: none;
padding: 0;
margin-top: 0px;
margin-left:20px;
}

ul#mainlevel-nav li
{
float: left;
margin-top: 3px;
line-height: 25px;
text-align:center;
}

ul#mainlevel-nav li a
{
border-right:1px solid white;
font-size: 11px;
display: block;
font-weight: bold;
text-decoration: none;
color: #F7F7FA;
padding-left:10px;
/*background: transparent;*/
padding-right:10px;
}

l#mainlevel-nav li a { 
width: auto;
}

ul#mainlevel-nav li a:hover
{
color: #fff;
text-decoration: underline;
}
/*ylävalikon tyyli päättyy*/



a.mainmenu:link, a.mainmenu:visited {

color: #FFFFFF; 
font-family: Trebuchet MS, Verdana, Geneva, Arial,Helvetica, serif; 
font-weight: bold;
}



a.mainmenu:hover, {

color: #000000; 
text-decoration: underline;
}



a.sublevel:hover {

color: #000000; 
text-decoration: underline;
}



a.sublevel:link, a.sublevel:visited {
border-bottom: 1px solid #0191C8;
color: #0191C8;
display: block;
background-color: #FFFFFF;
text-align: left;
font-weight: bold;
line-height: 31px !important;
padding-left: 20px;

}

 /*Style for the "Read More" link that is displayed for large content items*/
a.readon:link {
color: #ff9905;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

a.readon:hover {
color: #ff9905;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration: underline;
}

a.readon:visited {
color: #ff9905;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}



/*Style for latest news list - by default, latest news is user1 module*/
ul.latestnews {
margin-top:13px;
color:green;
margin-left:0px;
}

li.latestnews {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight: normal;
margin-bottom:10px;
list-style-type:disc;
}

a.latestnews:link {
color:black;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight: bold;
}

a.latestnews:visited {
color:black;
font-weight: bold;
}

.mostread ul{
color:white;
margin-left:0px;
} /*Style for most popular list - by default, most popular is user2 module*/

.mostread li{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight: normal;
color:#FFFFFF;
list-style:none;
margin-bottom:10px;
}

a.mostread:link {
color:white;
}

a.mostread:visited {
color:white;
}

table.moduletable {

margin: 5px 0px 0px 0px;
width: 95%;
border-left: solid 0px #000000;
border-right: solid 0px #000000;
border-top: solid 0px #000000;
border-bottom: solid 0px #000000;
margin-left: 5px;
}



table.moduletable th {

font-size: 13px;
font-weight: bold;
color: #FFFFFF;
text-decoration: underline;
text-align: left;
width: 100%;
height: 40px;
padding: 10px 10px 10px 10px;
margin: 20px 5px 20px 5px;
}



table.moduletable td {

font-size: 10px;
/*font-weight: normal;*/
border: 0px solid #333;
padding: 0px 0px 0px 0px;
margin: 20px 5px 20px 5px;
/*background-color: #FFFFFF;*/
}



.poll {

font-family      : Arial, Helvetica, sans-serif;
font-size        : 10px;
color            : #666666;
line-height      : 14px;
}


.sectiontableheader {

background-color : #CCCCCC;
color            : #7B8DA1;
font-weight      : bold;
}



.sectiontableentry1 {

background-color : #F0F0F0;

}



.sectiontableentry2 {

background-color : #E0E0E0;

}


.mosimage_caption {

font-family : Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: italic;
}


.small {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color:white;
/*background-color: #cc6402;*/
text-decoration: none;
font-weight: medium;
width:712px;
height:15px;
display:block;
}



.smalldark {

font-family      : Verdana, Arial, Helvetica, sans-serif;
font-size        : 10px;
color            : #000000;
text-decoration  : none;
font-weight      : normal;
}





.contentpane {

background: #FFFFFF;
}



.contentpaneopen {

/*background: #FFFFFF;*/
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color:white;
display:block;
padding-left: 10px;
padding-right: 10px;
}
.contentheading, .componentheading {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #ffffff;
text-align: left;

}



.createdate {

font-family      : Arial, Helvetica, sans-serif;
font-size        : 10px;
color            : #999999;
text-align       : left;
}



.button {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 12px;
font-weight: bold;
background: url(../images/button.jpg) repeat-x;
color: #FFFFFF;
width:83px;
height:22px;
margin-left: 10px;
margin-top:5px;
}

/* Search page */
table.searchintro {
color:white;
} /* This is for formatting the box with "Search Keyword: test
returned 4 matches" box that appears after you have entered a search value.
It appears on the mainbody with the search results */

.inputbox {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
background-color : #F0F0F0;
border: 1px solid #CCCCCC;
height: 20px;
line-height:20px;
margin-top: 8px;
}

.search {
height:48px;
/*margin: 10px;*/
}



a:link, a:visited {

font-size        : 11px;
color            : #cc6600;
text-decoration  : none;
font-family      : Verdana, Arial, Helvetica, sans-serif;
}



a:hover {

color            : #cc6600;
text-decoration  : underline;

}



/* For content item titles that are hyperlink instead of Read On */

a.contentpagetitle:link, a.contentpagetitle:visited {

font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000000;
text-align:left;
}



a.contentpagetitle:hover {

font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-align:left;
color: #7B8DA1;
text-decoration: underline;
font-weight: bold;
}

/* Formating the "DESCRIPTION" of sections, categories (News/Weblinks/Latest news...) */
.contentdescription {} 

/* Formating the table of the Tables of Contents for multiple 
pages content or article */
table.contenttoc {}

/* same as above, used to format the td and able cells */
table.contenttoc td {}

/* same as above, used to format the th of "Tables of Content" ( normally Article Index)*/
table.contenttoc th {}

/* same as above, used to format toc link texts*/
table.contenttoc td.toclink {
}

/* same as above, used to format toc link text status*/
a.toclink:link {
}
a.toclink:visited {} 
a.toclink:hover {} 


a.category:link, a.category:visited {

color            : #333333;
font-weight      : bold;
}



a.category:hover {

color : #7B8DA1;

}



/* Styles for dhtml tabbed-pages */

.ontab {

background-color: #ffae00;
border-left: outset 2px #ff9900;
border-right: outset 2px #808080;
border-top: outset 2px #ff9900;
border-bottom: solid 1px #d5d5d5;
text-align: center;
cursor: hand;
font-weight: bold;
color: #FFFFFF;
}

.offtab {

background-color : #e5e5e5;
border-left: outset 2px #E0E0E0;
border-right: outset 2px #E0E0E0;
border-top: outset 2px #E0E0E0;
border-bottom: solid 1px #d5d5d5;
text-align: center;
cursor: hand;
font-weight: normal;
}

.tabpadding {

}



.tabheading {

background-color: #ffae00;
text-align: left;

}



.pagetext {

visibility: hidden;
display: none;
position: relative;
top: 0;
}



/* for modifying {moscode} output.  Dont set the colour! */

.moscode {

background-color: #f0f0f0;

}



/* Text passed with mosmsg url parameter */

.message {

font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size : 10pt;
color : #ff6600;
text-align: center;

}

/* custom stuff */

.container

{
border: solid;
border-width: 1px;
border-color: #efefef;
background-color: White;

}

.boxes {

border: solid;
border-color: #efefef;
border-width: 1px;
}