/* background-color	: #800080;  /* magenta */
/* background-color	: #ffa500;  /* orange */
/* background-color	: #8ECB9A;  /* green */
/* background-color	: #00FF00;  /* green */

BODY
{
position	: relative;
min-width	: 600px;
width	: 100%;
margin	: 0;
padding	: 0;
background-color	: #00FF00;  /* orange */
color	: #ffffff;
font-family	: tahoma;
}

#top
{
position	: absolute;
top	: 0;
left	: 0;
min-width	: 600px;
width	: 100%;
height	: 100px;
background-color	: #00FF00;  /* orange */
text-align	: center;
letter-spacing	: 9px;
background-image	: url('images/kot_100.gif');
background-repeat	: no-repeat;
background-position	: left;
}

#left
{
position	: absolute;
top	: 100px;
left	: 0;
width	: 19%;
margin	: 1% 1% 0 0;
background-color	: #800080;  /* magenta */
color	: #00FF00;  /* orange */
}

#left a:link
{
color	: #00FF00;  /* orange */
text-decoration	: none;
}

#left a:visited
{
color	: #00FF00;  /* orange */
text-decoration	: none;
}

#left a:active
{
background-color	: #800080;  /* magenta */
text-decoration	: none;
}

#left a:hover
{
color	: #00FF00;  /* orange */
text-decoration	: none;
letter-spacing	: 10px;
font-weight	: bold;
}

#middle
{
position	: absolute;
top	: 100px;
left	: 20%;
min-width	: 360px;
width	: 60%;
margin-top	: 1%;
background-color	: #00FF00;  /* orange */
line-height	: 22px;
color	: #000000
}

#right
{
position	: absolute;
top	: 100px;
left	: 80%;
width	: 19%;
margin	: 1% 0 0 1%;

}

/* HR styles need for IE/Win. */
HR.holder { width:600px; visibility: hidden; } /* Equal to 'top' */
HR.left, HR.right { width: 120px; visibility: hidden; }
HR.middle { width: 360px; visibility: hidden; }

/* These HR styles replace the above, and are needed for Netscape 4.x.
   left and right margins are half the relevant DIV width */
HR.holder { width:0; margin: 0 300px; } /* Equal to 'top' */
HR.left, HR.right { width: 0; margin: 0 60px; }
HR.middle { width: 0; margin: 0 180px;  }

/* DIVs must have a border value set in Netscape 4.x */
DIV { border: none; }

/* font definition */
h1
{
margin	: 0px;
padding	: 0px;
color	: #800080;  /* magenta */
}

h2
{
margin	: 0px 0px 9px 0px;
padding	: 0px 3px 0px 3px;
color	: #00FF00;  /* orange */
background-color	: #800080;  /* magenta */
font-size	: 1em;
font-weight	: bold;
}

h3
{
margin	: 0px 3px 9px 3px;
padding	: 0px 3px 0px 3px;
color	: #fff;  /* white */
background-color	: #800080;  /* magenta */
font-size	: 1.5em;
font-weight	: bold;
text-align	: left;
font-weight	: bold;
}

h4
{
margin	: 0px 0px 9px 0px;
padding	: 0px 3px 0px 3px;
color	: #ffffff;
background-color	: #00FF00;  /* orange */
font-weight	: bold;
}

h6
{
font-size	: 1.0em;
font-weight	: bold;
margin	: 20px 5px 5px 20px;
}

h7
{
font-size	: 1.5em;
font-weight	: bold;
margin	: 20px 5px 5px 20px;
}

p
{
margin	: 5px;
}

/* top menu definition */

#navlinks{
padding	: 5px;
font-family	: tahoma;
text-align	: center;
letter-spacing	: 1px;
}

#navlinks a:link, #navlinks a:visited {
display	: inline;
margin	: 0px 0px 0px 0px;
text-decoration	: none;
background-color	: #800080;  /* magenta */
border	: 0px solid #000000;
font-weight	: bold;
padding	: 5px;
color	: #00FF00;  /* orange */
font-size	: 14px;
}

#navlinks a:hover{
background-color	: #00FF00;  /* orange */
font-weight	: bold;
text-decoration	: none;
color	: #800080;  /* magenta */
}

table	{ border: 1px; font-weight: bold; text-align: center }
td	{ #000000;  }

table	{ width: 500px; caption-side: top; margin-bottom: 20px }

table.fix	{ table-layout: fixed }

caption	{ background: #000000; /* orange */ )