/* This stylesheet needs a good cleanup - it's been incrementally changed for various projects.
But until I get around to this, you'll have to put up with it - sorry!*/

body
{
margin: 0px;
font-family: Arial,Verdana,Helvetica,sans-serif;
font-size: 10pt;
background: #ffffff;
/*scrollbar-track-color:#ffccff;
scrollbar-arrow-color:#ffccff;
scrollbar-face-color:#cc99ff;
scrollbar-highlight-color:#ffccff;
scrollbar-darkshadow-color:#cc99ff;*/
}
/* the scrollbar settings have no effect in Mozilla */

#middle
{
/*width: 100%; /* this is required in IE, or the content div will take up
all the space; in Lin, however, if it is included, the middle div will take
up all the space!*/
margin-left: 180px;
border-left: 1px solid #ff0000;
padding: 0px 0px 0px 10px;
}

#left
{
position: absolute;
padding-top: 5px;
padding-right: 10px;
/*top: 90px; /* height of the header */
left: 10;
width: 180px;
border-right: 1px solid #ff0000;
}

#right
{
position: absolute;
padding-top: 5px;
top: 90px; /* height of the header */
right: 10; /* on the website this HAS to be 0, or in Konqueror (NOT Mozilla)
the rightside wraps around and appears on top of the leftside!
To add a bit of space between the rightside and the edge of the screen,
the website then uses:
padding-right: 5px;*/
width: 140px;
}

a
{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
text-decoration: none;
}

a#listing
{
font: bold 120% Arial,Helvetica,Verdana,sans-serif;
color: #003300;
}

a:link
{
color: #990000;
}

a:visited
{
color: #990000;
}

a:hover
{
color: #333333;
background-color: #ccffcc;
}

li
{
margin-top: 1em;
}

h4 /* heading in leftside bar */
{
color: #ff0000;
border-top: 1px solid #ff0000;
margin-top: 5px;
margin-bottom: 3px;
}

h4 a:link
{
color: #ff0000;
}

h4 a:visited
{
color: #ff0000;
}

table
{
width: 100%;
margin: 0px;
}

/*table td
{
/*font-size: 10pt;*/  /*otherwise forces all td text to be 10pt*/
/*padding: 2px;
/*border-width: 0px;*/
/*vertical-align: top:
}*/

table#verbtable
{
width: 100%;
background-color: #ccffcc;
color: #333333;
border: 0.10em solid gray;
border-top: 1px solid #ff0000;
border-collapse: collapse;
}

tr#verbtable
{
border: 0.10em solid gray;
}

td#13pers
{
background-color: #ffffff;
}

td#verbhead
{
font: bold 120% Arial,Verdana,Helvetica,sans-serif;
}

td#verbtense
{
font: bold 130% Arial,Verdana,Helvetica,sans-serif;
width: 20%;
}

td#logo
{
background: transparent url(images/kyf2.png) left top no-repeat;
width: 350px;
height: 50px;
}

td#advert
{
text-align: left;
}

tr td#sections
{
background: #ccffcc;
font: bold 100% Arial,Verdana,Helvetica,sans-serif;
padding-left: 8px;
border-top: 1px solid #ff0000;
border-bottom: 1px solid #ff0000;
}

tr td#sections a
{
color: #333333;
text-decoration: none;
}

tr td#sections a:link /*hyperlink in navbar*/
{
color: #333333;
}

tr td#sections a:visited
{
color: #333333;
}

tr td#sections a:hover
{
background-color: #ffffff;
color: #333333
}

div.content
{
width: 95%;
background: #ffffff;
/*color: #666666;*/
/*border-right: 1px dotted #990033;*/
/*border-bottom: 1px solid #ff0000; */
padding: 20px;
}

div.content td
{
color: #333333;
}

div.content h1 /* main page headings */
{
font: bold 140% Arial,Helvetica,Verdana,sans-serif;
color: #339933;
border-bottom: 1px solid red;
border-left: 5px solid;
padding: 0px 0px 2px 5px;
margin-top: 20px;
}

#middle a:link
{
color: #003300;
background-color: #ccffcc;
}

#middle a:visited
{
color: #003300;
background-color: #ccffcc;
}

td#text
{
padding: 20px;
}

td#crumbs /* location trail on item pages */
{
font: 100% Arial,Helvetica,Verdana,sans-serif;
border-top: 1px solid #ff0000;
border-bottom: 1px dotted #ff0000;
padding: 5px 0px 5px 0px;
}

td#box
{
border:1px solid #990033;
}

td#spaced
{
padding-bottom: 15px;
}

div.data
{
text-align: right;
padding: 0px 10px 0px 0px;
}

div.shell
{
background: #ffffcc;
font: 100% Courier;
padding: 8px;
}

h2 /*for standard headings*/
{
font: bold italic 140% Arial,Helvetica,Verdana,sans-serif;
color: #339933;
}

div.footer
{
font: Arial, Verdana, Helvetica, sans-serif;
font-size: 8pt;
color: #333333;
padding-top: 10px;
border-top: 1px solid #ff0000;
text-align: right;
}

td#footer
{
font: Arial, Verdana, Helvetica, sans-serif;
font-size: 8pt;
color: #333333;
padding-top: 10px;
border-top: 1px solid #ff0000;
text-align: right;
}

div.form
{
width: 90%;
background: #ffffff;
color: #333333;
/* border-right: 1px dotted #990033;
border-bottom: 1px solid #990033;*/
padding: 20px;
font: 100% Arial, Verdana, Helvetica, sans-serif;
}

div.form input
{
font: 100% Arial, Verdana, Helvetica, sans-serif;
color: #333333;
background-color: #eeffee;
}

div.form td
{
color: #333333;
}

div.form td#side
{
font-weight: bold;
vertical-align: top;
text-align: right;
width: 150px
}

div.form textarea
{
font: 100% Arial, Verdana, Helvetica, sans-serif;
color: #333333;
background-color: #eeffee;
}

div.form select
{
font: 100% Arial, Verdana, Helvetica, sans-serif;
color: #333333;
background-color: #eeffee;
}

div.submit
{
font: 100% Arial, Verdana, Helvetica, sans-serif;
color: #333333;
text-align: right;
padding-top: 10px;
}

pre
{
color: 000000;
background-color: ccffcc;
}