/*
    BGZOOSOS CSS stylesheet
    Mandić Igor <wexy@beotel.net>
    (c) 2006 http://www.bgzoosos.com/
*/

/* Global */

body
{
    background-color: #E2A23C;
    background-image: url("../images/bg.gif");
    background-position: center;
    background-repeat: repeat-y;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
}

img          
{ 
    border: 0;
}

/* Container */

#container   
{ 
    width: 800px; 
    background-color: #FFFFFF;
    margin-left: auto; 
    margin-right: auto; 
    padding: 0px 0px 0px 0px;
}

/* Header*/

#header
{
    background-color: #247324;
    background-repeat: no-repeat;
    height: 102px;
}

#header .background
{
    background-image: url("../images/heder2.jpg");
    background-repeat: no-repeat;
    background-position: bottom right;
    height: 102px;
}

#header .background .title
{
   padding: 22px 0 0 20px;
}

#header h1
{
    color: #FFFFFF;
    font-size: 27px;
    font-weight: normal;
    padding: 0;
    margin: 0;
}

/* Menu */

#menu
{
    background-color: #DADCDE;
    background-image:;
    background-position:;
    background-repeat: no-repeat;
    border-top: 1px solid #F28509;
    border-bottom: 1px solid #F28509;
    height: 35px;
    margin-bottom: 20px;
}

#menu ul
{
    width: 100%;
    list-style-type: none;
    margin: 0 10px 0 10px;
    padding: 0;
}

#menu ul li
{
    display: inline;
    margin: 0;
    padding: 0;
}

#menu ul li a, #menu ul li a:visited
{
    color: #000000;
    float: left;
    font-size: 12px;
    font-weight: bold;
    min-height: 25px;
    padding: 10px 10px 0 10px;
    text-decoration: none;
}

#menu ul li a:hover, #menu ul li a:active
{
    background-color: #90A995;
    color: #FFFFFF;
}

/* Left sidebar */

#left
{
    float: left;
    width: 140px;
}

#left .section
{
    margin-bottom: 20px;
}

#left .section .title
{
    color: #FFFFFF;
    background-color: #247324;
    background-image:
    background-repeat: no-repeat;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 17px 4px 17px;
    min-height: 13px;
}

#left .section .content
{
    background-color: #DADCDE;
}

#left .section .content ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#left .section .content ul li
{
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #F28509;
}

#left .section .content ul li a, #left .section .content ul li a:visited
{
    color: #000000;
    display: block;
    font-size: 12px;
    padding: 3px 15px 3px 15px;
    text-decoration: none;
}

#left .section .content ul li a:hover, #left .section .content ul li a:active
{
    background-color: #90A995;
    color: #FFFFFF;
}

/* Right sidebard */

#right
{
    margin-left: 170px;
    margin-right: 10px;
}

#right .motto
{
    border: 1px solid #D67200; /* #2A642A */
    margin-bottom: 20px;
    padding: 10px 10px 5px 10px; 
}

#right .motto .title
{
}

#right .motto .title h2
{
    color: #D67200;
    font-size: 14px;
    font-weight: none;
    margin: 0;
    padding: 0;
}

#right .motto .content
{
}

#right .motto .content p
{
    color: #000000;
    font-size: 12px;
    margin: 5px 0 5px 0;
    padding: 0;
    text-align: justify;
}

#right .motto .content p .grey
{
    color: #555555;
}

#right .motto .content p a, #right .motto .content p a:visited
{
    color: #2A642A;
    font-weight: bold;
    text-decoration: none;
}

#right .motto .content p a:hover, #right .motto .content p a:active
{
    background-color: #90A995;
    color: #FFFFFF;
}

#right .announcement
{
    margin-bottom: 20px;
    display: none; /* temp */
}

#right .article
{
    margin-bottom: 20px;
}

#right .article .date
{
    color: #272829;
    font-size: 12px;
}

#right .article .title
{
}

#right .article .title h2
{
    border-bottom: 1px solid #D67200;
    color: #D67200;
    font-size: 18px;
    font-weight: none;
    margin: 0;
    padding: 0;
}

#right .article .content
{
}

#right .article .content h3
{
    color: #D67200;
    font-size: 18px;
    font-weight: none;
    margin: 0;
    padding: 0;
}

#right .article .content p
{
    color: #000000;
    font-size: 13px;
    margin: 5px 0 5px 0;
    padding: 0;
    text-align: justify;
}

#right .article .content ol
{
    margin: 0 0 0 20px;
    padding: 0;
}

#right .article .content ol li
{
    margin: 0;
    padding: 5px 0 5px 0;
    color: #000000;
    font-size: 13px;
    text-align: justify;
}

#right .article .content p .grey
{
    color: #555555;
}

#right .article .content p a, #right .article .content p a:visited
{
    color: #2A642A;
    font-weight: bold;
    text-decoration: none;
}

#right .article .content p a:hover, #right .article .content p a:active
{
    background-color: #90A995;
    color: #FFFFFF;
}

#right .article .content .important
{
    border: 1px solid #D67200;
    color: #000000;
    font-size: 14px;
    margin: 5px 0 5px 0;
    padding: 10px;
}

#right .article .content .image-container
{
    margin: 10px 0 10px 0;
}

#right .article .content .image-container .image
{
/*    padding: 10px;
    text-align: center;*/
    margin-left: auto;
    margin-right: auto;
}

#right .article .content .two-in-line
{
/*    float: left;*/
}

#right .article .content .image-container .image img
{
}

#right .article .content .image-container .image .description
{
    background-color: #DADCDE;
    color: #OOOOOO;
    font-size: 12px;
    padding: 3px;
    text-align: center;
}

/* Footer */

#footer
{
    clear: both;
    background-color: #DADCDE;
    background-position: bottom;
    background-repeat: no-repeat;
    height: 30px;
    border-top: 2px solid #5F8A5F;
    font-size: 12px;
    padding: 8px 0 8px 0;
    text-align: center;
}

#footer a, #footer a:visited
{
    color: #2A642A;
    font-weight: bold;
    text-decoration: none;
}

#footer a:hover, #footer a:active
{
    background-color: #90A995;
    color: #FFFFFF;
}