body, html {
    margin:0;
    background-image:url(/files/jpeg/189/bg.jpg);
    background-position: top center;
    background-attachment:fixed;
    background-repeat:no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    color:#333;
    font-size:14px;
}

#wrapper {
    margin:0 auto;
    width:800px;
    height:auto;
}

#login_main {
    text-align:right;
    background-color: transparent;
    background-image: url(/files/png/259/login-bg.png);
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-position: right bottom;
    padding-top:7px;
    padding-right:21px;
    padding-bottom:10px;
    padding-left:0;
    margin-top:0;
    margin-right:0;
    margin-bottom:0;
    margin-left: 11px;
    height: 30px;
}

#login_main p {
    margin:0;
    padding:0;
    color:#000000;
}

#login_main a, #login_main a:visited {
    text-decoration:underline;
    color:#0A33AF;
}

#login_main a:hover
{
    text-decoration:none;
    color:#0A33AF;
}

#login_wrap {
    background-color: transparent;
    background-image: url(/files/png/260/login-left.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left bottom;
    margin-top:0;
    margin-right:0;
    margin-bottom:10px;
    width:400px;
    float:right;
}

#header {
    position:relative;
    width:800px;
    margin-bottom:13px;
    clear:right;
}

#fiiliskuva {
    width:800px;
    height:210px;
    background:transparent url(/files/fiiliskuva/236/fiiliskuva-etusivu.png);
}

#fiiliskuva_kirjautunut {
width:800px;
height:107px;
background-image: url(/files/png/404/fiiliskuva_kirjautunut.png);
background-repeat:no-repeat;
}

#content {
    min-height:450px;
    height:auto !important;
    width:798px;
    background-color:#FFFFFF;
    border-left:1px solid black;
    border-right:1px solid black;
    line-height:1.5;
}

#text {   
    text-align:left;
    width:698px;
    padding:20px 50px 10px 50px;
    margin:0px;
}

#trail {
    font-size:12px;
    margin-left:60px;
    padding-top:10px;
}

#text ul.error_msg li {
    color:#EF0000;
    list-style-type:circle;
    margin:0;
    padding:0;
}
#left {
    float:left;
    width:148px;
    height:inherit;
    padding: 40px 25px 40px 25px;
}

#right {
    float:right;
    padding: 40px 30px 0 0;
    width:539px;
    height:inherit;
    text-align:left;
    font-size:14px;
}


.clear {
    clear:both;
}

#footer_menu {
    background-color:#FFFFFF;
    border-left:1px solid black;
    border-right:1px solid black;
    font-size:12px;
    text-align:left;
    padding-left:50px;
    padding-top:0px;
    margin:0px;
}

#footer_menu a, #footer_menu a:visited {
    color:#0000EE;
}

#footer {
    padding-top:8px;
    padding-bottom:8px;
    text-align:center;
    font-size:12px;
    width:800px;
    height:40px;
    background-image:url(/files/gif/190/footer.gif);
    background-repeat:no-repeat;
}

h1 {
    font-size:20px;
    font-weight:bold;
    color:#DC2A2A;
}

h2 {
    font-size:16px;
    font-weight:bold;
    color:#333;
}

a, a:visited {
    color:#0000EE;
}

/*
 * LEVEL 1 SPECIFICATION
 */

/* Mainbox where the menu is located */
#menu_horizontal {
    width:800px;
    height:39px;
    background-image:url(/files/png/202/menu_bg.png);
    background-repeat:no-repeat;
}

/* LEVEL 1 UL */

#menu_horizontal ul{
    display:block;
    text-align:center; /* whit margin and padding 0 text-align is center */
    margin:0;
    padding:0;
}

/* LEVEL 1 LI ELEMENT */
#menu_horizontal ul li{
    list-style:none; /* No dot in front of entry */
    display:inline; /* All entries on one line */
    position: relative; /*Needed for submenu to open in position reletive to menu entry */
    padding-left:20px;  /* Needed for specify a element padding  */
    padding-right:20px;  
}

#menu_horizontal ul ul li:hover{
        background-color:#27459F;  /* Darkblue hover color for li element */
}


#menu_horizontal ul li a{
    font-size:12px;
    text-transform:uppercase;
    line-height:38px; /* height of menu line */
    color:#FFFFFF;
    text-decoration:none;
    font-weight:bold;
    padding-top:5px; /* paddings' also specify the area where user can click */
    padding-bottom:15px;  
}

/*
 * LEVEL TWO SPECIFICATION STARTS HERE
 */
/* LEVEL 2 UL */
#menu_horizontal ul li ul {
    text-align:left;
    position: absolute; /* Open level two menu to absolute position to parent element */
    left:0px;
    top:28px; 
    z-index: 500;
    margin:0;
    padding:0;
    background-color:#5970B9;
}
/* LEVEL 2 LI ELEMENT */
 #menu_horizontal ul li ul li {
    width:200px;       
    display: list-item;
    position: relative;
    border-bottom:1px solid #8B9BCE;
}

#menu_horizontal ul li ul li a{
    font-weight:normal;  
    text-decoration:none;
}

/*
 * LEVEL THREE SPECIFICATION STARTS HERE 
 */
/* LEVEL 3 UL */
#menu_horizontal ul li ul li ul {
    position: absolute; /* Open level tree menu to absolute position to parent element */
    left:240px;
    top:0px;
    width:280px;
    background-color:#5970B9;
}
/* LEVEL 3 LI ELEMENT */
#menu_horizontal ul li ul li ul li {
    width:280px;
    background-color:#5970B9;
}

#menu_horizontal ul li ul,
#menu_horizontal ul li:hover ul li ul,
#menu_horizontal ul li ul li:hover ul li ul {
    display: none;
}

#menu_horizontal ul li:hover ul,
#menu_horizontal ul li ul li:hover ul,
#menu_horizontal ul li ul li ul li:hover ul {
    display: block;
}

/* specific needed for IE6, also javascript is needed */

* html #nav li.over ul {
    display: block;
}

* html #nav li.over ul ul {
    display: none;
}

* html #nav li.subver ul {
    display: none;
}

* html #nav li.over li.subver ul {
    display: block;
    background-color:transparent;
}

* html #nav li.over li.subver ul a {
    color:#FFF;
}

#text ul.extranet_info {
    list-style-type:none;
    margin:0;
    padding:0;
}

#text ul.error_msg li {
    color:#EF0000;
    list-style-type:circle;
}

.title_row {
    background-color:#EFEFEF;
} 

.row1 {
    background-color:#FFFFFF;
} 

.row2 {
    background-color:#EFEFEF;
} 
td {
    vertical-align:top;
}

a img {
    border:none;
}