/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */

  #navcontainer ul { border-style: solid none;
    border-color: rgb(248, 239, 19) rgb(0, 0, 0) rgb(224, 215, 18) rgb(255, 255, 255);
    border-width: 4px 1px;
    text-align: center;
    margin-top: 0pt;
    margin-left: 0pt;
    width: 100%;
    line-height: 18px;
    color: rgb(255, 255, 0);
    font-weight: normal;
    padding-top: 10px;
    padding-left: 0pt;
    padding-bottom: 10px;
    font-size: 16px;
    font-family: Arial,Helvetica,sans-serif;
    background-color: rgb(253, 255, 218);
    }

  #navcontainer ul li { padding: 5px 0pt;
    display: inline;
    font-size: 16px;
    }

  #navcontainer ul li a { border-left: 1px solid rgb(204, 204, 204);
    border-right: 1px solid rgb(204, 204, 204);
    padding: 5px 15px;
    text-decoration: none;
    font-weight: normal;
    color: rgb(0, 0, 0);
    font-size: 16px;
    }

  #navcontainer ul li a:hover { border-style: solid;
    border-color: rgb(251, 255, 80) rgb(204, 204, 204) rgb(255, 250, 136);
    border-width: 2px 1px;
    font-size: 16px;
    font-weight: normal;
    color: rgb(0, 0, 0);
    background-color: rgb(251, 255, 193);
    }

  #navcontainer #active { font-weight: normal;
    }

  body { font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: small;
    }

  a { font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: rgb(51, 51, 255);
    }

  h1, h2, h3 { font-family: verdana,arial,helvetica,sans-serif;
    color: rgb(211, 203, 17);
    }

  h1 { opacity: 1;
    font-weight: bold;
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: x-large;
    color: rgb(211, 203, 17);
    }

  h2 { font-size: 18px;
    font-family: verdana,arial,helvetica,sans-serif;
    color: rgb(211, 203, 17);
    }

  h3 { font-size: 16px;
    font-family: verdana,arial,helvetica,sans-serif;
    color: rgb(211, 203, 17);
    }

  a:link { text-decoration: none;
    font-family: verdana,arial,helvetica,sans-serif;
    }

  a:visited { text-decoration: none;
    font-family: verdana,arial,helvetica,sans-serif;
    }

  a:hover { text-decoration: underline;
    color: rgb(255, 0, 0);
    font-family: verdana,arial,helvetica,sans-serif;
    }

  a:active { text-decoration: none;
    font-family: verdana,arial,helvetica,sans-serif;
    }

.gallery{ /* Kevan thanks http://dnevnikeklektika.com for the gallery code */
          margin:0; padding:0;
          overflow:hidden; /* Clears the floats */
          width:100%; /* IE and older Opera fix for clearing, they need a dimension */
          list-style:none;
        }
          .gallery li{
            float:left;
            display:inline; /* For IE so it doesn't double the 1% left margin */
            width:23.8%;
            margin:0 0 10px 1%; padding:10px 0;
            height:58px; /* Height of img (75) + 2 times 3px padding + 2 times 1px border = 83px */
            position:relative; /* This is the key */
          }
            .gallery a,
            .gallery img{
              display:block;
              width:100%;
            }
            a img{ border:none; } /* A small fix */
            .gallery a:link,
            .gallery a:visited,
            .gallery a:focus,
            .gallery a:hover,
            .gallery a:active{
              padding:3px;
              background:#eeefef;
              width:75px; height:65px;
              border:1px solid #eeefef; /* We blend the border with the bg, as if it isn't there */
              position:absolute; top:50%; left:50%; /* position it so that image's top left corner is in the center of the list item */
              margin:-41px 0 0 -41px; /* Pull the image into position with negative margins (margins value is half of the width of the image) */
            }
            .gallery a:hover{
              border-color:#dfdfdf;
            }
            /* These are all optional, for decoration purpouses only */
            .gallery{
              border-bottom:0px solid #000;
              padding-bottom:10px;
              margin-top:10px;
            }

  div#wrapper { border: 3px double rgb(153, 153, 153);
    margin: 25px auto;
    padding: 0px;
    width: 750px;
    background-attachment: scroll;
    background-position: center;
    opacity: 1;
    }

  div#header { margin: 0px;
    padding: 0px 0px 240px;
    color: rgb(204, 98, 1);
    background-image: url(img/header.jpg);
    background-repeat: no-repeat;
    background-position: center;
    }

  div#main { border-style: none;
    margin: 1% 2%;
    padding: 10px;
    opacity: 1;
    }

  div#mainright { border-style: none;
    margin: 1% 2%;
    padding-left: 10px;
    opacity: 1;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    width: 300px;
    }

  div#footer { border-top: thick solid rgb(198, 190, 15);
    margin: 0px;
    padding: 10px;
    bottom: 10px;
    }

  div#footer ul li { color: rgb(0, 0, 0);
    background-color: transparent;
    display: inline;
    }

  div#footer ul li a { color: rgb(17, 94, 172);
    background-color: transparent;
    text-decoration: none;
    }

  div#footer ul li a:hover { text-decoration: underline;
    }