html {
    margin: 0;
    padding: 0;
    height: 100%;
}


body {
    margin: 10px auto;
    padding: 0px;
    border: 1px solid #638F7B;
    width: 760px;
    font: 22px Georgia, serif;
    color: black;
    text-align: left;
    background: url(../images/bodybg.gif) #F6F2E4;
    box-shadow: 0 0 30px #CCC;
    -moz-box-shadow: 0 0 30px #CCC;
    -webkit-box-shadow: 0 0 30px #CCC;
}

img {
    border: none;
}

A {
    text-decoration: none;
}

A:link {
    color: blue
}

A:visited {
    color: purple
}

A:hover {
    color: red;
    text-decoration: underline
}

A:active {
    color: red
}

A.off,
A.offSmall {
    background: url(../images/off.gif) no-repeat center right;
    padding-right: 11px;
    margin-right: 2px;
    zoom: 1;
}

A.offSmall {
    font-size: 0.7em;
}

#dialog {
    font-size: 0.8em;
}

#dialog div.title {
    color: #009900;
    font: bold 1.3em arial, sans-serif;
    border-bottom: 1px solid black;
}

#dialog span.mark {
    color: #BE9802;
    font-weight: bold;
}

#dialog span.mark {
    color: #BE9802;
    font-weight: bold;
}

#dialog em {
    font-weight: bold;
    color: #3a3a3a;
    font-style: normal;
}