html
{
    background: #f2f2f2;
    color: #000000;
}

body
{
    font-family:georgia;
    line-height:1.4;
}

a,
a:link,
a:active
{
    color: #3A6673;
    font-weight:bold;
    text-decoration: none;
}
a:visited
{
    color: #26424B;
    font-weight:bold;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}

h1, h2, h3, h4, h5, h6, strong
{
    font-weight:bold;
}
h1, h2, h3
{
    margin:1em 0pt;
}
h2
{
    font-size:138.5%;
}
h3
{
    font-size:123.1%;
    padding-left: 0.2em;
}
em
{
    font-style:italic; 
}
em strong,
strong em
{
    font-style:italic;
    font-weight:bold;
}
h1.cursive,
h2.cursive,
h3.cursive,
h4.cursive,
h5.cursive,
h6.cursive
{
    font-style:italic;
}
p, fieldset, table, pre
{
    margin-bottom:1em;
}
blockquote, ul, ol, dl
{
    margin:1em;
}
ol, ul, dl
{
    margin-left:2em;
}
ul li
{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:disc;
    padding: 0.5em 0;
}

a.external
{
    display:inline-block;
    padding-right:13px;
    background:transparent url(../img/external.gif) no-repeat scroll right center;
}
.anchor:link,
.anchor:visited
{
    border: none;
    font-size: .9em;
    vertical-align: text-top;
    text-decoration: none;
}
* > .anchor:link, 
* > .anchor:visited
{
    visibility: hidden;
}
h1:hover .anchor, 
h2:hover .anchor, 
h3:hover .anchor,
h4:hover .anchor, 
h5:hover .anchor, 
h6:hover .anchor
{
    visibility: visible;
}

#toc ul li
{
    padding: 0;
}
#bd a.pdf
{
    display:inline-block;
    padding-right:20px;
    background:transparent url(../img/pdf.gif) no-repeat scroll right center;
}

.align-center
{
    text-align:center;
}
#custom-doc
{
    width:51.54em;
    *width:50.3em;
    min-width:670px;
    margin:auto;
    text-align:left;
}
#page_content
{
    padding: 0 0.77em;
}

#hd h1
{
    background:transparent url(../img/pelasta_pallas.gif) no-repeat scroll 0px;
    height: 40px;
    width: 225px;
    margin: 30px 0 0 0;
}
#hd h1 a
{
    display:block;
    overflow: hidden;
    line-height: 40px;
    width: 225px;
    height: 40px;
    text-decoration: none;
    text-indent: -100em;
}

#bd p
{
    padding-left: 0.2em;
}

#ft
{
    margin-top: 2em;
    color: #888;
    font-size:77%;
}
#ft p
{
    padding: 1em 0;
    border-top: 1px solid #aaa;
}
#ft a,
#ft a:link,
#ft a:visited,
#ft a:active
{
    color: #aaa;
    font-weight:normal;
    text-decoration: underline;
}
#ft a:hover
{
    text-decoration: none;
}

#main-nav a,
#main-nav a:link,
#main-nav a:visited,
#main-nav a:active
{
    color: #fff;
    font-weight:normal;
    text-decoration: none;
}

body.pallas li#nav_pallas a,
body.liike li#nav_liike a,
body.uhka li#nav_uhka a,
body.syita li#nav_syita a,
body.vaikuta li#nav_vaikuta a,
#main-nav a:hover
{
    text-decoration: underline;
}

#action-nav a,
#action-nav a:link,
#action-nav a:visited,
#action-nav a:active
{
    color: #000;
    font-weight:normal;
    text-decoration: none;
}
body.friend li#nav_friend a,
body.postia li#nav_postia a,
#action-nav a:hover
{
    text-decoration: underline;
}

#main-nav li
{
    float: left;
    display: block;
    margin-left: 7px;
    padding: 8px 0 0 0;
    height: 30px;
    background:url(../img/nav_bg.gif) repeat-x left top;
}
#action-nav li
{
    float: left;
    display: block;
    padding: 0 1em 0 0;
    height: 20px;
    background: url(../img/bullet_white.gif) no-repeat 0px 0px;
}
#action-nav li a
{
    display:block;
    padding-left: 23px;
    height: 20px;
    white-space: nowrap;
}
#main-nav li a
{
    display:block;
    padding-left: 23px;
    height: 30px;
    white-space: nowrap;
    background: url(../img/bullet_black.gif) no-repeat 0px 0px;
}

.nav-bar-wrapper-1
{
    height: 45px;
    padding-left: 15px;
    background:url(../img/nav_bg_left.gif) no-repeat left top;
}
.nav-bar-wrapper-2
{
    height: 45px;
    padding-right: 15px;
    background:url(../img/nav_bg_right.gif) no-repeat right top;
}
.nav-bar-inner
{
    color: #fff;
    height: 45px;
    width:100%;
    background:url(../img/nav_bg.gif) repeat-x left top;
}

ul#main-nav
{
    font-family: arial;
    padding: 0;
    margin: auto 0pt;
}

ul#action-nav
{
    font-family: arial;
    min-width:410px;
    margin:auto;
    text-align:left;
    padding-left: 240px;
    padding-top: 42px;
    position: absolute;
    top: 0pt;
    height:1px;
}

#page_image
{
    text-align: center;
}
#vaikuta_kiitos
{
    padding: 0 12px 12px;
    background: #e7f2f3;
    border:3px solid #3A6673;
}
form
{
    padding-top: 12px;
    background: #e7f2f3;
}
form .yui-ge,
form .yui-gb,
form .yui-g,
form p,
form h2
{
    margin-left: 12px;
    margin-right: 12px;
}
form h2 {
    margin-top: 0px;
    padding-top: 0px;

}

form .input
{
    margin-bottom: 20px;
}
form input,
form textarea
{
    border: 1px solid gray;
    padding: 3px;
    font-size: 14px;
    font-family: "Helvetica Neue", Arial, sans-serif;
}
form div.form_extra_info,
form input.submit
{

    margin-left: 12px;
    margin-bottom: 12px;

}
form input.submit
{
    background: #eeeeee;
    color: #306e9d;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 3px 5px;
}
form input.submit:hover
{
    background: white;
    cursor: pointer;
}
.help_text
{
    display: block;
}
.errors,
.errorlist
{
    color: #de2500;
    margin: 4px;
    margin-left: 22px;
}
form label
{
    display: block;
    font-weight: bold;
}
.totop
{
    display: block;
    width: 100%;
    text-align:right;
    font-size: 11px;
}
.totop a
{
    color: #888;
}
.strong
{
    font-weight: bold;
}