/* Cascading stylesheet for BBS */
/* Updated 06/08/17 */


/* page settings */

body
{
   color: white;
   background: url("images/tjo_bg.gif");
   margin-right: 5%;
   margin-left: 5%;
}


/* header */

.header
{
   font-size: 90%;
   font-family: "Arial", "Helvetica", "sans-serif";
   font-style: italic;
}


/* headings */

.h1,h1
{
   color: #4285BB;
   font-size: 150%;
   font-family: "Arial", "Helvetica", "sans-serif";
   font-weight: bold;
   margin-left: 0;
   margin-top: 2em;
   margin-bottom: 1.5em;
}

.h2,h2
{
   color: white;
   font-size: 120%;
   font-family: "Arial", "Helvetica", "sans-serif";
   font-weight: bold;
   border-top-color: #0000FF;
   border-top-style: solid;
   border-top-width: medium;
   margin-left: 0;
   margin-top: 1em;
}

.h3,h3
{
   color: #0000ff;
   font-size: 100%;
   font-family: "Arial", "Helvetica", "sans-serif";
   font-weight: bold;
   margin-left: 5%;
}

.h4,h4
{
   color: #0000ff;
   font-size: 90%;
   font-family: "Arial", "Helvetica", "sans-serif";
   font-weight: bold;
   margin-left: 10%;
}

.h5,h5
{
   color: grey;
   font-size: 90%;
   font-family: "Arial", "Helvetica", "sans-serif";
   font-weight: normal;
   font-style: italic;
   margin-top: 2em;
   padding-top: 1em;
}


/* footer */

.footer, footer
{
   color: grey;
   font-size: 90%;
   font-family: "Arial", "Helvetica", "sans-serif";
   font-style: italic;
}


/* paragraph */

.news
{
   line-height: 130%
}

.indent2
{
   margin-left: 5%;
}

.indent3
{
   margin-left: 10%;
}

.indent4
{
   margin-left: 15%;
}

.center, center
{
   text-align: center;
}

/* list settings */

.tr,tr
{
   font-size: 100%;
   font-family: "Arial", "Helvetica", "sans-serif";
   line-height: 100%;
}

.li,li
{
   font-size: 90%;
   font-family: "Arial", "Helvetica", "sans-serif";
}

.ol,ol
{
   font-size: 90%;
   font-family: "Arial", "Helvetica", "sans-serif";
}

.ul,ul
{
   font-size: 90%;
   font-family: "Arial", "Helvetica", "sans-serif";
}


/* paragraph settings */

.p,p,.div,div
{
   font-size: 100%;
   font-family: "Arial", "Helvetica", "sans-serif";
}

.pre,pre
{
   font-size : 100%;
   font-family: "Courier", "Courier New", "monospace";
}



/* highlighter styles */

.delete
{
   background-color : red;
   text-decoration : line-through;
}


/* data definition */

.dd,dd
{
   margin-bottom: 5px;
   margin-top : 5px;
}

.dl,dl
{
   font-family: "Arial", "Helvetica", "sans-serif";
   font-size: 90%;
}

.dt,dt
{
   font-weight: bold;
   margin-bottom: 5px;
}


/* character styles */

.caption
{
   font-size: 80%;
   font-weight: bold;
}

.mono
{
   font-family: "Courier", "Courier New", "monospace";
}

.note, note
{
   font-size: 70%;
   font-family: "Arial", "Helvetica", "sans-serif";
   font-style: italic;
}


/* links */

a:link
{
   color: white;
}

a:active
{
   color: yellow;
}
a:visited
{
   color: #6699CC;
}