/* STYLE SHEET FOR "Kenarok Development" */

/* Body style - color, margins, font */
body {background-image: url(background.jpg);
      background-color: #898D74;
      margin: 0 0 0 0;
      font-family: arial, helvetica, sans-serif;
}

table.main {background-color: #CDD0BB;
            margin: 0 0 0 0;
      font-family: arial, helvetica, sans-serif;
      border-color: black;
      border-top: 5px double black;
      border-bottom: 5px double black;
      border-left: 5px double black;
      border-right: 5px double black;
}

a:link {color: #000000;}
a:visited {color: #000000;}
a:hover {color: #4d937d;}

/* Paragraph style - left margin space */
p {font-size: 13px; color: #000000;
   margin-left: 15px; margin-right: 15px; 
}


h3 {color: #4d937d; margin-left: 15px;
    font-style: italic;}


/* Horizontal line - color */
hr {color: #000000;}

/* Images - no border */
img {border: 0;}

/* Web Page Author style - font size, italic, bold, centered */
DIV#author {font-size: 11px; font-style: italic;
            color: #000000; text-align: center;
}

DIV#validate {font-size: 14px;
            color: #000000; text-align: center;
}


/* Table cells */

.bannercell {background-color: #848772;
              background: url(banner.jpg);
              width: 778px; height: 100px;
              border-right: 2px solid black;
              background-repeat: no-repeat;
}

.displaycell {border-bottom: 2px solid black;
}


.emph {font-weight: bold;}
.ital {font-style: italic;}
.smallfont {font-size: 14px;
            color: green;
}

p.modified {margin-left: 30px; margin-right: 30px;}

.welcome {font: bold 18px arial, helvetica, sans-serif;
          text-align: center; color: #4D937D; font-style: italic;
          text-decoration: none;
}

.welcome a {font: 20px verdana, arial, helvetica, sans-serif;
            text-decoration: none;
}

.mod {font-size: 13px;
      font-family: arial, helvetica, sans-serif;
}

.slogancell {border-left: 2px solid black;
             border-bottom: 2px solid black;
}

.contentcell {border-bottom: 2px solid black;
              text-align: left;
}

.navcellwelcome {background-color: #cdd0bb; border-left: 2px solid black;
}

.navcell {background-color: #cdd0bb; border-left: 2px solid black;
}

.leftborder {border-left: 2px solid black;
}

.bottomborder {border-bottom: 2px solid black;
}

.leftbottomborder {border-left: 2px solid black;
                   border-bottom: 2px solid black;
}

/* Menu */
#menu {
width: 135px;
background: #CDD0BB;
}

#menu ul {
list-style: none;
width: 135px;
margin: 0;
padding: 0;
}

#menu a {
color: #000000;
background-color: #CDD0BB;
background-image: url(bullet.gif);
background-repeat: no-repeat;
font: bold 18px verdana, arial, helvetica, sans-serif;
display: block;
font-style: italic;
margin: 0;
padding: 4px;
width: 150px;
text-decoration: none;
margin-left: 10px;
}

#menu ul ul ul li a {
color: green;
background-color: #CDD0BB;
background-image: url(arrow.gif);
font: bold 11px verdana, arial, helvetica, sans-serif;
display: block;
font-style: italic;
margin: 0;
padding: 4px;
width: 160px;
text-decoration: none;
margin-left: 10px;
}

#menu ul ul ul li a:hover {
color: #4D937D;
background-color: #CDD0BB;
background-image: url(arrow.gif);
font: bold 11px verdana, arial, helvetica, sans-serif;
display: block;
font-style: italic;
margin: 0;
padding: 4px;
width: 160px;
text-decoration: none;
margin-left: 10px;
}


#menu a:hover {
color: #4D937D;
background-color: #CDD0BB;
background-image: url(spinner.gif);
background-repeat: no-repeat;
list-style: none;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}


div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;
margin-left: 10px;
}